@import "pretendard.css";

* {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  font-family: "Pretendard", sans-serif;
}
*,
:after,
:before {
  box-sizing: border-box;
  flex-shrink: 0;
}
:root {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  cursor: default;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
  tab-size: 4;
}
html,
body {
  height: 100%;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
button {
  background: none;
  border: 0;
  cursor: pointer;
}
a {
  text-decoration: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul,
dl,
dt,
dd {
  list-style: none;
}

#main_popup{position: absolute; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.5); z-index:100;}
.layer_area{position:absolute; top:190px; left:300px; width:400px; background: #fff; z-index: 110;}
.layer_area{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:450px; background: #fff; z-index: 110; border:1px solid #ccc;}
.layer_area .top_area{width:400px;}
.layer_area .top_area .img_area{display:block; width:454px; height:297px; no-repeat 0 0;  text-indent:-9999px;}
.layer_area .top_area .img_area a{display: block; width:100%; height:297px; text-indent: -9999px;}
.layer_area .bottom_area{overflow: hidden;}
.layer_area .bottom_area a{display:block; float:left; width:225px; height:50px; text-align:center; line-height:50px; cursor: pointer; border-right:1px solid #ccc;}
    

.layer_area.p2 {position:absolute; left:810px; width:450px; height:400px;}
.layer_area.p2 .top_area .img_area{ no-repeat 0 0; height:350px;}