@charset "utf-8";
/*원격지원*/
#top_layout .top_wrap #logo{float:none!important}
.remote_wrap{font-family:'NotoSansKR'}
.remote_wrap .visual{position:relative;height:621px;background:url(/img/ko/sub/intro_top_bg.webp) no-repeat center top / cover}
.remote_wrap .visual .visual_item{width:100%;max-width:700px;padding:200px 20px 0;margin:0 auto;text-align:center}
.remote_wrap .visual .visual_item .title{margin-bottom:27px;color:#fff;font-size:46px;font-weight:500}
.remote_wrap .visual .visual_item .cont{color:#fff;font-size:19px;font-weight:300}

.remote_wrap .scroll-down{position:absolute;bottom:0;left:0;right:0;margin:0 auto;text-align:center;z-index:10}
.remote_wrap .scroll-down p{position:relative;margin:0 auto 14px;font-size:18px;color:#fff;font-family:'gmarket'}
.remote_wrap .scroll-down div{position:relative;margin:0 auto;width:1px;height:100px}
.remote_wrap .scroll-down div::after,
.scroll-down div::before{content:'';position:absolute;left:50%;bottom:0;width:1px;height:100%;margin-left:-0.5px;background:rgba(255,255,255,.2);-webkit-transition:.5s;transition:.5s}
.remote_wrap .scroll-down div::after{will-change:transform;width:1px;background:#fff;animation-name:scrollDown;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.75,0,.173,1)}
@keyframes scrollDown{
    0%{transform-origin:50% 100%;transform:scaleY(1)}
    50%{transform-origin:50% 100%;transform:scaleY(0)}
    50.001%{transform-origin:50% 0;transform:scaleY(0)}
    to{transform-origin:50% 0;transform:scaleY(1)}
}
@media screen and (max-width:767px){
	.remote_wrap .layout .intro_guide{padding:30px 0}
	.remote_wrap .layout .intro_guide .title_box .tit{font-size:30px;text-align:center;}
	.remote_wrap .layout .intro_guide .title_box .desc{text-align:center}
	.remote_wrap .visual{display:flex;align-items:center;height:400px}
	.remote_wrap .visual .visual_item{padding:0 20px}
	.remote_wrap .visual .visual_item .title{font-size:36px}
	.remote_wrap .visual .visual_item .cont{font-size:17px}
	.remote_wrap .scroll-down{display:none}

}
@media screen and (max-width:500px){
	.remote_wrap .visual{height:300px}
	.remote_wrap .visual .visual_item .title{font-size:30px}
}
.remote_wrap .intro_guide{display:flex;flex-wrap:wrap;padding:60px 0}
.remote_wrap .intro_guide .title_box{width:30%}
.remote_wrap .intro_guide .title_box .desc{color:#000;font-size:16px;font-weight:300}
.remote_wrap .intro_guide .title_box .tit{color:#000;font-size:50px;font-weight:500;line-height:120%}
.remote_wrap .intro_guide .cont_box{position:relative;width:70%}
.remote_wrap .intro_guide .cont_box .step_item{display:flex;position:relative;align-items:center;flex-wrap:wrap;margin-top:24px;z-index:1}
.remote_wrap .intro_guide .cont_box .step_item .label{position:relative;width:94px;height:38px;line-height:40px;padding:0;margin-right:33px;font-family:'gmarket';color:#fff;font-size:14px;font-weight:500;background:#0056aa;border-radius:30px}
.remote_wrap .intro_guide .cont_box .step_item .label:before{content:'';position:absolute;left:calc(50% - 1px);top:38px;width:1px;height:476px;background:url(/img/ko/sub/ico_dotline.gif) repeat-y}
.remote_wrap .intro_guide .cont_box .step_item.step4 .label:before{display:none}
.remote_wrap .intro_guide .cont_box .step_item .step{width:calc(100% - 127px);padding:25px 30px 25px 55px;background:#fff;border:2px solid #0056aa;border-radius:50px}
.remote_wrap .intro_guide .cont_box .step_item .step p{color:#0056aa;font-size:24px;font-weight:600}
.remote_wrap .intro_guide .cont_box .step_item .step p.step-sm{font-size:18px;font-weight:300}
.remote_wrap .intro_guide .cont_box .step_item .step p.step-sm2{font-size:16px;font-weight:300;color:#d2214c}
.remote_wrap .intro_guide .cont_box .step_item .step a.call{margin-top:10px;background:#000;border-radius:10px;padding:10px 20px;color:#fff;display:inline-block}
.remote_wrap .intro_guide .cont_box .step_item .step a.call:before{background:url(/119/img/ico_call.svg) 0 bottom no-repeat; background-size:14px;width:16px;height:18px;content:'';display:inline-block;margin-right:4px;}
.remote_wrap .intro_guide .cont_box .step_item .step a.call:hover{background:#0056aa}
.remote_wrap .intro_guide .cont_box .step_item .step a.down{margin-bottom:10px;background:#000;border-radius:10px;padding:10px 20px;color:#fff;display:inline-block}
.remote_wrap .intro_guide .cont_box .step_item .step a.down:before{background:url(/119/img/ico_down.svg) 0 bottom no-repeat; background-size:14px;width:16px;height:18px;content:'';display:inline-block;margin-right:4px;}
.remote_wrap .intro_guide .cont_box .step_item .step a.down:hover{background:#0056aa}
.remote_wrap .intro_guide .cont_box .step_item .step .step-file{background:#eff0f7;border-radius:10px;line-height:40px;padding:6px 20px;color:#000;margin:10px 0}
.remote_wrap .intro_guide .cont_box .step_item .step .step-file img{height:40px}
.admin-link-wrap{width:100%;text-align:right;margin-top:30px}
.admin-link-wrap a.admin-link{text-align:right;color:#ddd;font-weight:300;}
.admin-link-wrap a.admin-link:hover{color:#bbb}
.font-red{color:#d2214c;font-weight:500}
@media screen and (max-width:1150px){
	.remote_wrap .intro_guide .title_box{width:20%}
	.remote_wrap .intro_guide .cont_box{width:80%}
}
@media screen and (max-width:1023px){
	.remote_wrap .intro_guide .title_box{width:100%}
	.remote_wrap .intro_guide .cont_box{width:100%}
	.remote_wrap .intro_guide .cont_box .step_item .step{padding:20px 30px 20px 45px}
	.remote_wrap .intro_guide .cont_box .step_item .step p{font-size:20px}
}
@media screen and (max-width:767px){
	.remote_wrap .intro_guide .title_box .desc{font-size:18px}
	.remote_wrap .intro_guide .title_box .tit{font-size:36px}
	.remote_wrap .intro_guide .cont_box:before{content:'';position:absolute;left:47px;top:30px;width:1px;height:calc(100% - 50px);background:url(/img/ko/sub/ico_dotline.gif) repeat-y}
	.remote_wrap .intro_guide .cont_box .step_item .label:before{display:none}
	.remote_wrap .intro_guide .cont_box .step_item .step{width:100%;padding:15px 20px 15px 30px;margin-top:10px;border-radius:15px}
	.remote_wrap .intro_guide .cont_box .step_item .step p{font-size:17px}
}

.remote_wrap .intro_tel{}
.remote_wrap .intro_tel ul{display:flex;flex-wrap:wrap}
.remote_wrap .intro_tel ul li{position:relative;width:50%;padding:40px 0;color:#fff;font-size:24px;font-weight:300;background:#0056aa;text-align:center}
.remote_wrap .intro_tel ul li:after{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:rgba(255,255,255,1)}
.remote_wrap .intro_tel ul li:last-child:after{display:none}
.remote_wrap .intro_tel ul li strong{position:relative;font-weight:500}
.remote_wrap .intro_tel ul li strong:before{content:'';position:absolute;left:-40px;top:4px;width:30px;height:30px;background-repeat:no-repeat;background-size:100%}
.remote_wrap .intro_tel ul li:nth-child(1) strong:before{background-image:url(/img/ko/sub/ico_intro01.svg)}
.remote_wrap .intro_tel ul li:nth-child(2) strong:before{background-image:url(/img/ko/sub/ico_intro02.svg)}
@media screen and (max-width:1150px){
	.remote_wrap .intro_tel ul li{font-size:20px}
	.remote_wrap .intro_tel ul li strong:before{top:2px}
}
@media screen and (max-width:1023px){
	.remote_wrap .intro_tel ul li{width:100%;padding:40px 10px 40px 90px;text-align:left}
	.remote_wrap .intro_tel ul li:after{right:auto;left:0;top:auto;bottom:0;width:100%;height:1px}
}
@media screen and (max-width:500px){
	.remote_wrap .intro_tel ul li{padding:30px 0 30px 65px;font-size:18px}
	.remote_wrap .intro_tel ul li strong:before{top:0}
}
@media screen and (max-width:410px){
	.remote_wrap .intro_tel ul li{padding:20px 0;font-size:16px;text-align:center}
	.remote_wrap .intro_tel ul li strong:before{display:none}
}