/***************** gen *****************/

.sec_tit {width: 100%;max-width: 1200px;margin: 0 auto 60px;}
.sec_tit h2{text-align:center;color:#fff;font-size:48px;font-weight:400;position: relative;transition-duration:0.4s;display:flex;flex-flow: column;transition-duration:0.4s;}
.sec_tit span{font-weight:600;}
.sec_tit p{font-size:18px;color:#bbb;width:100%; max-width:800px; word-break: keep-all;text-align: center;margin:25px auto 0;}

.btn_wrap{width:100%;text-align: center;margin-top:30px;}
.btn_link{display: inline-block;padding:18px 30px;font-size: 18px;color: #fff;background: #0f47ad;border-radius: 100px;min-width: 240px;text-align: center;transition:0.3s;}
.btn_link:hover{background:#009dde; color:#fff;}

@media (max-width:1170px) {
    .sec_tit h2{font-size:40px;}
}
@media (max-width:750px) {
    .sec_tit{margin: 0 auto 40px;}
    .sec_tit h2{font-size:30px; }
}


/***************** sec01 *****************/

/***************** sec01 *****************/

#holder {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}

#section1 {background:#000; width: 100%; height: 100vh !important; padding: 120px 20px;position:relative;overflow:hidden; display: flex;align-items: center;justify-content: center;text-align: center;}

.sec01_txt {position: absolute;bottom:150px;left: 50%;width: 100%;max-width: 1240px;padding:0 20px;transform: translateX(-50%);z-index: 99;color: #fff;}
.sec01_txt h1{font-size:120px;font-weight:600; text-align:left;word-break: keep-all; }
.typing-demo{font-size:24px;font-weight:300; text-align:left;word-break: keep-all; opacity:0.8; width:52vh;animation: typing 1s steps(22), blink .5s step-end infinite alternate; white-space: nowrap; overflow: hidden;}
.typing-demo br { display: none; }

@keyframes typing {from {width: 0 } }
@keyframes blink {50% {border-color: transparent } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles goes underneath */
}

@media(max-width:1170px) {
    .sec01_txt h1{font-size:90px;}
	.typing-demo { font-size: 21px; }
}
@media (max-width:580px) {
    .sec01_txt h1{font-size:60px;}
	.typing-demo { font-size: 18px; }
	.typing-demo br { display: block; }
}
@media (max-width:450px) {
    .sec01_txt h1{font-size:40px;}
}

.sec01_scr{ position:absolute; z-index:100; bottom:30px; left:50%; transform:translate(-50%, 0); text-align:center; }
.sec01_scr > p{ font-size:12px; font-weight:400; color:#fff; margin-bottom:5px;}
.sec01_scr > div{ display:inline-block; width:25px; height:42px; border-radius:40px; border:2px solid #fff; position:relative; }
.sec01_scr > div:after{ content:''; width:5px; height:5px; border-radius:100%; background-color:#fff; position:absolute; top:8px; left:calc(50% - 2.5px); animation:2s scrmove infinite; -webkit-animation:2s scrmove infinite; -moz-animation:2s scrmove infinite; -o-animation:2s scrmove infinite; }

@-webkit-keyframes scrmove { 0% { top:8px; opacity:1; } 80% { top: 25px; opacity:0; } 81%{ top:8px; opacity:0; } 100%{ top:8px; opacity:1; } }  @-o-keyframes scrmove { 0% { top:8px; opacity:1; } 80% { top: 25px; opacity:0; } 81%{ top:8px; opacity:0; } 100%{ top:8px; opacity:1; } }  @-moz-keyframes scrmove { 0% { top:8px; opacity:1; } 80% { top: 25px; opacity:0; } 81%{ top:8px; opacity:0; } 100%{ top:8px; opacity:1; } }  @keyframes scrmove { 0% { top:8px; opacity:1; } 80% { top: 25px; opacity:0; } 81%{ top:8px; opacity:0; } 100%{ top:8px; opacity:1; } }


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles goes underneath */
}



/***************** sec02 *****************/

#section2{width: 100%; padding:130px 20px;position:relative;overflow:hidden;background: linear-gradient(#06112a,#0e1c3f,#07112b);}

.sec02_pt_wrap {width: 100%;max-width: 1240px;display: flex;justify-content: center;align-items: center;margin:50px auto 0;}
.sec02_pt_wrap .display-4{color:#fff;font-size:80px;font-weight:bold;line-height: 0.9;}
.sec02_pt {position:relative;width:300px;height: 300px;display: flex;align-items: center;justify-content: center;padding: 20px;margin:0 20px;border-radius: 50%;box-sizing: border-box;background-image: linear-gradient(to right, #3277f3 0%, #25c3b5 100%);}
.sec02_pt:after{content: '';width:96%;height:96%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background:#0e1c3f;border-radius: 50%;}

.sec02_pt .txt_box {width: 100%;text-align: center;align-items: center;justify-content: center;display: flex;flex-flow: column;position: relative;z-index:88;}
/*.sec02_pt_wrap .txt_box > div {display: flex;align-items: flex-end;}*/
/*.sec02_pt_wrap .txt_box div > span{font-size:24px;color:#fff;}*/
.sec02_pt_wrap .txt_box p{font-size:30px;color:#fff;text-align: center;letter-spacing: -0.05em;line-height:1.3;}

@media (max-width:1100px) {
    .sec02_pt_wrap{flex-flow: row wrap;}
    .sec02_pt_wrap .count-title{font-size:60px;}
}
@media (max-width:720px) {
    .sec02_pt{margin-bottom:20px;}
}






/***************** sec03 *****************/

#section3 {width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto;background: url('../img/main/03-00.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;}
#section3 .sec_con{width:100%; max-width:1240px; padding:0 20px; margin:0 auto;}

/* .sec03_pt_wrap {margin: 0 -30px;display: flex;}
.sec03_pt_wrap .sec03_pt h2{width:100%;font-weight:400;word-break: keep-all;text-align:left;font-size:36px; color:#fff;line-height:1.3;transition-duration:0.4s;}
.sec03_pt_wrap .sec03_pt h2 span{font-weight:600;}
.sec03_pt_wrap .sec03_pt p{font-size:18px;color:#bbb;width:100%; max-width:800px; word-break: keep-all;text-align:left;margin:40px 0;}
 */

.sec03_pt_wrap {margin: 0 -30px;display: flex; justify-content: center; }
.sec03_pt_wrap .sec03_pt h2{width:100%;font-weight:400;word-break: keep-all;text-align:left;font-size:36px; color:#fff;line-height:1.3;transition-duration:0.4s; text-align: center; }
.sec03_pt_wrap .sec03_pt h2 span{font-weight:600;}
.sec03_pt_wrap .sec03_pt p{font-size:18px;color:#bbb;width:100%; max-width:800px; word-break: keep-all;text-align:left;margin:40px 0; text-align: center;}
.sec03_pt.pt_lf {margin-bottom: 60px;text-align: center;}

.sec03_pt {width: 50%;padding: 0 30px;}

.sec03_pt_wrap .btn_link {box-shadow:0px 0px 2.5rem rgb(255 255 255 / 40%)}

.sec03_pt_wrap .top_box{width: 100%; min-height:21.291667vw; padding: 120px 20px;position:relative;height:100%;overflow:hidden;}

@media(max-width:1170px) {
    .sec03_pt_wrap .sec03_pt h2{font-size:30px;}
}
@media(max-width:910px) {
    .sec03_pt_wrap{margin:0 auto;flex-flow: column;}
    .sec03_pt{width:100%; padding:0;}
    .sec03_pt.pt_lf {margin-bottom: 60px;text-align: center;}
    .sec03_pt_wrap .top_box{min-height: 54.291667vw;}
    .sec03_pt_wrap .sec03_pt h2{text-align: center;}
    .sec03_pt_wrap .sec03_pt p{text-align: center;}
}



/***************** sec04 *****************/

#section4 {width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto;}
#section4 .sec_tit h2{color:#333;}
.sec04_pt {width: 100%;max-width: 500px;margin: 0 auto;text-align: center;padding: 70px 20px;border-radius: 30px;box-shadow: 0 4px 40px rgb(203 209 220 / 50%);}
.sec04_pt p{font-size:24px; color:#333;font-weight: 400; margin:40px auto;word-break: keep-all;}
.sec04_pt p > span{font-weight:bold;}


/***************** sec05 *****************/

#section5 {width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto;background: linear-gradient(#06112a,#0e1c3f,#07112b);}
#section5 .sec_con {width: 100%;max-width: 1200px;margin: 0 auto;}

.sec05_pt_wrap{ margin:0 -20px;display: flex;padding:0 0 50px;flex-flow: row wrap;}
.sec05_pt_wrap:last-child{padding:0;}
.sec05_pt_icon{ width:120px; height:120px; display:flex; justify-content:center; border-radius: 50%; align-items:center; font-size:40px;border:1px solid; margin:0 auto 20px; transition-duration:0.7s; }

.sec05_pt_title{ font-size:24px; font-weight: bold; text-align:center; margin-bottom:15px; color:#fff;}
.sec05_pt_desc{ font-size:18px; color:#bbb;font-weight:400; line-height:1.5; word-break:keep-all; text-align:center;width: 100%;max-width:250px;margin: 0 auto; }

.sec05_pt{padding-bottom:30px;transition:0.4s all;}
.sec05_pt:hover .sec05_pt_icon{box-shadow:0px 0px 2.5rem rgb(255 255 255 / 40%);}

.sec05_pt_icon {color: #333;box-shadow: inset 0 0 0 0 #333;border-color:#fff;background: #fff;}

/*
.sec05_pt:hover .sec05_pt_icon{box-shadow:inset 0 0 0 60px #fff;border-color:#fff;}
.sec05_pt:hover .sec05_pt_icon i{color:#fff;}
*/

@media(max-width:720px) {
    .sec05_pt_title{font-size:20px;}
    .sec05_pt{width:50%;}
}


/***************** sec06 *****************/

#section6{width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto;background:#f5f5f5;}
#section6 .sec_tit h2{color:#333;}
#section6 .sec_tit p{color:#666;}

.sec06_pt_wrap {width: 100%;max-width: 1200px;min-height:400px; margin: 0 auto;display: flex;}
.sec06_pt{width:50%;}

.sec06_pt.pt_lf iframe {height: 100%;}
.sec06_pt.pt_rt {display: flex;align-items: center;}

.sec06_pt.pt_rt {padding: 60px;background: #061d46;}
.sec06_pt.pt_rt .txt_box{padding-bottom:0;}
.sec06_pt.pt_rt  h4{font-size:24px; color:#fff; font-weight:500;}
.sec06_pt.pt_rt .txt_box h2{font-size:56px; color:#fff; font-weight:600;margin:20px auto 15px;}
.sec06_pt.pt_rt .txt_box p{font-size:18px; color:#fff; font-weight:500;}
.sec06_pt.pt_rt .box{display:flex;align-items:center;padding:25px 0 10px;}
.sec06_pt.pt_rt .box:last-child{padding:0;}
.sec06_pt.pt_rt .box span{width:100%; max-width:84px; text-align:center; color: #fff;font-size: 16px;background: #0f47ad;border-radius: 50px;display: inline-block;padding: 5px 15px;}
.sec06_pt.pt_rt .box p{font-size:18px; padding-left:15px;color:#fff;}

@media(max-width:910px) {
    .sec06_pt_wrap{flex-flow:row wrap;}
    .sec06_pt{width:100%;}
    .sec06_pt.pt_rt{padding:40px 20px;}
    .sec06_pt.pt_lf iframe{min-height:400px;}
    .sec06_pt.pt_rt .txt_box h2{font-size:44px;}
}



/***************** sec07 *****************/

#section7{width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto;background: linear-gradient(#06112a,#0e1c3f,#07112b);}
.sec07_pt_wrap {width: 100%;max-width: 1200px;margin: 0 auto;}

.sec07_pt_wrap fieldset.contact .form-box {display:flex; margin: 0 -30px;padding-bottom:30px;}

.sec07_pt_wrap .field {display: flex;flex-flow: column;width:33.33333333333333%;padding: 0 30px;}
.sec07_pt_wrap .field label {color: #fff;padding-bottom:8px;}
.sec07_pt_wrap .field input {font-size:18px; border-bottom:2px solid #23447f;border-top: none;border-right: none;border-left: none;background: transparent;color:#aaa;padding:8px 6px;line-height: 1.5;height: 42px;transition:0.3s;}
.sec07_pt_wrap .field input:focus{border-bottom:2px solid #AAA;}

.sec07_pt_wrap .field select{font-size:18px; border-bottom:2px solid #23447f;border-top: none;border-right: none;border-left: none;background: transparent;color:#aaa;padding:8px 6px;line-height: 1.5;height: 42px;cursor: pointer; transition:0.3s;}

.sec07_pt_wrap .field textarea {border-bottom:2px solid #23447f;border-top: none;border-right: none;border-left: none;background: transparent;color:#aaa;padding:8px 6px;line-height: 1.5;height:120px;transition:0.3s;}
.sec07_pt_wrap .field.textarea{width:100%;}
.sec07_pt_wrap .field textarea:focus{border-bottom:2px solid #AAA;}

.sec07_pt_wrap fieldset.agree .form-box{margin: 0;display: flex;flex-flow: column;}
.sec07_pt_wrap fieldset.agree textarea{border-bottom: 1px solid #23447f;border-top: 1px solid #23447f;;border-right: 1px solid #23447f;;border-left: 1px solid #23447f;}
.sec07_pt_wrap fieldset.agree .field{width:100%;padding:0;}
.sec07_pt_wrap fieldset.agree .field.agree{flex-flow:wrap; align-items:center;}
.sec07_pt_wrap fieldset.agree .field.agree label{padding:0 0 0 8px; }

@media(max-width:600px) {
    .sec07_pt_wrap fieldset.contact .form-box{margin:0 auto;padding-bottom:0;display: flex;flex-flow: column;}
    .sec07_pt_wrap .field{width:100%;padding:0 0 30px;}
}



/***************** sec08 *****************/

#section8{width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto;background:#f5f5f5;}
#section8 .sec_tit h2{color:#333;}

.sec08_pt_wrap {width: 100%;max-width: 1200px;margin: 0 auto;position: relative;}
.sec08_pt_wrap .swiper-slide p{font-size:24px; color:#333; margin-top:20px;font-weight:600;}

.sec08_nav{color:#333;transition:0.4s;}
.sec08_nav:hover{color:#0f47ad;}
#sec08_prev {position: absolute;left: 0;top: 36%;z-index: 99;font-size: 25px;cursor: pointer;}
#sec08_next {position: absolute;right: 0;top: 36%;z-index: 99;font-size: 25px;cursor: pointer;}

.pop_btn{width: 100%;height: 100%;display: block;}
.pop_wrap {display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index:200;overflow-y: auto;}
.pop_wrap.active{display:block !important;}
.pop_box{position: absolute;top: 50%;width:100%;max-width:1200px;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);background: #fff;padding:80px;z-index: 200; overflow: auto;max-height: 700px;}
.pop_box h2{font-size:24px; padding-bottom:20px;color:#0f47ad;}

.pop_img {width: 100%;height: 100%;max-height: 260px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.pop_wrap .pop_box img {margin: 0 auto;width: auto;height: 100%;display: block;margin-bottom: 30px;}

.pop_close {position: absolute;top: 29px;right: 29px;background:#0f47ad;width: 50px;height: 50px;font-size: 0;text-indent: -9999px;z-index: 999;}
.pop_close:before,.pop_close:after {content: '';display: block;position: absolute;top: 24px;width: 50px;height: 2px;background: #fff;}
.pop_close:before{transform: rotate(45deg);}
.pop_close:after{transform: rotate(-45deg);}

.pop_bg {display: none;position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,.6);z-index:198;}

@media(max-width:720px) {
    .pop_box{padding:30px 20px;}
    .pop_close{width: 40px;height: 40px;}
    .pop_close:before, .pop_close:after{top:20px;width: 40px;}
    .pop_img{max-height:185px;}
}








/***************** 00. 공통 *****************/
.sec-con { width: 100%; max-width: 1240px; padding: 0 20px; margin: 0 auto; }
.sec-sm-con { width: 100%; max-width: 900px; padding: 0 20px; margin: 0 auto; position: relative; z-index: 3; }
.covixy-btn { padding: 15px 50px; color: #fff; font-size: 18px; border-radius: 500px; box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 17%); margin: 0 10px; transition: all ease .5s; }
.covixy-btn:first-child { margin-left: 0; }
.covixy-btn:hover,active { color: #fff; }
.yellow { background: #FF7F0E; }
.purple { background: #701b7b; }
.tit { font-weight: 800; font-size: 64px; color: #fff; line-height: 1.25; margin-bottom: 60px; }
.shadow { text-shadow: 2px 2px 3px rgb(0 0 0 / 30%); }

.text-center { text-align: center; }
.text-white { color: #fff; }
.text-black { color: #000; }
.text-purple { color: #701b7b; }
.text-yellow { color: #FF7F0E; }
.text-lg { font-size: 30px; }
.text-md { font-size: 24px; }
.text-sm { font-size: 18px; }

video { width:100%; max-width:900px; height:auto; }


@media(max-width:720px) {
	.sec-con { padding: 0; }
	.tit { font-size: 42px; }
	.text-lg { font-size: 24px; }
	.text-md { font-size: 18px; }
	.text-sm { font-size: 15px; }

}


@media(max-width:500px) {
	.tit { font-size: 36px; }
	.text-lg { font-size: 21px; }
	.covixy-btn { margin: 0; }
	.covixy-btn:first-child { margin-bottom: 15px; }
}





/***************** 01. Main *****************/

#Main {width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto;background: url('../img/main/01-bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;}
.main-con-wrap { display: flex; align-items: center; justify-content: space-between; }
.main-con-wrap .img-box { width: 40%; text-align: center; }
.main-con-wrap .img-box img { width: 100%; max-width: 360px; }
.main-con-wrap .txt-box { width: 60%; padding-left: 50px; }
.main-con-wrap .txt-box .sub-tit { color: #fff; line-height: 1.5; font-weight: 500; margin: -30px 0 50px 0; } 
.main-con-wrap .txt-box .sub-tit2 {color: #6c3890;
    font-weight: 700;
    background: #ffffffb3;
    border-radius: 16px;
    padding: 30px;}
.main-con-wrap .txt-box .btn-wrap { display: flex; }

.main-con-wrap .txt-box .link-tit { margin-top: 50px; color: #fff; }
.main-con-wrap .txt-box .link-img { width: 30%; }


@media(max-width:1240px) {
	.main-con-wrap { flex-direction: column-reverse; }
	.main-con-wrap .img-box { margin-top: 80px; }
	.main-con-wrap .img-box img { width: 70%; }
	.main-con-wrap .txt-box { width: 100%; padding-left: 0; text-align: center; }
	.main-con-wrap .txt-box .btn-wrap { justify-content: center; }
}

@media(max-width:720px) {
	.main-con-wrap .img-box img { width: 100%; }
	.main-con-wrap .img-box { width: 60%; margin-top: 60px; }
}


@media(max-width:500px) {
	.main-con-wrap .txt-box .btn-wrap { flex-direction: column; }
}



/***************** 02. Protection *****************/
#Protection {width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto; background: linear-gradient(130deg, #F8762A 13%, #FDBB57 100%); }
.pro-con-wrap { display: flex; flex-direction: column; justify-content: center; }
.pro-con-wrap .con-box { display: flex; width: 100%; margin-bottom: 40px; position: relative; }
.pro-con-wrap .con-box .txt-box { display: flex; flex-direction: column; margin-left: 30px; }
.pro-con-wrap .con-box .txt-box .sub-tit { font-weight: 800; }
.pro-con-wrap .con-box .txt-box .con { line-height: 1.75; }
/* .pro-con-wrap .con-box .txt-box .icon { width: 80px; height: 80px; background: #fff; border-radius: 100px; position: relative; margin-bottom: 15px; } */
/* .pro-con-wrap .con-box .txt-box .icon .material-symbols-rounded { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 42px; color: #6300E2; } */
.pro-con-wrap .con-box .icon .material-symbols-rounded { font-size: 72px; color: rgb(255 227 176 / 80%); position: relative; }
.pro-con-wrap .con-box .icon .material-symbols-rounded:after { content:""; position: absolute; top: 0; right: 0; width: 10px; height: 10px; border-radius: 50%; background: #6300E2; }
.material-symbols-rounded { font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48 }


@media(max-width:720px) {
	.pro-con-wrap .con-box .txt-box { margin-left: 0; }
	.pro-con-wrap .con-box .icon .material-symbols-rounded { position: absolute; right: 0; opacity: 0.3; }
}


@media(max-width:500px) {

}



/***************** 03. Buy *****************/
#Buy {width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto; background-color: transparent; background-image: linear-gradient(180deg, #fff 69%, #FAAB34 100%); }
.bg-overlay { background: url('../img/main/03-bg.png'); opacity: 0.22; mix-blend-mode: overlay; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; background-attachment: fixed; height: 100%; width: 100%; top: 0; left: 0; position: absolute; z-index: 1; }
.buy-con-wrap { display: flex; align-items: center; justify-content: space-between; }
.buy-con-wrap .img-box { width: 40%; text-align: center; }
.buy-con-wrap .img-box img { width: 100%; max-width: 240px; }
.buy-con-wrap .buy-top-wrap { width: 60%; padding-left: 50px; }
.buy-con-wrap .buy-top-wrap .opt-txt { font-weight: 500; margin: -30px 0 10px; color: #555; }
.buy-con-wrap .buy-txt-box { margin-top: 30px; }
.buy-con-wrap .buy-txt-box a { font-weight: 800; text-decoration: underline; }

.radio-box { display: inline-block; margin-right: 10px; }
.radio-box input[type=radio] { display: none; }
.radio-box label { display: inline-block; cursor: pointer; user-select: none; text-align: center; padding: 5px 26px; border: 1px solid #eaeaea; border-radius: 6px; transition: all 0.2s; background: #fff; }

/* Checked */
.radio-box input[type=radio]:checked + label { background: #FF7F0E; color: #fff; }

/* Hover */
.radio-box label:hover { background: #f5f5f5; }

/* Disabled */
.radio-box input[type=radio]:disabled + label { background: #efefef; color: #666; }

.link-btn { display: inline-block; cursor: pointer; user-select: none; text-align: center; padding: 5px 26px; color: #fff; border-radius: 6px; transition: all 0.2s; line-height: 36px; margin-left: 10px; }
.link-btn:hover,active,focus { color: #fff; }
.num-btn-box { display: flex; align-items: center; margin-top: 30px; }
.num-btn-box .res-box { width: 50px; text-align: center; border: 1px solid #eaeaea; text-align: center; line-height: 36px; padding: 4px 14px; margin: 0 -1px; }
.num-btn-box .num-btn-lf { font-size: 21px; padding: 4px 14px; line-height: 36px; border: 1px solid #eaeaea; border-radius: 6px 0 0 6px; }
.num-btn-box .num-btn-ri { font-size: 21px; padding: 4px 14px; line-height: 36px; border: 1px solid #eaeaea; border-radius: 0 6px 6px; }
.num-btn-box .input-num-box { display: flex; }

@media(max-width:720px) {
	.buy-con-wrap .buy-top-wrap { padding-left: 0; width: 100%; }
	.buy-con-wrap { flex-direction: column; }
	.num-btn-box .res-box { background: #fff; width: 100%; }
	.buy-con-wrap .img-box { width: 60%; }
	#Buy .tit { margin: 50px 0; }
	.num-btn-box { flex-direction: column; align-items: flex-start; }
	.link-btn { margin-left: 0; margin-top: 10px; width: 100%; }
	.num-btn-box .input-num-box { width: 100%; }
}


@media(max-width:500px) {

}



/***************** 04. Works *****************/
#Works {width: 100%; padding:130px 20px 0;position: relative;overflow: hidden;margin: 0 auto;background:#701b7b; }
#Works .txt-box { margin-top: 50px; }


@media(max-width:720px) {

}


@media(max-width:500px) {

}



/***************** 05. Questions *****************/
#Questions {width: 100%; padding:130px 20px;position: relative;overflow: hidden;margin: 0 auto;background:#701b7b; }
button.accordion { display: flex; align-items: center; color: #fff; cursor: pointer; width: 100%; border: none; font-size: 2rem; transition: 0.5s; text-align: left; padding: 1.4rem 1rem; position: relative; background: #00000026; }
button.accordion .title { margin-left: 10px; }
button.accordion>p { float:left; width: 76%; font-weight: 600; word-break: keep-all; }

button.accordion.active{ color : #F5ABFF; }
button.accordion.active span { color : #F5ABFF; }
button.accordion:before { content:""; display: inline-block; width: 2px; height: 25px; background: #fff; position: absolute; top: 15px; right: 34px; transition: 0.5s; }
button.accordion:after{ content:""; display: inline-block; width: 25px; height: 2px; background: #fff; position: absolute; top: 26px; right: 22px; opacity: 1; transition: 0.5s; }
button.accordion.active:before { transform: rotate( 90deg ); background: #F5ABFF; }
button.accordion.active:after { opacity: 0; }

.content { background-color: #00000026; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; color:#ffffff; text-align: left; }
.content p { padding: 20px 20px 40px 20px; word-break: keep-all; }


@media(max-width:720px) {
	.content p { padding: 20px; }
}


@media(max-width:500px) {

}