@import url(reset.css);
@import url(header.css);
@import url(footer.css);
@import url(contents.css);
@import url(subcon.css);

.user .bg_light{background: #f8f8f8;}
.user .modal_open{overflow: hidden;}
.user .nv_btn_perple{background: #472f91; color: #fff; border:none; cursor: pointer;}
.user .nv_btn_black{background: #333; color: #fff; border:none; cursor: pointer;}
.user .nv_btn_blue{background: #0595d5; color: #fff; border:none; cursor: pointer;}
.user .nv_btn_white{background: #fff; color: #333; border:1px solid #333; cursor: pointer;}
.user .textcenter{text-align: center;}
.user .textleft{text-align: left;}

.user .nv_modal{
  position: fixed;
  display: none;
  left:0; top:0; bottom:0; right: 0;
  background:rgba(0,0,0,0.3);
  z-index: 500;
}
.user .nv_modal.on{ display: block;}
.user .nv_modal_container{
  position: relative;
  top:50%;
  overflow: hidden;
  width:90%; max-width: 500px;
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.3);
  margin:-290px auto 0;
  border-radius: 5px;
  background: #fff;
}
.user .nv_modal_container .nv_modal_header{
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  background: #2d3138;
}
.user .nv_modal_container .nv_modal_header h2{
  float: left;
  padding-left: 18px;
  font-size: 16px;
  color: #fff;
}
.user .nv_modal_container .nv_modal_header .nv_modal_close{
  float: right;
  width: 20px; height: 50px;
  margin-right: 20px;
  text-indent: -6000px;
  background:url(../images/modal_close.png) center center no-repeat;
  cursor: pointer;
}
.user .nv_modal_contents{padding:5px 20px 15px;}
.user .nv_modal_contents > div{margin-bottom: 15px;}
/*.nv_modal_contents .textarea_name{*/
/*    padding-left: 27px;*/
/*    font-size: 15px;*/
/*    line-height: 45px;*/
/*    background: url(../images/modal_check_icon.png) left center no-repeat;*/
/*}*/
.user .nv_map_modal .nv_modal_container {
  top: 40%;
  max-width: 1200px;
}
.user .nv_map_modal .nv_modal_container img {
  width: 100%;
}

.user .nv_map_modal .nv_modal_container {
  top: 40%;
  max-width: 1200px;
}
.user .nv_map_modal .nv_modal_container img {
  width: 100%;
}

@media screen and (min-width:1280px){
  .user .pc_skip{display: none;}
}
@media screen and (max-width:1279px) and (min-width:768px){
  .user .tpc_skip{display: none;}
}
@media screen and (max-width:767px){
  .user .m_skip{display: none;}
  .user p{font-size: 14px;}

  .user .nv_map_modal .nv_modal_container .nv_modal_contents {
    overflow: scroll;
  }
  .user .nv_map_modal .nv_modal_container img {
    min-width: 1200px;
  }
}