@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes ngdialog-fadein2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .6;
  }
}

@keyframes ngdialog-fadein2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .6;
  }
}

@-webkit-keyframes ngdialog-fadeout2 {
  0% {
    height: 100%;
  }

  100% {
    height: 0%;
  }
}

@keyframes ngdialog-fadeout2 {
  0% {
    height: 100%;
  }

  100% {
    height: 0%;
  }
}

.ngdialog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* .ngdialog *, */
.ngdialog *:before,
.ngdialog *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.ui-alert.ngdialog,
.ui-confirm.ngdialog,
.ui-closeApp.ngdialog{
  position: fixed;	
	
}
.ngdialog.ui-open{position:absolute;}
.ngdialog.ui-open.exit-evnt{position:fixed;}

.ngdialog {       
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;  
}

.ngdialog.ngdialog-disabled-animation * {
  -webkit-animation: none !important;
  animation: none !important;
}

.ui-alert .ngdialog-overlay,
.ui-confirm .ngdialog-overlay,
.ui-open .ngdialog-overlay,
.ui-closeApp .ngdialog-overlay{
  position: absolute;
  background: url(/mobiapp/images/car/common/loading_back.png);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: auto;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.3s;
  animation: ngdialog-fadein 0.3s;
  z-index:10001;
}
.ui-open .ngdialog-overlay{position:fixed;background:#fff;}

.ui-tipMovie .ngdialog-overlay{  
  position:fixed;background:#000;
  opacity:.6;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: auto;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein2 0.3s;
  animation: ngdialog-fadein2 0.3s;
  z-index:10001;
}

.ui-title-popup.ngdialog-closing .ngdialog-overlay,
.ui-alert.ngdialog-closing .ngdialog-overlay,
.ui-confirm.ngdialog-closing .ngdialog-overlay,
.ui-open.ngdialog-closing .ngdialog-overlay,
.ui-closeApp.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.3s;
  animation: ngdialog-fadeout 0.3s;
}

.ui-title-popup .ngdialog-content,
.ui-alert .ngdialog-content,
.ui-confirm .ngdialog-content,
.ui-open .ngdialog-content,
.ui-closeApp .ngdialog-content{
	background: white;
	-webkit-backface-visibility: hidden;
	-webkit-animation: ngdialog-fadein 0.3s;
	animation: ngdialog-fadein 0.3s;
	z-index:10002;
}



.ngdialog-content {
	/*
  position:relative;
  z-index:20;
  /* overflow: auto; */
  -webkit-overflow-scrolling:none;
}

div#layer_inner{
	
	
}

.menu-mode .ui-race .ngdialog-content {
  -webkit-animation: initial;
  animation: initial;
  position: initial;
 
}


.ui-tipMovie.ngdialog-closing .ngdialog-content{
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.3s;
  animation: ngdialog-fadeout 0.3s;
}


.ui-tipMovie.ngdialog-closing .ngdialog-overlay{
	-webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.2s;
  animation: ngdialog-fadeout 0.2s;
	
}

.ui-alert.ngdialog-closing .ngdialog-content,
.ui-confirm.ngdialog-closing .ngdialog-content,
.ui-open.ngdialog-closing .ngdialog-content,
.ui-closeApp.ngdialog-closing .ngdialog-content{
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.3s;
  animation: ngdialog-fadeout 0.3s;
}

.ui-race.ngdialog-closing .ngdialog-content{	
	-webkit-backface-visibility: hidden;	
}
.ui-race.ngdialog-closing .ngdialog-content .race_layer {
  overflow:hidden;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout2 0.3s;
  animation: ngdialog-fadeout2 0.3s;
}
.ui-open.ngdialog-closing .layer_close{ display:none }
.ngdialog-close:before {
  font-family: 'Helvetica', Arial, sans-serif;
  content: '\00D7';
  cursor: pointer;
}

body.ngdialog-open {
 overflow: hidden;
}


