@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Chiron+Hei+HK:ital,wght@0,200..900;1,200..900&display=swap');

.bree-serif-regular {
  font-family: "Bree Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.bree-serif-bold {
  font-family: "Bree Serif", serif;
  font-weight: 600;
  font-style: normal;
}

/* 클릭시 상세보여주기 레이어창 - 시작 */
.layer { width:100%; max-width:850px; display:none; position:fixed; top:0; left:0; right:0; z-index:1000; bottom:0; background-color:rgba(0, 0, 0, 0.6); text-align:center; justify-content:center; align-items:center; font-family: "bree-serif-regular"; }
.layer::after { content: ""; display:inline-block; vertical-align:middle; height:100vh; }
.layer_contents1 { position:relative; display:none; vertical-align:middle; width:100%; height:100%; background-color:#fff; border-radius:0.5rem;  }

/* 클릭시 상세보여주기 레이어창 - 시작 */
.layer2 { width:100%; display:none; position:fixed; top:0; left:0; right:0; z-index:1000; bottom:0; background-color:rgba(0, 0, 0, 0.6); text-align:center; justify-content:center; align-items:center;  }
.layer2::after { content: ""; display:inline-block; vertical-align:middle; height:100vh; }
.layer_contents2 { position:relative; display:none; vertical-align:middle; width:100%; height:90%; background-color:#fff; border-radius:0.5rem;  }

.layer_body3 { position:relative; width:100%; height:calc(100% - 60px); color:black; overflow-x:scroll; }
.layer_body3 > img { height:100%; }

.layer_title { margin:0 auto; text-align:center; width:calc(100% - 30px); height:60px; line-height:30px; font-size:18px; font-weight:bold; margin-top:30px; padding:0 15px; font-family: "bree-serif-regular"; } 

.layer_text1 { margin:0 auto; text-align:center; width:100%; height:40px; line-height:40px; font-size:1.5em; font-weight:normal; } 

.layer_footer1 { position:relative; width:100%; height:45px; margin:0 auto; margin-top:5px; text-align:center; padding-top:2px; font-size:1.2em; } 

.layer_btn3 { margin:0 auto; margin-left:3px; margin-top:3px; font-size:18px; font-weight:bold; width:80px; height:38px; background-color:#eaeaea; border:1px solid #5D5D5D; border-radius:5px; }  

.popup_div1 { margin:0 auto; width:90%; font-size:11pt; text-align:left; line-height:27px; font-family: "bree-serif-regular"; overflow:auto; }
.popup_div1_img { float:left; display:inline-block; width:180px; text-align:center; padding:15px; } 
.popup_div1_img > .img1  { display:block; margin:0 auto; width:120px; text-align:center; margin-top:20px; }
.popup_div1_img > .img2 { display:block; margin:0 auto; width:20px;  text-align:center; margin-top:50px; }
.popup_div1_img > .img3 { display:block; margin:0 auto; width:150px; text-align:center; margin-top:50px; }

.popup_div1_txt { float:left; display:inline-block; width:calc(100% - 250px); padding:15px; font-size:15px; font-family: "bree-serif-regular"; } 

.popup_div2 { margin:0 auto; width:90%; font-size:11pt; margin-top:20px; text-align:left; font-family: "bree-serif-regular";  }
.popup_div2_title { width:100%; padding:10px; height:15px; line-height:15px; color:#fff; background-color:#000; text-align:left; font-family: "bree-serif-regular"; } 

.popup_div2_ul1 { width:100%; margin-top:10px; background-color:#fff; overflow:auto; margin-bottom:20px; } 
.popup_div2_ul1 > li { float:left; width:50%; height:25px; display:inline-block; font-size:14px; font-weight:normal; font-family: "bree-serif-regular"; } 
.popup_div2_ul1 > li:last-child { width:100%; } 
.popup_div2_ul1 > li:last-child > .addr1 { font-size:12px !important; } 

.popup_div2_ul2 { width:100%; margin-top:10px; background-color:#fff; overflow:auto; margin-bottom:20px; font-family: "bree-serif-regular";} 
.popup_div2_ul2 > li { float:left; width:100%; line-height:20px; display:inline-block; font-size:14px; font-weight:normal; font-family: "bree-serif-regular";} 
.popup_div2_ul2 > li > a { font-size:14px; font-weight:normal; font-family: "bree-serif-regular";} 


.popup_div3 { margin:0 auto; width:90%; font-size:11pt; margin-top:20px; text-align:left; font-family: "bree-serif-regular"; padding:20px; text-align:center;  background-color:#ededed; font-weight:normal; word-break: keep-all; line-height:25px; font-weight:normal;  }
.popup_div4 { margin:0 auto; width:90%; font-size:11pt; margin-top:20px; text-align:center; font-family: "bree-serif-regular"; margin-bottom:15px;  }
.popup_div4_p1 { width:100%; text-align:center; line-height:25px; margin-top:20px; font-weight:normal; font-family: "bree-serif-regular"; } 
.popup_div4_p1 > a { font-size:15px; font-weight:normal; font-family: "bree-serif-regular"; } 
.popup_div4_p2 { width:100%; text-align:center; line-height:25px; margin-top:30px; font-weight:normal; font-family: "bree-serif-regular"; } 
.popup_div4_p3 { width:100%; text-align:center; line-height:25px; margin-top:5px; font-size:13px; font-weight:normal; font-family: "bree-serif-regular"; } 

.keepall { word-break: keep-all !important; white-space:nowrap; }

/*----------------------------------------------------------------------------------------------------------------------------------*/

/* Mobile ? 767px 이하 해상도에서 해석하는 코드 */
@media (max-width:767px){
/*시작*/

.popup_div1_img { float:left; display:inline-block; width:100%; text-align:center; padding:15px; } 

.popup_div1_img > .img1 { display:inline-block; width:80px; text-align:center; vertical-align:middle; margin:0 auto; }
.popup_div1_img > .img2 { display:inline-block; width:20px;  text-align:center; vertical-align:middle; margin:0 auto;  margin-left:20px;}
.popup_div1_img > .img3 { display:inline-block; width:120px; text-align:center; vertical-align:middle; margin:0 auto; margin-left:20px; }

.popup_div1_txt { float:left; display:inline-block; width:calc(100% - 20px); padding:10px; font-size:15px; } 


.popup_div2_ul1 > li { float:left; width:100%; height:20px; display:inline-block; font-size:14px; font-weight:normal; } 
.popup_div2_ul1 > li:last-child { width:100%; height:40px; } 
.popup_div2_ul1 > li:last-child > .addr1 { width:100%; display:block; font-size:12px !important; } 


/*끝*/
}