@charset "utf-8";
/* 랜딩 모음 - 각 랜딩별로 영향이 가지 않도록 따로 작성/ 공통부분만 최상단에 작성 */

@font-face {
	font-family: 'Suit';
	font-weight: 400;
	src: local('SUIT Regular'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-Regular.woff2') format('woff2');
	font-display: block;
}
@font-face {
    font-family: 'Suit';
    font-weight: 600;
    src: local('SUIT SemiBold'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-SemiBold.woff2') format('woff2');
	font-display: block;
}
@font-face {
	font-family: 'Suit';
	font-weight: 700;
	src: local('SUIT Bold'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-Bold.woff2') format('woff2');
	font-display: block;
}
@font-face {
	font-family: 'Suit';
	font-weight: 800;
	src: local('SUIT ExtraBold'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-ExtraBold.woff2') format('woff2');
	font-display:block;
}
@font-face {
	font-family: 'Suit';
	font-weight: 900;
	src: local('SUIT Heavy'), url('/wp-content/themes/rsupport/assets/fonts/Suit/SUIT-Heavy.woff2') format('woff2');
	font-display: block;
}

/* #1 rc/rv 통합랜딩 */
.remote-solution *{font-family:'Suit', 'Noto Sans KR', '맑은 고딕','Malgun Gothic','Apple SD 산돌고딕 Neo','Apple SD Gothic Neo','Helvetica Neue', Helvetica, sans-serif; font-weight:400;}
.remote-solution h1{color:#333; font-size: 64px;font-weight: 900;line-height: 1.2;}
.remote-solution h2{color:#333; font-size: 40px;font-weight: 800;line-height: 1.2;}
.remote-solution h2 + p{padding-top:12px;color:#666;font-size: 24px;line-height: 1.3;}
.remote-solution h3{color:#333; font-size: 28px;font-weight: 800;line-height: 1.2;}
.remote-solution .blue{color:#56ACFF}
.remote-solution .green{color:#66B366;}
.remote-solution .orange{color:#FF4500;}
.remote-solution .lightblue{color:#7DDAFB}
.remote-solution strong{font-weight: 700;}
.remote-solution .wrap{max-width:1280px; min-width:320px; margin:0px auto; padding:0px 40px;}
.remote-solution .btn_basic{border-radius:8px; padding:12px 40px; background:#56ACFF; color:#fff; font-size: 24px; font-weight:800; line-height: 1.3;text-align:center;cursor: pointer;}
.remote-solution .btn_basic.white{box-shadow: inset 0 0 0 2px #56ACFF; background:#fff; color:#56ACFF;}
.remote-solution footer{padding:34px 0; background:#EEE;color:#999;}
.remote-solution footer .container{max-width:1280px;padding:40px;}
.remote-solution footer .footer_wrap{border-top:0;padding-top:0;}
.remote-solution footer .footer_left{color:#999;}
.remote-solution .footer_list{display:flex; flex-direction: column; gap:5px 0;}
.remote-solution footer .footer_info{gap:5px 10px;}
.remote-solution footer strong{font-weight: 800;}
.remote-solution footer .footer_info > *:before{background-color: #999;}

.remote-solution .sec_hero{position: relative;height: 541px; background: #fff;overflow: hidden;}
.remote-solution .sec_hero picture{display:flex;width: 100%;height: 100%;vertical-align:top;}
.remote-solution .sec_hero picture img{width: 100%;height:auto; min-height:400px;object-fit: cover;object-position: center center; vertical-align:top;}
.remote-solution .sec_hero_overlay{position:absolute; top:0%; left:0px; width:100%; height: 100%; padding:80px 20px 55px; display:flex; align-items: center; justify-content: center; flex-direction: column; box-sizing:border-box;z-index:2;text-align:center;}
.remote-solution .sec_hero .hero_logo{display:flex; justify-content: center; align-items:center; gap:17px;line-height:0;}
.remote-solution .sec_hero .hero_logo div:first-child{position:relative;padding-right:17px;}
.remote-solution .sec_hero .hero_logo div:first-child:after{content:""; position:absolute; top:8px; right:0px; width:1px; height:18px;background:#EDEDED;}
.remote-solution .sec_hero .hero_logo img{vertical-align:top;}
.remote-solution .sec_hero h1{padding:38px 0 24px;}
.remote-solution .sec_hero h1 br{display:inline;}
.remote-solution .sec_hero h1 + p{padding-bottom:36px; color:#666; font-size:24px;line-height: 1.2;}
.remote-solution .lr_letter{display:inline-block;font-size: 64px;color: rgba(86, 172, 255, 0.05); font-weight: 900;}
.remote-solution .lr_letter .char{ font-weight: 900;}

.remote-solution .hero_buttons{display:flex; gap:24px;}  
.remote-solution .btn_cta{flex:1; position:relative;display:flex; align-items:center; justify-content:center;min-width:264px; padding: 16px 32px; border-radius: 60px;background: #56ACFF;color:#fff; font-size: 24px;font-weight: 800; line-height: 1.3; text-align:center;cursor:pointer;overflow: hidden;z-index: 0}
.remote-solution .btn_cta.line{background: transparent; box-shadow: inset 0 0 0 2px #56ACFF; color:#56ACFF;}
.remote-solution .btn_cta.white{background:#fff ;color:#56ACFF;}
.remote-solution .btn_cta.white.line{background: transparent; box-shadow: inset 0 0 0 2px #fff; color:#fff;}
.remote-solution .btn_cta span{display:inline-block;font-weight: 800; line-height: 1.3;}
.remote-solution .btn_cta::before { content: ""; position: absolute; top: 0; left: 0; width: 101%; height: 101%; background: #094b7b; z-index: -1; transform-origin: right center; transform: scaleX(0);transition: transform .25s ease-in-out}
.remote-solution .btn_cta:hover {color: #fff!important}
.remote-solution .btn_cta:hover::before {transform-origin: left center;transform: scaleX(1.1);}

.remote-solution .sec_metrics{padding:80px 0;}
.remote-solution .sec_metrics h2 + p{display:block; padding:12px 0 60px; }
.remote-solution .sec_metrics h2 + p span{font-weight:700;}
.remote-solution .sec_metrics .flexbox{display:flex;justify-content: space-between; gap:50px; padding:0px 20px 60px;border-bottom:1px solid #CCC;}
.remote-solution .sec_metrics .flexbox > div{display:flex;gap:25px;}
.remote-solution .sec_metrics .flexbox ul{display:flex; flex-direction:column; gap:48px;}
.remote-solution .sec_metrics .flexbox li{display:flex; align-items: center; gap:6px;}
.remote-solution .sec_metrics .flexbox li div{flex:0;flex-basis:110px;width:110px; color:#33ACE9; font-size: 60px;font-weight: 900;line-height: 1.2;}
.remote-solution .sec_metrics .flexbox li span{color:#666;font-size:20px;}
.remote-solution .sec_metrics .flexbox .down div{color:#66B366;}
.remote-solution .sec_metrics .flexbox li .value{font-size: 40px;font-weight: 500;line-height: 1.2;font-style: normal;}
.remote-solution .sec_metrics .flexbox li .percent{font-size: 28px;line-height: 1.2;font-style: normal;font-weight:400;}
.remote-solution .sec_metrics .flexbox li .percentp{font-size: 22px;line-height: 1.2;font-style: normal;font-weight:400;}
.remote-solution .sec_metrics .flexbox .img_wrap{width:107px;}
.remote-solution .sec_metrics .flexbox + div{padding-top:8px; color:#999;font-size: 14px;line-height: 1.3;text-align:right;}

.remote-solution .sec_solutions h2 + p{padding-bottom:48px;}
.remote-solution .sec_solutions h2 + p strong{font-weight: 700;}
.remote-solution .solution_wrap{display:flex; align-items:center; gap:24px; margin-bottom:80px;}
.remote-solution .solution_wrap > div{border-radius: 20px;border: 1px solid #CCC; padding:30px;}
.remote-solution .solution_wrap > div:hover{border-color:#56ACFF;}
.remote-solution .solution_wrap .img_wrap{border-radius: 8px;overflow:hidden;}
.remote-solution .solution_wrap .img_wrap img{width:100%;}
.remote-solution .solution_wrap .content_wrap{padding-top:24px;}
.remote-solution .solution_wrap .tit_wrap{display:flex; align-items:center; gap:32px;}
.remote-solution .solution_wrap .tit_wrap h3{position:relative; }
.remote-solution .solution_wrap .tit_wrap h3:after{content:""; position:absolute; top:50%; right:-16px; transform:translateY(-50%); width:1px; height:18px;background:#333;}
.remote-solution .solution_wrap .tit_wrap h3 strong{font-weight: 800;}
.remote-solution .solution_wrap .tit_wrap + p{padding:24px 0 36px;color:#666;font-size:18px;line-height:1.3; }
.remote-solution .solution_wrap .btn_wrap{display:flex; align-items:center; gap:12px; z-index: 0; overflow: hidden;}
.remote-solution .solution_wrap .btn_wrap .btn_basic{flex:1;}

.remote-solution .sec_features{padding-bottom:56px;}
.remote-solution .remote_features{display: flex;gap:20px;margin-top:40px;}
.remote-solution .remote_features li{padding: 20px 16px 24px 16px;border-radius: 12px;background: #F7F8FC;}
.remote-solution .remote_features li .tit{padding:20px 0 10px;color:#333; font-size: 24px;font-weight: 700;line-height: 1.2;}
.remote-solution .remote_features li p{color:#666; font-size: 18px;line-height: 1.3;}

.remote-solution .sec_clients{padding:0px 0 80px;}
.remote-solution .sec_clients .blue{color:#1E90FF;font-size: 24px;line-height:1.2;}
.remote-solution .sec_clients p{padding:12px 0 30px;font-size: 24px; line-height: 1.3;}
.remote-solution .list_client{position:relative; width:100%;overflow:hidden;}
.remote-solution .list_client::before, .list_client::after {content:""; position:absolute; top:0; width:55px; height:100%;z-index:1;}
.remote-solution .list_client:before{left:0px; background: linear-gradient(-90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);z-index:1;}
.remote-solution .list_client:after{ right:0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);z-index:1;}
.remote-solution .sec_clients .flexbox{display: flex; width: max-content;animation: partnerSlide 60s linear infinite;}
.remote-solution .sec_clients .flexbox div{display:inline-block;padding-right:40px;}

@keyframes partnerSlide {
  from   { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}

.remote-solution .sec_security{padding:100px 0 130px; background:#052D4A;}
.remote-solution .sec_security h2{color:#fff;}
.remote-solution .sec_security h2 + p{color:#fff;}
.remote-solution .security_wrap{margin-top:40px; }
.remote-solution .security_wrap h3{display:flex; gap:12px; align-items: center;padding-bottom:16px;font-size:28px; color:#fff;}
.remote-solution .security_option{border-radius: 16px;padding: 40px 48px; background: #FFF;}
.remote-solution .security_option ul{display:flex; justify-content:space-between; gap:48px;flex-wrap:wrap;}
.remote-solution .security_option li{width:28%;}
.remote-solution .security_option h4{padding:0 0 10px; color:#333;font-size: 24px;font-weight: 700;line-height: 1.2;}
.remote-solution .security_option h4 + p{color:#666; font-size: 18px;line-height: 1.3;}

.remote-solution .security_certification{border-radius: 16px;padding: 40px 48px; background: #FFF;}
.remote-solution .security_certification ul{display:flex; gap:20px;}
.remote-solution .security_certification li{flex:1; display:flex; gap:20px; align-items:center; border-right: 1px dashed rgba(0, 0, 0, 0.30);padding-right:20px;}
.remote-solution .security_certification li:last-child{border-right:0;padding-right:0;}
.remote-solution .security_certification li .tit{padding:13px 0 8px; color:#333;font-size: 24px;font-weight: 800;line-height: 1.2;}
.remote-solution .security_certification li:first-child .tit{font-size:20px;} 
.remote-solution .security_certification li p{color:#666; font-size: 18px;line-height: 1.3;}

.sec_faq{padding:80px 0 0;}
.sec_faq .accordion_wrap{padding-top:48px;}
.sec_faq .accordion_wrap li:first-child {border-top: 1px solid #000}
.sec_faq .accordion_wrap ul li .accordion_btn {position: relative; color:#333; font-size: 24px; font-weight: 800; padding: 20px 60px; border-bottom: 1px solid #000; cursor: pointer}
.sec_faq .accordion_wrap .accordion_btn::before { position: absolute; content: "Q."; top: 50%; left: 20px; transform: translateY(-50%);}
.sec_faq .accordion_wrap .accordion_btn::after {position: absolute; content: ""; top: calc(50% - 1.5rem); right: 20px; width: 29px; height: 29px; background: url(/wp-content/uploads/image/landing/ico_qna_plus.webp)center/12px no-repeat; }
.sec_faq .accordion_wrap .accordion_btn {border-bottom: none}
.sec_faq .accordion_wrap .content {display: none;color:#666;font-size: 18px; line-height: 1.3;padding: 20px 60px}
.sec_faq .accordion_wrap .content .btn_wrap{display:flex; gap:12px;}
.sec_faq .accordion_wrap .content .btn_faq{display:flex; align-items: center; justify-content: center; gap:8px;padding: 12px 24px;border-radius: 8px; border:1px solid #6f6f6f;}
.sec_faq .accordion_wrap .content .btn_faq i{display:inline-block; width:8px; height:14px; background:url(/wp-content/uploads/image/landing/ico_arrow_g.svg)center/cover no-repeat;}
.sec_faq .accordion_wrap li.active .accordion_btn {border-bottom:none;}
.sec_faq .accordion_wrap li.active .accordion_btn::after {background: url(/wp-content/uploads/image/landing/ico_qna_minus.webp)center/12px no-repeat;}
.sec_faq .accordion_wrap li.active .content { display: block; border-bottom: 1px solid #000; border-top: 1px solid #e3e3e3}

.sec_contact{padding:80px 0;}
.contact_wrap{max-width: 1280px;min-width: 320px;margin: 0px auto;padding: 48px 28px 0;}
.contact_wrap .nf-multi-cell .nf-cell{padding:0px 12px;}
.contact_wrap .nf-field-container{margin-bottom:40px;}
.contact_wrap .nf-form-content .label-above .nf-field-label{margin-bottom:12px;line-height:0;}
.contact_wrap .nf-field-label .nf-label-span, .contact_wrap .nf-field-label label{color:#333; font-size: 24px;font-weight: 800; line-height: 1.3; vertical-align: top;}
.contact_wrap .nf-form-content .list-select-wrap .nf-field-element>div, .contact_wrap .nf-form-content input:not([type=button]){height:58px;padding:16px; border-radius: 8px;border: 1px solid #ccc;background: #FFF;color:#808080; font-size:20px; line-height:1.3;}
.contact_wrap .nf-form-content .list-select-wrap .nf-field-element>div:active, .contact_wrap .nf-form-content input:not([type=button]):focus, .contact_wrap .nf-form-content textarea:focus, .contact_wrap .nf-form-content .list-select-wrap>div select:focus{border: 1px solid #0097E4;border-radius: 8px;outline: none;}
.contact_wrap input.ninja-forms-field, .contact_wrap .nf-form-content select.ninja-forms-field:not([multiple]), .contact_wrap .listselect-wrap .nf-field-element div {height:58px; padding:16px; color:#808080; font-size:20px; line-height:1.3;}

.contact_wrap .nf-form-content .list-select-wrap>div div:after{content:"\f107"; right:16px; height:100%; line-height:58px; color:#ccc;}
.contact_wrap .nf-form-content textarea{height:160px;padding:16px; border-radius: 8px;border: 1px solid #ccc;background: #FFF;color:#808080; font-size:20px; line-height:1.3; vertical-align:top;}
.contact_wrap .nf-form-cont input::placeholder, .contact_wrap .nf-form-cont textarea::placeholder {color:#808080; font-size:20px;}

.contact_wrap .checkbox-container .nf-field-label{justify-content: center; }
.contact_wrap .checkbox-container label{color:#666; font-weight: 400;}
.contact_wrap .checkbox-container label strong{font-weight: 700;text-decoration-line: underline;}
.contact_wrap .checkbox-container .nf-after-field{width:100%;text-align:center;} 
.contact_wrap .checkbox-container .nf-input-limit{margin-top:12px;}
.contact_wrap .checkbox-wrap .nf-field-label label{ z-index:1;cursor:pointer;}
.contact_wrap .checkbox-wrap .nf-field-label label:after{top:6px;width:20px; height:20px;border-radius: 2px;border-color:#666;}
.contact_wrap .checkbox-wrap .nf-field-label label.nf-checked-label:after{border-color:#0097E4;background:#0097E4;}
.contact_wrap .checkbox-wrap .nf-field-label label:before{top:8px;left: -28px;width:20px;font-size:13px;color:#fff !important;text-align:center;}

.contact_wrap .submit-container{margin-bottom:12px;}
.contact_wrap .submit-wrap{text-align:center;}
.contact_wrap .nf-form-content input[type=submit] {min-width:320px; border-radius:8px; padding:12px 40px; border:0; background:#56ACFF; color:#fff; font-size: 24px; font-weight:800; line-height: 1.3;cursor: pointer; vertical-align:top;}
.contact_wrap .nf-form-content input[type=submit]:hover{background:#56ACFF; color:#fff;}
.contact_wrap .nf-pass.field-wrap .nf-field-element:after{display:none;}
.contact_wrap .nf-error-msg{font-size: 18px;font-weight: 600;line-height: 1.3;}
.contact_wrap .nf-after-form-content{text-align:center;}

/* dialog */
.ninja_dialog{position:fixed;top:0;left:0;right:0;z-index:9999;height:100%;display:flex;justify-content:center;align-items:center;display:none;}
.ninja_dialog .dim{opacity:0;transition:all .3s ease-out;}
.ninja_dialog .dialog_cont{position:relative;width:calc(100% - 32px);max-width:439px;min-width:300px; max-height:100%;border-radius: 16px;background: #FFF; box-shadow: 4px 4px 14.8px 0 rgba(0, 0, 0, 0.10); overflow:auto;display:none;}
.ninja_dialog .dialog_content{padding:32px 30px;}
.ninja_dialog .dialog_header{display:flex; justify-content: space-between; align-items: center;  padding:19px 30px;}
.ninja_dialog .dialog_header .tit{margin-bottom: 0; font-weight: 800;}
.ninja_dialog .dialog_header .btn_close{position:relative; top:0; right:0; margin:0; width: 30px; height: 30px; color:transparent; opacity:1;}
.ninja_dialog .dialog_header .btn_close:before, .ninja_dialog .dialog_header .btn_close:after{display:none;}
.ninja_dialog .dialog_scroll{margin:0 30px;padding:30px 0px;border-top:0.5px solid #DEDEDE;font-size:14px; line-height:1.3;}
.ninja_dialog .box_scroll_wrap{max-height:309px;overflow: hidden;overflow-y: auto;}
.ninja_dialog .underline{text-decoration: underline;}
.ninja_dialog.active{display:flex;}
.ninja_dialog.active .dim {opacity: 0.5;}
.ninja_dialog.active .dialog_cont {display:block;}

/* dialog */
.brochure_dialog{position:fixed;top:0;left:0;right:0;z-index:9999;height:100%;display:flex;justify-content:center;align-items:center;display:none;}
.brochure_dialog .dim{opacity:0;transition:all .3s ease-out;}
.brochure_dialog .dialog_cont{position:relative;width:calc(100% - 64px);max-width:568px;min-width:300px; max-height:100%;padding:32px 30px 12px;border-radius: 16px;background: #FFF; display:none;}
.brochure_dialog .dialog_header{padding-bottom:16px; border-bottom: 1px solid #E5E5E5;}
.brochure_dialog .dialog_header .tit{padding-bottom:16px; font-size: 28px;font-weight: 800;line-height: 120%; }
.brochure_dialog .dialog_header .tit + p{color:#666;font-size: 18px;line-height: 130%; }
.brochure_dialog .dialog_header .btn_close{position:absolute; top:17px; right:10px; display:flex; align-items:center; justify-content:center;margin:0; width: 30px; height: 30px; color:transparent; opacity:1;}
.brochure_dialog .dialog_header .btn_close:before, .brochure_dialog .dialog_header .btn_close:after{display:none;}
.brochure_dialog .dialog_scroll{padding:20px 0px;}
.brochure_dialog .box_scroll_wrap{max-height:fit-content;overflow: hidden;overflow-y: auto;}

.brochure_dialog.active{display:flex;}
.brochure_dialog.active .dim {opacity: 0.5;}
.brochure_dialog.active .dialog_cont {display:block;}

.brochure_dialog .contact_wrap .nf-field-container{margin-bottom:20px;}
.brochure_dialog .contact_wrap .nf-field-container.hidden-container{margin-bottom:0;}
.brochure_dialog .contact_wrap .nf-field-container.checkbox-container{margin-bottom:10px;padding:0px 0 4px;}
.brochure_dialog .contact_wrap .nf-field-label .nf-label-span, .brochure_dialog .contact_wrap .nf-field-label label{font-size:18px;}
.brochure_dialog .contact_wrap .nf-form-content .list-select-wrap .nf-field-element>div, .brochure_dialog .contact_wrap .nf-form-content input:not([type=button]){height:50px;padding:16px 12px;font-size: 14px;}
.brochure_dialog .contact_wrap .nf-error-msg{font-size:14px;font-weight: 400;}
.brochure_dialog .contact_wrap .nf-form-cont input::placeholder, .brochure_dialog .contact_wrap .nf-form-cont textarea::placeholder {font-size:14px;}
.brochure_dialog .checkbox-container.label-right .field-wrap>div{width:auto;}
.brochure_dialog .contact_wrap .checkbox-container .nf-input-limit{margin-top:4px;}
.brochure_dialog .contact_wrap .checkbox-container label strong{color:#333;}
.brochure_dialog .contact_wrap .checkbox-wrap .nf-field-label label:after{top:1px;}
.brochure_dialog .contact_wrap .checkbox-wrap .nf-field-label label:before{top:3px;}
.brochure_dialog .contact_wrap .submit-container{margin:0;}
.brochure_dialog .contact_wrap .nf-form-content input[type=submit]{min-width:214px; margin-top:16px;padding:12px 24px; font-size:20px;}

/* floating banner */
.floating_banner{opacity:0; bottom:0%;transition:all 0.4s; position: fixed;width: 506px;left: 50%;transform: translateX(-50%);padding: 0px 24px 20px;border-radius: 16px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%), linear-gradient(90deg, rgba(62, 160, 255, 0.70) 0%, rgba(75, 119, 249, 0.70) 100%); backdrop-filter: blur(5px);z-index:2;}
.floating_banner.is_view{opacity:1;bottom: 20px;}
.floating_banner button{width:100%; height:34px; background:url(/wp-content/uploads/image/landing/ico_arrow_w.svg) no-repeat center/8px 14px;}
.floatingbn_buttons{display:flex; gap:12px;}
.floatingbn_buttons .btn_cta{min-width:auto !important; padding:12px 24px; font-size:20px; }
.floating_banner.is_down{bottom:0;border-radius: 16px 16px 0 0; padding-bottom:0;}
.floating_banner.is_down button{transform:rotate(180deg);}
.floating_banner.is_down .floatingbn_buttons{display:none;}



/*#1 rc/rv 통합랜딩 hover*/
@media all and (min-width: 1920px) {
}
@media all and (min-width: 1025px) {
	
}
@media all and (max-width: 1024px){
	.remote-solution h1{font-size: 40px;}
	.remote-solution h2{font-size: 28px;}
	.remote-solution h2 + p{font-size: 18px;}
	.remote-solution h3{font-size: 22px;}
	.remote-solution .btn_basic{font-size:18px;}
	.remote-solution footer{padding:0;}
	.remote-solution footer .footer_wrap{padding:32px 0 !important;}
	.remote-solution footer .footer_left{padding:0px 40px;font-size:12px;}
	.remote-solution .footer_list{gap:4px 0;}
	.remote-solution footer .footer_info{gap:4px 8px;}
	.remote-solution footer .footer_info:last-child{padding-top:20px;}
	.remote-solution footer .copyright{font-size:10px;}

	.remote-solution .sec_hero{display:flex;align-items:end;height:740px; max-height:100%; min-height:auto; background:#EFF1F2;}
	.remote-solution .sec_hero picture{height:auto;}
	.remote-solution .sec_hero picture img{min-height:auto;}
	.remote-solution .sec_hero_overlay{padding:80px 20px 0;justify-content: start;}
	.remote-solution .sec_hero h1 + p{font-size: 18px;}
	.remote-solution .lr_letter{font-size: 40px}
	.remote-solution .btn_cta{min-width:238px;font-size: 20px;}

	.remote-solution .sec_metrics h2 + p{padding:8px 0 37px;}
	.remote-solution .sec_metrics .flexbox{gap:30px; padding:0px 0 20px;}
	.remote-solution .sec_metrics .flexbox > div{gap:12px;flex:1;}
	.remote-solution .sec_metrics .flexbox ul{gap:24px;flex:1;}
	.remote-solution .sec_metrics .flexbox li{gap:4px;}
	.remote-solution .sec_metrics .flexbox li div{flex-basis:68px; width:68px; font-size:36px;}
	.remote-solution .sec_metrics .flexbox li span{font-size:14px;line-height: 130%;}
	.remote-solution .sec_metrics .flexbox li .value{font-size: 24px;}
	.remote-solution .sec_metrics .flexbox li .percent{font-size: 20px;}
	.remote-solution .sec_metrics .flexbox li .percentp{font-size: 12px;}
	.remote-solution .sec_metrics .flexbox .img_wrap{width:auto; height:205px;}
	.remote-solution .sec_metrics .flexbox .img_wrap img{width:auto; height:100%;}
	.remote-solution .sec_metrics .flexbox + div{font-size: 12px;}

	.remote-solution .solution_wrap{align-items:start; flex-direction: column;}
	.remote-solution .solution_wrap.reverse{flex-direction: column;}
	.remote-solution .solution_wrap .img_wrap img{max-width:max-content !important;width:100%;}
	.remote-solution .solution_wrap .content_wrap{flex:1;width:100%;}
	.remote-solution .solution_wrap .tit_wrap + p{font-size: 16px;}

	.remote-solution .sec_features{padding-bottom:40px;}
	.remote-solution .remote_features li .tit{font-size: 18px;}
	.remote-solution .remote_features li p{font-size: 14px;}

	.remote-solution .sec_clients .blue{font-size: 18px;}
	.remote-solution .sec_clients p{font-size: 18px;}

	.remote-solution .security_option li{width:calc(50% - 24px);}
	.remote-solution .security_option h4{font-size: 18px;}
	.remote-solution .security_option h4 + p{font-size: 14px;}
	
	.remote-solution .security_certification ul{flex-direction: column;}
	.remote-solution .security_certification li{padding-bottom:20px;border-right:0;border-bottom: 1px dashed rgba(0, 0, 0, 0.30);}
	.remote-solution .security_certification li:last-child{padding-bottom:0; border-bottom:0;}
	.remote-solution .security_certification li .tit{font-size: 18px;}
	.remote-solution .security_certification li:first-child .tit{font-size: 18px;}
	.remote-solution .security_certification li p{font-size: 14px;}

	.sec_faq .accordion_wrap ul li .accordion_btn {font-size: 18px;}
	.sec_faq .accordion_wrap .content {font-size: 14px;}
	.sec_faq .accordion_wrap .content .btn_faq i{width:4px; height:8px;}

	.contact_wrap .nf-field-label .nf-label-span, .contact_wrap .nf-field-label label{font-size: 18px;}
	.contact_wrap .nf-form-content .list-select-wrap .nf-field-element>div, .contact_wrap .nf-form-content input:not([type=button]){font-size:16px;}
	.contact_wrap input.ninja-forms-field, .contact_wrap .nf-form-content select.ninja-forms-field:not([multiple]), .contact_wrap .listselect-wrap .nf-field-element div {font-size:16px;}
	.contact_wrap .nf-form-content textarea{font-size:16px;}
	.contact_wrap .nf-form-cont input::placeholder, .contact_wrap .nf-form-cont textarea::placeholder {font-size:16px;}
	.contact_wrap .nf-form-content input[type=submit] {font-size: 18px;}
	.contact_wrap .nf-error-msg{font-size: 14px;}




	/* dialog */
	.brochure_dialog .dialog_header .tit{font-size: 20px;}
	.brochure_dialog .dialog_header .tit + p{font-size: 14px;}
	.brochure_dialog .box_scroll_wrap{max-height:550px;}
	.brochure_dialog .contact_wrap .nf-field-label .nf-label-span, .brochure_dialog .contact_wrap .nf-field-label label{font-size:14px;}
	.brochure_dialog .contact_wrap .nf-form-content .list-select-wrap .nf-field-element>div, .brochure_dialog .contact_wrap .nf-form-content input:not([type=button]){font-size: 12px;}
	.brochure_dialog .contact_wrap .nf-error-msg{font-size:12px;}
	.brochure_dialog .contact_wrap .nf-form-cont input::placeholder, .brochure_dialog .contact_wrap .nf-form-cont textarea::placeholder {font-size:12px;}
	.brochure_dialog .contact_wrap .checkbox-wrap .nf-field-label label:after{top:1px;width:16px; height:16px;}
	.brochure_dialog .contact_wrap .checkbox-wrap .nf-field-label label:before{top:3px;}
	.brochure_dialog .contact_wrap .nf-form-content input[type=submit]{font-size:16px;}

}

@media all and (max-width:800px) {
	.brochure_dialog .contact_wrap .nf-field-container.checkbox-container{margin-bottom:0; padding:0px;}
	.brochure_dialog .contact_wrap .checkbox-container .nf-input-limit{margin-top:0px;}
}

@media all and (max-width:640px) {

	/* #1 rc/rv 통합랜딩 */
	.remote-solution h1{font-size: 28px;}
	.remote-solution h2{font-size: 20px;}
	.remote-solution h2 + p{padding-top:8px; font-size: 16px;}
	.remote-solution h3{font-size: 20px;}
	.remote-solution .wrap{padding:0px 24px;}
	.remote-solution .btn_basic{padding:12px 24px; font-size: 16px;}
	.remote-solution footer .footer_left{padding:0px 20px;}

	.remote-solution .sec_hero{height:460px; min-height:410px;}
	.remote-solution .sec_hero_overlay{padding:32px 20px 0;align-items:normal; text-align: center;}
	.remote-solution .sec_hero .hero_logo{gap:8px;}
	.remote-solution .sec_hero .hero_logo div:first-child{padding-right:8px;}
	.remote-solution .sec_hero .hero_logo div:first-child:after{content:""; position:absolute; top:8px; right:0px; width:1px; height:7px;}
	.remote-solution .sec_hero .hero_logo img{width:auto; height:12px;}
	.remote-solution .sec_hero h1{padding:14px 0 8px;}
	.remote-solution .sec_hero h1 + p{padding-bottom: 24px;font-size: 16px;}
	.remote-solution .hero_buttons {gap: 12px;}
	.remote-solution .btn_cta{flex:1;min-width:fit-content; padding: 10px 24px;font-size: 16px;}
	.remote-solution .btn_cta span{display:none;}

	.remote-solution .sec_metrics{padding:48px 0 36px;}
	.remote-solution .sec_metrics h2 + p{padding-bottom:20px; font-size: 16px;}
	.remote-solution .sec_metrics h2 + p span{font-size: 16px;}
	.remote-solution .sec_metrics .flexbox{flex-direction: column; gap:16px; padding:0 0 15px;}
	.remote-solution .sec_metrics .flexbox > div{justify-content: space-between;}
	.remote-solution .sec_metrics .flexbox ul{gap:18px;}
	.remote-solution .sec_metrics .flexbox li{gap:4px;}
	.remote-solution .sec_metrics .flexbox li div{flex-basis:63px; width:63px; font-size: 32px;}
	.remote-solution .sec_metrics .flexbox li .value{font-size: 20px;}
	.remote-solution .sec_metrics .flexbox li .percent{font-size: 18px;}
	.remote-solution .sec_metrics .flexbox li .percentp{font-size:10px;}
	.remote-solution .sec_metrics .flexbox .img_wrap{height:auto;}
	.remote-solution .sec_metrics .flexbox .img_wrap img{width:72px; height:auto;}
	.remote-solution .sec_metrics .flexbox + div{font-size: 12px;text-align:left;}

	.remote-solution .sec_solutions h2 + p{padding-bottom:24px;}
	.remote-solution .solution_wrap{gap:16px; margin-bottom:40px;}
	.remote-solution .solution_wrap > div{padding:12px;border-radius: 12px;}
	.remote-solution .solution_wrap .tit_wrap{gap:20px;}
	.remote-solution .solution_wrap .tit_wrap h3{font-size:16px;}
	.remote-solution .solution_wrap .tit_wrap h3:after{right:-10px;height:9px;}
	.remote-solution .solution_wrap .tit_wrap img{width:auto; height:15px;}
	.remote-solution .solution_wrap .tit_wrap + p{padding:8px 0 16px;font-size: 14px;line-height:1.3;}
	.remote-solution .solution_wrap .btn_wrap a{flex:1;}

	.remote-solution .sec_features{padding-bottom:32px;}
	.remote-solution .remote_features{gap:12px;flex-wrap:wrap; margin-top:12px;}
	.remote-solution .remote_features li{width:calc(50% - 6px); padding: 12px;border-radius: 8px;}
	.remote-solution .remote_features li img{width:48px; height:auto;}
	.remote-solution .remote_features li .tit{padding:8px 0; font-size: 14px; line-height: 1.3;}
	.remote-solution .remote_features li p{font-size: 12px;}

	.remote-solution .sec_clients{padding:0px 0 40px;}
	.remote-solution .sec_clients .blue{font-size: 14px;}
	.remote-solution .sec_clients p{padding:8px 0 34px;font-size: 16px;}
	.remote-solution .list_client::before, .remote-solution .list_client::after {width:66px; }
	.remote-solution .sec_clients .flexbox div{padding-right:24px;}
	.remote-solution .sec_clients .flexbox div img{width:auto; height:20px;}
	
	.remote-solution .sec_security{padding:40px 0 120px;}
	.remote-solution .security_wrap{margin-top:20px; border-radius:8px;}
	.remote-solution .security_wrap h3{gap:4px; padding-bottom:8px; font-size:16px;}
	.remote-solution .security_wrap h3 img{width:24px; height:24px;}
	.remote-solution .security_option{border-radius:8px;padding: 24px 28px;}
	.remote-solution .security_option ul{gap:20px;}
	.remote-solution .security_option li{width:calc(50% - 10px);}
	.remote-solution .security_option h4{padding:0 0 4px;font-size: 14px;line-height: 1.3;}
	.remote-solution .security_option h4 + p{font-size: 12px;}
	.remote-solution .security_certification{padding:24px 28px;}
	.remote-solution .security_certification ul{gap:8px;}
	.remote-solution .security_certification li {gap:12px;padding-bottom: 8px;}
	.remote-solution .security_certification li img{width:46px; height:auto;}
	.remote-solution .security_certification li .content_wrap{display:flex;justify-content: center; flex-direction: column; min-height:52px;}
	.remote-solution .security_certification li .tit{padding:0; font-size: 14px;}
	.remote-solution .security_certification li:first-child .tit{font-size: 14px;}
	.remote-solution .security_certification li p{font-size: 12px;}

	.sec_faq{padding:40px 0 0;}
	.sec_faq .wrap{padding:0px 20px;}
	.sec_faq .accordion_wrap{padding-top:24px;}
	.sec_faq .accordion_wrap ul li .accordion_btn {font-size: 16px;padding: 12px  22px 12px 30px;}
	.sec_faq .accordion_wrap .accordion_btn::before {left: 8px;}
	.sec_faq .accordion_wrap .accordion_btn::after {top: calc(50% - 9px); right: 0px; width: 19px; height: 19px; background-size:10px;}
	.sec_faq .accordion_wrap .content {font-size: 14px; padding: 12px 32px}
	.sec_faq .accordion_wrap li.active .accordion_btn::after {background-size:10px;}
	.sec_faq .accordion_wrap .content .btn_wrap{flex-direction: column;}
	.sec_faq .accordion_wrap .content .btn_faq{padding: 8px 12px;}

	.sec_contact{padding:40px 0;}
	.sec_contact .wrap{padding:0px 20px;}
	.contact_wrap{padding: 16px 8px 0;}
	.contact_wrap .nf-multi-cell .nf-cell{padding:0px 12px;}
	.contact_wrap .nf-field-container{margin-bottom:20px;}
	.contact_wrap .nf-field-label{margin-bottom:8px !important;}
	.contact_wrap .nf-field-label .nf-label-span, .contact_wrap .nf-field-label label{font-size: 16px;}
	.contact_wrap .nf-form-content .list-select-wrap .nf-field-element>div, .contact_wrap .nf-form-content input:not([type=button]){height:47px;padding:12px; border-radius: 4px; font-size:16px;}
	.contact_wrap .nf-form-content .list-select-wrap .nf-field-element>div:active, .contact_wrap .nf-form-content input:not([type=button]):focus, .contact_wrap .nf-form-content textarea:focus, .contact_wrap .nf-form-content .list-select-wrap>div select:focus{border-radius: 4px;}
	.contact_wrap input.ninja-forms-field, .contact_wrap .nf-form-content select.ninja-forms-field:not([multiple]), .contact_wrap .listselect-wrap .nf-field-element div {height:47px; padding:12px; font-size:16px;}
	.contact_wrap .nf-form-content .list-select-wrap>div div:after{right:12px;line-height:47px;}
	.contact_wrap .nf-form-content textarea{height:150px;padding:12px; border-radius:4px;font-size:16px;}
	.contact_wrap .nf-form-cont input::placeholder, .contact_wrap .nf-form-cont textarea::placeholder {font-size:16px;}

	.contact_wrap .checkbox-container{margin-bottom:8px;}
	.contact_wrap .checkbox-container .nf-field-label{justify-content: flex-start;}
	.contact_wrap .checkbox-container .nf-input-limit{margin-top:0;}
	.contact_wrap .checkbox-wrap .nf-field-label label{margin-left:24px;}
	.contact_wrap .checkbox-wrap .nf-field-label label:after{top:5px;left:-24px;width:16px; height:16px;border-radius: 2px;}
	.contact_wrap .checkbox-wrap .nf-field-label label:before{top:5px;left:-24px;width:16px;font-size:13px;}
	.contact_wrap .submit-container{margin-bottom:0px;}
	.contact_wrap .nf-form-content input[type=submit] {width:100%; min-width:auto; height:55px; border-radius:8px; padding:16px 24px; font-size: 18px;}
	.contact_wrap .nf-error-msg{font-size: 12px;}

	/* dialog */
	.brochure_dialog .dialog_cont{width:calc(100% - 32px);padding:24px 16px 4px;border-radius: 12px;}
	.brochure_dialog .dialog_header .tit{font-size: 18px;}
	.brochure_dialog .dialog_header .tit + p{font-size: 14px;}
	.brochure_dialog .dialog_header .btn_close{top:10px; right:9px;}
	.brochure_dialog .box_scroll_wrap{max-height:468px;}

	.brochure_dialog .contact_wrap .nf-field-container{margin-bottom:20px;}
	.brochure_dialog .contact_wrap .nf-field-label .nf-label-span, .brochure_dialog .contact_wrap .nf-field-label label{margin-bottom:4px !important; font-size:14px;}
	.brochure_dialog .contact_wrap .nf-form-content .list-select-wrap .nf-field-element>div, .brochure_dialog .contact_wrap .nf-form-content input:not([type=button]){height:40px;padding:12px;font-size: 12px;}
	.brochure_dialog .contact_wrap .nf-error-msg{font-size:12px;}
	.brochure_dialog .contact_wrap .nf-form-cont input::placeholder, .brochure_dialog .contact_wrap .nf-form-cont textarea::placeholder {font-size:12px;}
	.brochure_dialog .contact_wrap .checkbox-wrap .nf-field-label label:after{top:1px;}
	.brochure_dialog .contact_wrap .checkbox-wrap .nf-field-label label:before{top:1px;left:-28px;}
	.brochure_dialog .contact_wrap .submit-container{margin-bottom:0px;}
	.brochure_dialog .contact_wrap .nf-form-content input[type=submit]{width:fit-content; min-width:181px; height: 45px; padding:12px 24px; font-size:16px;}

	/* floating banner */
	.floating_banner{bottom: 20px;width: calc(100% - 40px); padding: 0px 16px 16px;border-radius: 12px;}
	.floating_banner button{height:38px;}
	.floatingbn_buttons .btn_cta{min-width:auto !important; padding:10px; font-size:16px; }
}
@media all and (max-width:450px) {
	.remote-solution .sec_hero{height:410px; min-height:410px;}
}
@media all and (max-width:360px) {
	.remote-solution .sec_hero h1 br{display:none;}
	
}