.ui-tipMovie{position:absolute}
.ui-open .layer_pop{position:relative!important;z-index:10111;min-height:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.ui-tipMovie .layer_pop{position:relative!important;z-index:10111;min-height:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:8px}
.layer_cont{z-index:10003}
 


.ngdialog-content{height:100%;background:none !important}
.ui-open .ngdialog-content{background-color:#fff !important}
.ngdialog-close{display:none!important}
.ui-open .ngdialog-overlay{}
.ui-alert .ngdialog-content,
.ui-confirm .ngdialog-content,
.ui-closeApp .ngdialog-content{display:none;position:relative;top:50%;height:auto;min-height:0;}
.ui-closeApp .ngdialog-content h1{
	position: absolute;
    top: 0;
    left: 0px;
    text-align: center;    
    width: 100%;    
    color:#fff;
    font-size:16px;
    font-weight: 700;	
}

.ui-closeApp .ngdialog-content .alert_layer_cont{position:relative;padding:20px;padding-top:20px}
.ui-closeApp.naver .ngdialog-content .alert_layer_cont{position:relative;padding:20px;padding-top:20px!important}
.ui-closeApp .btn_close{position:absolute;display:block;right:30px;top:4px;width:30px;height:30px;background:url(/mobiapp/images/car/bm/btn_pop_close.png) 50% 50% no-repeat;background-size:18px 18px;}
.ngdialog *
{
  -webkit-box-sizing:none;
  -moz-box-sizing:none;
  box-sizing:none;
}

.ui-tipMovie .ngdialog-content{display:block;position:relative;top:50%;height:auto;min-height:0;margin:0 10px}


/* 백키 관련 추가 */

.ui-home .back,.ui-home .home,.ui-home .exit,.ui-home .move,.ui-home .default, .ui-home .simple, .ui-home .cls{display:none;font-size:14px}
.ui-home.simple .simple{display:block}

.exit .exit_shadow{ border-radius:8px;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.2);}
/* .ui-home .exit{padding:20px 15px} */
.ui-home.back .back,.ui-home.home .home,.ui-home.exit .exit,.ui-home.move .move,.ui-home.default .default,.ui-home.cls .cls{display:block}
.ui-home .close_title{display:block;;text-align:center;padding:14px;border-radius:8px 8px 0 0;background-color:#545045}
.ui-home .alert_layer .alert_layer_cont{font-size:13px;border-radius:0}
.ui-home .alert_layer .alert_layer_cont .strong{font-weight:700}
.ui-home .alert_btn_box{padding:0 10px 10px;border-radius:0 0 8px 8px ;background-color:#fff}
.ui-home .alert_layer .alert_btn_box .btn_two_close{width:49%;border:none;border-radius:0;height:36px;padding-top:11px;color:#333}
.ui-home .alert_layer .alert_btn_box .first{background-color:#fdb913;margin-right:2%}
.ui-home .alert_layer .alert_btn_box .second{background-color:#d9d6d2}
.ui-home .alert_layer .bu_exclamation{padding-left:22px;background:url(/mobiapp/images/car/common/ico_exclamation.png) left top no-repeat;background-size:16px 16px;color:#000000;font-size:14px;font-weight:700}


 .ui-home.move.driv .strong:before{content:'KB다이렉트운전자보험'}
 .ui-home.move.medical .strong:before{content:'KB다이렉트실손의료비보장보험'}
 .ui-home.move.gtravel .strong:before{content:'KB해외여행보험'}
 .ui-home.move.ptravel .strong:before{content:'KB국내여행보험'}
 .ui-home.move.shrtdriv .strong:before{content:'KB단기운전자보험'}
 .ui-home.move.golf .strong:before{content:'KB골프보험'}
 .ui-home.move.emergency .strong:before{content:'사고접수안내'}
 .ui-home.move.notice .strong:before{content:'새소식'}
 .ui-home.move.small .strong:before{content:'KB원타임항공기탑승플랜'}
 .ui-home.move.haru .strong:before{content:'KB모바일 하루자동차보험'}
 .ui-home.move.cancer .strong:before{content:'KB다이렉트 암보험'}
 .ui-home.move.baby .strong:before{content:'KB다이렉트 태아보험'}
 .ui-home.move.child .strong:before{content:'KB다이렉트 자녀보험'}
 
 .ui-home.default{}
 

.ui-home.naver .alert_layer .alert_btn_box .first{background-color:#d9d6d2;margin-right:2%}
.ui-home.naver .alert_layer .alert_btn_box .second{background-color:#fdb913;}
 
.exit .ngdialog-overlay{background: rgba(255, 255, 255, 0.4);}

body.ngdialog-open{}
body.ngdialog-open.menu-mode{position:relative;overflow:visible}
body.ngdialog-open.menu-mode .ui-race.ngdialog{position:absolute}
body.ngdialog-open.menu-mode .ui-race > .ngdialog-overlay{position:absolute;display:block;width:100%;top:55px;bottom:0;;background-color:#fff }
body.ngdialog-open.menu-mode #container{padding-top:0}


#wrapper {
	position: absolute;
	z-index: 1;
	top: 50px;
	bottom: 0px;
	left: 0;
	width: 100%;
	background: #fff;
	overflow: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	padding-top:36px;
}

.layer_pop.scroll_add{overflow:visible}
.layer_pop.scroll_add .layer_cont{position:static!important;padding:0!important;height:100%}
.layer_pop.scroll_add .btn_box{padding:16px 23px 30px;}

#fake_height{position:relative;background-color:#fff;}

.layer_cont2 iframe{position:relative}
.mail_form .mail_select li{postion:relative}

#container #content{position:relative;-webkit-backface-visibility:hidden}

.header_content .btn_back,
.header_content .btn_tip,
.header_content .btn_latest,
.header_content .btn_help_r{-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden}



.btn_race{-webkit-transform:translate3d(0,0,0);-webkit-backface-visibility:hidden}

#header .header_logo{overflow:hidden;-webkit-backface-visibility:hidden}

.ui-alert .ngdialog-content, .ui-confirm .ngdialog-content{}
.samsungbrowser.note4 .dwhl,.samsungbrowser.s5 .dwhl{padding-bottom:100px!important}
.note2 .ui-open .ngdialog-overlay{display:none}

#in_div #dimm{}

#in_div{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1 }



.zipcode_search_wrap,
.zipcode_result_wrap,
.zipcode_detail_wrap{position:relative}

@media(min-width:586px) {
   
  .ui-confirm-wrap .headTitle{left:0;right:0}
  .alert_layer.ui-confirm-wrap{position: relative;;display: inline-block;width:360px;padding:0;text-align:left}
  
  .ui-alert-wrap{padding:0;text-align:center}
  .ui-alert-wrap .alert_box{ display: inline-block;width:320px;text-align: left ;-webkit-backface-visibility:hidden ;}
  .ui-alert-wrap .headTitle{width:320px;left: auto; right: auto; margin-left: -22px;}
  .ui-alert .ngdialog-content, 
  .ui-confirm .ngdialog-content, 
  .ui-closeApp .ngdialog-content,
  .ui-title-popup .ngdialog-content { text-align: center }
  .ui-title-popup .ngdialog-content{margin:0}
  .ui-title-popup .layer_pop{ display: inline-block; width:360px}
  
}