@charset "utf-8";

/* =========================== PAGE */
.pagecommon{font-size:18px;line-height:1.8;letter-spacing:-.3px;color:#999;font-family:'GongGothicLight'}
.pagecommon *{word-break:keep-all}

/* 오시는길 */
#location1001 .top_loca{padding:30px 20px;margin-bottom:30px;border-top:2px solid #555;border-bottom:2px solid #555}
#location1001 .top_loca dl{display:flex;margin-bottom:20px;}
#location1001 .top_loca dl dt{flex-shrink:0;margin-top:-6px;font-size:28px;color:#222;font-family:'GongGothicBold'}
#location1001 .top_loca dl dd{display:flex;flex-wrap:wrap;column-gap:20px;justify-content:flex-end;margin-left:auto;font-size:17px}
#location1001 .top_loca dl dd span{padding-right:8px;color:#222}
#location1001 .top_loca dl dd span~span{margin-left:20px}
#location1001 .top_loca .map_area{display:flex;justify-content:space-between}
#location1001 .top_loca .map_area > img{width:45%;border-radius:16px}
#location1001 .top_loca .map_area .map_img{width:calc(55% - 30px);overflow:hidden;border:1px solid #e1e1e1;border-radius:16px}
#location1001 .top_loca .map_area .map_img img{width:100%}
#location1001 .gall_row .gall_li{border:1px solid #e1e1e1;border-radius:16px}
#location1001 .gall_row .gall_li+.gall_li{margin-top:20px}
#location1001 .gall_con{display:flex;padding:20px}
#location1001 .gall_con .gall_img{width:45%;border-radius:16px;background-position:center;background-size:cover}
#location1001 .gall_li:nth-child(1) .gall_con .gall_img{background-image:url(../img/sub/location1001_img02.jpg)}
#location1001 .gall_li:nth-child(2) .gall_con .gall_img{background-image:url(../img/sub/location1001_img03.jpg)}
#location1001 .gall_li:nth-child(3) .gall_con .gall_img{background-image:url(../img/sub/location1001_img04.jpg)}
#location1001 .gall_con .gall_txt{width:55%;padding:20px 10px 30px 30px}
#location1001 .gall_txt .subject{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #e1e1e1;font-size:22px;color:#222}
#location1001 .gall_txt .desc dl{overflow:hidden;position:relative;padding:3px 0}
#location1001 .gall_txt .desc dl dt{float:left;position:relative;width:27%;padding-left:17px;font-size:18px;line-height:1.7;color:#222}
#location1001 .gall_txt .desc dl dt:before{display:block;content:"";position:absolute;left:0;top:12px;width:2px;height:2px;background-color:#0054a6}
#location1001 .gall_txt .desc dl dd{float:left;width:73%;padding-left:3px;font-size:18px;line-height:1.7}
#location1001 .gall_txt .desc dl dd .map_btn{display:inline-block;width:120px;height:40px;border-radius:30px;font-size:16px;text-align:center;line-height:40px;color:#fff;background:#f7c537}

@media(max-width:1024px){
#location1001 .top_loca dl{display:block}
#location1001 .top_loca dl dd{justify-content:flex-start;margin-top:15px;font-size:16px}
#location1001 .top_loca dl dd p:first-child{margin-left:0}
#location1001 .top_loca dl dd p:last-child{margin-left:0}
#location1001 .top_loca .map_area .map_img{width:calc(55% - 15px)}
#location1001 .gall_txt .subject{font-size:20px}
#location1001 .gall_txt .desc dl dt{font-size:16px}
#location1001 .gall_txt .desc dl dd{font-size:16px}
}
@media(max-width:768px){
#location1001 .top_loca dl dt{font-size:25px}
#location1001 .top_loca dl dd{font-size:15px}
#location1001 .gall_con{padding:15px}
#location1001 .gall_con .gall_img{width:40%}
#location1001 .gall_con .gall_txt{width:60%;padding:20px 0 30px 20px}
#location1001 .gall_txt .subject{font-size:18px}
#location1001 .gall_txt .desc dl dt{width:70px;font-size:15px}
#location1001 .gall_txt .desc dl dd{width:calc(100% - 70px);padding-left:15px;font-size:15px}
#location1001 .gall_txt .desc dl dd .map_btn{width:105px;height:35px;font-size:14px;line-height:35px}
}
@media(max-width:480px){
#location1001 .top_loca{padding:30px 15px}
#location1001 .top_loca dl dt{font-size:22px}
#location1001 .top_loca dl dd{display:block;font-size:14px}
#location1001 .top_loca dl dd p:last-child{margin-top:10px}
#location1001 .top_loca .map_area{display:block}
#location1001 .top_loca .map_area > img{width:100%}
#location1001 .top_loca .map_area .map_img{width:100%;margin-top:15px}
#location1001 .gall_row{padding:0 15px}
#location1001 .gall_con{display:block}
#location1001 .gall_con .gall_img{width:100%;height:220px}
#location1001 .gall_con .gall_txt{width:100%;padding:30px 0 15px}
#location1001 .gall_txt .desc dl dt{font-size:14px}
#location1001 .gall_txt .desc dl dd{font-size:14px}
#location1001 .gall_txt .desc dl dd .map_btn{width:95px;height:30px;font-size:13px;line-height:30px}
}
@media(max-width:380px){
#location1001 .gall_con .gall_img{height:185px}
#location1001 .gall_txt .subject{font-size:17px}
}