@charset "utf-8";

.pagecommon{position:relative;padding-bottom:50px;font-size:16px;letter-spacing:-.6px;line-height:1.9;color:#777;font-family:'notokr-regular'}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .s_tit{margin-bottom:15px;font-size:20px;font-weight:600;color:#111;letter-spacing:0;text-transform:uppercase;font-family:'Poppins'}
.pagecommon .box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px}
.pagecommon .box ul{width:100%}
.pagecommon .box ul li{position:relative;padding-left:15px;color:#111}
.pagecommon .box ul li+li{margin-top:5px}
.pagecommon .box ul li:last-child{font-family:'notokr-medium'}
.pagecommon .box ul li:after{position:absolute;content:'';top:50%;left:0;width:3px;height:3px;background:#111;transform:translateY(-50%)}
.pagecommon .box .wrap{position:relative;width:100%}
.pagecommon .box .wrap img{position:absolute;bottom:0;right:0}

#p6 .sh_pro_tit{margin-bottom:20px;font-size:20px;font-weight:600;color:#111;letter-spacing:0;text-transform:uppercase;font-family:'Poppins'}
#p6 .p_img{text-align:center}
#p6 #sh_bo_gall{position:relative}
#p6 #sh_bo_gall ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#p6 .gall_img img{width:100%}
#p6 #sh_bo_gall .gall_txt{padding:10px}
#p6 #sh_bo_gall .gall_txt a{font-size:17px;font-weight:500;letter-spacing:0;font-family:'Poppins'}
#p6 #sh_bo_gall .main_img{height:366px;background-size:cover !important}
#p6 .btn_area{position:absolute;top:-40px;right:0}
#p6 .btn_area a{display:block;padding:0 10px;border-radius:3px;border:1px solid #e1e1e1;color:#777;transition:all .3s}
#p6 .btn_area a:hover{border:1px solid #111;color:#111}
#bo_cate_ul_line li:nth-child(1){display:none}
.pro_add_btn{display:block;margin-top:20px;padding:3px 10px;border-radius:3px;border:1px solid #e1e1e1;font-size:15px;color:#777;font-family:'notokr-medium'}

#p7 .box .wrap{width:100%}
#p7 .box .wrap img{bottom:48%}
#p7 .img_area img{width:75%}
#p7 .img_area{margin-top:80px;letter-spacing:0;font-family:'Poppins'}

#p7 .img_area .b_txt p{font-size:23px;font-weight:500;color:#111}
#p7 .img_area ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;text-align:center}
#p7 .img_area p{margin-top:17px;font-size:18px;font-weight:500;color:#111}
#p7 .img_area ul li div{padding:0 20px}

#p8 .box .wrap{width:100%}
#p8 .txt{margin:50px 0;padding:50px;font-size:25px;line-height:1.5;color:#111;letter-spacing:0;background:#f2f2f2;font-family:'Poppins'}
#p8 .cont_area ul li{display:flex;justify-content:center;align-items:center}
#p8 .cont_area ul li:nth-child(2){flex-direction:row-reverse}
#p8 .cont_area ul li div{width:400px;padding:0 50px;letter-spacing:0;font-family:'Poppins', 'notokr-regular'}
#p8 .cont_area ul li div p{margin-bottom:20px;font-size:18px;font-weight:500;color:#111}

#p10 .box+.box{margin-top:50px}
#p10 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px;text-align:center;letter-spacing:0;font-family:'Poppins'}
#p10 ul p{margin:10px 0 15px;font-size:18px;font-weight:500;color:#111}

#map_area .img_area{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px;padding-bottom:60px}
#map_area .img_area img{width:100%}
#map_area .sr_area>p{margin-bottom:15px;font-size:20px;font-weight:600;color:#111;letter-spacing:0;text-transform:uppercase;font-family:'Poppins'}
#map_area .list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;color:#111}
#map_area .list img{width:100%}
#map_area .list div{margin-top:30px;font-family:'Poppins', 'notokr-regular'}
#map_area .list div span{margin-right:15px;font-weight:600}
#map_area .list p{font-size:18px;font-weight:600;color:#111;letter-spacing:0;text-transform:uppercase;font-family:'Poppins'}
#map_area .list ul{margin:10px 0}


/* 반응형 [s] */
@media (max-width:1400px){
#p42 .t_time>p{font-size:30px}
#p42 .box{justify-content:space-around}
#p42 .box img{width:45%}
#p42 .txt{padding:0}
#p42 .txt p{font-size:23px}
#p42 .img_area img{width:100%}
}
@media (max-width:1024px){
.pagecommon .box{display:block}
.pagecommon .box .wrap{width:100%}
.pagecommon .box ul{display:grid;grid-template-columns:repeat(1,1fr);justify-items:center}
.pagecommon .box .wrap img{position:unset;margin:15px 0 55px}
.pagecommon .box ul li:after{top:12px;transform:none}

#p6 .p_img img{width:100%}
#p6 #sh_bo_gall ul{grid-template-columns:repeat(2,1fr)}
#p6 #sh_bo_gall .main_img{height:260px;background-position:center !important}
#p7 .box .wrap{width:100%}
#p7 .img_area p{margin-top:10px;font-size:16px}
#p8 .box .wrap{width:100%}
#map_area .list{gap:20px}
#map_area .list li{width:100%}
#map_area .img_area{padding-bottom:0}
}
@media (max-width:768px){
.pagecommon{font-size:14px}
#p6 #sh_bo_gall .main_img{height:200px}
#p7 .img_area img{width:100%}
#p8 .cont_area ul li img{width:50%}
#p8 .cont_area ul li div{width:50%}
#map_area .list{display:flex;flex-wrap:wrap}
#map_area .img_area{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
.pagecommon .box{margin-top:30px}
.pagecommon .box ul{justify-items:normal}
.pagecommon .box ul li{text-align:left}
#p6 #sh_bo_gall ul{grid-template-columns:repeat(1,1fr)}
#p7 .img_area ul{gap:10px}
#map_area .list{display:block}
#map_area .list>li+li{margin-top:50px}
#map_area .list div{margin:15px 0 0}
#map_area .list p{font-size:17px}
#map_area .sr_area>p{margin:30px 0;text-align:center}
#map_area .list ul{margin:5px 0}
.pagecommon .s_tit{text-align:center;}
#p6 .sh_pro_tit{text-align: center;}
#p7 .img_area .b_txt{text-align:center}
#p8 .txt{text-align:center;}
}
@media (max-width:380px){
#p7 .img_area ul{display:block}
#p7 .img_area ul li+li{margin-top:20px}
}
/* 반응형 [e] */