
#smooth-scrollbar {height: 100%; overflow: hidden; position: relative;}
.scrollbar-track.show, .scrollbar-track:hover {/*opacity:0 !important*/}
@keyframes typing-bar{
	0% { border-right-color:#000 }
	50% { border-right-color:#fff }
	100% { border-right-color:#000 }
}

@keyframes slideUp {
    0% {
      transform: translateY(100%) translateX(0);
      opacity: 1;
    }
	100% {
      transform: translateY(0) translateX(0);
      opacity: 1;
    }
}
@keyframes slideUp2{
    0% {
      transform: translateY(-10%) translateX(0);
      opacity: 0;
    }
	100% {
      transform: translateY(0) translateX(0);
      opacity: 1;
    }
}
@keyframes slideUp3{
    0% {
      transform: translateY(5%) translateX(0);
      opacity: 0;
    }
	100% {
      transform: translateY(0) translateX(0);
      opacity: 1;
    }
}
@keyframes sclae{
    0% {
      transform: scale(0.9);
      opacity: 0;
    }
	100% {
      transform: scale(1);
      opacity: 1;
    }
}
 @keyframes scaleCircle {
    0% {
      transform: scale(0.8);
      opacity: 0;
    }
	100% {
      transform: scale(1);
      opacity: 1;
    }
}
@keyframes yellowTint {
	0% {
	  filter: sepia(0%) saturate(100%) hue-rotate(0deg);
	}
	50% {
	  filter: sepia(100%) saturate(1000%) hue-rotate(10deg);
	}
	100% {
	  filter: sepia(0%) saturate(100%) hue-rotate(0deg);
	}
}
@keyframes backgroundMove {
	to { background-position: 200% center }
}
@keyframes backgroundMove2 {
	to { background-position: -200% center }
}
@keyframes borderRotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes slide {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
.ad_center#contaniner{padding-top:0}
.ad_center header{padding-top:60px;position:relative}
.ad_center header .header-wrap{display: flex;gap: 30px;padding:0 60px;align-items: center;}
.ad_center header .header-wrap h1{width:364px}
.ad_center header .header-wrap .gnb-list{display: flex; gap: 30px;align-items: flex-end;}
.ad_center header .header-wrap .gnb-list li{}
.ad_center header .header-wrap .gnb-list li a{font-weight:400; color:#fff; font-size:16px; letter-spacing:-1px;display:block;position:relative}
.ad_center header .header-wrap .gnb-list li a:after{content:'';width:0;height:1px;background:#fff;display:block;transition:width 0.3s}
.ad_center header .header-wrap .gnb-list li:hover a:after{width:100%;transition:width 0.3s}
.ad_center header .header-wrap .mo-gnb-btn{display:none}
.ad_center .m-menu-bg{display:none}

.ad_center .complete-pop{position:absolute;z-index: 9;top: 50%;left: 50%;transform: translate(-50%, -50%);display:none}
.ad_center .complete-pop .img{margin:0 auto}
.ad_center .complete-pop .txt{background: #fff;box-shadow: 4px 4px 9px 6px rgba(0, 0, 0, 0.3); border-radius: 20px;  padding: 20px;position:relative}
.ad_center .complete-pop .txt p{font-size:16px;}
.ad_center .complete-pop .txt span{color:#227aff; font-weight:600;display:block; margin-bottom:5px}
.ad_center .complete-pop .txt:after {content: '';position: absolute;bottom: -9px;right: 50%;width: 0;height: 0;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid white;transform: translateX(5px);}
.ad_center .complete-pop .txt .pop-close-btn{position:absolute; top:10px; right:10px ;}

.ad_center .sub_container{}
.ad_center #view_bg {position: absolute;width: 100%;height: 101%;background: #000;opacity: 0;z-index:3;transition: opacity 0.3s ease-out;top:0;left:0;}
.ad_center{background:#000}
.ad_center .sec-tit{text-align:center; margin:0 auto}
.ad_center .sec-tit h2{color:#fff; font-weight:500; letter-spacing:-2px; font-size:6.5rem;}
.ad_center .sec-tit p{color:#fff; font-weight:400; letter-spacing:-1px; font-size:3.6rem;margin-top:3rem;line-height:1.3}
.ad_center .sec-tit .slide-up{margin-top:3rem}
.ad_center .sec-tit .slide-up span{color:#fff; font-weight:400; letter-spacing:-1px; font-size:3.6rem;line-height:1.3}
.ad_center .sec-tit h2.typing-text{overflow: hidden;white-space: nowrap;border-right:1px solid #fff;display:inline-block;animation: typing-bar 0.5s infinite;display:none}

.ad_center .form-box label{margin-bottom:10px;display:block}
.ad_center .form-box label input.input-txt{height:62px; width:100%;border-radius:10px;background:#f2f2f2;font-size: 24px; font-weight:600; color:#4f5257;letter-spacing:-1.5px;padding-left:30px;padding-right:10px}
.ad_center .form-box label input.input-txt::placeholder{color:#8c8c8c; font-size:20px; letter-spacing:-1px; font-weight:400}
.ad_center .form-box label input.input-txt.err-box{border:1px solid #ff0000}
.ad_center .form-box label span.err_message{color:#ff0000;font-size:14px;margin-top:5px;display:none }
.ad_center .form-box label select{height:62px; width:100%; border-radius:10px;background-image:url('../../../img/sub/adcenter/ad_center_select_arr.png');background-repeat:no-repeat;text-align-last: center;text-align: center;-ms-text-align-last: center;-moz-text-align-last: center;background-position:center right 10px;font-size: 24px; font-weight:600; color:#4f5257;letter-spacing:-1.5px;border:1px solid #d2d2d2}
.ad_center .form-box label select.err-box{border:1px solid #ff0000}
.ad_center .form-box label select option{font-size:16px; color:#000; border:1px solid #000}
.ad_center .form-box label.write-box.hidden{display:none}
.ad_center .form-box .dd-box{display:flex;justify-content: space-between;}
.ad_center .form-box .dd-box .short select{height:100%;text-align:left;text-align-last: left;font-size:20px;padding-left:5px}

.ad_center .form-box form{height:100%;}

.ad_center .section02 .sec-box .input-form-cont .form-box .dd-box > label:first-child{width:49%}
.ad_center .section02 .sec-box .input-form-cont .form-box .dd-box .dd-cont{width:49%}
.ad_center .section02 .sec-box .input-form-cont .form-box .dd-box .dd-cont label input.input-txt{padding-left:10px}

.ad_center .agree-box{height:62px; width:100%;text-align:center;}
.ad_center .agree-box span{font-size:16px; color:#4f5257;font-weight:400}
.ad_center .agree-box input[type="checkbox"] + label:before{width:28px;height:23px;background-image: url('../../../img/sub/adcenter/ad_center_agree_icon_off.png');border: 0;background-size: 100%;border-radius: 0;background-position: center;transition:background 0.3s}
.ad_center .agree-box input[type="checkbox"]:checked + label:before{background-image: url('../../../img/sub/adcenter/ad_center_agree_icon_on.png');border:0;background-size: 100%;border-radius: 0;background-position: center;transition:background 0.3s}
.ad_center .agree-box input[type="checkbox"] + label {height: 100%;display: flex;align-items: center;justify-content: center;border: 1px solid #d2d2d2;border-radius: 10px;transition:all 0.3s}
.ad_center .agree-box input[type="checkbox"]:checked + label{background:#ddebff;border-color:#ddebff;transition:all 0.3s}
.ad_center ::-webkit-scrollbar {width: 14px;}
.ad_center ::-webkit-scrollbar-thumb {background-color: #e4e4e4;border-radius: 3rem;width: 90%;border: 5px solid #fff;}
.ad_center ::-webkit-scrollbar-track {border-radius: 1rem;width: 9rem;height: 70%;}

.ad_center img.basic{}
.ad_center img.hover{display:none}
.ad_center a:hover img.basic{display:none}
.ad_center a:hover img.hover{display:inline-block}

.ad_center .section01{position:relative}
.ad_center .section01 .sec-box{padding:0 5%;}
.ad_center .section01 .sec-box .vs-box{display:flex;justify-content: center; align-items: center;gap:1.5rem;margin-top:180px}
.ad_center .section01 .sec-box .vs-box .lf-box {display:flex;justify-content: center; align-items: center;gap:3.5rem}
.ad_center .section01 .sec-box .vs-box .rt-box {display:flex;justify-content: center; align-items: center;gap:3.5rem}
.ad_center .section01 .sec-box .vs-box .vs-img{display:flex;justify-content: center; align-items:center;width:180px;height:auto;margin-top:-220px;opacity:0}
.ad_center .section01 .sec-box .vs-box .vs-img img{max-width:none;height:auto;}
.ad_center .section01 .sec-box .vs-box .lf-box .b-box{height:230px;border-radius:100px;width:410px;background: linear-gradient(88.89deg, #2cffda 0.48%, #227aff 42.46%, #2cffda 84.45%);background-size: 200% auto;animation: backgroundMove 4s linear infinite;}
.ad_center .section01 .sec-box .vs-box .lf-box .circle-box {height: 230px;border-radius: 100%;width: 230px; background: #000;position: relative;}
.ad_center .section01 .sec-box .vs-box .lf-box .circle-box:after{content:'';position: absolute;top:20px;left: 20px;width: calc(100% - 40px);height: calc(100% - 40px);border-radius: 100%;background:#000;z-index:2}
.ad_center .section01 .sec-box .vs-box .lf-box .circle-box:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 100%;background: conic-gradient(#2cffda, #227aff, #2cffda);z-index: 1;animation: borderRotate 4s linear infinite;}
.ad_center .section01 .sec-box .vs-box .lf-box .b-stop-box{height:230px;border-radius:100px;width:410px;background:#2cffda}
.ad_center .section01 .sec-box .vs-box .rt-box .b-box{height:230px;border-radius:100px;width:410px;background: linear-gradient(88.89deg, #227aff 0.48%, #2cffda 42.46%, #227aff 84.45%);background-size: 200% auto;animation: backgroundMove2 4s linear infinite;}
.ad_center .section01 .sec-box .vs-box .rt-box .circle-box {height: 230px;border-radius: 100%;width: 230px; background: #000;position: relative;}
.ad_center .section01 .sec-box .vs-box .rt-box .circle-box:after{content:'';position: absolute;top:20px;left: 20px;width: calc(100% - 40px);height: calc(100% - 40px);border-radius: 100%;background:#000;z-index:2}
.ad_center .section01 .sec-box .vs-box .rt-box .circle-box:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 100%;background: conic-gradient(#227aff, #2cffda, #227aff);z-index: 1;animation: borderRotate 4s linear infinite;}
.ad_center .section01 .sec-box .vs-box .rt-box .b-stop-box{height:230px;border-radius:100px;width:410px;background:#227aff}
.ad_center .section01 .sec-box .vs-box .circle-box{opacity:0;}
.ad_center .section01 .sec-box .vs-box .b-box{opacity:0;}
.ad_center .section01 .sec-box .vs-box .b-stop-box{opacity:0;}
.ad_center .section01 .sec-box .vs-box.on .circle-box{animation: scaleCircle 0.5s ease-out forwards; animation-delay: 0.4s;}
.ad_center .section01 .sec-box .vs-box.on .b-box{animation: scaleCircle 0.5s ease-out forwards; animation-delay: 0.6s;}
.ad_center .section01 .sec-box .vs-box.on .b-stop-box{animation: scaleCircle 0.5s ease-out forwards; animation-delay: 0.2s;}
.ad_center .section01 .sec-box .vs-box.on .vs-img{animation: slideUp2 1s ease-out forwards;}
.ad_center .section01 .sec-box .vs-box.on .vs-img img{animation: yellowTint 3s alternate;}
.ad_center .section01 .sec-box .slide-up-box {display:inline-block;overflow: hidden;vertical-align:top;}
.ad_center .section01 .sec-box .slide-up-box span{transform: translateY(100%) translateX(0%);opacity: 0;}
.ad_center .section01 .sec-box .slide-up.on .slide-up-box span {display: inline-block;animation: slideUp 0.7s ease-out forwards;}
.ad_center .section .sec-box h2.slide-txt-up{overflow: hidden;vertical-align:top;}
.ad_center .section .sec-box h2.slide-txt-up span{display:inline-block;opacity: 1;transform: translateY(100%) translateX(0%);}
.ad_center .section .sec-box p.slide-txt-up{overflow: hidden;vertical-align:top;}
.ad_center .section .sec-box p.slide-txt-up span{display:inline-block;opacity: 1;transform: translateY(100%) translateX(0%);}
.ad_center .section.on .sec-box h2.slide-txt-up span{animation: slideUp 0.5s ease-out forwards 0s;}
.ad_center .section.on .sec-box p.slide-txt-up span{animation: slideUp 0.5s ease-out forwards 0.2s;}

.ad_center .section .slide-elm-up{opacity:0;transform: translateY(5%) translateX(0%);}
.ad_center .section .slide-elm-up.elm-on{animation: slideUp3 1s linear forwards 0s ;}
.ad_center .section .slide-elm-up.sclae-elm-up{opacity:0;transform: scale(0.9);}
.ad_center .section .slide-elm-up.sclae-elm-up.elm-on{animation: sclae 0.3s linear forwards 0s ;}

.ad_center .section02{position:relative}
.ad_center .section02 .sec-box{padding:0 5%}
.ad_center .section02 .sec-box .input-form-cont {display:flex;justify-content: center;gap:35px;margin:9rem auto 0;height:890px}
.ad_center .section02 .sec-box .input-form-cont .tit-box{height:138px}
.ad_center .section02 .sec-box .input-form-cont .tit{font-size:36px; letter-spacing:-2px; font-weight:600;text-indent:-45px}
.ad_center .section02 .sec-box .input-form-cont .tit img{display: inline-block; vertical-align: middle; margin-top: -8px; margin-right:5px;}
.ad_center .section02 .sec-box .input-form-cont .txt{font-size:30px; letter-spacing:-1px; font-weight:600;line-height:1.2;margin-top:1rem}
.ad_center .section02 .sec-box .input-form-cont .first-ad-box{background:#2cfed9;width:570px;padding:35px 74px 0; border-radius:25px;height:100%;overflow:hidden}
.ad_center .section02 .sec-box .input-form-cont .first-ad-box .tit{color:#227aff}
.ad_center .section02 .sec-box .input-form-cont .first-ad-box .txt{color:#4f5257}
.ad_center .section02 .sec-box .input-form-cont .ing-ad-box{background:#227afe;width:570px;padding:35px 74px 0; border-radius:25px;height:100%;overflow:hidden}
.ad_center .section02 .sec-box .input-form-cont .ing-ad-box .tit{color:#fff}
.ad_center .section02 .sec-box .input-form-cont .ing-ad-box .txt{color:#fff}
.ad_center .section02 .sec-box .input-form-cont .form-box{background-color:#fff;background-image:url('../../../img/sub/adcenter/ad_center_sec02_icon03.png');background-repeat:no-repeat;background-position:center top 20px; border-radius:25px 25px 0 0;height:700px;margin-top:20px;padding:60px 32px 0;overflow:hidden}
.ad_center .section02 .sec-box .input-form-cont .form-box .scroll-box{overflow-y:auto;padding-bottom:60px;height:100%}
.ad_center .section02 .sec-box .input-form-cont .more-ad-btn{height:62px; width:100%; border-radius:10px;border:1px solid #d2d2d2;margin-bottom: 10px;}
.ad_center .section02 .sec-box .input-form-cont .more-ad-btn a{ font-size:20px; letter-spacing:-1px; font-weight:400;color:#227aff;display:block;text-align:center;height: 100%;display: flex;align-items: center;justify-content: center;}
.ad_center .section02 .sec-box .input-form-cont .more-ad-btn a img{margin-right:5px}
.ad_center .section02 .sec-box .input-form-cont .inquiry-btn{height:62px; border-radius:30px; background:#227aff;text-align:center;display:block;margin: 15px auto 0;font-size: 30px;letter-spacing: -2px;font-weight: 600;color: #fff;max-width: 250px;line-height: 62px;}
.ad_center .section02 .sec-box .input-form-cont .inquiry-btn.no-click-btn{background:#ddd;cursor:normal}

.ad_center .section03{}
.ad_center .section03 .sec-box{padding:0 5%;}
.ad_center .section03 .sec-box .item-slide-box{margin:60px auto;max-width:1680px;overflow:hidden;}
.ad_center .section03 .sec-box .item-slide-box ul.swiper-wrapper{align-items: flex-end;}
.ad_center .section03 .sec-box .item-slide-box li{text-align:center;}
.ad_center .section03 .sec-box .item-slide-box li .img{}
.ad_center .section03 .sec-box .item-slide-box li .tit{color:#fff;font-weight:500;font-size:26px;margin-top:5rem;letter-spacing:-1px}

.ad_center .section04{position:relative;margin-top:13rem;padding:13rem 5%;}
.ad_center .section04 .video-bg {position:absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.ad_center .section04 .opacity-bg{background:rgba(0,0,0,0.8);width:100%;height:101%; position:absolute; top:0;left:0;}
.ad_center .section04 .sec-box{position: relative;z-index: 1; }
.ad_center .section04 .sec-box .num-box{margin:10rem auto;text-align:center }
.ad_center .section04 .sec-box .num-box ul{display: grid; grid-template-columns: repeat(4, 1fr);gap:34px;justify-content: center;align-items: center;}
.ad_center .section04 .sec-box .num-box ul li{max-width:360px;height:255px;background:rgba(0,0,0,0.4);text-align:center;border-radius:15px;flex-direction: column;justify-content: center;align-items: center;gap:20px;display:flex}
.ad_center .section04 .sec-box .num-box ul li .tit{color:#fff; font-size:75px; letter-spacing:-4px;font-weight:800;line-height:1}
.ad_center .section04 .sec-box .num-box ul li .txt{color:#fff; font-size:26px; letter-spacing:-4px;font-weight:400;height:80px}
.ad_center .section04 .sec-box .num-box ul li span{color:#227aff;margin-left:5px}

.ad_center .section05 .sec-box{padding:0 5%;}
.ad_center .section05 .tabs-box {display: flex;justify-content: center;height:11rem;background:#262626;border-radius:20px;max-width:1520px;margin:80px auto;}
.ad_center .section05 .tab-button {background: #262626;color:#fff;cursor: pointer;border-radius:20px;transition: all 0.3s ease;position: relative;overflow: hidden;height:100%;width:33.33%;display: inline-flex;align-items: center;justify-content: center;}
.ad_center .section05 .tab-button:hover {background: #227aff;color: #fff;transition: all 0.3s ease;z-index:3;}
.ad_center .section05 .tab-button.active {background: #227aff;color: #fff;transition: all 0.3s ease;z-index:2;}
.ad_center .section05 .tab-content {display: none}
.ad_center .section05 .tab-content.active {display: block;}
.ad_center .section05 .step-cont-box{max-width:1060px; height:330px;background:#fff;padding:60px 30px 60px 120px;;border-radius:20px;margin: 0 auto;position:relative}
.ad_center .section05 .step-cont-box .step-num{font-size:36px;font-weight:600; color:#227aff;letter-spacing:-2px;line-height:1}
.ad_center .section05 .step-cont-box .step-txt{font-size:30px;font-weight:600; color:#4f5257;letter-spacing:-2px;margin-top:10px;line-height: 1.3;}
.ad_center .section05 .step-cont-box a{width:200px;height:60px;border:5px solid #227aff;background:#fff;display:flex;align-items: center;justify-content: space-evenly; color:#227aff;font-size:26px;font-weight:600;letter-spacing:-2px;border-radius:40px;line-height:1;position:absolute;right:30px;bottom:30px;transition:all 0.3s}
.ad_center .section05 .step-cont-box a:hover{background:#227aff;color:#fff;transition:all 0.3s}
.ad_center .section05 .step-cont-box a span{line-height:1}
.ad_center .section05 .step-cont-box a img{margin-left: 15px;}
.ad_center .section05 .tab-button span {position: absolute;width: 100%;text-align: center; transition: all 0.3s ease;}
.ad_center .section05 .default-text{height:100%;top: 0;transform: translateY(0);display:flex;align-items: center;justify-content: center; font-size:36px; font-weight:600;letter-spacing:-2px;}
.ad_center .section05 .hover-text{height:100%;top: 0;transform: translateY(100%);display:flex;align-items: center;justify-content: center; font-size:36px; font-weight:600;letter-spacing:-2px}
.ad_center .section05 .default-text img{margin-right:5px}
.ad_center .section05 .hover-text img{margin-right:5px}
.ad_center .section05 .tab-button:hover .default-text {transform: translateY(-100%)}
.ad_center .section05 .tab-button:hover .hover-text {transform: translateY(0);}

.ad_center .section06{}
.ad_center .section06 .slide-txt-box{position: relative;overflow: hidden;height: 62px;border-top:2px solid #fff;border-bottom:2px solid #fff;display: flex;align-items: center; }
.ad_center .section06 .slide-txt-box .silde-text {display: flex;align-items: center;justify-content: center;animation: slide 30s linear infinite;white-space: nowrap;}
.ad_center .section06 .slide-txt-box .silde-text li{font-weight:600; font-size: 28px;color: #fff;white-space: nowrap;list-style:none;padding:0 40px}
.ad_center .section06 .bot-slide .silde-text li{padding:0 0px}
.ad_center .section06 .slide-txt-box .silde-text li img{height:40px;max-width:none;display:block}
.ad_center .section06 .sec-box{padding:70px 5%}
.ad_center .section06 .sec-box .top-line{display:flex;max-width:1520px; margin:0 auto;}
.ad_center .section06 .sec-box .top-line .sec-tit{width:45%;text-align:left} 
.ad_center .section06 .sec-box .top-line .video-box{width:55%} 
.ad_center .section06 .sec-box .top-line .video-box video{max-width:100%;border-radius:20px}

.ad_center .section06 .sec-box .bot-line{max-width:1520px; margin:5rem auto 0;gap: 40px;display:flex;justify-content: space-between;/*display: grid;grid-template-columns: repeat(3, 1fr);*/ }
.ad_center .section06 .sec-box .bot-line .board-box{background:#212121;border-radius:20px;padding:30px 35px;text-align:left;min-width: 200px;flex: 1 1 30%;}
.ad_center .section06 .sec-box .bot-line .board-box.apply-ver{background:#227aff;padding:30px 35px;position:relative }
.ad_center .section06 .sec-box .bot-line .board-box .tit{display:flex;align-items: center; font-size:30px; font-weight:500; color:#fff;letter-spacing:-1px;margin-bottom:25px}
.ad_center .section06 .sec-box .bot-line .board-box .tit img{margin-left:10px}
.ad_center .section06 .sec-box .bot-line .board-box .content-list li{display:flex;align-items: center;}
.ad_center .section06 .sec-box .bot-line .board-box .content-list li a{ color:#fff; font-weight:400;font-size:22px;letter-spacing:-1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition:all 0.3s}
.ad_center .section06 .sec-box .bot-line .board-box .content-list li a:hover{color:#227aff;transition:all 0.3s}
.ad_center .section06 .sec-box .bot-line .board-box .content-list li span{color:#fff; font-weight:500;font-size:26px;margin-right:20px;letter-spacing:-1px}
.ad_center .section06 .sec-box .bot-line .board-box .txt-box{}
.ad_center .section06 .sec-box .bot-line .board-box .txt-box .b-txt{color:#fff; font-weight:500;font-size:25px;letter-spacing:-1px;line-height:1.2}
.ad_center .section06 .sec-box .bot-line .board-box .txt-box .s-txt{color:#fff; font-weight:400;font-size:21px;letter-spacing:-1px;line-height:1.2;margin-top:3px}
.ad_center .section06 .sec-box .bot-line .board-box .apply-btn{margin-top:40px;border:3px solid #fff;background:#fff; border-radius:30px;width:190px;height:60px;display:flex;align-items: center;line-height: 1;justify-content: space-evenly; font-weight:600;font-size:26px;letter-spacing:-1px;transition:all 0.3s}
.ad_center .section06 .sec-box .bot-line .board-box .apply-btn span{line-height: 1;margin-top: -7px;}
.ad_center .section06 .sec-box .bot-line .board-box .apply-btn img{}
.ad_center .section06 .sec-box .bot-line .board-box .apply-btn:hover{background:#227aff;color:#fff;transition:all 0.3s}


.ad_center .section07 .sec-box{padding:0 5%;}
.ad_center .section07 .tabs-box {display: flex;justify-content: center;margin:80px auto;gap:30px}
.ad_center .section07 .tab-button2 {padding:0 40px;color:#227aff;border:2px solid #227aff;cursor: pointer;border-radius:30px;transition: all 0.2s ease;position: relative;overflow: hidden;height:60px;/*display: inline-flex;align-items: center;justify-content: center;*/}
.ad_center .section07 .tab-button2:hover {background: #227aff;transition: all 0.2s ease;z-index:3;}
.ad_center .section07 .tab-button2.active {background: #227aff;color: #fff;transition: all 0.2s ease;z-index:2;}
.ad_center .section07 .tab-button2 span {width: 100%;text-align: center; transition: all 0.2s ease;}
.ad_center .section07 .default-text{position: relative;height:100%;top: 0;transform: translateY(0);display:flex;align-items: center;justify-content: center; font-size:26px; font-weight:600;letter-spacing:-1px;}
.ad_center .section07 .hover-text{position: absolute;height:100%;top: 0;left:0;transform: translateY(100%);display:flex;align-items: center;justify-content: center; font-size:26px; font-weight:600;letter-spacing:-1px}
.ad_center .section07 .tab-button2:hover .default-text {color: #fff;transform: translateY(-100%)}
.ad_center .section07 .tab-button2:hover .hover-text {color: #fff;transform: translateY(0);}
.ad_center .section07 .tab-content2 {display: none}
.ad_center .section07 .tab-content2.active {display: block;}
.ad_center .section07 .tab-content2 .youtube-box{display:flex;gap:30px;align-items: center;justify-content: center;max-width:1520px;margin:0 auto}
.ad_center .section07 .tab-content2 .youtube-box li{transform: translateY(0%);transition:all 0.3s}
.ad_center .section07 .tab-content2 .youtube-box li a{display:inline-block}
.ad_center .section07 .tab-content2 .youtube-box li a .img{border-radius: 15px 15px 0 0; overflow: hidden;}
.ad_center .section07 .tab-content2 .youtube-box li a .img img{}
.ad_center .section07 .tab-content2 .youtube-box li a .txt-box{height:108px;display:flex;flex-direction: column;justify-content: center;background:#fff;padding:0 30px;border-radius:0 0 15px 15px; overflow: hidden;}
.ad_center .section07 .tab-content2 .youtube-box li a .txt-box .tit{font-size:20px; color:#000; letter-spacing:-1px;line-height:1.2}
.ad_center .section07 .tab-content2 .youtube-box li a .txt-box .txt{font-size:18px; color:#8c8c8c; letter-spacing:-1px}
.ad_center .section07 .tab-content2 .youtube-box li:hover{transform: translateY(-5%);transition:all 0.3s}
.ad_center .section07 .tab-content2 .more-btn{width:320px; height:64px; display:flex;align-items: center;justify-content: space-evenly;margin:60px auto;text-align:center;background:#fff;font-weight:400;border-radius:10px;font-size:20px; letter-spacing:-1px;transition:all 0.3s; }
.ad_center .section07 .tab-content2 .more-btn:hover{background:#227aff;color:#fff;transition:all 0.3s;}




.ad_center .section08 .sec-box{padding:0 5%;}
.ad_center .section08 .studio-box .studio-pic-list{max-width:1520px; align-items: center;justify-content: center;gap:20px;margin:80px auto 0;display: grid;grid-template-columns: repeat(4, 1fr);}
.ad_center .section08 .studio-box .studio-pic-list li{text-align: center;}
.ad_center .section08 .studio-box .more-btn{width:320px; height:64px; display:flex;align-items: center;justify-content: space-evenly;margin:60px auto;text-align:center;background:#fff;font-weight:400;border-radius:10px;font-size:20px; letter-spacing:-1px;transition:all 0.3s; }
.ad_center .section08 .studio-box .more-btn:hover{background:#227aff;color:#fff;transition:all 0.3s;}

.ad_center .section09{padding:80px 5%;background:url('../../../img/sub/adcenter/ad_center_sec09_bg.jpg') no-repeat center;background-size:cover;}
.ad_center .section09 .sec-box{display:flex;max-width:1520px;margin:0 auto;justify-content: space-between;}
.ad_center .section09 .sec-box .lf-box{width:40%}
.ad_center .section09 .sec-box .lf-box .sec-tit{text-align:left} 
.ad_center .section09 .sec-box .lf-box .btn-box{margin-top:80px}
.ad_center .section09 .sec-box .lf-box .btn-box a.cw-btn{border-radius:15px;max-width:400px; height:75px;padding:0 30px;display:flex;align-items: center;justify-content: space-between;font-size:26px; color:#fff; letter-spacing:-1px; font-weight:600;background:#000}
.ad_center .section09 .sec-box .lf-box .btn-box a.ms-btn{margin-top:20px;border-radius:15px;max-width:400px; height:75px;padding:0 30px;display:flex;align-items: center;justify-content: space-between;font-size:26px; color:#fff; letter-spacing:-1px; font-weight:600;background:#227aff}
.ad_center .section09 .sec-box .lf-box .addr-txt{font-size:26px; letter-spacing:-1px; color:#fff;font-weight:400; margin-top:30px;display:flex;align-items: center;line-height:1}
.ad_center .section09 .sec-box .lf-box .addr-txt img{margin-right:10px}

.ad_center .section09 .sec-box .rt-box{width:59%;border:2px solid #545c5e;border-radius:30px;padding:50px}
.ad_center .section09 .sec-box .rt-box .dd-box{display:grid;grid-template-columns: repeat(2, 1fr);gap:15px}
.ad_center .section09 .sec-box .rt-box .dd-box select{border:0;background-color:#fff;}
.ad_center .section09 .sec-box .rt-box input{height:74px}
.ad_center .section09 .sec-box .rt-box .agree-box{height:74px}

.ad_center .section09 .privacy-list{margin-top:20px}
.ad_center .section09 .privacy-list dl{margin-top:5px;display:flex}
.ad_center .section09 .privacy-list dl dt{font-size:16px;color:#8c8c8c;letter-spacing:-0.5px;font-weight:400;width:180px}
.ad_center .section09 .privacy-list dl dd{font-size:16px;color:#ffffff;letter-spacing:-0.5px;font-weight:400}
.ad_center .section09 .warning-txt{color:#ff0000; letter-spacing:-0.5px; font-size:16px; font-weight:300;margin-top:15px}
.ad_center .section09 .grd-btn {margin:30px auto 0;position:relative;width:360px;height:75px;background: linear-gradient(88.89deg, #227aff 0.48%, #2cffda 42.46%, #227aff 84.45%);background-size: 200% auto;animation: backgroundMove2 2s linear infinite;display:block;overflow:hidden;border-radius:100px;animation-play-state: paused;}
.ad_center .section09 .grd-btn span{position:absolute;width:calc(100% - 14px);height:calc(100% - 14px);top:7px;left:7px;background:#fff;font-size:26px;font-weight: bold; color: #007bff;border-radius:100px;letter-spacing:-2px;display: flex;align-items: center;justify-content: center;line-height: 1;transition:all 0.3s}
.ad_center .section09 .grd-btn img {position: absolute;right: 30px;}
.ad_center .section09 .grd-btn:hover{animation-play-state: running;}
.ad_center .section09 .grd-btn.no-click-btn{background:#ddd}
.ad_center .section09 .grd-btn.no-click-btn span{background:#ddd;color:#fff}
.ad_center .section09 .grd-btn img.click-img{display:block}
.ad_center .section09 .grd-btn img.no-click-img{display:none}
.ad_center .section09 .grd-btn.no-click-btn img.click-img{display:none}
.ad_center .section09 .grd-btn.no-click-btn img.no-click-img{display:block}
/*.ad_center .section09 .grd-btn:hover span{background:transparent;color:#fff;transition:all 0.3s}*/

.footer_info dl dd{font-family:'Noto Sans KR', sans-serif;font-size:1.5rem;color:#ffffff;}

.ad-center-popup{position:fixed;width:400px;height:400px;background:#fff;z-index:9;right:20rem;top:50%;transform:translateY(-50%);display:none}
.ad-center-popup .img-box{height:calc(100% - 35px);}
.ad-center-popup .img-box a{display:block;height:100%;width:100%}
.ad-center-popup .img-box img{}
.ad-center-popup .img-box img.pc-img-box{}
.ad-center-popup .img-box img.mo-img-box{display:none}
.ad-center-popup .btn-box{height:35px;display:flex;justify-content: center;align-items: center;}
.ad-center-popup .btn-box a{width:50%;display:flex;justify-content: center;align-items: center;height:100%}
.ad-center-popup .btn-box .day-close-btn{}
.ad-center-popup .btn-box .close-btn{border-left:1px solid #adadad}


@media all and (max-width:1280px){
	
	.ad_center .sub_container{width:100%}
	
	.ad_center header .header-wrap{padding:0 5%}

	.ad_center .section01 .sec-box .vs-box{gap:1.5rem;margin-top:90px}
	.ad_center .section01 .sec-box .vs-box .lf-box {gap:2rem}
	.ad_center .section01 .sec-box .vs-box .rt-box {gap:2rem}
	.ad_center .section01 .sec-box .vs-box .vs-img{width:90px;margin-top:-110px;}
	.ad_center .section01 .sec-box .vs-box .vs-img img{width:90px}
	.ad_center .section01 .sec-box .vs-box .lf-box .b-box{height:115px;border-radius:50px;width:205px;}
	.ad_center .section01 .sec-box .vs-box .lf-box .circle-box {height: 115px;width: 115px; }
	.ad_center .section01 .sec-box .vs-box .lf-box .circle-box:after{top:10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);}
	.ad_center .section01 .sec-box .vs-box .lf-box .b-stop-box{height:115px;border-radius:50px;width:205px;}
	.ad_center .section01 .sec-box .vs-box .rt-box .b-box{height:115px;border-radius:50px;width:205px;}
	.ad_center .section01 .sec-box .vs-box .rt-box .circle-box {height: 115px;width: 115px;}
	.ad_center .section01 .sec-box .vs-box .rt-box .circle-box:after{top:10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);}
	.ad_center .section01 .sec-box .vs-box .rt-box .b-stop-box{height:115px;border-radius:50px;width:205px;}

	
	.ad_center .section04 .sec-box .num-box ul{gap:25px;}
	.ad_center .section04 .sec-box .num-box ul li{max-width:360px;width:auto;height:255px;gap:20px;}
	.ad_center .section04 .sec-box .num-box ul li .tit{font-size:45px; letter-spacing:-3px}
	.ad_center .section04 .sec-box .num-box ul li .txt{font-size:20px; letter-spacing:-2px;height:80px}

	.ad_center .section06 .slide-txt-box{height: 50px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
	.ad_center .section06 .slide-txt-box .silde-text li{font-size: 20px;;padding:0 30px}
	.ad_center .section06 .bot-slide .silde-text li{padding:0 0px}
	.ad_center .section06 .slide-txt-box .silde-text li img{height:30px;}


	.ad_center .section06 .sec-box{padding:70px 5%}

	.ad_center .section06 .sec-box .top-line .sec-tit{width:45%;text-align:left} 
	.ad_center .section06 .sec-box .top-line .video-box{width:55%} 
	.ad_center .section06 .sec-box .top-line .video-box video{max-width:100%;border-radius:20px}

	.ad_center .section06 .sec-box .bot-line{margin:20px auto 0;gap: 20px; }
	.ad_center .section06 .sec-box .bot-line .board-box{padding:30px 30px;}
	.ad_center .section06 .sec-box .bot-line .board-box.apply-ver{padding:30px 30px; }
	.ad_center .section06 .sec-box .bot-line .board-box .tit{font-size:20px; margin-bottom:20px}
	.ad_center .section06 .sec-box .bot-line .board-box .tit img{margin-left:10px;width:30px}
	.ad_center .section06 .sec-box .bot-line .board-box .content-list li a{font-size:18px;}
	.ad_center .section06 .sec-box .bot-line .board-box .content-list li span{font-size:20px;margin-right:10px;l}
	.ad_center .section06 .sec-box .bot-line .board-box .txt-box .b-txt{font-size:20px;line-height:1.3}
	.ad_center .section06 .sec-box .bot-line .board-box .txt-box .s-txt{font-size:18px;line-height:1.3;}
	.ad_center .section06 .sec-box .bot-line .board-box .apply-btn{margin-top:30px;border:2px solid #fff;border-radius:20px;width:130;height:50px;font-size:20px;}
	.ad_center .section06 .sec-box .bot-line .board-box .apply-btn span{margin-top: -5px;}
	.ad_center .section06 .sec-box .bot-line .board-box .apply-btn img{width: 10px;}

	.ad-center-popup{right:5rem;}




}
@media all and (max-width:1100px){

	.ad_center header{padding-top:40px}
	.ad_center header .header-wrap{gap: 30px;padding:0 5% 0 0;position:relative}
	.ad_center header .header-wrap h1{width:364px}
	.ad_center header .header-wrap .gnb-list{display:none;gap: 30px;align-items: center;flex-direction: column;padding-top: 200px;position: absolute;width: 100vh;height: 100vh;z-index: 10;top: calc(50% - 40px);left: 50%;transform: translateX(-50%);opacity:0;transition:opacity 0.2s}
	.ad_center header .header-wrap .gnb-list.on{display:flex;opacity:1;transition:opacity 0.2s }
	.ad_center header .header-wrap .gnb-list li{}
	.ad_center header .header-wrap .gnb-list li a{font-weight:400; color:#fff; font-size:16px; letter-spacing:-1px;display:block;position:relative}
	.ad_center header .header-wrap .gnb-list li a:after{content:'';width:0;height:1px;background:#fff;display:block;transition:width 0.3s}
	.ad_center header .header-wrap .gnb-list li:hover a:after{width:100%;transition:width 0.3s}
	.ad_center header .header-wrap .mo-gnb-btn{display: block;position: absolute;right: 20px;width: 50px;height: 50px;border: 2px solid #fff;border-radius: 15px;cursor:pointer;z-index:11}
	.ad_center header .header-wrap .mo-gnb-btn span{position: absolute;width: calc(100% - 16px);height: 2px;background: #fff; display: block;left:8px;transition:all 0.2s}
	.ad_center header .header-wrap .mo-gnb-btn span:nth-child(1){top: 9px;}
	.ad_center header .header-wrap .mo-gnb-btn span:nth-child(2){top: 22px}
	.ad_center header .header-wrap .mo-gnb-btn span:nth-child(3){top: 35px;}
	.ad_center header .header-wrap .mo-gnb-btn.on span:nth-child(1){transform: rotate(45deg);top: 23px;transition:all 0.2s}
	.ad_center header .header-wrap .mo-gnb-btn.on span:nth-child(2){transform: translateX(-150%); opacity: 0;transition:all 0.2s}
	.ad_center header .header-wrap .mo-gnb-btn.on span:nth-child(3){transform: rotate(-45deg);top: 23px;transition:all 0.2s}
	.ad_center .m-menu-bg{display:none;opacity:0;transition:opacity 0.2s}
	.ad_center .m-menu-bg.on{display:block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.8); z-index: 9;opacity:1;transition:opacity 0.2s}

	.ad_center .sec-tit h2{ letter-spacing:-2px; font-size:4.5rem;}
	.ad_center .sec-tit p{letter-spacing:-1px; font-size:2.8rem;line-height:1.4}
	.ad_center .sec-tit .slide-up span{letter-spacing:-1px; font-size:2.8rem;line-height:1.4}

	.ad_center .section02 .sec-box .input-form-cont .form-box{padding:60px 30px 0;height:100%}
	.ad_center .section02 .sec-box .input-form-cont{display:block;height:auto}
	.ad_center .section02 .sec-box .input-form-cont .first-ad-box{padding:35px 30px 0;margin:0 auto;max-width:570px;width:auto}
	.ad_center .section02 .sec-box .input-form-cont .ing-ad-box{padding:35px 30px 0;margin:0 auto;max-width:570px;width:auto}
	.ad_center .section02 .sec-box .input-form-cont .tit{text-indent: 0;font-size: 30px;}
	.ad_center .section02 .sec-box .input-form-cont .txt{font-size:24px}
	.ad_center .section02 .sec-box .input-form-cont .more-ad-btn a{font-size:16px}
	.ad_center .section02 .sec-box .input-form-cont .inquiry-btn{font-size:24px}

	.ad_center .form-box label{margin-bottom:15px;display:block}
	.ad_center .form-box label input.input-txt{height:64px;font-size: 18px; padding-left:30px;padding-right:10px}
	.ad_center .form-box label input.input-txt::placeholder{font-size:16px;}
	.ad_center .form-box label span.err_message{font-size:12px;}
	.ad_center .form-box label select{height:74px;font-size: 18px;2}
	.ad_center .form-box label select option{font-size:15px;}
	.ad_center .form-box .dd-box .short select{font-size:16px;}
	.ad_center .agree-box{height:64px;}
	.ad_center .agree-box span{font-size:16px;}

	.ad_center .section02 .sec-box .input-form-cont{opacity:0;transition:all 0.5s}
	.ad_center .section02.on .sec-box .input-form-cont{opacity:1;transition:all 0.5s}
	.ad_center .section02 .sec-box .input-form-cont .first-ad-box.slide-elm-up{opacity:1;animation: none;transform: translateY(0);}
	.ad_center .section02 .sec-box .input-form-cont .first-ad-box.slide-elm-up.elm-on{opacity:1;animation: none;transform: translateY(0);}
	.ad_center .section02 .sec-box .input-form-cont .ing-ad-box.slide-elm-up{opacity:1;transform: translateY(calc(-100% + 235px));animation: none;transition: transform 1s;transition-delay:1s}
	.ad_center .section02 .sec-box .input-form-cont .ing-ad-box.slide-elm-up.elm-on{transform: translateY(calc(0% + 20px));animation: none;transition: transform 1s;transition-delay:1s}


	.ad_center .section05 .tabs-box {height:8rem;margin:60px auto;}
	.ad_center .section05 .default-text img{margin-right:10px}
	.ad_center .section05 .tabs-box .tab-button:nth-child(1) img{width:29px}
	.ad_center .section05 .tabs-box .tab-button:nth-child(2) img{width:25.5px}
	.ad_center .section05 .tabs-box .tab-button:nth-child(3) img{width:24.5px}
	.ad_center .section05 .step-cont-box{height:240px;padding:40px 80px;}
	.ad_center .section05 .step-cont-box .step-num{font-size:25px;}
	.ad_center .section05 .step-cont-box .step-txt{font-size:20px;}
	.ad_center .section05 .step-cont-box a{width:160px;height:50px;border:3px solid #227aff;border-radius:40px;right:20px;bottom:20px;}
	.ad_center .section05 .step-cont-box a span{ font-size:20px;}
	.ad_center .section05 .step-cont-box a img{margin-left: 10px;}
	.ad_center .section05 .default-text{font-size:25px;letter-spacing:-1px;}
	.ad_center .section05 .hover-text{font-size:25px;letter-spacing:-1px}

	.ad_center .section07 .tabs-box {margin:60px auto;gap:20px}
	.ad_center .section07 .tab-button2 {padding:0 40px;border-radius:30px;height:60px;}
	.ad_center .section07 .default-text{font-size:22px; }
	.ad_center .section07 .hover-text{font-size:22px;}
	.ad_center .section07 .tab-content2 .youtube-box{gap:30px;}
	.ad_center .section07 .tab-content2 .youtube-box li a .txt-box{height:108px;padding:0 20px;}
	.ad_center .section07 .tab-content2 .youtube-box li a .txt-box .tit{font-size:18px; line-height:1.2}
	.ad_center .section07 .tab-content2 .youtube-box li a .txt-box .txt{font-size:16px;}

	.ad_center .section07 .tab-content2 .more-btn{width:320px; height:64px;margin:60px auto;border-radius:10px;font-size:20px;}

	.ad_center .section08 .sec-tit h2 img{}
	.ad_center .section08 .studio-box .studio-pic-list{gap:30px;margin:60px auto 0;grid-template-columns: repeat(2, 1fr);}
	.ad_center .section08 .studio-box .studio-pic-list li img{width:100%}
	.ad_center .section08 .studio-box .more-btn{width:320px; height:64px;margin:60px auto;border-radius:10px;font-size:20px }

	.ad_center .section09{padding:80px 5%;}
	.ad_center .section09 .sec-box{display:block;}
	.ad_center .section09 .sec-box .lf-box{width:100%}
	.ad_center .section09 .sec-box .lf-box .sec-tit{text-align:center}
	.ad_center .section09 .sec-box .lf-box .f-box{display:flex;align-items: center;justify-content: space-evenly;margin-bottom: 20px;}
	.ad_center .section09 .sec-box .lf-box .btn-box{margin-top:40px}
	.ad_center .section09 .sec-box .lf-box .btn-box a.cw-btn{ height:75px;padding:0 30px;font-size:22px; }
	.ad_center .section09 .sec-box .lf-box .btn-box a.ms-btn{margin-top:20px;height:75px;padding:0 30px;font-size:22px}
	.ad_center .section09 .sec-box .lf-box .btn-box a img{margin-left:10px}
	.ad_center .section09 .sec-box .lf-box .addr-txt{font-size:26px; letter-spacing:-1px; margin-top:30px;}
	.ad_center .section09 .sec-box .lf-box .addr-txt img{margin-right:5px;}

	.ad_center .section09 .sec-box .rt-box{width:100%;border:2px solid #545c5e;border-radius:30px;padding:50px}


}


@media all and (max-width:920px){

	
	.ad_center .section06 .slide-txt-box{height: 50px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
	.ad_center .section06 .slide-txt-box .silde-text li{font-size: 20px;;padding:0 30px}
	.ad_center .section06 .bot-slide .silde-text li{padding:0 0px}
	.ad_center .section06 .slide-txt-box .silde-text li img{height:30px;}


	.ad_center .section06 .sec-box{padding:70px 5%}

	.ad_center .section06 .sec-box .top-line{display:block}
	.ad_center .section06 .sec-box .top-line .sec-tit{width:100%;text-align:center} 
	.ad_center .section06 .sec-box .top-line .video-box{width:100%;margin-top:40px}

	.ad_center .section06 .sec-box .bot-line{margin:10px auto 0;gap: 10px;display:grid;grid-template-columns: repeat(1, 1fr); }
	.ad_center .section06 .sec-box .bot-line .board-box{padding:30px 30px;}
	.ad_center .section06 .sec-box .bot-line .board-box.apply-ver{padding:30px 30px;overflow:hidden }
	.ad_center .section06 .sec-box .bot-line .board-box .tit{font-size:20px; margin-bottom:0}
	.ad_center .section06 .sec-box .bot-line .board-box .tit img{margin-left:10px;width:30px}
	.ad_center .section06 .sec-box .bot-line .board-box .content-list{}
	.ad_center .section06 .sec-box .bot-line .board-box .content-list li a{font-size:18px;}
	.ad_center .section06 .sec-box .bot-line .board-box .content-list li span{font-size:20px;margin-right:10px;l}
	.ad_center .section06 .sec-box .bot-line .board-box .txt-box {padding-top:20px}
	.ad_center .section06 .sec-box .bot-line .board-box .txt-box .b-txt{font-size:20px;line-height:1.3}
	.ad_center .section06 .sec-box .bot-line .board-box .txt-box .s-txt{font-size:18px;line-height:1.3;}
	.ad_center .section06 .sec-box .bot-line .board-box .apply-btn{margin-top:30px;border:2px solid #fff;border-radius:20px;width:130;height:50px;font-size:20px;}
	.ad_center .section06 .sec-box .bot-line .board-box .apply-btn span{margin-top: -5px;}
	.ad_center .section06 .sec-box .bot-line .board-box .apply-btn img{width: 10px;}
	.ad_center .section06 .sec-box .bot-line .board-box.notice-board{cursor:pointer}
	.ad_center .section06 .sec-box .bot-line .board-box.notice-board li:first-child{margin-top:20px}
	.ad_center .section06 .sec-box .bot-line .board-box.notice-board .content-list{height:0px;overflow:hidden;transition:all 0.3s}
	.ad_center .section06 .sec-box .bot-line .board-box.notice-board.on-board .content-list{height:140px;overflow:hidden;transition:all 0.3s}
}
@media all and (max-width:790px){
	
	
	.ad_center header{padding-top:20px}
	.ad_center header .header-wrap{padding:0 5% 0 0;}
	.ad_center header .header-wrap h1{width:182px}
	.ad_center header .header-wrap .gnb-list{display:none;gap: 30px;align-items: center;flex-direction: column;padding-top: 200px;position: absolute;width: 100vh;height: 100vh;z-index: 10;top: calc(50% - 40px);left: 50%;transform: translateX(-50%);opacity:0;transition:opacity 0.2s}
	.ad_center header .header-wrap .gnb-list.on{display:flex;opacity:1;transition:opacity 0.2s }

	.ad_center header .header-wrap .mo-gnb-btn{display: block;right: 15px;top:0;width:36px;height:36px;border-radius:5px;border:1px solid #fff}
	.ad_center header .header-wrap .mo-gnb-btn span{position: absolute;width: calc(100% - 16px);height: 1px;background: #fff; display: block;left:8px;transition:all 0.2s}
	.ad_center header .header-wrap .mo-gnb-btn span:nth-child(1){top: 7px;}
	.ad_center header .header-wrap .mo-gnb-btn span:nth-child(2){top: 16px}
	.ad_center header .header-wrap .mo-gnb-btn span:nth-child(3){top: 25px;}
	.ad_center header .header-wrap .mo-gnb-btn.on span:nth-child(1){transform: rotate(45deg);top:17px;transition:all 0.2s}
	.ad_center header .header-wrap .mo-gnb-btn.on span:nth-child(2){transform: translateX(-150%); opacity: 0;transition:all 0.2s}
	.ad_center header .header-wrap .mo-gnb-btn.on span:nth-child(3){transform: rotate(-45deg);top:17px;transition:all 0.2s}
	.ad_center .m-menu-bg{display:none;opacity:0;transition:opacity 0.2s}
	.ad_center .m-menu-bg.on{display:block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.8); z-index: 9;opacity:1;transition:opacity 0.2s}
	
	.ad_center .form-box label{margin-bottom:10px}

	.ad_center .complete-pop .txt{ padding: 15px;}
	.ad_center .complete-pop .txt p{font-size:14px;}
	.ad_center .complete-pop .txt .pop-close-btn{position:absolute; top:10px; right:10px}
	.ad_center .complete-pop .txt .pop-close-btn img{width:13px}

	.ad_center .section01 .sec-box .vs-box{margin-top:90px}
	.ad_center .section01 .sec-box .vs-box .lf-box {gap:1.5rem}
	.ad_center .section01 .sec-box .vs-box .rt-box {gap:1.5rem}
	.ad_center .section01 .sec-box .vs-box .vs-img{width:70px;margin-top:-74px;}
	.ad_center .section01 .sec-box .vs-box .vs-img img{width:70px}
	.ad_center .section01 .sec-box .vs-box .lf-box .b-box{height:80px;border-radius:50px;width:150px;}
	.ad_center .section01 .sec-box .vs-box .lf-box .circle-box {height: 80px;width: 80px; }
	.ad_center .section01 .sec-box .vs-box .lf-box .circle-box:after{top:5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);}
	.ad_center .section01 .sec-box .vs-box .lf-box .b-stop-box{height:80px;border-radius:50px;width:150px;}
	.ad_center .section01 .sec-box .vs-box .rt-box .b-box{height:80px;border-radius:50px;width:150px;}
	.ad_center .section01 .sec-box .vs-box .rt-box .circle-box {height: 80px;width: 80px;}
	.ad_center .section01 .sec-box .vs-box .rt-box .circle-box:after{top:5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);}
	.ad_center .section01 .sec-box .vs-box .rt-box .b-stop-box{height:80px;border-radius:50px;width:150px;}

	.ad_center .section03 .sec-box .item-slide-box li .tit{font-size:18px; height:60px;margin-top: 3rem;}

	.ad_center .section04{padding:8rem 5%;margin-top:8rem;}
	.ad_center .section04 .sec-box .num-box{margin: 5rem auto 0;}
	.ad_center .section04 .sec-box .num-box ul{gap:20px;display: grid;    grid-template-columns: repeat(2, 2fr);}
	.ad_center .section04 .sec-box .num-box ul li{height:auto;padding:20px 5px}
	.ad_center .section04 .sec-box .num-box ul li .tit{font-size:35px; letter-spacing:-3px}
	.ad_center .section04 .sec-box .num-box ul li .txt{font-size:18px; letter-spacing:-2px;height:60px}


	.ad_center .section05 .tabs-box {height:8rem;margin:60px auto;}
	.ad_center .section05 .default-text img{margin-right:5px}
	.ad_center .section05 .step-cont-box{height:auto;padding:30px 30px 90px;}
	.ad_center .section05 .step-cont-box .step-num{font-size:22px;}
	.ad_center .section05 .step-cont-box .step-txt{font-size:18px;line-height: 1.4; margin-top: 20px;}
	.ad_center .section05 .step-cont-box a{width:120px;height:40px;border-radius:20px;right:20px;bottom:20px;}
	.ad_center .section05 .step-cont-box a span{ font-size:18px;}
	.ad_center .section05 .step-cont-box a img{margin-left:5px;width:8px}
	.ad_center .section05 .default-text{font-size:20px;letter-spacing:-1px;}
	.ad_center .section05 .hover-text{font-size:20px;letter-spacing:-1px}

	.ad_center .section07 .tabs-box {margin:40px auto;gap:10px}
	.ad_center .section07 .tab-button2 {padding:0 20px;border-radius:20px;height:40px;}
	.ad_center .section07 .default-text{font-size:16px;}
	.ad_center .section07 .hover-text{font-size:16px;}
	.ad_center .section07 .tab-content2 .youtube-box{gap:20px;flex-direction: column;}
	.ad_center .section07 .tab-content2 .youtube-box li a .txt-box{height:108px;padding:0 20px;}
	.ad_center .section07 .tab-content2 .youtube-box li a .txt-box .tit{font-size:18px; line-height:1.2}
	.ad_center .section07 .tab-content2 .youtube-box li a .txt-box .txt{font-size:16px;}

	.ad_center .section07 .tab-content2 .more-btn{width:200px; height:40px;margin:30px auto;border-radius:10px;font-size:16px;}
	.ad_center .section07 .tab-content2 .more-btn img{width:8px}

	
	.ad_center .section08 .studio-box .studio-pic-list{gap:20px}
	.ad_center .section08 .sec-tit h2 img{width:150px}
	.ad_center .section08 .studio-box .more-btn{width:200px; height:40px;margin:30px auto;border-radius:10px;font-size:16px }
	.ad_center .section08 .studio-box .more-btn img{width:8px}


	.ad_center .section09{padding:60px 5%;}
	.ad_center .section09 .sec-box .lf-box .f-box{display:block;margin-bottom: 40px;}
	.ad_center .section09 .sec-box .lf-box .btn-box{margin-top:40px}
	.ad_center .section09 .sec-box .lf-box .btn-box a.cw-btn{ height:75px;padding:0 30px;font-size:22px;margin:0 auto }
	.ad_center .section09 .sec-box .lf-box .btn-box a.ms-btn{height:75px;padding:0 30px;font-size:22px;margin:20px auto}
	.ad_center .section09 .sec-box .lf-box .addr-txt{font-size:26px; letter-spacing:-1px; margin-top:20px;text-align:center;justify-content: center;}
	.ad_center .section09 .sec-box .lf-box .addr-txt img{margin-right:5px;}

	.ad_center .section09 .sec-box .rt-box{width:100%;border:2px solid #545c5e;border-radius:30px;padding:50px}
	.ad_center .section09 .sec-box .rt-box .dd-box{display:grid;grid-template-columns: repeat(2, 1fr);gap:10px}
	.ad_center .section09 .sec-box .rt-box .dd-box select{border:0;background-color:#fff;}
	.ad_center .section09 .sec-box .rt-box .form-box label{margin-bottom:10px}
	.ad_center .section09 .sec-box .rt-box input{height:64px}
	.ad_center .section09 .sec-box .rt-box .agree-box{height:64px;}

	.ad-center-popup{width:300px;height:300px;right:50%;top:50%;transform:translate(50%, -50%);}
	.ad-center-popup .img-box{height:calc(100% - 26px);}
	.ad-center-popup .img-box img.pc-img-box{display:none}
	.ad-center-popup .img-box img.mo-img-box{display:block}
	.ad-center-popup .btn-box{height:26px;}
	.ad-center-popup .btn-box a{font-size:1.2rem}



}
@media all and (max-width:500px){

	.ad_center .sec-tit h2{ letter-spacing:-1px; font-size:3rem;}
	.ad_center .sec-tit p{letter-spacing:-0.5px; font-size:1.6rem;margin-top:2rem;line-height:1.4}
	.ad_center .sec-tit .slide-up{margin-top:2rem}
	.ad_center .sec-tit .slide-up span{letter-spacing:-0.5px; font-size:1.6rem;line-height:1.4}

	
	.ad_center .section01 .sec-box .vs-box{margin-top:70px;gap:0.5rem}
	.ad_center .section01 .sec-box .vs-box .lf-box {gap:1rem}
	.ad_center .section01 .sec-box .vs-box .rt-box {gap:1rem}
	.ad_center .section01 .sec-box .vs-box .vs-img{width:60px;margin-top:-70px;}
	.ad_center .section01 .sec-box .vs-box .vs-img img{width:60px}
	.ad_center .section01 .sec-box .vs-box .lf-box .b-box{height:65px;border-radius:40px;width:120px;}
	.ad_center .section01 .sec-box .vs-box .lf-box .circle-box {height: 65px;width: 65px; }
	.ad_center .section01 .sec-box .vs-box .lf-box .circle-box:after{top:5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);}
	.ad_center .section01 .sec-box .vs-box .lf-box .b-stop-box{height:65px;border-radius:40px;width:120px;}
	.ad_center .section01 .sec-box .vs-box .rt-box .b-box{height:65px;border-radius:40px;width:120px;}
	.ad_center .section01 .sec-box .vs-box .rt-box .circle-box {height: 65px;width: 65px;}
	.ad_center .section01 .sec-box .vs-box .rt-box .circle-box:after{top:5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);}
	.ad_center .section01 .sec-box .vs-box .rt-box .b-stop-box{height:65px;border-radius:40px;width:120px;}

	.ad_center .section02 .sec-box .input-form-cont{margin-top:4rem}
	.ad_center .section02 .sec-box .input-form-cont .form-box{margin-top:0;padding: 50px 15px 0; background-size: 50px;height:100%}
	.ad_center .section02 .sec-box .input-form-cont .first-ad-box{padding:25px 15px 0;}
	.ad_center .section02 .sec-box .input-form-cont .ing-ad-box{padding:25px 15px 0;}
	.ad_center .section02 .sec-box .input-form-cont .tit-box{height:120px}
	.ad_center .section02 .sec-box .input-form-cont .tit img{width: 22px;margin-top: -4px;}
	.ad_center .section02 .sec-box .input-form-cont .tit{font-size:22px;}
	.ad_center .section02 .sec-box .input-form-cont .txt{font-size:20px}
	.ad_center .section02 .sec-box .input-form-cont .more-ad-btn{height:44px}
	.ad_center .section02 .sec-box .input-form-cont .more-ad-btn a{font-size:16px}
	.ad_center .section02 .sec-box .input-form-cont .more-ad-btn a img{width:15px}
	.ad_center .section02 .sec-box .input-form-cont .inquiry-btn{font-size:20px;height: 54px; line-height: 52px;}
	.ad_center .section02 .sec-box .input-form-cont .form-box .scroll-box{padding-bottom:40px}

	.ad_center .form-box label input.input-txt{height:44px;font-size: 16px;padding-left:10px;font-weight:500}
	.ad_center .form-box label input.input-txt::placeholder{font-size:16px;padding-left:10px;font-weight:500}
	.ad_center .form-box label span.err_message{font-size:12px;}
	.ad_center .form-box label select{height:44px;font-size: 16px;background-size: 15px;font-weight:500}
	.ad_center .form-box label select option{font-size:15px;}
	.ad_center .form-box .dd-box .short select{font-size:16px;text-align: left;text-align-last: left; padding-left:10px;}


	.ad_center .agree-box{height:44px;}
	.ad_center .agree-box span{font-size:16px;}
	.ad_center .agree-box input[type="checkbox"] + label:before{width:15px;height:13px;}

	.ad_center .section02 .sec-box .input-form-cont .ing-ad-box.slide-elm-up{transform: translateY(calc(-100% + 190px))}


	.ad_center .section04{padding:8rem 5%;}
	.ad_center .section04 .sec-tit{padding:0 5%}
	.ad_center .section04 .sec-box .num-box{margin: 5rem auto 0;}
	.ad_center .section04 .sec-box .num-box ul{gap:15px;display: grid;    grid-template-columns: repeat(2, 2fr);}




	.ad_center .section05 .tabs-box {height:4rem;margin:40px auto;border-radius:10px}
	.ad_center .section05 .default-text img{margin-right:5px}
	.ad_center .section05 .tabs-box .tab-button{border-radius:10px}
	.ad_center .section05 .tabs-box .tab-button span{border-radius:10px}
	.ad_center .section05 .tabs-box .tab-button:nth-child(1) img{width:14.5px}
	.ad_center .section05 .tabs-box .tab-button:nth-child(2) img{width:12.75px}
	.ad_center .section05 .tabs-box .tab-button:nth-child(3) img{width:12.25px}
	.ad_center .section05 .step-cont-box{height:auto;padding:30px 30px 90px;}
	.ad_center .section05 .step-cont-box .step-num{font-size:20px;}
	.ad_center .section05 .step-cont-box .step-txt{font-size:16px;line-height: 1.4; margin-top: 10px;}
	.ad_center .section05 .default-text{font-size:16px;font-weight:500}
	.ad_center .section05 .hover-text{font-size:16px;font-weight:500}

	.ad_center .section06 .slide-txt-box{height: 40px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
	.ad_center .section06 .slide-txt-box .silde-text li{font-size: 18px;;padding:0 20px}
	.ad_center .section06 .bot-slide .silde-text li{padding:0 0px}
	.ad_center .section06 .slide-txt-box .silde-text li img{height:20px;}
	.ad_center .section06 .sec-box{padding:50px 5%}

	

	.ad_center .section07 .tab-button2 {padding:0 10px;}
	.ad_center .section07 .default-text{font-size:14px;font-weight:500}
	.ad_center .section07 .hover-text{font-size:14px;font-weight:500}
	.ad_center .section07 .tab-content2 .youtube-box{gap:10px;flex-direction: column;}
	.ad_center .section07 .tab-content2 .youtube-box li a .txt-box{height:80px;padding:0 15px;}
	.ad_center .section07 .tab-content2 .youtube-box li a .txt-box .tit{font-size:16px;}
	.ad_center .section07 .tab-content2 .youtube-box li a .txt-box .txt{font-size:14px;}
	.ad_center .section07 .tab-content2 .youtube-box li:hover{transform: translateY(0%);}

	
	.ad_center .section08 .studio-box .studio-pic-list{gap:10px;margin:40px auto 0}
	.ad_center .section08 .sec-tit h2 img{width:150px}



	.ad_center .section09{padding:60px 5%;}
	.ad_center .section09 .sec-box .lf-box .f-box{margin-bottom: 30px;}
	.ad_center .section09 .sec-box .lf-box .btn-box{margin-top:30px}
	.ad_center .section09 .sec-box .lf-box .btn-box a.cw-btn{ height:50px;padding:0 30px;font-size:16px;margin:0 auto;width:100% ;border-radius: 10px;font-weight:500}
	.ad_center .section09 .sec-box .lf-box .btn-box a.ms-btn{height:50px;padding:0 30px;font-size:16px;margin:20px auto;width:100%;border-radius: 10px;font-weight:500}
	.ad_center .section09 .sec-box .lf-box .btn-box a img{width:13.5px;margin-left:0}
	.ad_center .section09 .sec-box .lf-box .addr-txt{font-size:18px;margin-top:20px}
	.ad_center .section09 .sec-box .lf-box .addr-txt img{margin-right:5px;width:20px;margin-top: 4px;}

	.ad_center .section09 .sec-box .rt-box{width:100%;border:2px solid #545c5e;border-radius:30px;padding:15px}
	.ad_center .section09 .sec-box .rt-box .dd-box{display:grid;grid-template-columns: repeat(2, 1fr);gap:10px}
	.ad_center .section09 .sec-box .rt-box .form-box label{margin-bottom:10px}
	.ad_center .section09 .sec-box .rt-box input{height:44px}
	.ad_center .section09 .sec-box .rt-box .agree-box{height:44px;}

	.ad_center .section09 .privacy-list{margin-top:10px}
	.ad_center .section09 .privacy-list dl{margin-top:5px;display:flex;}
	.ad_center .section09 .privacy-list dl dt{font-size:12px;width:180px}
	.ad_center .section09 .privacy-list dl dd{font-size:12px;}
	.ad_center .section09 .warning-txt{font-size:14px; margin-top:10px}
	.ad_center .section09 .grd-btn {margin:20px auto 0;width:200px;height:50px;border-radius:100px;;}
	.ad_center .section09 .grd-btn span{width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px;font-size:20px;border-radius:100px;}
	.ad_center .section09 .grd-btn img {right: 14px;width: 10px;margin-top: -2px;}
    
}

