@charset "utf-8";
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(font/NotoSansKR-Thin.woff) format('woff'), url(font/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(font/NotoSansKR-Light.woff) format('woff'), url(font/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(font/NotoSansKR-Regular.woff) format('woff'), url(font/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(font/NotoSansKR-Medium.woff) format('woff'), url(font/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(font/NotoSansKR-Bold.woff) format('woff'), url(font/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(font/NotoSansKR-Black.woff) format('woff'), url(font/NotoSansKR-Black.otf) format('opentype');}

@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;src: url(font/Roboto-Thin.ttf) format('truetype');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;src: url(font/Roboto-Light.ttf) format('truetype');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;src: url(font/Roboto-Regular.ttf) format('truetype');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;src: url(font/Roboto-Medium.ttf) format('truetype');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;src: url(font/Roboto-Bold.ttf) format('truetype');}
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;src: url(font/Roboto-Black.ttf) format('truetype');}

/* fadeInUp */
.fadeInUp {opacity: 0;}
.fadeInUp.loaded {
    opacity: 1;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
@keyframes fadeInUp{
	0%{opacity:0;transform:translateY(100px)}
	100%{opacity:1;transform:translateY(0)}
}

/* 초기화 */
html {overflow-y:scroll;overflow-x: hidden; /* scroll-behavior: smooth;  */}
body {margin:0;padding:0;font-size:0.75em;font-family: "Pretendard Variable", Pretendard, -apple-system, 'Noto Sans KR', 'Malgun Gothic',BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;background:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select, img {vertical-align:middle;font-size:1em;}
input, button {margin:0;padding:0;font-size:1em;}
input[type="submit"] {cursor:pointer;}
button {cursor:pointer;}
textarea, select {font-size:1em;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}
select {margin:0;}
p {margin:0;padding:0;word-break:break-all;}
hr {display:none;}
pre {overflow-x:scroll;font-size:1.1em;}
a {color:#000;text-decoration:none;}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[type=text],input[type=password], textarea {-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;outline:none;}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff;border:1px solid #558ab7 !important;}
.placeholdersjs {color:#aaa !important;}
.mobile_only{display:none !important;}

/* 전역 설정 */
.section{padding:200px 0;}
.viewport {margin:0 auto;width:1200px;}
.gradient{background-clip: text;-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;background-image: linear-gradient(99deg, #667EEA 0%, #A65AF5 51%, #992593 100%)}
h3.title {text-align: center;font-size:65px;font-weight:800;line-height:1.3;}
.wrap_header {position: fixed;top: 0px;z-index: 30;width: 100%;height:80px;background:#FEFEFE;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.wrap_header .viewport {display: flex;align-items: center;justify-content: space-between;height:100%;}
.logo_thesalon{margin-right: 65px;}
.wrap_go_btn{width:300px;display:flex;justify-content:flex-end;}
.wrap_header .h_menu a {display:inline-block;margin:0 15px;height:100%;padding:0 20px;font-size:16px;font-weight:500;}
.wrap_header .btn_login{position:relative; margin:0 5px;display:inline-block;width:45px;padding:10px 0;text-align:center; font-size:16px;font-weight:600;}
.wrap_header .btn_login:hover {width:90px;}
.wrap_header .btn_login .on{display:none;width:0;text-align:center;opacity:0; transition:all 0.5s}
.wrap_header .btn_login:hover .on{display:inline-block;width:100%;opacity:1;}
.wrap_header .btn_login:hover .off{display:none;}
.btn_login:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:4px;background-color:#992593;transition:all 0.5s;}
.btn_login:before{content:"";position:absolute;right:50%;bottom:0;width:0;height:4px;background-color:#992593;transition:all 0.5s;}
.btn_login:hover:before,
.btn_login:hover:after{width:50%;}
.btn_login em{display:none;opacity:0;transition:all 0.5s;}
.btn_login:hover em{display:inline-block;opacity:1;}
.wrap_header .btn_join{position: relative;margin:0 15px;display:flex;justify-content: center;align-items: center;width:120px;height:39px;border-radius: 20px;background:#992593;color:#fff;text-align:center;font-size:16px;font-weight:600;transition:all 0.5s;}
.wrap_header .btn_join:hover{width:160px;}
.wrap_header .btn_join:before{content:"";position: absolute;z-index: 1;right:0;top:0;opacity: 0;display:flex;justify-content:center;align-items:center;width:160px;height:39px;border-radius: 20px;background:#992593;color:#fff;text-align:center;font-size:16px;font-weight:600;transition:all 0.5s;}
.wrap_header .btn_join:hover:before{content:"광고주 무료 회원가입";opacity:1;}
.header_wrap .h_menu_wrap li .en{position:relative;z-index:2;top:0;opacity:1;transition:all 0.2s ease;}
.header_wrap .h_menu_wrap li .ko{position:absolute;width:100%;left:0;font-size:17px;line-height:1.5em;opacity:0;transition:all 0.2s ease;z-index:2;top:0;}	
.header_wrap .h_menu_wrap li:hover .en{opacity:0;}	
.header_wrap .h_menu_wrap li:hover .ko{opacity:1;}
.mobile_navi {display:none;}

/* 인트로 */
.intro_00 {margin:160px 0 300px;}
.intro_00 .title {font-size:75px;font-weight:800;line-height:1.3;text-align:center;color:#33353A;}
.intro_go_banner{margin:110px auto;;display:flex;justify-content:center;}
.intro_go_banner a{position:relative;margin:0 26px;overflow:hidden;display:block;width:444px;border-radius:30px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);border:0 solid #fff;transition:all .2s ease-in-out;}
.intro_go_banner a:hover{border:5px solid #fff;box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);}
.intro_go_banner .flag{position:absolute; top:21px; left:22px; display:block;padding:8px 17px;border-radius:30px;background:#992593;color:#fff;font-size:16px;font-weight:700;}
.intro_go_banner h2{position:absolute; top:112px; left:0; display:block;width:100%; text-align:center;color:#fff;font-size:30px;font-weight:800;line-height:1.4;}
.intro_go_banner img{width:100%;border-radius:30px;}

/* 광고주 */
.section_00{padding:181px 0 75px;text-align:center;color:#343434;}
.section_00 .title{font-size:60px;font-weight:800;line-height:1.3;}
.section_00 .description{margin-top: 24px;font-size:28px;font-weight:500;}
.btn_start{display: inline-block;margin-top:86px;border-radius: 30px;background:#992593;padding:17px 47px;color:#fff;font-size:20px;font-weight:700;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25);}
.btn_start strong{font-weight:800;}
.wrap_video{margin:91px auto 0;width:1200px;overflow:hidden;}
.video_01{float:left;width: 316px;/* width:26.73%; 414px*/}
.video_02{margin-top: 25px;float:right;width:70.34%;}
.wrap_video video{width:100%;}
.video_02 video{box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);border-radius:10px;}

.section_01{background:#F8F7F7;color:#000;}
.section_01 .title{text-align: center;font-size:65px;font-weight:800;line-height:1.3;}
.section_01 .description{margin-top:98px;font-size:28px;font-weight:600;line-height:1.6;}
.section_01 .list{display: flex;flex-wrap: wrap;justify-content: center;}
.section_01 .item{margin: 22px 12px;width:486px;height:400px;padding:52px 44px;border-radius:15px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
.section_01 .txt{}
.section_01 .txt .gradient{font-weight:900;}
.section_01 .item_01{background:url(../images/sec01_bg01.svg) 90% bottom no-repeat #fff;}
.section_01 .item_02{background:url(../images/sec01_bg02.svg) 80% bottom no-repeat  #fff;}
.section_01 .item_03{text-align:right;background:url(../images/sec01_bg03.svg) 18% bottom no-repeat  #fff;}
.section_01 .item_04{text-align:right;background:url(../images/sec01_bg04.svg) 0 bottom no-repeat  #fff;}

.section_02 .description{margin-top:190px;}
.section_02 .item{margin-bottom:200px;display:flex;justify-content:space-between;}
.section_02 .item:nth-child(even){flex-direction: row-reverse}
.section_02 .item:last-child{margin-bottom:0;}
.section_02 .area_txt{width:486px;padding-top:38px;}
.section_02 h4{font-size:52px;font-weight:800;line-height:1.38;}
.section_02 .txt{margin-top:44px;font-size:28px;font-weight:600;line-height:1.57}
.section_02 .area_img{width:486px;}
.section_02 .area_img img{width:100%;}

.section_03{background:#F8F7F7;color:#000;text-align:center;}
.section_03 .description{margin-top:78px;}
.section_03 .list{display:flex;justify-content: space-between;}
.section_03 .item{width:383px;padding: 44px 42px 70px;background:#fff;border-radius:15px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);}
.section_03 .item:last-child{padding-bottom:54px;}
.section_03 .area_txt{width: 100%;}
.section_03 dt{text-align:left;font-size:16px; font-weight:500;}
.section_03 .txt{margin-top:51px;font-size:28px;font-weight:600;line-height:1.57}
.section_03 .area_img{margin-top:36px;}
.section_03 .item:last-child .area_img{margin: 20px 0 16px;}
.section_03 .item.loaded:first-child{}
.section_03 .item.loaded:nth-child(2){animation-delay:.2s}
.section_03 .item.loaded:nth-child(3){animation-delay:.3s}
.section_04{padding:200px 0 300px; position:relative; min-height: 1000px;background:#151516;color:#fff;text-align:center;}
.section_04 .txt {display:block; margin-top:45px;font-size:65px;font-weight:800;}
.section_04 .txt_02 {margin-top:112px;}
.section_04 .txt_06 {margin-top:112px;}
.section_04 .txt_06 strong{font-weight:900;font-size:90px;}

.section_05{/* padding:192px 0 166px; */background:url(../images/section05_bg@2x-min.png) 0 0 no-repeat;background-size:cover;}
.section_05 .title{text-align:left;color:#fff;}
.section_05 .txt{margin-top:28px;font-size: 28px;font-weight: 500;color: #fff;}
.wrap_partner{margin:50px auto 0;width: 96%;display: flex;justify-content: space-between;align-items: center;}
.btn_download{margin:80px auto 0 ; display: block;width:282px;border-radius: 30px;background:#992593;padding:17px 70px;color:#fff;font-size:20px;font-weight:700;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-200px * 6));
  }
}
.slider_partner {
 /*  background: white;box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125); */
height: 100px;
margin: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.slider_partner::before, .slider_partner::after {
  /* background: linear-gradient(to right, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%); */
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider_partner::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider_partner::before {
  left: 0;
  top: 0;
}
.slider_partner .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;align-items:center;
  width: calc(200px * 12);
}
.slider_partner .slide {
  height: 100px;
  width: 200px;
    display: flex;align-items: center;
    justify-content: center;
}

.section_06 .list{margin-top:78px;display:flex;justify-content: space-between;}
.section_06 .item{width:383px;background:#fff;border-radius:15px;}
.section_06 .item img{width:100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.section_06 .item .txt{margin-top:37px;font-size:24px;font-weight:600;}
.section_06 .item .txt em{font-size:20px;font-weight:400;font-style: normal;line-height: 1.7;}
.section_06 .item.loaded:first-child{}
.section_06 .item.loaded:nth-child(2){animation-delay:.2s}
.section_06 .item.loaded:nth-child(3){animation-delay:.3s}

.section_07{overflow: hidden;background:#F8F7F7;}
.section_07 .title{text-align:left;}
.viewport-section_07 {margin-top:110px;float:right;width:calc(50% + 600px);}
.viewport-section_07 .inner{overflow:hidden;}
.section_07 .swiper-container{position: relative;}
.section_07 .swiper-slide{width:281px;}
.section_07 .area_img{position: relative;}
.section_07 .layer_info{position: absolute;top: 22px;left: 20px;}
.section_07 .flag_info{margin-left:8px;padding: 5px 13px;background: rgba(0,0,0,.5);color: #fff;font-style: normal;font-size: 12px;font-weight: 600;border-radius: 15px;border: 1px solid #fff}
.section_07 .swiper-slide .thumb_img{width: 100%;border-radius:20px;}
.section_07 .subject{margin-top:20px;font-size:20px;font-weight:600}
.section_07 .description{margin-top:14px;font-size:16px;font-weight:500;line-height:1.5}
.swiper-pagination{display:none;}

.section_last{background:url(../images/section_last_bg-min.png) 0 0 no-repeat;background-size:cover;color:#fff;text-align:center;}
.section_last .title{font-size:60px;}
.section_last .txt{margin-top:34px;font-size:28px;font-weight:500;}
.section_last .btn_ask{margin-right:24px;display: inline-block;width:282px;
border-radius: 30px;background: #fff;padding: 17px 47px;color: #000;font-size: 20px;font-weight: 700;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.7);}
.section_last .btn_ask{margin-top:0;width:282px;}

.section_footer{margin:40px auto 0;width:1200px;}
.footer_menu a{display:inline-block;font-size:16px;font-weight:700;color:#656565;}
.footer_menu a:after{content: '';display: block;float: right;margin: 2px 15px 0;clear: both;width: 1px;height: 15px;background: #656565;}
.footer_address{margin:34px 0 0;font-style: normal;font-size:14px;font-weight:400;color:#656565;}
.footer_address span{margin:0 25px 10px 0;display:inline-block;}
.section_footer .copyright{margin:15px 0 35px;}

/* 문의폼 */
.contact_pop_cover{position:fixed;top: 0;left: 0;right:0;bottom:0;z-index:1000;background-color: rgba(0,0,0,0.68);display:none;}
.contact_pop{align-items: center;justify-content: center;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1001;background-color: rgba(0,0,0,0.68);display:none;}
.contact_pop .inner{padding:50px 4.9919% 100px;width:100%;height:100%;}
.contact_pop .container{width:100%;background-color:#fff;padding:65px;position:relative;}
.contact_pop .contact_pop_close{position:absolute;top:-45px;right:-45px;width:40px;height:40px;background:url(../images/btn_pop_close.svg);background-size:100%;border:none;}
.sound_only{font-size:0;}
.contact_pop .title{text-align:center;font-size:30px;color:#424242;}
.contact_pop .form_wrap{margin-top:50px;}
.contact_pop .form_wrap .form_con + .form_con{margin-top:25px;}
.contact_pop .form_wrap .form_con:after{content:'';display:block;clear:both;}
.contact_pop .form_wrap .form_con li{float:Left;}
.contact_pop .form_wrap .form_con li + li{margin-left:1.53%;}
.contact_pop .form_wrap .form_con li.con1{width:20.4857%;}
.contact_pop .form_wrap .form_con li.con2{width:32.312%;}
.contact_pop .form_wrap .form_con li.con3{width:44.139%;}
.contact_pop .form_wrap .form_con .tt{/* font-size:15px */font-size:17px;;color:#424242;font-weight:600;margin-bottom:11px;}
.contact_pop .form_wrap .form_con .input{width:100%;height:60px;padding-left:20px;border:1px solid #424242;font-size:18px;color:#636363;}
.contact_pop .form_wrap .form_con textarea{width:100%;height:160px;border:1px solid #424242;font-size:18px;color:#636363;padding:20px;resize:none;}
.contact_pop .form_wrap .form_check{margin-top:20px;display: flex;align-items: center;}
.contact_pop .form_wrap .form_check input{float:left;}
.contact_pop .form_wrap .form_check label{display:block;margin-left:10px;font-size:18px;color:#636363}
.contact_pop .form_wrap .submit{display:block;width:100%;border:none;background-color:#6E2679;height:80px;font-size:20px;color:#fff;text-align:center;font-weight:500;margin-top:35px;}
/* .contact_pop .form_wrap .submit .icon_point{display:inline-block;width:55px;height:69px;vertical-align:middle;margin-left:20px;background:url(../img/icon_recruit_pop_click.jpg) no-repeat;;background-size:100%;} */
/* 팝업 - 앱 다운로드 */
.download_info_app_wrap{display:none;overflow-y: scroll;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(110,38,121,0.8);z-index:1009;}
.download_info_app_wrap .inner{width:100%;height:100%;display: flex;flex-direction: column;justify-content: flex-start;}
.download_info_app_wrap .content_box{    display: flex;align-items: center;justify-content: center;height: 100%;width:100%;margin:60px auto;border-radius:5px;}
.download_info_app_wrap .content_box .__inner{position:relative;display: flex;flex-direction: column;width: 770px;height: 300px;border-radius: 10px;background: #fff;justify-content: flex-start;align-items: center;}
.download_info_app_wrap .btn_close{position:absolute;top: -51px;right: -8px;}
.download_info_app_wrap .btn_close img{width:50px;height:50px;}
.download_info_app_wrap .content_box .__inner h3 {font-size: 18px;font-weight: 500;padding:50px 0;}
.download_info_app_wrap .inner li {float:left;padding-bottom:30px;} 
.download_info_app_wrap .inner li img{width:100%;}
.download_info_app_wrap a.btn_app{display: flex;align-items: center;justify-content: center;margin:20px; color: #fff;background-color: #000;padding: 20px 60px;font-weight: 700;font-size: 18px;line-height: 30px;border-radius: 50px;}

.download_info_app_wrap a.iphone:before{content:'';display:block;clear:both;width: 38px;height: 46px;background: url(../images/logo_apple.svg) 0 0 no-repeat;margin-right:15px;background-size:100%;}
.download_info_app_wrap a.android:before{content:'';display:block;clear:both;width: 48px;height: 48px;background: url(../images/logo_android.svg) 0 0 no-repeat;margin-right:15px; background-size:100%;}

.main_popup {position: fixed;z-index: 1005;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);display: none;}
.main_popup.on {display: block;}
.main_popup .inner{display:flex;justify-content: center;align-items:center;height: 100%;}
.main_popup .layer_cont{width:506px;height:655px;} 
.main_popup .img_wrap {display: flex;justify-content: center;align-items: center;}
.main_popup .img_wrap img{width:100%;}
.main_popup .btn_wrap{width:100%; height:63px;display: flex;justify-content: center;align-items: center;background: #343434;}
.main_popup .btn_wrap button{width:50%;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;border: 0;background: none;cursor: pointer;}
.main_popup .btn_wrap .btn_today_close:after{content:'';display:block;clear:both;width:1px;height: 15px;background: #fff;}
.main_popup .btn_wrap .btn_today_close span{width: 100%;}
.topbanner{width:100%;height:53px;background: #343434;display: flex;justify-content: center;align-items: center;}
.topbanner.move{position:fixed;z-index:1001;}
.topbanner .inner{position:relative;width:1155px;}
.topbanner .inner img{width:1155px;}
.topbanner .btn_close {width: 32px;height: 32px;position: absolute;top: 35%;right: -70px;font-size: 0;border: 0;background: none;}
.topbanner .btn_close::before {content: "";width: 2px;height: 18px;background-color: #fff;position: absolute;top: 0;left: 7px;transform: rotate(45deg);}
.topbanner .btn_close::after {content: "";width: 18px;height: 2px;background-color: #fff;position: absolute;top: 8px;left: 0;transform: rotate(45deg);} 

/* 문의폼 */
.download_pop{align-items: center;justify-content: center;width:100%;height:100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1001;padding:0 4.9919%;display:none;}
.download_pop .container{width:80%;max-width:1000px;margin:0 auto; background-color:#fff;padding:65px;position:relative;}
.download_pop .download_pop_close{position:absolute;top:-45px;right:-45px;width:40px;height:40px;background:url(../images/btn_pop_close.svg);background-size:100%;border:none;}
.sound_only{font-size:0;}
.download_pop .title{text-align:center;font-size:30px;color:#424242;}
.download_pop .form_wrap{margin-top:50px;}
.download_pop .form_wrap .form_con + .form_con{margin-top:25px;}
.download_pop .form_wrap .form_con:after{content:'';display:block;clear:both;}
.download_pop .form_wrap .form_con li{float:Left;}
.download_pop .form_wrap .form_con li + li{margin-left:1.53%;}
.download_pop .form_wrap .form_con li.con1{width:20.4857%;}
.download_pop .form_wrap .form_con li.con2{width:32.312%;}
.download_pop .form_wrap .form_con li.con3{width:44.139%;}
.download_pop .form_wrap .form_con .tt{/* font-size:15px */font-size:17px;;color:#424242;font-weight:600;margin-bottom:11px;}
.download_pop .form_wrap .form_con .input{width:100%;height:60px;padding-left:20px;border:1px solid #424242;font-size:18px;color:#636363;}
.download_pop .form_wrap .form_con textarea{width:100%;height:160px;border:1px solid #424242;font-size:18px;color:#636363;padding:20px;resize:none;}
.download_pop .form_wrap .form_check{margin-top:20px;display: flex;align-items: center;}
.download_pop .form_wrap .form_check input{float:left;width: 20px;height: 20px;}
.download_pop .form_wrap .form_check label{display:block;margin-left:10px;font-size:18px;font-weight: 500;color:#000}
.download_pop .form_wrap .submit{display:block;width:100%;border:none;background-color:#6E2679;height:80px;font-size:20px;color:#fff;text-align:center;font-weight:500;margin-top:35px;}
.noti_comm{margin-top: 7px;font-weight: 500;font-size: 17px;color: #9829a9;}


@media(max-width:820px){

}

@-webkit-keyframes arrow_v_aos {
	0%   {opacity:0;}
	100% {opacity:100%;}
}
@keyframes arrow_v_aos {
	0%   {opacity:0;}
	100% {opacity:100%;}
}

@-webkit-keyframes arrow_v {
	0%   {top:26px;}
	100% {top:31px;}
}
@keyframes arrow_v {
	0%   {top:26px;}
	100% {top:31px;}
}



/* quick 고정 */
.side_quick {
	position: fixed;
	bottom: 80px;
    right: 17px;
	width: 172px;
	text-align: center;
	z-index: 9999999;
}
.side_quick .menu-list {margin-bottom: 12px; position: relative; z-index: 200; }
.side_quick .menu-list .inner {position: relative;}
.side_quick .menu-list .btn-floating {
	position: relative;
	font-size: 0;
	display: block;
	width: 64px; height: 64px;
	border-radius: 50%;
	background: linear-gradient(99deg, #667EEA 0%, #A65AF5 51%, #992593 100%);
	background-size: cover;
	overflow: hidden;
	z-index: 2;
}
.side_quick .menu-list .btn-floating span {
	position: relative;
	display: block;
	height: 100%;
	background-image: url('../images/btn_quick.svg');
	background-size: cover;
	transition: transform .35s;
	font-size: 0;
}
.side_quick .menu-list ul {
	display: flex;
	align-items: flex-end;
	flex-direction: column-reverse;
}
.side_quick .menu-list li {
	position: relative;
	opacity: 1;
	opacity: 1;
	margin-bottom: 12px;
}
.side_quick .menu-list li a {
	position: absolute;
	top: 0; right: 0;
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 64px;
	text-indent:-99999px;
	background: #fff;
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 14px;
	transition: width .35s;
}
.side_quick .menu-list li a:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index: 1;
}
.side_quick .menu-list li,
.side_quick .menu-list li a,
.side_quick .menu-list li a:before {
	width: 172px; 
	height: 64px; 
	box-sizing: border-box;
	transition: all 0.3s;
}
.side_quick .menu-list li a:hover,
.side_quick .menu-list li a:before {width: 172px;}

.side_quick .menu-list li.menuAr a {padding: 0;}
.side_quick .menu-list li.menuAr a:hover {width: 64px;}

.side_quick .menu-list li.menu01 a:before {background: 0 0 url('../images/quick_15off.svg') no-repeat;}


.side_quick .menu-list li.menu02 a:before {background: 0 0 url('../images/quick_chatbot.svg?1') no-repeat;}


.button-child > p {
	font-size:14px;
	font-weight: 700;
	color:#fff;
	margin-left:10px;
	z-index: 10;
}
.button-child > p > span {
	display:block;
	font-size:10px;
	font-weight: 400;
}

  .side_quick .menu-list .menu01 a {
	border: 1px solid #992593;
}
.side_quick .menu-list .menu02 a {
	border: 1px solid #667EEA;
}
.side_quick .menu-list .menu03 a {
	display: none;
}
.side_quick .menu-list .on .menu01 a {
	display: flex;
}
.side_quick .menu-list .on .menu02 a {
	display: flex;
}
.side_quick .menu-list .on .menu03 a {
	display: flex;
}

@media(min-width:900px){
	/* 채팅창 위치 */
	typebot-bubble::part(bot) {
	  right: 210px;
	  bottom: 60px;
	}
}

typebot-bubble::part(button) {
  display:none;
}

typebot-bubble::part(preview-message) {
max-width: 256px;
right:15px;
bottom:256px;
}
.close_chat{position: fixed;
    right: 170px;
    bottom: 750px;
    z-index: 42424243;}
.close_chat .btn{
width: 50px;
    height: 50px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 50%;
    font-size: 0;}
	.close_chat .btn:after{content:'';display:inline-block;content: "\00d7"; font-size:40px;}

@media(max-width:899px){
	.close_chat{
		right: 19px;
		bottom: 19px;
		}
	.close_chat .btn{
	width: 50px;
		height: 50px;
		background: #fff;
		border: 1px solid #dedede;
		border-radius: 50%;
		font-size: 0;}
		.close_chat .btn:after{content:'';display:inline-block;content: "\00d7"; font-size:33px;}

}

/* quick 열고 닫기 */
.floating-sticky {display:none;
	position: fixed;
	bottom: 80px;
    right: 17px;
	width: 172px;
	text-align: center;
	z-index: 9999999;
}
.floating-sticky .menu-list {margin-bottom: 12px; position: relative; z-index: 200; }
.floating-sticky .menu-list .inner {position: relative;}
.floating-sticky .menu-list .btn-floating {
	position: relative;
	font-size: 0;
	display: block;
	width: 64px; height: 64px;
	border-radius: 50%;
	background: linear-gradient(99deg, #667EEA 0%, #A65AF5 51%, #992593 100%);
	background-size: cover;
	overflow: hidden;
	z-index: 2;
}
.floating-sticky .menu-list .btn-floating span {
	position: relative;
	display: block;
	height: 100%;
	background-image: url('../images/btn_quick.svg');
	background-size: cover;
	transition: transform .35s;
	font-size: 0;
}
.floating-sticky .menu-list .on .btn-floating span {transform: rotate(135deg);}
.floating-sticky .menu-list .inner,
.floating-sticky .menu-list ul {
	display: flex;
	align-items: flex-end;
	flex-direction: column-reverse;
}
.floating-sticky .menu-list li {
	position: relative;
	opacity: 0;
	margin-bottom: -64px;
	transition: margin .5s, opacity .5s;
}
.floating-sticky .menu-list .on li {
	opacity: 1;
	margin-bottom: 12px;
}
.floating-sticky .menu-list li a {
	position: absolute;
	top: 0; right: 0;
	display: flex;
	align-items: center;
	overflow: hidden;
	border-radius: 64px;
	text-indent:-99999px;
	background: #fff;
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 14px;
	transition: width .35s;
}
.floating-sticky .menu-list li a:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
	z-index: 1;
}
.floating-sticky .menu-list li,
.floating-sticky .menu-list li a,
.floating-sticky .menu-list li a:before {
	width: 172px; 
	height: 64px; 
	box-sizing: border-box;
	transition: all 0.3s;
}
.floating-sticky .menu-list li a:hover,
.floating-sticky .menu-list li a:before {width: 172px;}

.floating-sticky .menu-list li.menuAr a {padding: 0;}
.floating-sticky .menu-list li.menuAr a:hover {width: 64px;}

.floating-sticky .menu-list li.menu01 a:before {background: 0 0 url('../images/quick_15off.svg') no-repeat;}
/* .floating-sticky .menu-list li.menu01 a {background: linear-gradient(to right, #FF7A00 80%, #EA002C);} */

.floating-sticky .menu-list li.menu02 a:before {background: 0 0 url('../images/quick_chatbot.svg?1') no-repeat;}
/* .floating-sticky .menu-list li.menu02 a {background: linear-gradient(to right, #EA002C 80%, #FF7A00);} */

.button-child > p {
	font-size:14px;
	font-weight: 700;
	color:#fff;
	margin-left:10px;
	z-index: 10;
}
.button-child > p > span {
	display:block;
	font-size:10px;
	font-weight: 400;
}

  .floating-sticky .menu-list .menu01 a {
	display: none;border: 1px solid #992593;
}
.floating-sticky .menu-list .menu02 a {
	display: none;border: 1px solid #667EEA;
}
.floating-sticky .menu-list .menu03 a {
	display: none;
}
.floating-sticky .menu-list .on .menu01 a {
	display: flex;
}
.floating-sticky .menu-list .on .menu02 a {
	display: flex;
}
.floating-sticky .menu-list .on .menu03 a {
	display: flex;
}

/* .floating-sticky .btn-gotop {
	width: 54px; height: 54px;
	background: #000;
	border-radius: 4px;
	display: none;
}
.floating-sticky .btn-gotop.show {display: inline-block;}
.floating-sticky .btn-gotop span {
	position: relative;
	display: block;
	height: 100%;
	background: url('') no-repeat 50% 50%;
	font-size: 0;
} */

.body_intro .btn-gotop{display:none;}
.btn-gotop{position: fixed;
    bottom: 18px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 46px;
    border: 2px solid rgba(51, 51, 51, 0.2);
    color: rgba(51, 51, 51, 0.7);
    text-align: center;
    font-size: 15px;
    z-index: 99999;
    background: rgba(255,255,255,0.5);}

.fa-arrow-up:before {
    content: "\f062";
}
.btn-gotop:hover {
    border-color: rgba(51, 51, 51, 0);
    background: rgba(51, 51, 51, 0.5);
    color: #fff;
}