@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.common_page{font-size:15px;line-height:1.8;letter-spacing:-.3px;color:#666;font-family:'notokr-regular'}
.common_page .eng_txt{font-size:13px;font-weight:700;letter-spacing:0;color:#f11a1a;font-family:'Montserrat', sans-serif}
.common_page .b_txt{font-size:25px;line-height:35px;white-space:pre-line;color:#222;font-family:'notokr-light'}
.common_page .b_txt span{font-family:'notokr-bold'}
.common_page .s_txt{white-space:pre-line}
.common_page .s_txt span{text-decoration:underline;color:#444;font-family:'notokr-medium'}
    
/* 한국전쟁헌충사업회 */
#p33{padding-top:84px;text-align:center;background:url('/sh_page/img/p33_deco.png') no-repeat center top}
#p33 .g_box{padding:0 50px}
#p33 .b_txt{padding-bottom:29px;border-bottom:1px solid #e1e1e1}
#p33 .s_txt{padding-top:54px}
#p33 .box_list{overflow:hidden;margin:64px 0 50px}
#p33 .box_list li{float:left;width:calc(100%/2 - 10px);padding:21px 0;border:1px solid #e1e1e1;background:#f7f7f7}
#p33 .box_list li+li{margin-left:20px}
#p33 .box_list li span{display:block;color:#333;font-family:'notokr-medium'}

/* 회장 인사말 */
#p34 .top_txt{padding:0 30px} 
#p34 .top_txt .b_txt{margin:16px 0 29px}
#p34 .cont_box{overflow:hidden;padding:50px 30px 44px;border-top:1px solid #e1e1e1;background:#f7f7f7}
#p34 .cont_box .cont_txt{float:left;width:70%;white-space:pre-line}
#p34 .cont_box .cont_img{float:right;width:30%}
#p34 .cont_box .cont_img img{width:100%}

/* 조직현황 */
#p35 .eng_txt{margin-bottom:32px;text-align:center}

/* 헌충회 사업 */
#p38{text-align:center}
#p38 .b_txt{margin:16px 0 29px}
#p38 .b_txt:last-child{margin-bottom:0}
#p38 .work_list{overflow:hidden}
#p38 .work_list li{float:left;width:calc(100%/3 - 10px);height:175px;margin:0 15px 15px 0;padding-top:33px;border:1px solid #e1e1e1}
#p38 .work_list li:nth-child(2n){background:#f7f7f7}
#p38 .work_list li:nth-child(3n){margin-right:0}
#p38 .work_list li .num{font-size:13px;font-weight:700;color:#333;font-family:'Montserrat', sans-serif}
#p38 .work_list li .list_txt{margin-top:7px;white-space:pre-line}

/* 한국전쟁박물관 건립 사업 */
#p39{text-align:center}
#p39 .b_txt{margin:16px 0 29px}
#p39 .build_box{padding:170px 30px 0;background:url('/sh_page/img/p39_bg.jpg') no-repeat center top;background-size:contain}
#p39 .build_box .s_txt:first-child{padding-top:44px;background:#fff}
#p39 .build_lst{margin:43px 0}
#p39 .build_lst li{overflow:hidden;margin-bottom:10px;padding:13px 30px;border:1px solid #e1e1e1;text-align:left}
#p39 .build_lst li:nth-child(2n){background:#f7f7f7}
#p39 .build_lst li:last-child{margin-bottom:0}
#p39 .build_lst li .num{float:left;margin-right:30px;font-size:13px;line-height:26px;font-weight:700;letter-spacing:0;color:#333;font-family:'Montserrat', sans-serif}
#p39 .build_lst li .build_txt{float:left}

/* 활동 내역 */
#p41{text-align:center}
#p41 .b_txt{margin:16px 0 29px}
#p41 .activity_wrap{position:relative;border-top:1px solid #e1e1e1;text-align:left}
#p41 .activity_wrap:before{position:absolute;left:33px;top:58px;content:'';width:1px;height:95%;background:#e1e1e1}
#p41 .activity_wrap .activity_box{padding:44px 30px}
#p41 .activity_wrap .activity_box:nth-child(2n){background:#f7f7f7}
#p41 .activity_box .box_tit{position:relative;margin-bottom:15px;padding-left:27px;color:#333;font-family:'notokr-bold'}
#p41 .activity_box .box_tit:before{position:absolute;left:0;top:10px;content:'';width:7px;height:7px;border:2px solid #888;border-radius:100px;background:#fff}
#p41 .activity_box:nth-child(odd) .box_tit:before{border: 2px solid #f11a1a}
#p41 .activity_box dl{overflow:hidden;padding-left:27px}
#p41 .activity_box dt{float:left;color:#444;font-family:'notokr-medium'}
#p41 .activity_box dd{float:left;padding-left:20px;white-space:pre-line}
#p41 .activity_box dd.w_100{width:100%;padding-left:10px}

/* 후원안내 */
#p48{text-align:center}
#p48 .top_box{border-bottom:1px solid #e1e1e1}
#p48 .b_txt{margin:16px 0 29px}
#p48 .s_txt{padding-top:44px}
#p48 .cont_tit{position:relative;margin:40px 0 12px;padding-left:20px;font-size:18px;text-align:left;color:#333;font-family:'notokr-bold'}
#p48 .cont_tit:before{position:absolute;left:0;top:13px;content:'';width:5px;height:5px;border-radius:100px;background:#f11a1a}
#p48 li .num{color:#333;font-family:'notokr-bold'}
#p48 .build_list li{overflow:hidden;margin-bottom:10px;padding:13px 30px;border:1px solid #e1e1e1;text-align:left}
#p48 .build_list li:nth-child(2n){background:#f7f7f7}
#p48 .build_list li:last-child{margin-bottom:0}
#p48 .build_list li .num{float:left;margin-right:30px}
#p48 .build_list li .build_txt{float:left}
#p48 .work_list{overflow:hidden}
#p48 .work_list li{float:left;width:calc(100%/3 - 10px);margin:0 15px 15px 0;padding:33px 0;border:1px solid #e1e1e1}
#p48 .work_list li:nth-child(2n){background:#f7f7f7}
#p48 .work_list li:nth-child(3n){margin-right:0}
#p48 .work_list li .list_txt{margin-top:7px;white-space:pre-line}
#p48 .account_txt{padding:15px;background:#f7f7f7}
#p48 .account_txt span{display:block;padding:8px 25px;word-break:keep-all;background:#fff;color:#333;font-weight:700}

/* 기부후원 */
#p49{text-align:center}
#p49 .top_box{border-bottom:1px solid #e1e1e1}
#p49 .b_txt{margin:16px 0 29px}
#p49 .s_txt{padding:40px 0}
#p49 .cont_tit{position:relative;margin:20px 0 12px;padding-left:20px;font-size:18px;text-align:left;color:#333;font-family:'notokr-bold'}
#p49 .cont_tit:before{position:absolute;left:0;top:13px;content:'';width:5px;height:5px;border-radius:100px;background:#f11a1a}
#p49 li .num{color:#333;font-family:'notokr-bold'}
#p49 .build_list{margin-bottom:20px}
#p49 .build_list li{overflow:hidden;margin-bottom:10px;padding:13px 30px;border:1px solid #e1e1e1;text-align:left}
#p49 .build_list li:nth-child(2n){background:#f7f7f7}
#p49 .build_list li:last-child{margin-bottom:0}
#p49 .build_list li .num{float:left;margin-right:30px}
#p49 .build_list li .build_txt{float:left}
#p49 .contact_list{overflow:hidden;margin-bottom:20px}
#p49 .contact_list li{float:left;width:calc(100%/3 - 10px);height:145px;padding-top:40px;border:1px solid #e1e1e1;font-size:16px;line-height:25px;font-weight:600;letter-spacing:0;color:#333;font-family:'Montserrat', sans-serif}
#p49 .contact_list li+li{margin-left:15px}
#p49 .contact_list li:nth-child(2){background:#f7f7f7}
#p49 .contact_list li i{display:block;margin-bottom:20px;font-size:15px;color:#888}
#p49 .contact_list li:last-child{padding-top:0}
#p49 .contact_list li a{display:block;width:100%;height:100%;padding-top:40px}
#p49 .account_txt{margin-bottom:10px;padding:15px;background:#f7f7f7}
#p49 .account_txt span{display:block;padding:8px 25px;word-break:keep-all;background:#fff;color:#333;font-weight:700}
#p49 .work_list{overflow:hidden}
#p49 .work_list li{float:left;width:calc(100%/3 - 10px);margin:0 15px 15px 0;padding:33px 0;border:1px solid #e1e1e1}
#p49 .work_list li:nth-child(2n){background:#f7f7f7}
#p49 .work_list li:nth-child(3n){margin-right:0}
#p49 .work_list li .list_txt{margin-top:7px;white-space:pre-line}


/* 반응형 [s] */
@media (max-width:1230px){}

@media (max-width:1024px){
.common_page{padding:30px 15px 0}
#p33{padding:85px 0 0}
#p33 .g_box{padding:0 15px}
#p34{padding:30px 0}
#p34 .top_txt{padding:0 15px}
#p34 .cont_box{padding:50px 15px 44px}
#p39{padding:30px 0}
#p39 .b_txt{padding:0 15px}
#p39 .build_box{padding:170px 15px 0}
#p41 .activity_wrap:before{display:none}
#p41 .activity_box dl{margin-bottom:8px}
#p41 .activity_box dd{width:100%;padding-left:10px}
}

@media (max-width:768px){
.common_page .b_txt{white-space:normal;word-break:keep-all}
.common_page .s_txt{white-space:normal;word-break:keep-all}
#p34 .cont_box .cont_txt{padding-right:30px;white-space:normal;word-break:keep-all}
#p38 .work_list li{width:calc(100%/2 - 7.5px)}
#p38 .work_list li:nth-child(3n){margin-right:15px}
#p38 .work_list li:nth-child(2n){margin-right:0}
#p39 .build_box{background-size:auto}
#p39 .build_box .s_txt:first-child{padding:44px 25px 0}
#p39 .build_lst li{text-align:center}
#p39 .build_lst li .num{width:100%}
#p39 .build_lst li .build_txt{width:100%;word-break:keep-all}
#p41 .activity_wrap .activity_box{padding:30px 25px}
#p41 .activity_box dd{width:90%;white-space:normal;word-break:keep-all}
#p48 .work_list li{width:calc(100%/2 - 7.5px)}
#p48 .work_list li:nth-child(2n){margin-right:0}
#p48 .work_list li:nth-child(3n){margin-right:15px}
#p49 .contact_list li{width:100%;height:auto;padding:30px 0}
#p49 .contact_list li+li{margin:10px 0 0 0}
#p49 .contact_list li i{margin-bottom:15px !important}
#p49 .contact_list li:last-child{padding:0}
#p49 .contact_list li a{padding:30px 0}
}

@media (max-width:490px){
#p48 .cont_tit{font-size:15px}
#p48 .work_list li{width:100%;margin-right:0 !important}
}

@media (max-width:480px){
.common_page .b_txt{font-size:23px;line-height:33px}
#p33 .box_list li{width:100%}
#p33 .box_list li+li{margin:10px 0 0 0}
#p34 .top_txt{text-align:center}
#p34 .cont_box{padding:40px 15px 34px}
#p34 .cont_box .cont_txt{width:100%;padding:35px 0 0}
#p34 .cont_box .cont_img{width:100%;text-align:center}
#p34 .cont_box .cont_img img{width:55%}
#p38 .work_list li{width:100%;height:auto;margin-right:0 !important;padding:33px 0}
#p41 .activity_box .box_tit{word-break:keep-all}
#p41 .activity_box dl{padding-left:0}
#p41 .activity_box dd{width:85%}
#p48 .build_list li{text-align:center}
#p48 .build_list li .num{width:100%}
#p48 .build_list li .build_txt{width:100%;word-break:keep-all}
}

@media (max-width:380px){
.common_page .b_txt{font-size:20px;line-height:30px}
#p41 .activity_box dd{width:80%}
}
/* 반응형 [e] */