@charset "utf-8";

.pagecommon{font-size: 16px;color:#666;letter-spacing:-.3px;line-height: 1.6;}
.pagecommon .pl{white-space:pre-line}
.pagecommon *{word-break:keep-all}
.pagecommon b{color:#333}
.pagecommon .top_tit{padding-bottom:50px;font-size: 28px;font-family:'PuradakGentleGothic';text-align:center;color:#111}
.pagecommon .top_tit b{display:block;margin-bottom:10px;font-size:30px;font-weight:200;color:var(--primary)}
.pagecommon .top_txt{padding:40px;height:560px;background:#f7f7f7;font-size:16px}

#p33 .cont{display:flex;align-items:flex-start;gap:40px}
#p33 .right{padding:0 0 45px 0}
#p33 .right .top_t{padding-bottom:60px;font-family:'PuradakGentleGothic'}
#p33 .right .top_t .sm{padding-bottom:8px;font-size:30px;color:var(--primary)}
#p33 .right .top_t .ko{font-size:26px;color:#111}
#p33 .bot_cont .tit{padding-bottom:20px;margin-bottom:26px;font-size:24px;font-family:'PuradakGentleGothic';color:#111;border-bottom:1px solid #e1e1e1}
#p33 .bot_cont ul{display:grid;grid-template-columns:repeat(2, 1fr);gap: 16px;}
#p33 .bot_cont ul li{display:flex;align-items:center;gap:20px;color:#222;font-family:'PuradakGentleGothic'}
#p33 .bot_cont ul li .num{display:flex;align-items:center;justify-content:center;width:46px;height:46px;font-size:12px;color:#fff;background:var(--primary);border-radius:50px;font-family:'PuradakGentleGothic'}

/*p34*/
#p34 .cont p{padding-bottom:30px;margin-bottom:30px;font-size:22px;color:#222;line-height:1.5;border-bottom:1px solid #e1e1e1;font-family:'PuradakGentleGothic'}
#p34 .cont b{color:#333;text-decoration:underline}
#p34 .sign{padding-top:50px;color:#333;text-align:right;font-weight:700;font-size:18px}
#p34 .sign_b{font-size:26px}
#p34 .bg{padding:40px;background:url(/sh_page/img/p34_bg.png) center;background-size:cover;color:#333}

/*p37*/
#p37 .ko_tit{padding-bottom: 50px;font-size:32px;text-align:center;color:#111;line-height:1.4;font-family:'PuradakGentleGothic'}
#p37 .ko_tit span{color:var(--primary)}
#p37 .cont_box .box{display:flex;align-items:center;gap:50px;padding:40px 0;border-bottom:1px solid #e1e1e1}
#p37 .cont_box .box:nth-child(1){border-top: 3px solid var(--primary);}
#p37 .cont_box .box .left{width:15%;font-size:26px;color:#222;font-family:'PuradakGentleGothic'}
#p37 .cont_box .box .right ul li{display:flex;gap:30px;padding-bottom:10px}
#p37 .cont_box .box .right ul li:last-child{padding-bottom:0}
#p37 .cont_box .box .right .num{width: 80px;color:var(--primary);font-size:15px;font-family:'PuradakGentleGothic'}
#p37 .last_box p{padding:70px 0;font-size:26px;color:#222;text-align:center;line-height:1.5;font-family:'PuradakGentleGothic'}
#p37 .last_box span{color:var(--primary)}

/*p39*/
#p39 .flex img{margin:0px auto 40px;display:block;max-width:500px}
#p39 .flex{display:flex;gap:20px}
#p39 .map_pro .tit{padding-bottom:15px;padding-top: 30px;text-align:right;font-size:21px;color:#222;font-family:'PuradakGentleGothic'}
#p39 .map_pro .icon{display:flex;align-items:center;justify-content:center;width: 70px;height: 70px;position:absolute;top: -46px;left:30px;background:var(--primary);border-radius:50px}
#p39 .map_pro ul{position:relative;padding:40px;border:1px solid #e1e1e1}
#p39 .map_pro ul li{padding:0 0 30px 0}
#p39 .map_pro ul li:last-child{padding-bottom:0}
#p39 .map_pro .li_tit{font-size:17px;color:#333;font-family:'PuradakGentleGothic'}

/*p46*/
#p46 .year_block {display:flex;border-top:1px solid #ccc;padding:36px 0;}
#p46 .year {width:220px;padding-left:20px;position:relative;font-size:24px;color:#222;font-family:'PuradakGentleGothic'}
#p46 .year:after{position:absolute;content:'';left:0;top: -37px;width:100%;height:2px;background:var(--primary)}
#p46 .history_list{margin:0;padding:0;flex:1}
#p46 .history_list li{display:flex;margin-bottom:16px;line-height:1.6}
#p46 .month {width:80px;font-weight:500;color:#888}
#p46  .text {flex:1}

/*p49*/
#p49 ul{width:60%;margin:0 auto}
#p49 ul li{display:flex;position:relative;border-bottom:1px solid #e1e1e1;font-family:'PuradakGentleGothic'}
#p49 ul li:after{position:absolute;content:'';width:3px;height:3px;left: 0;top: 50%;transform: translateY(-50%);background: #0c5f29;border-radius: 50px;}
#p49 ul li:last-child{border-bottom:none}
#p49 ul li .txt{padding:20px 36px;color:#222;border-radius:4px;text-align:left;font-size:17px}

/* 반응형 [s] */
@media (max-width:1200px){
.pagecommon{padding:30px}
.pagecommon .top_txt{font-size:15px}
.pagecommon .d_br{display:none}
#p34 .cont p br{display:none}
}
@media (max-width:1024px){
.pagecommon .top_tit b{font-size:25px}
.pagecommon .top_txt{height:auto;margin-bottom:30px}
#p33 .right .top_t .sm{font-size:25px}
#p33 .right .top_t .ko{font-size:23px}
#p33 .right .txt .d_br{display:none}
#p33 .cont .left img{width:100%}
#p49 ul{width:100%}
#p37 .ko_tit{padding-bottom:30px;font-size:26px}
#p39 .flex{flex-direction:column}
}
@media (max-width:768px){
.pagecommon{padding:25px}
.pagecommon .top_tit b{font-size:20px}
.pagecommon .top_tit{font-size:22px}
#p33 .cont{flex-direction:column;align-items:center}
#p33 .right .top_t{padding-bottom: 20px;text-align:center}
#p33 .right .txt{text-align:center}
#p46 .year{width:150px;font-size:20px}
#p34 .cont p{font-size:18px}
#p34 .bg{padding:26px}
#p49 ul li .txt{font-size:15px}
#p37 .cont_box .box .left{font-size:22px}
#p37 .cont_box .box .right .num{font-size:14px}
#p37 .ko_tit{font-size:22px}
#p37 .cont_box .box{padding: 20px 0;flex-direction:column;align-items:flex-start;gap:16px}
#p37 .last_box p{padding:36px 0;font-size:22px}
#p39 .flex img {margin:0 auto 10px}
#p39 .map_pro .li_tit{font-size:16px}
#p39 .map_pro .tit{font-size:18px}
#p39 .map_pro ul{padding:34px}
}
@media (max-width:480px){
.pagecommon{padding:15px;font-size:15px}
.pagecommon .top_tit b{font-size:18px}
.pagecommon .top_tit{padding-bottom:20px;font-size:18px}
.pagecommon .top_txt{padding:28px}
#p33 .right .top_t .sm{font-size:20px}
#p33 .right .top_t .ko{font-size:18px}
#p46 .year_block{flex-direction:column;padding:16px 0}
#p46 .year{padding-bottom:10px;padding-left:0;font-size:18px}
#p46 .year:after{top:-17px}
#p34 .cont p{font-size:16px}
#p34 .sign{font-size:16px}
#p34 .sign_b{font-size:22px}
#p49 ul li .txt{padding:20px}
#p37 .last_box p{padding:30px 0;font-size:17px}
#p37 .ko_tit{padding-bottom:20px;font-size:19px}
#p37 .cont_box .box .right ul li{gap:4px;flex-direction:column}
#p39 .map_pro ul{padding:28px}
}
/* 반응형 [e] */