#cover{
      position:fixed;
      top:0;
      left:0;
       z-index:5;
      width:100%;
      height:100%;
      display:none;
     }
    #loginScreen
    {
	color:#444; font-size:12px; text-align:left;
      height:300px;
      width:400px;
      margin:0 auto;
       z-index:10;
      display:none;
       border:1px solid #ddd;
      border-radius:10px;
	  overflow-y:scroll;
	  position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;z-index:9999;  
	  border:1px solid #ddd; padding:20px;  
    }
    #loginScreen:target, #loginScreen:target + #cover{
      display:block;
      opacity:2;
    }
	#loginScreen h4 {color:#222; text-align:left;margin:0px 0 15px 0; font-size:15px;}

    .cancel
    {
      display:block;
      position:absolute;
      top:3px;
      right:2px;
      background:rgb(245,245,245);
      color:black;
      height:30px;
      width:35px;
      font-size:30px;
      text-decoration:none;
      text-align:center;
      font-weight:bold;
    }





.textshadow {text-shadow: 6px 6px 6px #000;}

.online_advice {height:100vh; display: flex!important;
flex-direction: column;
justify-content: center;  }

.point_red {color: #DE0203;}

.hidden {
width: 0;
height: 0;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
font-size: 0;
text-indent: -9999px;
overflow: hidden;
visibility: hidden;
}
#anchor_menu {position:fixed; top:50%; right:29px; z-index:99; margin-top:-90px; text-align:left;}
#anchor_menu li:after {position:absolute; top:17px; bottom:15px; left:15px; z-index:0; width:5px;height:5px; border-radius:50%;background:rgba(255,255,255,0.8); content:'';}
#anchor_menu li {position:relative; z-index:2; border-radius:20px;}

#anchor_menu li.active{background:#D40304; color: #fff;border-radius:20px;}
#anchor_menu li.active a:hover{background:#D40304; color: #fff;}
#anchor_menu li:hover{ color:#222!important;}
#anchor_menu li a,#anchor_menu li.active a{border-radius:20px;padding: 9px 18px 9px 25px;display:block;color:#ddd!important;}
#anchor_menu li.active a{color:#fff!important;}


@charset "UTF-8";

button {border: none;background: none;}

.new_main_wrap {height: auto; overflow-y: visible; box-sizing:border-box;}

#fullpage .section {
	height: auto !important;
	scroll-margin-top: 82px;
}
.new_main_wrap .main_con_box.slider_wrap {position: relative;width: 100%;height: 100vh;padding: 13% 13% 7%;overflow: hidden;}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap {background-color:#000;}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box {display: none;position: absolute;width: 100%;height: 100%;background-size:cover; background-position:center center; background-repeat:no-repeat;transform: scale(1);transition: 7s all;}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.scale_action {transform: scale(1.1);}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.type01 {display: block;background-image: url(/customized/images/main_slide_img_01.jpg);}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.type02 {background-image: url(/customized/images/main_slide_img_02.jpg);}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.type03 {background-image: url(/customized/images/main_slide_img_03.jpg);}


.new_main_wrap .main_con_box.slider_wrap .slider_box {position: relative;width: 0px;height: 0px;overflow: hidden;z-index: 2;opacity: 0;transition: 2s opacity;top: 40%;transform: translateY(-50%);}
.new_main_wrap .main_con_box.slider_wrap .slider_box.show {width: auto;height: auto;padding-bottom: 9%;opacity: 1;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .main_txt {font-family:'Noto Sans KR'; padding-bottom: 2%;line-height: 90px;font-weight: 600;font-size: 44px;color: #ffffff;letter-spacing: -1px;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .sub_txt {font-family:'Noto Sans KR'; font-size: 35px;line-height: 40px;color: #ffffff;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box {padding-bottom: 5%;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .cover_btn_wrap button {width: 240px;height: 70px;padding-left: 70px;line-height: 68px;text-align: left;color: #ffffff;font-size: 22px;border: 1px solid #ffffff;border-radius: 35px;background: url(../images/ico_google_btn.png) no-repeat 30px 50% / 26px auto;transition: 0.5s all;}
/* .new_main_wrap .main_con_box.slider_wrap .slider_box .cover_btn_wrap button:hover {background: url(../images/ico_google_btn.png) no-repeat #00000099 30px 50% / 26px auto;box-shadow: 5px 3px 5px 1px rgb(0 0 0 / 30%);border-color: #00000099;} */
.new_main_wrap .slieder_btn_box {display: inline-block;position: absolute;bottom: 13.5%;left: 13%;z-index: 2;}
.new_main_wrap .slieder_btn_box ul:after {content: '';display: block;clear: both;}
.new_main_wrap .slieder_btn_box ul li {float: left;}
.new_main_wrap .slieder_btn_box ul li + li {margin-left: 10px;}
.new_main_wrap .slieder_btn_box ul li button {display: inline-block;padding: 7px 0px;}
.new_main_wrap .slieder_btn_box ul li button:before {content: '';display: block;width: 100px;height: 5px;background: #ffffff;transition: 0.8s background;}
.new_main_wrap .slieder_btn_box ul li.active button:before {background: #DB0000;}

/* scroll icon */
.ico_scroll_wrap {position: absolute;top: 80%;right: 50px;vertical-align: top;transform: translateY(-50%);}
.main_service_wrap .ico_scroll_wrap.fixed {position: fixed;}
.ico_scroll_wrap .ico_scroll {display: inline-block;width: 24px;height: 55px;background: url(/customized/images/ico_scroll.png) no-repeat;background-size: 100% auto;animation: moveBottom ease-in-out 1s infinite;}

@keyframes moveRightCenter {
0% {
	transform: translate(-5px, -50%);
}
100% {
	transform: translate(5px, -50%);
}
}

@keyframes moveRight {
0% {
	transform: translateX(-5px);
}
100% {
	transform: translateX(5px);
}
}

@keyframes positionMoveRight {
0% {
	right: 0px;
}
100% {
	right: -5px;
}
}

@keyframes moveBottom {
0% {
	transform: translateY(0px);
}
100% {
	transform: translateY(50px);
}
}

@keyframes scaleAni {
0% {
	transform: scale(1);
}
100% {
	transform: scale(1.1);
}
}

@keyframes scaleAni2 {
0% { transform: scale(1); }
100% { transform: scale(1.3);}
}


@media screen and (max-width:1200px) {
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .main_txt,
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .sub_txt {font-size: 24px;line-height: 34px;}
.new_main_wrap .main_con_box.slider_wrap .slider_box {	top: 50%;}

}


@media screen and (max-width:1024px) {
.new_main_wrap .main_con_box.slider_wrap {padding: 100px 50px 70px;}

.ico_scroll_wrap {display: none;}

.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.type01 {background-image: url(/customized/images/main_slide_img_01_m.jpg);}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.type02 {background-image: url(/customized/images/main_slide_img_02_m.jpg);}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.type03 {background-image: url(/customized/images/main_slide_img_03_m.jpg);}
}
@media screen and (max-width:960px) {
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .main_txt br {display: none;}
}
@media screen and (max-width:560px) {
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.type01 {background-image: url(/customized/images/main_slide_img_01_m.jpg);}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.type02 {background-image: url(/customized/images/main_slide_img_02_m.jpg);}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap .bg_img_box.type03 {background-image: url(/customized/images/main_slide_img_03_m.jpg);}

.new_main_wrap .main_con_box.slider_wrap {padding: 50px 20px;}

.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .main_txt {font-size: 20px;line-height: 23px;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .sub_txt {font-size: 20px; letter-spacing:-1px;line-height: 25px;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .cover_btn_wrap button {width: 168px;height: 49px;padding-left: 50px;line-height: 47px;font-size: 14px;background: url(../images/ico_google_btn.png) no-repeat 20px 50% / 20px auto}
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .main_txt {padding-bottom: 10px;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box {padding-bottom: 250px;}
.new_main_wrap .slieder_btn_box {left: 20px;bottom: 60px;}
.new_main_wrap .slieder_btn_box ul li button:before {width: 50px;height: 5px;}

#loginScreen{width:94%;height:300px; font-size:12px; padding:20px;top:70%;left:50%;transform:translate(-50%, -70%);  }
.close{ width:40px; height:40px;  }


}



@media screen and (max-width:320px) {
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box {padding-bottom: 50px;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .main_txt {font-size: 20px;line-height: 25px;}
.new_main_wrap .slieder_btn_box ul li button:before {width: 50px;}

}

@media screen and (max-height:450px) {	
.new_main_wrap .slieder_btn_box ul li button:before {width: 50px;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .main_txt {font-size: 20px;line-height: 25px;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .text_box .sub_txt {font-size: 16px;line-height: 25px;}
.new_main_wrap .main_con_box.slider_wrap .slider_box .cover_btn_wrap button {width: 168px;height: 49px;padding-left: 50px;line-height: 47px;font-size: 14px;background: url(../images/ico_google_btn.png) no-repeat 20px 50% / 20px auto}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap.type01 {background: url(main_slide_img_01_m.jpg) no-repeat center / 100% 100%;}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap.type02 {background: url(main_slide_img_02_m.jpg) no-repeat center / 100% 100%;}
.new_main_wrap .main_con_box.slider_wrap .bg_img_wrap.type03 {background: url(main_slide_img_03_m.jpg) no-repeat center / 100% 100%;}
/customized/images/ico_scroll.png
}




/*main quick*/
.bg_service {  display: flex;
flex-direction: column;
justify-content: center; height:100vh; background: #000 url(/customized/imgs/service_bg.jpg) no-repeat fixed ; }


.main-quick {

background:url('/customized/images/main/main_quick_bg_g.jpg') no-repeat center center;
background-size:cover;
margin:0px auto;
 
}
.main-quick ul {
width:100%;
font-size:0;
}
.main-quick ul li {
overflow:hidden;
display:inline-block;
margin-left:26px;
margin-bottom:20px;
width:calc(25% - 19.5px); height:200px;
box-shadow:20px 0 40px rgba(0,0,0,.6);
vertical-align:middle;
transition:.3s;
}
.main-quick ul li:nth-child(5) {margin-left:0 ;}

.main-quick ul li:first-child {
margin-left:0;
}

.main-quick ul li a {
position:relative;
display:block;
width:100%; height:100%;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.07);
transition:.3s;
}
.main-quick ul li span {
position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
width:100%;
font-weight:500; font-size:36px;
/* font-family: 'Roboto'; */
color:#fff;
transition:.3s;
text-align:center;
}
.main-quick ul li strong {
position:absolute; top:100%; left:50%;
transform:translateX(-50%);
font-weight:300; font-size:26px;
color:#fff;
transition:.3s;
}
.main-quick ul li strong:before,
.main-quick ul li strong:after {
content:'';
position:absolute; bottom:-37px; left:50%;
margin-left:-20px;
width:39px; height:1px;
background:#fff;
}
.main-quick ul li strong:after {
transform:rotate(-90deg);
}


@media only screen and (min-width: 641px) { 
.main-quick ul li:hover a {
	border:10px solid #fff;
}


.main-quick ul li:nth-child(1):hover a {
	background:url('/customized/images/main/main_quick01.jpg') no-repeat center center;
	background-size:cover;
}
.main-quick ul li:nth-child(2):hover a {
	background:url('/customized/images/main/main_quick02.jpg') no-repeat center center;
	background-size:cover;
}
.main-quick ul li:nth-child(3):hover a {
	background:url('/customized/images/main/main_quick03.jpg') no-repeat center center;
	background-size:cover;
}
.main-quick ul li:nth-child(4):hover a {
	background:url('/customized/images/main/main_quick04.jpg') no-repeat center center;
	background-size:cover;
}
.main-quick ul li:nth-child(5):hover a {
	background:url('/customized/images/main/main_quick05.jpg') no-repeat center center;
	background-size:cover;
}
.main-quick ul li:nth-child(6):hover a {
	background:url('/customized/images/main/main_quick06.jpg') no-repeat center center;
	background-size:cover;
}
.main-quick ul li:nth-child(7):hover a {
	background:url('/customized/images/main/main_quick07.jpg') no-repeat center center;
	background-size:cover;
}
.main-quick ul li:hover a strong {
	top:50%;
	transform:translate(-50%,-50%);
	margin-top:-30px;
}
.main-quick ul li:hover a span {
	opacity:0;
}
}
@media only screen and (max-width: 1200px) {
.main-quick ul li {
	margin-top:13px; margin-bottom:13px;
	width:calc(50% - 13px); height:140px;
}
.main-quick ul li:nth-child(2n+1) {
	margin-left:0;
}
.main-quick ul li span {
 font-size: 26px;
}
}
@media only screen and (max-width: 640px) {
.main-quick .inner, .main-know .inner {
	padding:17px 30px;
}
.main-quick ul li {
	margin:7px auto;
	width:100%; height:50px;
}
.main-quick ul li span { 
	font-size:17px;
}
.main-quick {
margin:10px auto;
}


}






#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}

#boxes .window {
position:absolute;
left:0;
top:0;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}

#boxes #dialog {
width:375px;
height:203px;
padding:10px;
background-color:#ffffff;
}