@import url(font/NanumGothic.css);
@import 'https://ncrc.or.kr/css/web/ncrc/sub_cnt.css';
@import 'https://ncrc.or.kr/css/web/ncrc/basic.css';
@import 'https://ncrc.or.kr/css/web/ncrc/layout.css';
.summary{font-family:'Nanum Gothic',Sans-serif; width:100%;height:100%;line-height:normal;background:url(/images/web/ncrc/sub_cnt/summary_bg1.png) no-repeat left top,url(/images/web/ncrc/sub_cnt/summary_bg2.png) no-repeat 97% 56px;background-size:auto, 45%}
.summary section{padding-top:160px;padding-bottom:138px;background:url(/images/web/ncrc/sub_cnt/summary_bg3.png) no-repeat right 91%}
.summary article{max-width:1320px;padding:0 20px;width:100%;margin:auto}
.summary.no_header .logo{position:static;margin-bottom:40px}
.summary article h2{font-size:2.9rem;font-weight:400;color:#0c0e2e;line-height:1.1}
.summary article h2 span{display:block;font-size:4.3rem;font-weight:800}
.summary article p{margin-top:40px;color:#5f6178;font-size:18px;line-height:1.65}
.summary article ul{display:inline-block;width:100%;margin-top:14.4%}
.summary article li{float:left;width:25%}
.summary article li i{display:block}
.summary article li span{display:block}
.summary article li span.tit{font-size:1.2rem;color:#0c0e2e;font-weight:bold;margin:19px 0 18px}
.summary article li span.cnt{font-size:0.8rem;color:#5f6178;line-height:1.2rem;margin-bottom:2rem}
.summary article li a{color:#101010;font-size:0.7rem;background:url(/images/web/ncrc/sub_cnt/summary_arrow.png) no-repeat right center;padding-right:13px}

@media all and (max-width:1280px){
    .summary{background:url(/images/web/ncrc/sub_cnt/summary_bg2.png) no-repeat 97% 58px;background-size:570px}
}
@media all and (max-width:1000px){
    .summary article li{width:50%;padding:0 8%}
    .summary article li:nth-child(1),.summary article li:nth-child(2){margin-bottom:7%}
}
@media all and (max-width:700px){
    .summary{background-position:center 88px;background-size:100%}
    .summary section{background:none}
    .summary.no_header .logo{position:absolute;left:50%;transform:translateX(-50%);top:10px;background:#fff;width:100%}
    .summary article h2{text-align:center;line-height:1.3;font-size:2rem}
    .summary article h2 span{font-size:3rem}
    .summary article p br{display:none}
    .summary article li br{display:none}
}
@media all and (max-width:414px){
    .summary section{padding-bottom:80px}
    .summary article h2{text-align:center;line-height:1.3;font-size:1.8rem}
    .summary article h2 span{font-size:2.7rem}
    .summary article p{font-size:16px}
    .summary article li{padding:0 3%}
    .summary article li span.tit{font-size:1rem}
    .summary article li span.cnt{margin-bottom:1.5rem}
}
@media all and (max-width:380px){
    .summary article h2{font-size:1.4rem}
    .summary article h2 span{font-size:2rem}
    .summary article p{font-size:14px}
    .summary article li i img{width:20px}
    .summary article li span.tit{font-size:0.8rem;margin: 8px 0 7px}
    .summary article li span.cnt{font-size:0.6rem;margin-bottom:0.8rem}
    .summary article li a{font-size:0.6rem}
}