@font-face {
    font-family: 'GmarketSansBold';
    src: url('/v4/assets/fonts/GmarketSansBold-89e0fbf8.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/v4/assets/fonts/GmarketSansMedium-49a20e54.woff') format('woff');
    font-weight: medium;
    font-style: normal;
}
@font-face {
    font-family: 'RixYeoljeongdo_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html.done, body.done {overflow: hidden;}
.text_t {font-style: italic;}
.num {color:#d90007;font-size:3vh;display: block;position: absolute;top: -5vh;font-family: 'GmarketSansBold';}
.dot {width:25px !important;height:25px; border-radius: 25px;}
body {background-color: #191919;color:#fff;font-family: 'GmarketSansBold' !important;line-height: 1;}
body * {position:relative;word-break:keep-all;}
main #wrapper {padding-top:100px;}
main #wrapper > div {height:90vh;position: relative;}
button {display: block;}
.serif {font-family: 'Noto Serif KR', serif;}
.clear:after {content:'';display: block;clear:both;}
.hide {display:none;}
.wrap {max-width:1440px;width:100%;margin:0 auto;height:100%;}
#hd {position:fixed;top:0;left:0;z-index: 9;border-bottom:1px solid rgba(255,255,255,0);background-color: transparent;backdrop-filter: blur(0);margin-top:30px;}
#hd.act {margin-top:0;background-color: rgba(0,0,0,0.7);backdrop-filter: blur(5px);}
#hd.act #logo a {width:200px;}
#hd_wrapper {height:100px;}
#gnb {background-color:transparent;}
#gnb .gnb_1da {padding:0 35px 0 35px !important;text-align: center;}
#gnb .gnb_1dli {line-height:100px;font-size:1rem;}
#gnb .gnb_1dli a {color:#fff;}
#gnb .gnb_1dli .gnb_2dli a {color:#222;}
#logo {padding:initial;position:absolute;margin-top:10px;z-index: 6;}
#logo a {width:225px;display: inline-block;transition: all 0.25s ease;}
#logo a img {width:100%;}
#gnb #gnb_1dul {display: flex;justify-content: center;border:0;}
#gnb .gnb_mnal {position: absolute;top:0;right:0;}
#gnb .gnb_menu_btn {height:100px;background-color: transparent;width:30px;text-align: right;}
#gnb .gnb_menu_btn span {height:2px;background-color: #fff;display: block;float:right;}
#gnb .gnb_menu_btn span:nth-child(1), #gnb .gnb_menu_btn span:nth-child(3) {width:100%;}
#gnb .gnb_menu_btn span:nth-child(2) {width:80%;margin:10px 0;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:2.5vh;color:#222;}
#gnb .gnb_1dli > a {transition:all 0.25s ease;}
#gnb .gnb_1dli:hover > a {color:#fff;}
.gnb_2dul {top:80px;width:100%;min-width:initial;}
a.gnb_2da:hover {background-color: transparent;}
.gnb_2dul .gnb_2dul_box {border:initial;box-shadow: initial;-webkit-box-shadow:initial;background-color: #fff;text-align: center;line-height:3;padding:10px 0;line-height:initial;border-radius: 10px 0;}
#gnb .gnb_1dli .gnb_2dul a {position:relative;display: inline-block;line-height:30px;padding:0 0;font-size:0.9rem;font-weight: bold;}
#gnb .gnb_1dli .gnb_2dul a:after {content:'';display: block;width:0;height:2px;background-color:rgba(255,2550,255,0.5);transition:all 0.25s ease;position: absolute;left:50%;bottom:0;transform:translateX(-50%);}
#gnb .gnb_1dli .gnb_2dul a:hover:after {width:100%;}
#gnb_all .gnb_al_li .gnb_al_a {font-size:2vh;text-align: center;}
#gnb_all .gnb_al_li li {text-align:center;}
#gnb_all_bg {background:none;}
.sp-button {position: absolute;top: 50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50px;text-align: center;background-color: #fff;z-index: 1;cursor: pointer;}
.sp-button i {color:#222;line-height:50px;font-size:25px;}
.sp-button.button-prev {left:0;}
.sp-button.button-next {right:0;}
main section h1 {font-size:5vh;font-family: 'GmarketSansMedium';}
main section {overflow: hidden;}
main section h2 {font-size:10vh;}
main section h3 {font-size:8vh;}
main section h4 {font-size:3vh;font-family: 'GmarketSansMedium';}
main section h5 {font-size:2.5vh;font-family: 'GmarketSansMedium';line-height:1.3;}
main section h6 {font-size:4vh;font-family: 'GmarketSansBold';line-height:1.3;}
main section {position: relative;}
.sec01 {height:70vh !important;}
.sec01 .wrap ul {height:100%;position: relative;}
.sec01:before {content:'';display:block;position: absolute;left:0;bottom:0;width:100%;height:50%;background-color: rgba(0,0,0,0.7);}
.sec01 .wrap ul li {height:35vh;font-size:0;}

.sec01 .wrap ul li div {font-size:12vh;text-align: right;}
.sec01 .wrap div.logo {position: absolute;top:40%;left:50%;transform:translate(-50%, -50%);opacity: 0.15;height:100%;animation: sb 2000ms;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-direction: alternate;}
.sec01 .wrap div.logo img {height:100%;}
.sec01 .wrap ul li:first-child {display: flex;flex-wrap: nowrap;align-items: center;}
.sec01 .wrap ul li:first-child div {width:33vh}
.sec01 .wrap ul li:first-child p {margin-left:30px;}
.sec01 .wrap ul li:last-child div {width:25vh}
.sec01 .wrap ul li:last-child {display: flex;flex-wrap: nowrap;align-items: center;justify-content: right;}
.sec01 .wrap ul li:last-child p {padding-bottom:17vh;margin-right:30px;width:0;opacity: 0;transition:all 0.25s ease;font-size:3vh;color: #333;overflow: hidden;padding: 5px;animation-name: openclose2;animation-duration: 1.5s;animation-timing-function: ease-in-out;animation-delay: 0.2s;animation-iteration-count: 1;animation-fill-mode: forwards;white-space:nowrap;margin-bottom:17vh;z-index: 1;}
.sec01 .wrap ul li:last-child span {padding-bottom:2vh;}
.sec01 .wrap ul li > * {display: flex;align-items:end;height:12vh;line-height: 1;justify-content: right;}
.sec01 .wrap ul li span {font-size:6vh;}
.sec01 .wrap ul li:first-child p {width:0;opacity: 0;transition:all 0.25s ease;font-size:3vh;padding-bottom:1vh;color: #333;display: inline-flex;overflow: hidden;padding: 5px;animation-name: openclose;animation-duration: 1.5s;animation-timing-function: ease-in-out;animation-delay: 0.2s;animation-iteration-count: 1;animation-fill-mode: forwards;white-space:nowrap;justify-content: left;}
.sec01 .wrap ul li p:after {content:'';display: block;width:100%;height:4vh;background-color: #fff;position: absolute;left:0;bottom:5px;z-index: -1;}
.sec01 .wrap ul li:last-child p:after {bottom:0.5vh;}
.sec02 {background-image: url("/v4/assets/images/dear-sec02-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}
.sec02 .num {right:0;}
.sec02 .wrap > ul {display:flex;flex-wrap: wrap;align-items: center;height:35%;position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;z-index: 1;}
.sec02 ul > li {position: relative;z-index: 1;display: flex;flex-wrap: wrap;align-content: space-between;height: 100%;}
.sec02 ul > li:first-child {width:45%;}
.sec02:after {content:'';display: block;position: absolute;left:0;top:0;width:45%;height:100%;background-color: rgba(0,0,0,0.5);z-index: 0;}
.sec02 ul > li:last-child {width:55%;text-align: right;justify-content: right;}
.sec02 ul > li:last-child > * {opacity: 0;}
.sec02 ul > li:last-child .num {animation-delay: 0.5s;}
.sec02 ul > li:last-child h3 {animation-delay: 0.9s;}
.sec02 ul > li:last-child .vt_line {animation-delay: 1.4s;}
.sec02 ul > li:last-child h5 {animation-delay: 1.6s;}
.sec02 ul > li > * {width: 100%;}
.sec02 ul > li > h2 {animation-delay: 0.5s;opacity: 0;}
.sec02 ul > li > h4 {opacity: 0;}
.sec02 ul > li > .vt_line {margin-right:3px;}
.vt_line {width:3px !important;height:80px;background-color: #fff;display: inline-block;margin:10px 0;}

.sec03 {background-image: url("/v4/assets/images/dear-sec03-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}
.sec03 .wrap {padding-top:120px;}
.sec03 .wrap > * {opacity: 0;}
.sec03 .wrap .num {left:0; top:70px;}
.sec03 .wrap .vt_line {margin-left:3px;}

.sec03 .wrap .num {animation-delay: 0s;}
.sec03 .wrap h3 {animation-delay: 0.2s;}
.sec03 .wrap .vt_line {animation-delay: 0.4s;}
.sec03 .wrap h5 {animation-delay: 0.6s;}

.sec04 {background-image: url("/v4/assets/images/dear-sec04-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}
.sec04 ul {position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;}
.sec04 li:first-child {display: flex;flex-wrap: nowrap;align-items: center;}
.sec04 li:first-child > * {opacity: 0;}
.sec04 li:first-child h3 {animation-delay:0.2s;}
.sec04 li:first-child .vt_line {animation-delay:0.4s;}
.sec04 li:first-child h5 {animation-delay:0.6s;}
.sec04 .img {width:100%;margin-top:100px;transform: scale(0);opacity: 0;animation-delay: 0.8s;}
.sec04 .img img {width: 100%;}
.sec04 h5 {display: inline-block;top:3px;}
.sec04 .vt_line {margin:0 30px;}


.sec05 {background-image: url("/v4/assets/images/dear-sec05-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}
.sec05 ul {position:absolute;bottom:15vh;left:0;width:100%;display: flex;flex-wrap: nowrap;align-items: end;padding-top:400px;}
.sec05 li {float:left;}
.sec05 li:first-child {display: flex;flex-wrap: wrap;width: 60%;}
.sec05 li:first-child .vt_line {margin-left:3px;}
.sec05 li:first-child > * {display: block;width: 100%;}
.sec05 li:last-child {width: 40%;opacity: 0;animation-delay: 1s;}
.sec05 li:last-child > div {display: flex;flex-wrap: wrap;justify-content: right;width: 100%;text-align: right;}
.sec05 li:last-child > div p {font-size: 3vh;margin-top:10px;}
.sec05 li:last-child > div p span, .sec05 li:last-child > div p i {color:#d90007;}
.sec05 li:last-child > div p i {margin-left:10px;}
.sec05 li:last-child > div > * {width:100%;}
.sec05 li:last-child .num {font-size:11vh;letter-spacing: -3px;position: relative;top:initial;display: inline-block;width:19vh;text-align: center;}

.sec05 li:first-child > * {opacity: 0;}
.sec05 .wrap .num {animation-delay: 0s;}
.sec05 .wrap h3 {animation-delay: 0.2s;}
.sec05 .wrap .vt_line {animation-delay: 0.4s;}
.sec05 .wrap h5 {animation-delay: 0.6s;}

.sec06 {background-image: url("/v4/assets/images/dear-sec06-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;height:120vh !important;}

.sec06 .wrap {padding-top:120px;}
.sec06 .wrap li:first-child {text-align: center;}
.sec06 .wrap li:first-child > * {opacity: 0;}

.sec06 .wrap h3 {animation-delay: 0s;}
.sec06 .wrap h4 {animation-delay: 0.2s;}
.sec06 .wrap h5 {animation-delay: 0.4s;}

.sec06 h3 {background: linear-gradient(to right, #ffabae, #ff021f);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sec06 h3:first-child {line-height: 1.3;}
.sec06 h4 {font-size:7vh;font-family: 'GmarketSansMedium';color:#222;background: none;-webkit-text-fill-color: #222;margin-bottom:20px;}
.sec06 h5 {color:#222;}
.sec06 .img {width:30%;position: absolute;left:50%;bottom:100px;transform: translateX(-50%);z-index: 1;}
.sec06 .img img {width: 100%;}
.sec06 .img img.mov {position: absolute;left:0;top:0;z-index: 1;animation: motion 0.1s linear 0s infinite alternate;}


/* 애니메이션하는 요소 */
.sec06 .cont{
  position: absolute;
 top:65%;transform:translateY(-50%);
  width: 100%;
}
.sec06 .cont > ul {
    width:100%;
}
.sec06 .cont > ul > li {width:200%;margin: 0;list-style: none;padding: 9px 0;display: flex;justify-content: center;align-items: center;height:0;padding-bottom:20%;}
.sec06 .cont > ul > li img {width:100%;position: absolute;top: 0;}
.sec06 .cont > ul > li img.ab {right:-100%;}

.sec07 {background-color: #191919;height:130vh !important;}
.sec07 .wrap ul {height:100%;position: relative;}
.sec07:before {content:'';display:block;position: absolute;left:0;bottom:0;width:100%;height:50%;background-color: rgba(0,0,0,0.7);}
.sec07 .wrap div.logo {position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity: 0.15;height:100%;}
.sec07 .wrap div.logo img {height:100%;}
.sec07 .wrap ul li:first-child {display: flex;flex-wrap: wrap;align-items: center;align-content: center;}
.sec07 .wrap ul li {height:50%;}
.sec07 .wrap ul li:first-child > * {width: 100%;opacity: 0;}
.sec07 .wrap ul li:first-child h3 {animation-delay: 0s;}
.sec07 .wrap ul li:first-child h2 {animation-delay: 0.2s;}
.sec07 .wrap ul li:first-child h6 {animation-delay: 0.4s;}
.sec07 h2 {margin:35px 0 20px 0;}
.sec07 h6 {font-family: 'GmarketSansMedium';margin-top:10px;}
.sec07 h6 strong {color:#ffabae;opacity: 0;}

.sec07 .dot {position: relative;background-color: #ffabae;top: -20px;left: -20px;}

.sec07 .wrap ul li:last-child > div {position: absolute;top:50%;transform:translateY(-50%);border-top-left-radius: 35px;border-top-right-radius: 35px;opacity: 0;}
.sec07 .wrap ul li:last-child div.other {background-color: #dadada;width: 40%;left:100px;animation-delay: 0.5s;}
.sec07 .wrap ul li:last-child div.other h2 {font-size:4vh;text-align: center;color:#5e5e5e;}
.sec07 .wrap ul li:last-child div.other span {font-size:1.8vh;opacity:0.8;}
.sec07 .wrap ul li:last-child div.dearbox {background-color: #d90007;width: 50%;left: calc(50% - 100px);filter: drop-shadow(0px 7px 7px black);animation-delay: 1s;}
.sec07 .wrap ul li:last-child div.dearbox h2 {font-size:5vh;text-align: center;}
.sec07 .wrap ul li:last-child div.dearbox span {font-size:2.2vh;font-weight: 700;}
.sec07 .wrap ul li:last-child > div .cont {background-color: #fff;width: calc(100% - 50px);margin: 0 auto 30px auto;}
.sec07 .wrap ul li:last-child > div .cont span {border-bottom:1px dotted #dadada;width:100%;color:#434343;font-family: "Noto Sans KR", sans-serif;display: block;line-height:3;text-align: center;}
.sec07 .wrap ul li:last-child .vs {background-color: #222;color:#fff;width:70px;height:70px;border-radius: 70px;line-height: 73px;display: block;position: absolute;left:calc(50% - 100px);top:calc(50% + 50px);transform:translate(-50%, -50%);z-index: 1;text-align: center;font-family: 'GmarketSansMedium';font-style: italic;font-size:2vh;animation-delay: 1.5s;margin-left:-35px;opacity: 0;margin-top:-25px;}


.sec08 {background-image: url("/v4/assets/images/dear-sec08-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}
.sec08 .wrap {overflow: hidden;padding-top:100px;}
.sec08 .wrap > * {opacity: 0;}
.sec08 .wrap h3 {animation-delay: 0s;}
.sec08 .wrap .swiper_menu {animation-delay: 0.2s;}
.sec08 .wrap .swiper_main {animation-delay: 0.4s;}
.sec08 h1 {margin-bottom:30px;font-family: 'GmarketSansBold';}
.sec08 h3 {text-align: center;margin-bottom:30px;}
.sec08 .swiper_menu h5{text-align: center;line-height: 1.5;}
.sec08 .swiper_main {margin-top:100px;}
.sec08 .swiper_main h1 {display: inline-block;}
.sec08 .swiper_main h1:after {content:'';display: block;width:calc(100% - 130px);height:calc(5vh + 10px);background-color: #474747;position: absolute;right:-10px;top:-10px;z-index: -1;}
.sec08 .swiper_main strong {font-size:3.7vh;font-family: 'GmarketSansBold';}
.sec08 .swiper_main span {font-size:2vh;}
.sec08 .swiper_main h1, .sec08 .swiper_main h5 {padding-left:150px;}
.sec08 .swiper_main h1:before {content:'';display: inline-block;position: absolute;top:0;left:0;font-family: 'GmarketSansBold';}
.sec08 .swiper_main .no1 h1:before {content:'NO.1';}
.sec08 .swiper_main .no2 h1:before {content:'NO.2';}
.sec08 .swiper_main .no3 h1:before {content:'NO.3';}
.sec08 .swiper_main .no4 h1:before {content:'NO.4';}
.sec08 .swiper_main .no5 h1:before {content:'NO.5';}
.sec08 .swiper_main h5 {font-size:3vh !important;}
.sec08 .swiper_main li {padding-right:70px;box-sizing: border-box;}
.sec08 .swiper_menu {background-color: #474747;border-radius: 100px;height:80px;line-height:80px;}
.sec08 .swiper_menu h5 {line-height:80px;font-size:3.3vh !important;}
.sec08 .swiper_menu .swiper-wrapper {align-items: center;justify-content: center;}
.sec08 .swiper_menu .swiper-slide {width:initial !important;padding:0 20px;cursor: pointer;}
.sec08 .swiper_menu .swiper-slide:after {content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color: transparent;border-radius: 100px;width:100%;height:60px;z-index: -1;transition:all 0.25s ease;}
.sec08 .swiper_menu .swiper-slide.swiper-slide-thumb-active h5 {font-family: 'GmarketSansBold';}
.sec08 .swiper_menu .swiper-slide.swiper-slide-thumb-active:after {content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color: #000;border-radius: 100px;width:100%;height:60px;z-index: -1;}
.sec08 .swiper_menu .swiper-slide.swiper-slide-thumb-active h5 {line-height:80px;}


.sec09 {background-image: url("/v4/assets/images/dear-sec09-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;padding:100px 0;height:initial !important;}
.sec09 .wrap > h3, .sec09 .wrap > h4 {text-align: center;}
.sec09 .wrap  > * {opacity: 0;}
.sec09 .wrap h3 {animation-delay: 0s;}
.sec09 .wrap h4 {animation-delay: 0.2s;}
.sec09 .wrap .before {animation-delay: 0.5s;}
.sec09 .wrap > h3 {margin-bottom: 20px;}
.sec09 .wrap > h4 {margin-bottom:50px;}
.sec09 .wrap > h4 span {font-size:2.5vh;}
.sec09 .wrap .img {margin-top:10px;}
.sec09 .wrap .img h4 {line-height: 1;display: inline-block;font-style:italic;}
.sec09 .wrap .img h4 strong {font-family:'GmarketSansBold';font-size:4vh;}
.sec09 .wrap .img > span {font-family:'GmarketSansMedium';color:#fff;position: relative;z-index: 1;display: inline-block;font-size:3vh;padding:0 15px;text-align: center;height:40px;line-height: 40px;}
.sec09 .wrap .img span:after {content:'';background-color: #fd4c51;border-radius: 50px;width:100%;height:100%;position: absolute;left:0;top:50%;transform: translateY(calc(-50% - 2px));display: block;z-index:-1;}
.sec09 .wrap div li {float:left;}
.sec09 .wrap > div:last-child {margin-top:50px;}
.sec09 .wrap > div li:first-child {width:500px;margin-right:50px;}
.sec09 .wrap > div li.cont {width:calc(100% - 550px);margin-top:65px;}
.sec09 .wrap > div.before li.cont {width:calc(100% - 550px);margin-top:65px;}
.sec09 .wrap > div.before li.cont > *:nth-child(1) {animation-delay: 1.2s;}
.sec09 .wrap > div.before li.cont > *:nth-child(2) {animation-delay: 1.4s;}
.sec09 .wrap > div.before li.cont > *:nth-child(3) {animation-delay: 1.6s;}
.sec09 .wrap > div.after li.cont {width:calc(100% - 550px);margin-top:65px;animation-delay: 0.7s;}
.sec09 .wrap > div.after li.cont > *:nth-child(1) {animation-delay: 0.9s;}
.sec09 .wrap > div.after li.cont > *:nth-child(2) {animation-delay: 1.1s;}
.sec09 .wrap > div.after li.cont > *:nth-child(3) {animation-delay: 1.3s;}
.sec09 .wrap > div.after li.cont > *:nth-child(4) {animation-delay: 1.5s;}
.sec09 .wrap .arrow {width: 500px;text-align: center;margin-top:30px;}
.sec09 .wrap .arrow i {display: block;font-size:9vh;line-height: 2.2vh;opacity: 0;}
.sec09 .wrap .arrow i:nth-child(1) {color: #494949;animation-delay: 0.7s;}
.sec09 .wrap .arrow i:nth-child(2) {color:#898989;animation-delay: 0.75s;}
.sec09 .wrap .arrow i:nth-child(3) {color:#fff;animation-delay: 0.8s;}
.sec09 .wrap .cont h5 {padding-left:40px;}
.sec09 .wrap .cont h5 img {width:30px;}
.sec09 .wrap .cont h5.qu {font-family:'GmarketSansBold';line-height:30px;margin-bottom:20px;font-size:2.8vh;}
.sec09 .wrap .cont h5.an {font-family:'GmarketSansMedium';color:#ffb2b4;margin-bottom:20px;line-height:1.5;margin-bottom:20px;}
.sec09 .wrap .cont h5.an span {color:#fff;display: inline-block;padding-left: 40px;margin-top:10px;}

.sec10 {padding:100px 0;height:initial !important;background: linear-gradient(to bottom, #ff4d52, #da0209);}
.sec10 > * {opacity: 0;}
.sec10 strong {font-family:'GmarketSansBold';}
.sec10 h3, .sec10 h4 {text-align: center;}
.sec10 h3 {margin-bottom: 20px;font-family:'GmarketSansMedium';animation-delay: 0s;}
.sec10 h4 {margin-bottom:50px;animation-delay: 0.2s;}
.sec10 .wrap {animation-delay:0.7s;}
.sec10 .cont {text-align: center;margin-top:100px;}
.sec10 .cont h4 {line-height:1.5;}
.sec10 .cont h4 span:nth-child(1):after {animation-delay: 0s;}
.sec10 .cont h4 span:nth-child(2):after {animation-delay: 0.1s;}
.sec10 .cont h4 span:nth-child(3):after {animation-delay: 0.2s;}
.sec10 .cont h4 span:nth-child(4):after {animation-delay: 0.3s;}
.sec10 .cont h4 span {font-family: 'GmarketSansBold';}
.sec10 .cont h4 span:after {content:'';display: block;width:8px;height:8px;border-radius: 8px;position: absolute;left:50%;top:-15px;background-color: #fff;transform: translateX(-50%);animation-name:bounce;animation-duration: 0.6s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0, 0, 0.18, 0.99);animation-direction: alternate;}
/* 애니메이션하는 요소 */
.sec10 .cont.r{
    position: absolute;top: 45%;transform:translateY(-50%);width: 100%;opacity: 1;margin-top:0;}
  .sec10 .cont > ul {
      width:100%;
  }
  .sec10 .cont > ul > li {width:350%;margin: 0;list-style: none;padding: 9px 0;display: flex;justify-content: center;align-items: center;height:0;padding-bottom:20%;}
  .sec10 .cont > ul > li img {width:100%;position: absolute;top: 0;}
  .sec10 .cont > ul > li img.ab {right:-100%;}
  .sec10 > *:last-child {position: relative;margin-top:500px;animation-delay:0.5s;}
.swiper-slide {cursor: pointer;}
.swiper-slide img {width:100%;}
.sec11 {padding:100px 0;height:auto !important;}
.sec11 .swiper-container {transition-timing-function: linear;}
.sec11 > * {text-align: center;}
.sec11 > h3 {margin-bottom:10px;opacity: 0;}
.sec11 > h4 {animation-delay: 0.2s;opacity: 0;}
.sec11 .wrap > div {margin-top:100px;}
.sec11 .cont.r{
    position: relative;width: 100%;opacity: 1;margin-top:0;}
  .sec11 .cont > ul {
      width:100%;
  }
  .sec11 .logo h5 {text-align: right;}
  .sec11 .logo h5:after {left:initial;right:-230px;}
  .sec11 .cont > ul > li {width:350%;margin: 0;list-style: none;padding: 9px 0;display: flex;justify-content: center;align-items: center;height:0;}
  .sec11 .cont > ul > li img {width:100%;position: absolute;top: 0;}
  .sec11 .cont > ul > li img.ab {right:-100%;}
  .sec11 .logo .cont > ul > li img.ab {right:100%;}
  .sec11 > *:last-child {position: relative;}

  .sec11 .review .cont > ul > li {padding-bottom:25%;}
  .sec11 .logo .cont > ul > li {padding-bottom:11%;}
  .sec11 .photo .cont > ul > li {padding-bottom:11%;}
  
.sec11 h5 {font-style: italic;text-align: left;margin-bottom: 20px;}
.sec11 h5:after {content:'';display: block;width:200px;height:3px;position: absolute;background-color: #fff;top:40%;transform: translateY(-50%);left:-230px;}
.sec11 .logo .swiper-slide {padding-bottom:25%;}
.sec11.logo h5 {text-align: right;}
.sec11.logo h5:after {content:'';display: block;width:200px;height:3px;position: absolute;background-color: #fff;top:40%;transform: translateY(-50%);right:-230px;left:initial;}
.sec11 .swiper-wrapper {
    transition-timing-function: linear !important;
  } 
.sec11 .photo .swiper-slide {padding-bottom:16%;}

.sec12 {background: linear-gradient(to bottom, #ff4c52, #da0209);padding:100px 0;height:auto !important;}
.sec12 > * {text-align: center;opacity: 0;}
.sec12 .wrap {margin-top:100px;animation-delay: 0.4s;}
.sec12 h4 {line-height: 1.3;margin-top:40px;animation-delay: 0.2s;}
.sec12 .wrap > ul > li {width:50%;float:left;}
.sec12 .wrap > ul > li > div {width:50%;float:left;}
.sec12 .wrap > ul > li > div.tit {top:-30px;width:calc(100% - 50px);}
.sec12 .wrap > ul > li > div li {color:#222;height:65px;margin-bottom:15px;}
.sec12 .wrap > ul > li.online > div.tit li:nth-child(1) {animation-delay: 1s;}
.sec12 .wrap > ul > li.online > div.tit li:nth-child(2) {animation-delay: 1.2s;}
.sec12 .wrap > ul > li.online > div.tit li:nth-child(3) {animation-delay: 1.4s;}
.sec12 .wrap > ul > li.online > div.tit li:nth-child(4) {animation-delay: 1.6s;}
.sec12 .wrap > ul > li.online > div.tit li:nth-child(5) {animation-delay: 1.8s;}
.sec12 .wrap > ul > li.offline > div.tit li:nth-child(1) {animation-delay: 2s;}
.sec12 .wrap > ul > li.offline > div.tit li:nth-child(2) {animation-delay: 2.2s;}
.sec12 .wrap > ul > li.offline > div.tit li:nth-child(3) {animation-delay: 2.4s;}
.sec12 .wrap > ul > li > div.tit li:after {content:'';position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:65px;width:100%;background-color: #fff;}
.sec12 .wrap > ul > li.online > div li:after {border-top-left-radius: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.sec12 .wrap > ul > li.offline > div li:after {border-top-right-radius: 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.sec12 .wrap > ul > li > div li h4 {z-index: 1;font-family:'GmarketSansBold';margin-top:0;line-height:68px;}
.sec12 .wrap > ul > li {display: flex;flex-wrap: nowrap;align-items: center;}
.sec12 .wrap > ul > li.online .tit {margin-right:50px;}
.sec12 .wrap > ul > li.offline .tit {margin-left:50px;}
.sec12 .wrap > ul > li .img span {position: absolute;left:50%;top:42%;transform:translate(-50%, -50%);z-index: 1;color:#fff;font-size:6vh;line-height: 1.3;}

.sec13 {height:auto !important;}
.sec13 > div > ul {display: flex;flex-wrap: wrap;align-items: center;}
.sec13 > div > ul >li {float:left;opacity: 0;}
.sec13 > div > ul >li.tit {padding:0 100px;box-sizing: border-box;width:40%;animation-delay:0.8s;}
.sec13 > div > ul >li.img {height:100vh;}
.sec13 > div > ul >li.tit .num {position: relative;top:0;display: inline-block;}
.sec13 > div > ul >li.img {width:60%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.sec13 > div > ul >li.img.brand3 {background-image: url("/v4/assets/images/dear-sec13-3.jpg");}
.sec13 > div > ul >li.img.brand2 {background-image: url("/v4/assets/images/dear-sec13-2.jpg");}
.sec13 > div > ul >li .logo.brand2 {left:initial;right:100px;}
.sec13 > div > ul >li.img.brand1 {background-image: url("/v4/assets/images/dear-sec13-1.jpg");}
.sec13 > div > ul >li .logo {position: absolute;bottom:-200px;left:100px;}

.sec14 {padding-top:100px;text-align: center;background-image: url("/v4/assets/images/dear-sec14-bg.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;padding:100px 0;height:initial !important;}
.sec14 > * {opacity: 0;}
.sec14 h4 {font-size:8vh;margin-bottom:20px;}
.sec14 h3 {font-size:10vh;animation-delay: 0.2s;}
.sec14 li {background-image: url("/v4/assets/images/dear-bubble.png");background-repeat: no-repeat;background-position: center;background-size: contain;width:33%;float:left;padding-bottom:14%;height:0;margin:0 1%;}
.sec14 .wrap {margin-top:100px;animation-delay: 0.4s;}
.sec14 .wrap h5 {position: absolute;left:50%;top:48%;transform: translate(-50%, -50%);white-space:nowrap;}
.sec14 .wrap ul {display: flex;flex-wrap: nowrap;justify-content: center;}
.sec14 .wrap ul:first-child li:nth-child(1) {animation-delay: 0.8s;}
.sec14 .wrap ul:first-child li:nth-child(2) {animation-delay: 1s;}
.sec14 .wrap ul:last-child li:nth-child(1) {animation-delay: 1.2s;}
.sec14 .wrap ul:last-child li:nth-child(2) {animation-delay: 1.4s;}
.sec14 .wrap ul:last-child li:nth-child(3) {animation-delay: 1.6s;}

.sec15 {height:auto !important;width:100%;padding:0 100px;box-sizing: border-box;background-color: #111;background-image:none !important;position: fixed !important;bottom: 0;left: 0;z-index: 9;opacity: 1;transition:all 0.25s ease;filter: drop-shadow(-3px 0px 3px black);
}
.sec15 .agree_detail {position: absolute;right:0;bottom:0;width:70px;height:50px;font-size: 0;cursor: pointer;}
.sec15 .counsel {width: 100%;}
.sec15.bottom {opacity: 0;display: none;}
.sec15 .input_area {width:initial !important;margin-bottom:0 !important;}
.sec15 form {display: flex;flex-wrap: wrap;align-items: center;}
.sec15 .cs span {font-family: "Noto Sans KR", sans-serif !important;margin-bottom:10px;display: block;}
.sec15 p a {font-size:3vh;}
.sec15 .input_area.cs {width:250px !important;}
.sec15 .input_area.cp, .sec15 .input_area.ph {width: calc(25% - 10px) !important;margin-right:10px;}
.sec15 .input_area.cont {width:calc(50% - 400px) !important;}
.sec15 .input_area input[type="text"] {width:100% !important;border-radius: 0 !important;}
.sec15 .in_btn {width:130px !important;margin:0 0 0 20px !important;}
.sec15 > ul >li.tit {padding:0 100px;box-sizing: border-box;width:40%;animation-delay:0.8s;}
.sec15 > ul >li.tit > * {text-align: left;}
.sec15 .center14 {width:100% !important;z-index: 1;padding:10px 0;max-width:initial !important;}
.sec15 .input_area .input_label {color:#fff;width:auto !important;font-family: "Noto Sans KR", sans-serif;font-size:19px !important;}
.sec15 .vt_line {display: block;}
.sec15 .input_area input[type="text"], .sec15 .input_area textarea {font-family: "Noto Sans KR", sans-serif !important;font-size:15px !important;}
.sec15 .in_btn {background-color: #b30303 !important;color:#fff !important;font-family: "Noto Sans KR", sans-serif !important;font-size:17px !important;font-weight: 700;line-height:70px;border-radius: 0 !important;transition: all 0.25s ease;height:50px !important;line-height:50px !important;}
.sec15 .in_btn:hover {background-color: #8b0000 !important;}
.sec15 .input_area.agree {width:100% !important;margin-top: 10px;border-top: 1px solid #eee;padding-top: 10px;}
.sec15 .cont {margin-bottom:0 !important;}
.sec15 input#check_btn{display:none;}
  .sec15 input#check_btn + label{cursor:pointer;font-family: "Noto Sans KR", sans-serif !important;font-size:13px;}
   .sec15 .agree > span {font-family: "Noto Sans KR", sans-serif !important;margin-left:10px;text-decoration: underline;cursor: pointer;font-size:13px;}
   .sec15 .agree {display: flex;flex-wrap: nowrap;align-items: center;line-height: 1;justify-content: right;}

   .sec15 input#check_btn + label > span{vertical-align: middle;padding-left: 5px;}
  
  /* label:before에 체크하기 전 상태 CSS */
  .sec15 input#check_btn + label:before{content:"";display:inline-block;width:15px;height:15px;border:1px solid #F47C7C;border-radius: 4px;vertical-align:middle;}
    
  /* label:before에 체크 된 상태 CSS */  
  .sec15 input#check_btn:checked + label:before{content:"";background-color:#F47C7C;border-color:#F47C7C;background-image: url('/images/check_img.png');background-repeat: no-repeat;background-position: 50%;background-size: 11px;}
    footer {background-color: #222 !important;}
    footer p.ft_info button.privacy {color:#222;margin: 0 20px 0 5px;display: inline-block;padding: 0 5px;font-weight: 900;border-radius: 5px;font-size:14px;}
    footer p.ft_info .privacy_span:after {right: 0;}
    .agree_active {display: none;width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 6;}
    .agree_active .content {width: 50vw;background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);padding:1vw;}
    .agree_active .content .policy_con {overflow-y: scroll;height: 40vh;margin-top: 1vw;border: 1px solid #777;padding: 1vw;box-sizing: border-box;}
    .agree_active .close {font-size: 2vh;position: absolute;right: 1vw;top: 1vw;cursor: pointer;color:#222;z-index: 1;}
    #policy * {color:#222;font-family: "Noto Sans KR", sans-serif;}
    #policy h2 {font-size:16px;font-weight: 900;}
    #policy p {line-height:1.3;font-size: 14px;}
    .ft_info {font-family: "Noto Sans KR", sans-serif !important;font-size:14px !important;font-weight: 300;padding:30px 0;}
    .ft_info span {display: inline-block;margin-right:20px;line-height:1.8;}
    .ft_info span:after {content:'/';display: block;position: absolute;right:-13px;top:50%;transform:translateY(-50%);color:#fff;}
    .ft_info span:nth-child(1):after, .ft_info span:nth-child(4):after,.ft_info span:nth-child(8):after, .ft_info span:nth-child(9):after {display: none;}
    .ft_info .cp_name, .ft_info .copy {display: block;}
    .ft_info .copy {font-size:12px !important;margin-top:10px;opacity: 0.8;}
    footer p.ft_info {margin-top:initial !important;margin-left:initial !important;}
    footer .center14 {width:100% !important;max-width: initial !important;padding:0 100px;box-sizing: border-box;}
    .q_menu.act {opacity: 1;}
.q_menu {position: fixed;right:50px;bottom:150px;z-index: 99;display: flex;flex-wrap: wrap;justify-content: right;width: 150px;opacity: 0;transition:all 0.25s ease;}
.q_menu div {text-align:center;width:150px;border:1px solid #5e5e5e;background-color: #fff;filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5));height:40px;line-height: 40px;font-family: "Noto Sans KR", sans-serif;border-radius: 40px;color:#5e5e5e;font-size:1.5vh;font-weight: 500;display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;margin-top:5px;}
.q_menu div a {display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;}
.q_menu div.call i {color:#b30303;}
.q_menu div.kakao i {color:#3b1e1e;}
.q_menu div.blog i {color:#2db400;}
.q_menu div.insta i {color:#E1306C;}
.q_menu div.top {width:40px;background-color: #222;cursor: pointer;}
.q_menu div.top i {margin-right:0;color:#fff;}
.q_menu div > * {color:#5e5e5e;}
.q_menu div i {font-size:2.2vh;margin-right:5px;transition:all 0.25s ease;margin-top:2px;}
#ft {background-color: #fff;color:#222;border-top:1px solid #222;}
#ft .ft_fx_icon {position: fixed;right:2vw;bottom:2vw;z-index: 5;}
#ft .ft_fx_icon button {width:35px !important;height:35px !important;line-height:35px;border: 1px solid #333;color: #333;text-align: center;font-size: 15px;z-index: 90;background: rgba(255,255,255,0.5);margin-top:3px;border-radius: 100px;}
#ft li {float:left;width:30%;font-size:0.8rem;line-height:2;}
#ft li.addr a {border-radius: 3px;background-color: #222;color:#fff;display: inline-block;padding:0 10px;margin-left:5px;font-size:0.7rem;}
#ft li:nth-child(2) {width:40%;}
#ft li.info p {font-weight: bold;}
#ft li.ft_menu {text-align: right;}
#ft li.ft_menu a {font-weight:bold;}
#ft li.ft_menu a:nth-child(1) {margin-right:40px;}
#ft ul {display: flex;justify-items: normal;align-content: initial;flex-wrap: wrap;align-items: center;}
#top_btn {z-index: 5;position: relative;bottom:initial;right:initial;}


@media screen and (max-width:1440px) {
    .vt_line {height:60px;}
    header ul.main_menu li {margin-left:75px !important;}
    header.menubar {padding: 0 30px !important;}
    header.menubar h1 {left:30px !important;}
    .sec01, .sec02, .sec03, .sec04, .sec05, .sec08 {padding:0 30px;}
    .sec07 {padding:0 50px;}
    .sec11, .sec12, .sec14 {padding:100px 30px;}
    .sec01 .wrap ul li p:after {bottom:8px;}
    .sec01 .wrap ul li:last-child div {width:21vh;}
    .sec01 .wrap ul li div, .sec02 ul > li > h2, .sec05 li:last-child .num {font-size:10vh;}
    .sec01 .wrap ul li:last-child p:after {bottom:0;}
    .sec01 .wrap ul li:first-child div {width:28vh;}
    .sec01 .wrap ul li span {font-size:5vh;}
    .sec01 .wrap ul li:first-child p {height:12vh;box-sizing: border-box;line-height:4vh;}
    main section h4, .sec01 .wrap ul li:first-child p, .sec08 .swiper_menu h5, .sec08 .swiper_main h5, .sec01 .wrap ul li:last-child p {font-size:2.5vh !important;}
    main section h5, .sec07 .wrap ul li:last-child div.dearbox span {font-size:2vh;}
    main section h3 {font-size:6vh;}
    .sec07 .wrap ul li:last-child div.dearbox h2 {font-size:4vh;}
    .sec12 .wrap > ul > li .img span {font-size:5vh;}
    .sec07 .wrap ul li:last-child div.other h2, .sec08 .swiper_main strong {font-size:3vh;}
    .q_menu {right:30px;bottom:130px;}
    .q_menu {width:40px;}
    .q_menu span {display: none;}
    .q_menu div {width:40px;}
    .q_menu div i {margin-right:0;}
    main #wrapper > div {height:75vh;}
    .sec02 ul > li > h4 {margin-bottom:30px;}
    .sec03 .wrap .num {top:9vh;}
    .sec04 {height:auto;padding-bottom:100px;}
    .sec04 .num {top:-3vh;}
    .sec04 .img {margin-top:70px;}
    .sec04 .wrap {padding-top:120px;}
    .sec06 {height:120vh !important;}
    .sec06 .wrap h3 {font-size:6vh;}
    .sec06 .wrap h4 {font-size:5.5vh !important;}
    .sec07 {height:110vh;}
    .sec07 .wrap ul li:last-child div.other {left:10px;width:45%;}
    .sec07 .wrap ul li:last-child div.dearbox {left: initial;right:10px;width:55%;}
    .sec07 .wrap ul li:last-child .vs {left: 44%;}
    .sec08 .swiper_menu .swiper-slide {padding:0 3vh;}
    .sec08 .swiper_main h1, .sec08 .swiper_main h5 {padding-left:15vh;}
    .sec08 .swiper_main h1:after {right:-1.5vh;}
    .sec09 {padding:100px 30px;}
    .sec09 h5 {font-size:2.5vh;}
    .sec09 .wrap .cont h5.qu {margin-bottom:30px;}
    .sec09 .wrap .cont h5.an {line-height:1.3;}
    .sec10 h4 {margin-bottom:0;}
    .sec10 .cont > ul > li {width:400%;}
    .sec11 h5 {padding-left:80px;}
    .sec11 h5:after {left:-30px;width:100px;}
    .sec11 .wrap > div {margin-top:70px;}
    .sec11 .logo h5 {padding-right:80px;}
    .sec11 .logo h5:after {right:-30px;width:100px;}
    .sec14 .wrap {margin-top:70px;}
    .ft_info {font-size:16px !important;}
    footer .center14 {padding:0 30px;}
    footer {padding:0 !important;}
}
  @media screen and (max-width:1024px) {
    .mb_box li a {color:#fff;}
    .mb_box {z-index: 99999;}
    .mobile_btn {z-index: 999999;}
    header {background-color: transparent !important;border:0 !important;}
    header.menubar.act {background-color: #fff !important;}
    header.menubar.act .mobile_btn .line {background-color: #222;}
    header h1 a {margin-left:0;}
    .mobile_btn {display: block;right:30px;top:50%;transform:translateY(-50%);position:absolute;}
    header.menubar {z-index: 99999;position: fixed;height:70px !important;}
    header h1 img {height:50px;}
    .mobile_btn .line {background: #fff;}
    .fk_header {display: none;}
    main #wrapper {padding-top:0 !important;}
    
    .sec11, .sec12, .sec14 {padding:70px 0;}
    .sec01 {overflow: initial !important;padding:100px 30px;height:55vh !important;}
    .sec01 .wrap ul li {height:50%;}
    .sec01 .wrap div.logo {top:50%;}
    .sec01 .wrap ul li:last-child {align-items: end;}
    .sec01 .wrap ul li:last-child p {margin-bottom:6vh;}
    .sec01 .wrap ul li:first-child div {width:27vh;}
    .sec01 .wrap ul li:last-child div {width: 21vh;}
    .sec04 li:first-child {align-items: center;} 
    .sec04 li:first-child h3 {margin-top:10px;}
    .sec06 {height: 95vh !important;}
    .sec06 .wrap {padding-top:70px;}
    .sec06 .img {width:25%;bottom:50px;}
    .sec06 .cont {top:initial;bottom:0;}
    .sec07 .wrap ul li:last-child > div .cont {width: calc(100% - 30px);margin: 0 auto 15px auto;}
    .sec07 h2 {margin: 20px 0 15px 0;}
    .sec07 .wrap ul li:last-child div.other {animation-delay: 0.5s;}
    .sec07 .wrap ul li:last-child div.dearbox {animation-delay:1s;}
    .sec07 .wrap ul li:last-child .vs {animation-delay: 1.5s;}
    .sec08 {height: auto !important;padding: 50px 30px;}
    .sec08 .swiper_menu {height:60px;line-height:60px;}
    .sec08 .swiper_menu h5, .sec08 .swiper_menu .swiper-slide.swiper-slide-thumb-active h5 {line-height:60px;}
    .sec08 .swiper_menu .swiper-slide.swiper-slide-thumb-active:after {height:50px;}
    .sec08 .wrap {padding-top:20px;}
    .sec08 .wrap .swiper_main {padding:0 10px;}
    .sec08 .swiper_main h1, .sec08 .swiper_main h5 {padding-left:13vh;font-size:3.5vh;}
    .sec08 .swiper_main h1:after {width:calc(100% - 80px);top:-15px;}

    .sec09 .wrap > div li:first-child {margin-right:0;width:40%;}
    .sec09 .wrap > div li:first-child img {width: 100%;}
    .sec09 .wrap > div li.cont {width:60% !important;}
    .sec09 .wrap .arrow {width:40%;}
    .dot {width:20px !important;height:20px;}
    .sec10 {padding:70px 0;}
    .sec10 .cont.r {top:50%;}
    .sec10 h3 {margin-bottom:10px;}
    .sec10 .cont > ul > li {width:500%;padding-bottom:30%;}
    .sec10 > *:last-child {margin-top:40%;animation-delay:1s}
    .sec11 .wrap > div {margin-top:50px;}
    .sec11 .cont > ul > li {width:500%;}
    .vt_line {height:60px;}
    .sec11 .review .cont > ul > li {padding-bottom:29%;}
    .sec11 .logo .cont > ul > li {padding-bottom:13%;}
    .sec11 .photo .cont > ul > li {padding-bottom:15%;}
    .sec11 h5 {font-size:3vh;}
    .sec11 .review {animation-delay:0.2s;}
    .sec12 h4 {margin-top:10px;}
    .sec12 .wrap {padding:0 30px;box-sizing: border-box;margin-top:50px;}
    .sec12 .wrap > ul > li {width:100%;}
    .sec12 .wrap > ul > li > div li {opacity: 0;}
    .sec12 li.online > div li {animation-delay: 0.5s;}
    
    .sec12 .wrap > ul > li.online > div.tit li:nth-child(1) {animation-delay: 0.5s;}
    .sec12 .wrap > ul > li.online > div.tit li:nth-child(2) {animation-delay: 0.7s;}
    .sec12 .wrap > ul > li.online > div.tit li:nth-child(3) {animation-delay: 0.9s;}
    .sec12 .wrap > ul > li.online > div.tit li:nth-child(4) {animation-delay: 1.1s;}
    .sec12 .wrap > ul > li.online > div.tit li:nth-child(5) {animation-delay: 1.3s;}
    .sec12 .wrap > ul > li.offline > div.tit li:nth-child(1) {animation-delay: 0.5s;}
    .sec12 .wrap > ul > li.offline > div.tit li:nth-child(2) {animation-delay: 0.7s;}
    .sec12 .wrap > ul > li.offline > div.tit li:nth-child(3) {animation-delay: 0.9s;}
    
    .sec13 > div > ul >li.tit {padding:0 30px;}
    .sec13 > div > ul >li .logo {left:30px;width:50%;}
    .sec13 > div > ul >li .logo img {width: 100%;}
    .sec13 > div > ul >li .logo.brand2 {right:30px;}

    .sec14 .wrap {padding:0 30px;box-sizing: border-box;}
    
    .sec15 {padding:0 30px;}
    .sec15 .input_area.cp, .sec15 .input_area.ph, .sec15 .input_area.cs, .sec15 .input_area.cf.cont {width:calc(20% - 10px) !important;}
    .sec15 .in_btn {width:20% !important;}
    .sec15 .input_area.cf {width:100%;}
    footer .center14 {padding:0 30px;text-align: center;}
    .main_inquire form .in_btn {height:45px !important;line-height: 45px !important;}
    .main_inquire form .input_area input[type="text"] {border:0 !important;}
    .ft_info {font-size:1.3vw !important;line-height:1.3;}
    .ft_info .copy {font-size:1.3vw !important;letter-spacing: 1px;}
    .ft_info span:nth-child(7):after {display: none;}
  }
  @media screen and (max-width:768px) {
    main section h4 {line-height: 1.5;}
    main section h2 {font-size:8vw;}
    main section h3 {font-size:6vw;}
    main section h6 {font-size:4vw;}
    main section h1 {font-size:5vw;}
    .num {font-size:4vw;top:-5vw;}
    main section h5 {font-size:2.5vw;line-height:1.5;}
    main section h4, .sec01 .wrap ul li:first-child p, .sec08 .swiper_menu h5, .sec08 .swiper_main h5, .sec01 .wrap ul li:last-child p, .sec09 .wrap .img > span {font-size:2.5vw !important;}
    .sec01 {padding: 100px 30px 50px 30px;}
    
    .sec01 .wrap ul li div, .sec02 ul > li > h2, .sec05 li:last-child .num {font-size: 10vw;} 
    .sec01 .wrap ul li:first-child div {width: 28vw;margin-top:4vw;} 
    .sec01 .wrap ul li:first-child span {margin-top:4vw;}
    .sec01 .wrap ul > li {display: block !important;padding-top:5vw;}
    .sec01 .wrap ul > li > * {position: absolute;height:10vw;}
    .sec01 .wrap ul li p {height:auto !important;line-height:6vw !important;box-sizing:border-box;}
    .sec01 .wrap ul li:last-child p:after {bottom: 1vw;}
    .sec01 .wrap ul li:first-child {padding-top:3vw;height: calc(50% - 20px);}
    .sec01 .wrap ul li:first-child p {top:18vw;margin-left:0;}
    .sec01 .wrap ul li:first-child span {left: 30vw;}
    .sec01 .wrap ul li:last-child > * {right:0;}
    .sec01 .wrap ul li:last-child div {right:14vw;}
    .sec01 .wrap ul li:last-child span {right: 0;padding-bottom:0;}
    .sec01 .wrap ul li:last-child p {margin-bottom:0;margin-right:0;}
    .sec01 .wrap ul li:last-child div, .sec01 .wrap ul li:last-child span {top:15vw;}
    
    .sec02 ul > li > h4 {margin-bottom:10px;}
    .sec02, .sec04, .sec05, .sec07 {height:auto !important;}
    .sec02:after {width:100%;height:50%;top:initial;bottom:0;}
    .sec02 ul > li:first-child, .sec02 ul > li:last-child {width:100%;}
    .sec02 .wrap {display: flex;flex-wrap:nowrap;align-items: center;padding:100px 0;}
    .sec02 .wrap > ul {position: relative;top:0;left:0;transform:translateY(0);height:initial;}
    .sec02 ul > li:last-child {margin-top:200px;}   

    .sec03 {height:70vw !important;}
    .sec03 .wrap .num {top:8vh;}

    .sec04 {background-position: right;}
    .sec04 li:first-child {flex-wrap:wrap;}
    .sec04 li:first-child h3 {width:100%;}
    .sec04 li:first-child h5 {width:100%;}
    .sec04 {padding:150px 30px 100px 30px;}
    .sec04 .vt_line {margin:10px 0;}
    .sec04 .img {width:140%;margin-left: -20%;margin-top:100px;}
    .sec04 ul {position:relative;top:0;transform:translateY(0);}
    .sec04 .wrap {padding-top:0;}

    .sec05 .wrap {padding:150px 0 100px 0;}
    .sec05 ul {flex-wrap:wrap;position: relative;bottom:0;padding-top:0;}
    .sec05 li:first-child {width:100%;}
    .sec05 li:last-child {width:100%;margin-top:150px;}

    .sec06 {height:105vw !important;padding-top:100px;}
    .sec06 .wrap {padding:0 30px;box-sizing: border-box;}
    .sec06 .img {width:40%;bottom:0;}
    .sec06 .cont {bottom:23%;top:initial;}
    .sec06 .cont > ul > li {width:400%;}
    .sec06 .wrap h3 {font-size:6vw;}
    .sec06 .wrap h4 {font-size:5.5vw !important;}
    
    .sec07 .wrap {padding:100px 0;height:120vh;}
    .sec07 .wrap ul li:last-child div.other, .sec07 .wrap ul li:last-child div.dearbox {width:100%;}
    .sec07 .wrap ul li {height:auto;}
    .sec07 .wrap ul li:last-child > div {position: relative;top:0;}
    .sec07 .wrap ul li:last-child div.other {left:0;margin-bottom:100px;}
    .sec07 .wrap ul li:last-child {transform:translateY(27%);}
    .sec07 .wrap ul li div {padding:1px 0;}
    .sec07 .wrap ul li:last-child div.dearbox {right:0;animation-delay: 1.2s;}
    .sec07 .wrap ul li:last-child .vs {left:50%;top:32vw;background-color: #fff;color:#222;}

    .sec08 .swiper_main {margin-top:70px;}
    .sec08 .swiper_menu {height:auto;}
    .sec08 .swiper_menu .swiper-wrapper {flex-wrap: wrap;}
    .sec08 .swiper_menu .swiper-slide {width:100% !important;padding:0 0;background-color: #474747;border-radius: 100px;margin-bottom:10px;margin-right:0 !important;}
    .sec08 .swiper_menu {background-color: transparent;}
    .sec08 .swiper_menu .swiper-slide.swiper-slide-thumb-active:after {display: none;}
    .sec08 .swiper_menu .swiper-slide.swiper-slide-thumb-active {background-color: #000;}   
    .sec08 .swiper_main h1 {font-size:3.5vw;}
    .sec08 .swiper_main h5 {padding-left:0;word-break: keep-all;}
    .sec08 .swiper_main h5 br {display: none;}
    .sec08 .swiper_main h1:after {width:calc(100% - 80px);height:calc(5vw + 10px);}
    .sec08 .swiper_main li {padding-right:0;}    

    .sec09 ul {position: initial;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}    
    .sec09 .wrap .img > span {margin-right:10px;height:30px;line-height:30px;}
    .sec09 .wrap .img h4 strong, .sec09 .wrap .cont h5.qu, .sec09 h5 {font-size:2.5vw !important;}
    .sec09 .wrap > div li:first-child {width:70%;margin-right:0;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
    .sec09 .wrap > div li.cont {width:100% !important;}
    .sec09 .wrap > div.before li.cont {width:100%;}
    .sec09 .wrap .arrow {width:100%;}
    .sec09 .wrap > div.after li.cont {width:100%;}
    .sec09 .wrap .cont h5, .sec09 .wrap .cont h5.an span {display: inline-block;padding-left:0;}
    .sec09 .wrap > h4 span {font-size:2vw;}
    .sec09 .wrap > div:last-child {margin-top:30px;}

    .sec10 .cont > ul > li {width:700%;padding-bottom:41%;}
    .sec10 .cont.r {top:45%;}
    .sec10 > *:last-child {margin-top:60%;}

    .sec13 > div > ul >li.img {height:0;padding-bottom:50%;}
    .sec13 > div > ul >li .logo {position: relative;bottom:0;left:0;}
    .sec13 > div > ul >li .logo.brand2 {right:0;}

    .sec14 h3 {font-size:10vw;}
    .sec14 li {padding-bottom: 19%;width:48%;margin-bottom:20px;}
    .sec14 .wrap ul {flex-wrap: wrap;}
    footer .center14 {padding:0 50px;text-align: center;}
    .ft_info {font-size:2.2vw !important;}
    .ft_info .copy {font-size:2vw !important;letter-spacing: 1px;}
    .ft_info span:nth-child(3):after {display: none;}
    .q_menu div i {font-size:2vw;}
    .sec15 .counsel iframe {height:190px;}
  }
  @media screen and (max-width:550px) {
    
    header.menubar {padding: 0 15px !important;}
    header.menubar h1 {left: 15px !important;}
    header.menubar.act h1 a {height:50px !important;}
    .mobile_btn {right:15px;}
    .num {top:0;}
    
    main section h4, .sec08 .swiper_main h5, .sec09 .wrap .img > span,  .sec09 .wrap .cont h5.qu, .sec09 h5, .sec11 h5 {font-size:3.2vw !important;}
    main section h5 {font-size:3vw !important;}
    .sec08 .swiper_main strong {font-size:3.5vw !important;}
    .sec08 .swiper_main span {font-size:2.5vw !important;}
    
    .sec07 .dot {width: 10px !important;height: 10px;top: -10px;left: -10px;}
    
    .sec01, .sec02, .sec03, .sec04, .sec05, .sec08 {padding: 0 15px;}

    .sec01 .wrap ul li:first-child p, .sec01 .wrap ul li:last-child p,.sec08 .swiper_menu h5 {font-size:4vw !important;}
    .sec01 .wrap {height:50vh !important;}    
    .sec01 .wrap div.logo {top:45%;}
    .sec01 .wrap ul li span {font-size:6.5vw;}
    .sec01 .wrap ul li:last-child {align-items: baseline !important;padding-top:10%;}
    .sec01 .wrap ul li:last-child p {position: absolute;right:0;top:30%;}
    .sec01 .wrap ul li:last-child p:after {bottom:1.5vw;}
    .sec01 .wrap ul > li:last-child {top: 0;}
    .sec01 .wrap ul li div, .sec02 ul > li > h2, .sec05 li:last-child .num {font-size:12vw;}
    .sec01 .wrap ul li:first-child {padding-top:initial;}
    .sec01 .wrap ul li {padding-top:initial;align-items: center !important;}
    .sec01 .wrap ul li:first-child, .sec01 .wrap ul li:last-child {height:25vh;}
    .sec01 .wrap ul li:first-child div {width:33vw;margin-top:0;top:-30%;}
    .sec01 .wrap ul li:first-child span {left:0;margin-top:0;top:-30%;}
    .sec01 .wrap ul > li > * {height:12vw;position:relative;}
    .sec01 .wrap ul > li {display: flex !important;}
    .sec01 .wrap ul li:first-child p {top:17vw;position: absolute;}
    .sec01 .wrap ul li:last-child span {margin-top:-1vw;position: absolute;top: 50%;right: 0;}
    .sec01 .wrap ul li p:after {bottom:1.5vw;}
    .sec01 .wrap ul li:last-child div {position: absolute;top: 50%;right: 15vw;}
    .sec01 {padding:100px 15px 0 15px;}
    .sec02 ul > li:last-child .num {animation-delay:0s;}
    .sec02 ul > li > h4 {font-size:4vw !important;}
    .sec02 ul > li:last-child h3 {animation-delay:0.2s;}
    .sec02 ul > li:last-child .vt_line {animation-delay: 0.4s;}
    .sec02 ul > li:last-child h5 {animation-delay: 0.6s;}
    .sec01:before {height:calc(50% - 30px);}
    .sec02 .wrap {padding:50px 0;}
    .sec02 ul > li:last-child {margin-top:0;padding-top:30px;}
    .sec02 ul > li:first-child {padding-bottom:30px;}
    .sec02 ul > li:last-child .num {position:relative;margin-top:50px;}
    .sec02 ul > li:last-child h3 {margin-top:10px;}

    .sec03 .wrap {padding-top:80px;}
    .sec03 .wrap .num {top:50px;}
    .sec05 .num {top: -6vw;}
    

    .sec04 {padding: 70px 15px;}
    .sec04 .img {margin-top:60px;}
    .sec05 .wrap {padding: 70px 0 50px 0;}
    .sec05 li:last-child {margin-top:70px;}
    .sec05 li:last-child .num {width:19vw;}
    .sec05 li:last-child > div p {font-size:3.5vw;margin-top:0;}
    .sec05 li:last-child > div p i {font-size:5vw;}


    .sec06 {padding-top:50px;}
    .sec06 h4 {margin-bottom:10px;line-height:1.2;}
    
    .sec07 {padding:0 15px;}
    .sec07 .wrap {padding:50px 0;height: auto;}
    .sec07 .wrap ul li:last-child div.dearbox span {font-size:3vw;}
    .sec07 .wrap ul li:last-child div.other span {font-size: 3vw;word-break: keep-all;padding: 0 10px;box-sizing: border-box;}
    .sec07 h2 {margin:15px 0 10px 0;}
    .sec07 .wrap ul li:last-child > div .cont {width:calc(100% - 20px);margin: 0 auto 10px auto;}
    .sec07 .wrap ul li:last-child .vs {position: relative;height:50px;border-radius: 50px;line-height:53px;top:0;transform:initial;margin-left:initial;margin-top:initial;width:100%;left:0;border-radius: 0;background-color: transparent;color:#fff;}
    .sec08 h3 {margin-bottom:15px;}
    .sec07 .wrap ul li:last-child div.other {border-top-left-radius: 15px;border-top-right-radius: 15px;margin-bottom:0;}
    .sec07 .wrap ul li:last-child > div {transform: translateY(0);}
    .sec07 .wrap ul li:last-child > div.dearbox {border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
    .sec07 .wrap ul li:last-child > div.dearbox {border-top-left-radius: 0;border-top-right-radius: 0;}
    .sec07 .wrap ul li:last-child {transform: translateY(0);margin-top:30px;}
    .sec07 .wrap ul li:last-child div.dearbox h2 {font-size:4.3vw;}
    .sec07 .wrap ul li:last-child div.other h2 {font-family: 'GmarketSansMedium';font-size:3vw;}
    .sec08 {padding:30px 15px;background-position: right;}
    .sec08 .swiper_main strong {font-size:4vw;}
    .sec08 .swiper_main h1 {padding-left:70px;font-size:4vw;}
    .sec08 .swiper_main h1:after {width:calc(100% - 50px);height:calc(4vw + 15px);top:-10px;}
    .sec08 .swiper_menu h5, .sec08 .swiper_menu .swiper-slide.swiper-slide-thumb-active h5 {line-height:40px;}
    .sec08 .swiper_main {margin-top:30px;}
    .sec09 .wrap > h4 span {font-size: 3vw;}
    .sec09 .wrap .img h4 strong {font-size: 4vw !important;}
    .sec09 .wrap .cont h5 img {width:15px;}
    .sec09 .wrap > h3 {margin-bottom:10px;}
    .sec09 .wrap .img span:after {transform:translateY(calc(-50% - 2px));}
    .sec09 .wrap > div li.cont {margin-top:30px !important;}
    .sec09 .wrap .cont h5.qu {margin-bottom:10px;}
    .sec09 {padding: 50px 30px;}
    .sec09 .wrap > h4 {margin-bottom:10px;}
    .sec09 .wrap .arrow, .sec09 .wrap > div:last-child {margin-top:10px;}
    .sec09 .wrap .arrow i {font-size:8vw;line-height:2vw;}
    .sec09 .wrap .img > span {height:20px;line-height: 20px;}

    .sec10 {padding: 50px 0;}
    .sec10 .cont h4 span:after {width:5px;height:5px;border-radius: 5px;}
    .sec10 > *:last-child {margin-top: 55%;}
    .sec10 .cont h4 span:after {top:-8px;}
    .sec10 .cont.r {top: 48%;}
    .sec10 .cont h4 {padding:0 5px;}
    .sec11, .sec14 {padding:50px 0;}
    .sec11 .wrap > div {margin-top:30px;}
    .sec11 h5 {padding-left: 40px;} 
    .sec11 h5:after {width:60px;}
    .sec11 .logo h5 {padding-right: 40px;} 
    .sec11 .logo h5:after {width:60px;}

    .sec12 .wrap > ul > li.online .tit {margin-right:20px;}
    .sec12 .wrap > ul > li > div.img {width:50% !important;}
    .sec12 .wrap > ul > li > div.tit {width:calc(50% - 20px);top:0;margin-top: -12%;}
    .sec12 .wrap > ul > li > div img {width: 100%;}
    .sec12 .wrap > ul > li.offline .tit {margin-left:20px;}
    .sec12 .wrap > ul > li > div li {margin-bottom:5px;}
    .sec12 .wrap > ul > li > div li, .sec12 .wrap > ul > li > div.tit li:after {height:35px;}
    .sec12 .wrap > ul > li .img span {font-size: 5vw;} 
    .sec12 .wrap > ul > li > div li h4 {line-height:38px;}
    .sec12 {padding:50px 0 30px 0;}
    .sec12 .wrap {margin-top:30px;padding:0 15px;}
    .sec13 > div > ul >li.tit {padding: 0 15px;}

    .sec14 {padding:30px 0;}
    .sec14 h4 {margin-bottom:10px;}
    .sec14 .wrap {margin-top:30px;padding:0 15px;}
    .sec14 h3 {font-size: 7vw;}
    .sec14 .wrap h5 {font-size:2.5vw !important}

    .sec15 .input_area.cp, .sec15 .input_area.ph, .sec15 .input_area.cs, .sec15 .input_area.cf.cont {width:100% !important;}
    .sec15 .input_area.cp, .sec15 .input_area.ph {margin-right:0;margin-bottom:10px !important;}
    .sec15 .in_btn {width:100% !important;margin:10px 0 0 0 !important;}
    .sec15 .input_area.cs {margin-bottom:10px !important;}
    .sec15 {position:relative !important;}

    .vt_line {height:30px;width:2px !important;}
    


    .q_menu {bottom:30px;}
    .q_menu div i {margin-top:0px;font-size:5vw;}
  .ft_info {font-size:2.7vw !important;padding:30px;}
  footer p.ft_info button.privacy {font-size:11px;margin:0 0 0 3px;}
  .ft_info span:after {display: none;}
  .sec14 .wrap ul:last-child li:last-child {margin-bottom:0;} 
  .main_inquire form .in_btn {line-height:30px !important;height: 30px !important;}
  .sec15 .in_btn {font-size:15px !important}
  .q_menu {width:100%;justify-content: center;bottom:10px;right:0;gap:5px;}
  .q_menu div {margin-top:0;}
  .ft_info span {margin-right:0;}
  .sec15 .counsel iframe {height:360px;}
  }

  @media screen and (max-width:375px) {
    header.menubar {height:50px !important;}
    header h1 img, header.menubar.act h1 a img, header.menubar.act h1 a {height:30px !important;}
    .mobile_btn .line {width:20px;height:2px;}
    .line11, .line33 {width:20px !important;}
    .line11 {transform-origin: 4px top !important;}
    .line33 {transform-origin: 0px bottom !important;}
    .mobile_btn .line2 {margin: 3px 0;} 
    .sec01 .wrap ul li:first-child p {top: 22vw;position: absolute;}
    .sec05 li:last-child {margin-top:50px;}
    .sec10 .cont h4 span:after {width:3px;height:3px;border-radius: 3px;}
    .sec10 .cont h4 span:after {top:-5px;}
    .sec03 .wrap {padding-top:60px;}
    .sec03 .wrap .num {top: 40px;}
    .sec04 {padding:50px 15px;}
    .sec07 .wrap ul li:last-child div.other span {padding:0 0;white-space:nowrap;}
    .sec15 .input_area input[type="text"], .sec15 .input_area textarea, .main_inquire form .in_btn, .sec15 input#check_btn + label > span, .sec15 .agree > span {font-size:12px !important;}
    .ft_info {font-size:11px;}
    .sec15 .agree {justify-content: space-between;}
    .sec15 .agree:after {display: none;}
    .ft_info {padding:15px;}
  }