@charset "utf-8";
/*공통사용*/
.m0{margin:0}
.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.basic_btn_box .loc p.tit{background:url("/images/14_town/content/common/loc.png") no-repeat top center;}
.w100 {text-align:center}

.greeting p{padding:10px 0;}
.greeting .gr_top{font-family:'SBAggro';font-size:1.5rem;color:#145ba1;padding-top:227px;background:url("/images/14_town/content/common/gr.png")no-repeat center top / 250px;word-break:keep-all;text-align:center;}
.greeting .gr_top strong{color:#0d8c71;display:block;padding:20px 0;border-bottom:dashed 1px #b8ddd5;}
.greeting p:last-child{font-size:1.2rem;color:#000;font-weight:500;text-align:right;line-height:1.5rem;}
.greeting p:last-child strong{font-weight:600;font-size:1.5rem;}

.history{overflow:hidden;}
.history li{margin:20px 0;padding:5%;border:1px #d3e6e7 solid;border-radius:15px;}
.history li .photo{text-align:center;}
.history li div p{margin:13px 0;text-align:center;font-weight:600;font-size:18px;background:#ebf3f1;padding:2%;}
.history li div dl{margin-bottom:0px;}
.history li div dt{font-size:18px;background:none;font-family:'SCDream';font-size:16px;padding:0;margin:0;font-weight:500;}
.history li:last-child{border-color:#4ba8af}
.history li:last-child div p{background:#caf7ed;}

.photo_box > div > p,.basic_box .img{text-align:center;}
.photo_box > div > p img,.basic_box .img img{width:auto;max-width:100%;margin-bottom:20px;}

.loc_t .basic_btn_box{margin-bottom:10px;padding:16px 20px;}
@media all and (min-width:768px) {
    
/*공통사용*/
.basic_btn_box .loc p.tit{background-position:0 0 !important;}
.greeting{padding:0;}
.greeting .gr_top strong{font-size:2.5rem;}
    
.history{display:flex;flex-wrap:wrap;gap:3%;}
.history li{padding:30px 20px;flex:0 1 31.333%;margin:15px 0;} 
   
.photo_box div > ul, 
.photo_box div div{width:calc(100% - 330px);}
.photo_box > div{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.photo_box > div > div > ul{width:100%}
.photo_box > div > p,.basic_box .img{width:300px;}
.photo_box > div > p img,.basic_box .img img{margin-bottom:0}

.loc_t{position:relative;padding-right:calc(100% - 290px);min-height:250px}
.loc_t > div{position:absolute;right:0;width:calc(100% - 300px);top:0;}
.loc_t .basic_btn_box p.tit::after{margin:0 10px}
.loc_t .basic_btn_box span{letter-spacing:-.5px}
}

@media all and (min-width:1023px) {
.greeting .gr_top{padding:50px 380px 50px 0;background-size:auto;background-position:right top;min-height:300px;text-align:left;}

}     

                                                                                                                                                                                          
/*금구면 포토 리스트*/           
.pt_list{overflow:hidden; text-align:center;}
.pt_list li{margin-bottom:10px;padding:10px;border:solid 1px #dedede;border-top-color:#346b95;}
.pt_list li img{margin-bottom:10px; width:100%;}
.pt_list li span.tit{display:block;}

@media all and (min-width:768px) {
.pt_list li{width:46%;margin:1% 2%;float:left;}
}

@media all and (min-width:1023px) {
.pt_list li{width:30.333%;margin:1%;height:230px;}
.pt_list li img{height:172px;}
}