@charset "utf-8";

@import url(skin.css);
@import url(font_s.css);

.depart_cnt .item{position:relative;margin:30px 0 0;padding:30px 0 0;border-top:1px solid #cdcdcd;}

.txt-check:before {
    top: 6px;
    width: 15px;
    height: 10px;
    background: url(/pcms/common/images/ir/ir-bbs.png) -22px -20px no-repeat;
}

/* 클라이언트 공통적용사항으로 공통css적용여부 확인해야함 */
p, strong, h1, h2, h3, h4, h5, h6, span, em, ul, ol, li, dl, dt, dd, table, tr, td, th, header, nav, a{line-height: 1.8;font-family:'Malgun Gothic','맑은 고딕',"돋움",Dotum,Verdana,Arial,helvetica,clean,sans-serif,AppleGothic,Dotum,arial,sans-serif;}
.h2,
.h3{font-family:'nsr_m';}
.h3.h4{font-weight:bold;}
.h4{font-weight:bold;font-size:18px;}
.h3:before {content: "";display: block;width: 20px;height: 3px;background: #007adc;margin: 0 0 6px;}
.list-1st dd, .list-1st li,
.txt_bul,
.list-2st li,
.txt_bul2,
.list-num li{line-height:1.8}



/* sub0101 인사말 */
.s0101_wrap {background:url(/images/fund/sub01/sub0101_img01.png)no-repeat right center;height:750px;}
.s0101_wrap .icon {width:31px;height:34px;margin: 25px 0;background:url(/images/grad/sub01/sub010101_img02.png)no-repeat;}
.s0101_wrap strong {display:block; margin-bottom: 20px; font-size:34px;color:#000;line-height: 1.2; font-family:"nmj";word-break: keep-all;  }
.s0101_wrap strong span {display: block; color:#1145a3; font-family:"nmj";line-height: 1.2;word-break: keep-all;  }
.s0101_wrap .inner {padding:0 365px 0 5px; }
.s0101_wrap p {font-size:16px; color:#000; }
.s0101_wrap p em{display:block;}
.s0101_wrap b {font-size:16px; color:#000; font-weight:bold;background:url(/images/fund/sub01/sub010101_img02.png)no-repeat right center; padding-right:150px;margin-top:30px;display:inline-block;height: 40px;}

@media(max-width:1000px){
	.s0101_wrap {background:none;height:auto;}
	.s0101_wrap .inner {padding:0 285px 0 5px; }
    .s0101_wrap p em{display:none;}
}

@media(max-width:767px){
	.s0101_wrap {background:none;height:auto;}
	.s0101_wrap .inner {padding:0 0 0 5px; }
	.s0101_wrap strong {font-size:30px;}
}

@media(max-width:480px){
	.s0101_wrap strong {font-size:26px;}
}

/* //sub0101 인사말 */

/* sub030203 오프라인약정 */
.s0302_box .s0302{width:45%;margin:30px 2% 0 2%;padding:50px;border: 1px solid #ddd;float:left;text-align:center;min-height:600px;}
.s0302_box .s0302_c{margin:30px 0 0 0;}
.s0302_box .s0302_r{margin:30px 2% 0 2%;}
.s0302_box .s0302 strong{padding-top:20px;font-size:20px;}
.s0302_btn{text-align:center;margin-top:30px;}
@media(max-width:800px){
    .s0302_box .s0302{min-height:390px;padding:30px;}
}
@media(max-width:640px){
    .s0302_box .s0302{width:100%;margin:5% 5% 5% 1%;}
}
/* //sub030203 오프라인약정 */

/* sub0101 2개 박스 */
.s0101_box .s0101{width:30.5%;margin:30px 2% 0 2%;padding:50px;border: 1px solid #ddd;float:left;text-align:center;min-height:700px;}
.s0101_box .s0101_c{margin:30px 0 0 0;}
.s0101_box .s0101_r{margin:30px 2% 0 2%;}
.s0101_box .s0101 strong{padding-top:20px;font-size:20px;}
.s0101_btn{text-align:center;margin-top:30px;}
@media(max-width:800px){
    .s0101_box .s0101{min-height:390px;padding:30px;}
}
@media(max-width:640px){
    .s0101_box .s0101{width:100%;margin:5% 5% 5% 1%;}
}
/* //sub0101 2개 박스 */



/* sub0303 세제혜택*/
.sub0303{border-bottom: 1px solid #e5e5e5; padding-bottom:20px;margin-bottom:20px;} 

/* sub0303링크*/
.s0303{width:1050px;margin:0 auto;text-align:center;}
.s0303 .s0303_wrap{}
.s0303 .s0303_box{position:relative;float:left;width:100%;margin-right:30px;height:395px;text-align:center;}
.s0303 .s0303_box.s0303_01{background:url(/images/fund/sub03/sub0303_img01_new.jpg)center no-repeat;}
.s0303 .s0303_box.s0303_02{background:url(/images/fund/sub04/sub0403_img02.jpg)center no-repeat;}
.s0303 .s0303_box.s0303_03{margin-right:0;background:url(/images/fund/sub04/sub0403_img03.jpg)center no-repeat;}
.s0303 .s0303_box .w_bg{position:absolute;left:0;bottom:0;width:100%;height:135px;background:rgba(255,255,255,0.9);}
.s0303 .s0303_box .w_bg strong{display:block;margin:20px 0 10px 0;font-size:20px;font-weight:600;}
.s0303 .s0303_box .w_bg a{display:inline-block;margin:10px;padding:5px 45px 5px 20px;color:#fff;font-size:15px;background:#0051b5 url(/images/fund/sub04/sub0403_more.png)right 18px bottom 13px no-repeat;}
.s0303 .s0303_box .w_bg:hover{background:linear-gradient(45deg, rgba(3,174,122,0.9) , rgba(5,89,153,0.9));transition:0.5s;}
.s0303 .s0303_box .w_bg:hover strong{color:#fff;transition:0.5s;}
.s0303 .s0303_box .w_bg:hover a{color:#0051b5;transition:0.5s;font-weight:600;background:#fff url(/images/fund/sub04/sub0403_more02.png)right 18px bottom 13px no-repeat;}
.s0303 .s0303_box .w_bg em{position:absolute;left:0;bottom:0;height:3px;background:#0051b5;width: 100%;}
@media(max-width:1060px){
    .s0303{width:auto;}
    .s0303 .s0303_box{width:30%;height:350px;}    
}
@media(max-width:768px){
    .s0303 .s0303_box .w_bg strong{font-size:18px;}
}
@media(max-width:640px){
    .s0303 .s0303_box{width:100%;margin:5% 0;}
}


/* //sub0403 기부자명단*/


/* sub0403 기부자명단*/
.s0403{width:1050px;margin:0 auto;text-align:center;}
.s0403 .s0403_wrap{}
.s0403 .s0403_box{position:relative;float:left;width:330px;margin-right:30px;height:395px;text-align:center;}
.s0403 .s0403_box.s0403_01{background:url(/images/fund/sub04/sub0403_img01.jpg)center no-repeat;}
.s0403 .s0403_box.s0403_02{background:url(/images/fund/sub04/sub0403_img02.jpg)center no-repeat;}
.s0403 .s0403_box.s0403_03{margin-right:0;background:url(/images/fund/sub04/sub0403_img03.jpg)center no-repeat;}
.s0403 .s0403_box .w_bg{position:absolute;left:0;bottom:0;width:100%;height:135px;background:rgba(255,255,255,0.9);}
.s0403 .s0403_box .w_bg strong{display:block;margin:20px 0 10px 0;font-size:20px;font-weight:600;}
.s0403 .s0403_box .w_bg a{display:inline-block;margin:10px;padding:5px 45px 5px 20px;color:#fff;font-size:15px;background:#0051b5 url(/images/fund/sub04/sub0403_more.png)right 18px bottom 13px no-repeat;}
.s0403 .s0403_box .w_bg:hover{background:linear-gradient(45deg, rgba(3,174,122,0.9) , rgba(5,89,153,0.9));transition:0.5s;}
.s0403 .s0403_box .w_bg:hover strong{color:#fff;transition:0.5s;}
.s0403 .s0403_box .w_bg:hover a{color:#0051b5;transition:0.5s;font-weight:600;background:#fff url(/images/fund/sub04/sub0403_more02.png)right 18px bottom 13px no-repeat;}
.s0403 .s0403_box .w_bg em{position:absolute;left:0;bottom:0;height:3px;background:#0051b5;}
@media(max-width:1060px){
    .s0403{width:auto;}
    .s0403 .s0403_box{width:30%;height:350px;}    
}
@media(max-width:768px){
    .s0403 .s0403_box .w_bg strong{font-size:18px;}
}
@media(max-width:640px){
    .s0403 .s0403_box{width:100%;margin:5% 0;}
}


/* //sub0403 기부자명단*/



/* sub0404 기부자예우*/
.sub0908 .sub_top{margin-top:40px;position: relative;margin-bottom:100px;text-align: center;}
.sub0908 .sub_top img{text-align: center;}
.sub0908 .sub_top strong{position: absolute;top:225px;left:50%;display:block;width:200px;;margin-left:-100px;font-size:20px;font-weight: 700;color: #000;line-height:1.2}
.sub0908 .sub_top strong em{display:block;width:161px;height:77px;margin:0 auto;background:url(/images/kor/sub09/sub0908_tit.png) no-repeat;overflow:hidden;text-indent:-999px;}
.sub0908 .sub_top strong span{display:block;font-size:23px;}
.sub0908 .sub_top strong span b{color:#016779;}
.sub0908 .sub_top .sub_txt{position: relative;}
.sub0908 .sub_top .sub_txt li{position: absolute;width:100%;height:100%;font-size: 16px;font-weight: 400;color: #000;}
.sub0908 .sub_top .sub_txt li span{display:block;font-size:14px;color:#767676;line-height:1.3}
.sub0908 .sub_top .sub_txt li:nth-child(1){top:-455px;left:-200px;}
.sub0908 .sub_top .sub_txt li:nth-child(2){top:-455px;left:185px;}
.sub0908 .sub_top .sub_txt li:nth-child(3){top:-185px;left:-280px;}
.sub0908 .sub_top .sub_txt li:nth-child(4){top:-185px;left:260px;}
.sub0908 .sub_top .sub_txt li:nth-child(5){top:10px;left:5px;}

@media only screen and (max-width:767px){
  .sub0908 .sub_top img{width: 70%;}
  .sub0908 .sub_top strong{top:170px;font-size: 20px;}
  .sub0908 .sub_top .sub_txt li{font-size: 14px;}
  .sub0908 .sub_top .sub_txt li:nth-child(1){top:-345px;left:-150px;}
  .sub0908 .sub_top .sub_txt li:nth-child(2){top:-345px;left:150px;}
  .sub0908 .sub_top .sub_txt li:nth-child(3){top:-115px;left:-195px;}
  .sub0908 .sub_top .sub_txt li:nth-child(4){top:-115px;left:195px;}
  .sub0908 .sub_top .sub_txt li:nth-child(5){top:10px;left:5px;}
}
@media only screen and (max-width:710px){
  .sub0908{margin-top: 10px;}
  .sub0908 .sub_top{position: unset;margin:10px 0 0 0;}
  .sub0908 .sub_top img{display:none;}
  .sub0908 .sub_top strong{width:100%;margin:0 0 10px}
  .sub0908 .sub_top strong{position: unset;font-size: 16px;}
  .sub0908 .sub_top strong span{display:inline;font-size:16px;}
  .sub0908 .sub_top .sub_txt{position:unset;text-align: center;}
  .sub0908 .sub_top .sub_txt:after{content:"";display:block;clear:both;visibility:hidden;}
  .sub0908 .sub_top .sub_txt li{position:unset;float:left;width:32.66%;height:88px;padding: 10px 20px; border: 1px solid #ddd;color:#fff;font-weight:bold;word-break: keep-all;}
  .sub0908 .sub_top .sub_txt li:nth-child(1){background: #004162;}
  .sub0908 .sub_top .sub_txt li:nth-child(2){margin-left: 1%;background: #1a7d8e;}
  .sub0908 .sub_top .sub_txt li:nth-child(3){margin-left: 1%;background: #116ba5;}
  .sub0908 .sub_top .sub_txt li:nth-child(4){margin-top: 1%;background: #1a7d8e;}
  .sub0908 .sub_top .sub_txt li:nth-child(5){margin-left: 1%;margin-top: 1%;background: #004162;}
  .sub0908 .sub_top .sub_txt li span{color:#eee;font-weight:normal}
}

@media only screen and (max-width:600px){
  .sub0908 .sub_top .sub_txt li{float:none;width: 100%;height:100%;}
  .sub0908 .sub_top{margin: 0;}
  .sub0908 .sub_top .sub_txt li:nth-child(2),
  .sub0908 .sub_top .sub_txt li:nth-child(3),
  .sub0908 .sub_top .sub_txt li:nth-child(4),
  .sub0908 .sub_top .sub_txt li:nth-child(5){margin-left: 0;margin-top: 1%;}
}
/* //sub0404 기부자예우*/

/* sub0405 기부자권리헌장 */
.s0405 .ui-Charter{position:relative;width:100%;background-color:#f8f8f8}
.s0405 .ui-Charter.charter__e{padding:60px 6%;border:1px solid #ebebeb;background-color:#fff}
.s0405 .ui-Charter.charter__e .inner .title {position:  relative;display: block;color: #000;font-weight:700;font-size:2rem;text-align:center;}
.s0405 .ui-Charter.charter__e .inner .title2 {display: block;color: #000;font-weight:700;font-size:1.3rem;text-align:center;}
.s0405 .ui-Charter.charter__e .inner .title em { position:  relative; z-index: 2;}
.s0405 .ui-Charter.charter__e .inner .title:after { width: 315px; content: ""; position: absolute; height: 11px; background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}
.s0405 .ui-Charter.charter__e .list {background:#f0f3f8; padding:20px 5% 35px 5%; margin:50px 0;}
.s0405 .ui-Charter.charter__e .list ul {text-align:left; margin-bottom:25px;}
.s0405 .ui-Charter.charter__e .list ul li {padding:20px 20px 20px 50px; border-bottom:1px dashed #d3d5d8; position:relative; font-size:16px;}
.s0405 .ui-Charter.charter__e .list ul li span {position:absolute; left:15px; top:20px; color:#1a5bb1; font-weight:500;}	
.s0405 .ui-Charter.charter__e .charter-logo{display:block; margin:0 auto; margin-top:50px;width:242px;height:43px;text-align:center; font-weight: bold; font-size:20px;} 
.s0405 .ui-Charter.charter__e p{text-align:center}	
/* sub0405 기부자권리헌장 End */




#greeting.type2 .depart_cnt .item .depart_cnt_title strong {
    display: block;
    margin: 15px 0 30px;
    padding: 0;
    color: #0059cd;
    font-size: 21px;}

/* sub09050101 UI기본규정 */
    .s09050101.ui-topbox.type1 .img{width: 50%;margin-right: 25px;}
		.s09050101.ui-topbox.type1 .inner .txtwrap p {margin-top:30px; line-height:1.5;}
    @media(max-width:768px){
        .s09050101.ui-topbox.type1 .inner{position: relative; text-align: center; display: contents;}
        .s09050101.ui-topbox.type1 .img{display:inline-block;position:unset;left:unset;right:unset;top:unset;width: 100%;margin-bottom:30px;}
    }
    @media(max-width:425px){
        .s09050101.ui-topbox.type1 .img{width: 100%; margin-bottom:25px;}
    }
/* sub09050101 UI기본규정 End */

/* sub090903 산하기관/사업체 */

.subsystem-school{margin:30px 0;}
.subsystem-school:after{content:"";display:block;clear:both;visibility:hidden;}
.subsystem-school li{float:left;width:33.33%;text-align:center;}

.subsystem-school li + li{border-left:1px solid #ddd;}
.subsystem-school li:nth-child(4){border-left:none;}
@media (max-width:767px){
	.subsystem-school li{float:left;width:50%;margin-top: 5px;}
	.subsystem-school li + li{border-left:none;}
	.subsystem-school li:nth-child(2n+1){border-right:1px solid #ddd;}
	.subsystem-school li:last-child{border-right:none;}
}
@media (max-width:545px){
	.subsystem-school li{float:none;width:100%;min-height: auto;}
	.subsystem-school li:nth-child(2n+1){border-right:none;}
	.subsystem-school li + li{border-top:1px solid #ddd;padding-top:5px;}
}
/* sub090903 산하기관/사업체 End*/

/* sub09050103 UI활용규정 */
.subsystem-school.type2{margin:30px 0;}
.subsystem-school.type2:after{content:"";display:block;clear:both;visibility:hidden;}
.subsystem-school.type2 li{float:left;width:33.33%;text-align:center;min-height:280px;}

.subsystem-school.type2 li + li{border-left:1px solid #ddd;}
.subsystem-school.type2 li:nth-child(4){border-left:none;}
@media (max-width:767px){
	.subsystem-school.type2 li{float:left;width:50%;margin-top: 5px;}
	.subsystem-school.type2 li + li{border-left:none;}
	.subsystem-school.type2 li:nth-child(2n+1){border-right:1px solid #ddd;}
	.subsystem-school.type2 li:last-child{border-right:none;}
}
@media (max-width:545px){
	.subsystem-school.type2 li{float:none;width:100%;min-height: auto;}
	.subsystem-school.type2 li:nth-child(2n+1){border-right:none;}
	.subsystem-school.type2 li + li{border-top:1px solid #ddd;padding-top:5px;}
}

.ui.uit .thm_figure.s09050103{display:inline-block;}

/* sub09050103 UI활용규정 End */


/* 다운로드 버튼 시작 */
#txt .btndown.btn-ani{padding:10px 72px 10px 14px;font-size:14px;font-weight:400;line-height:1.42857143;}
#txt .btndown.btn {background-color:#3f61b2;border-color:#3f61b2;color:#fff;}
#txt .btndown.btn:hover,
#txt .btndown.btn:focus,
#txt .btndown.btn:active{background-color:#fff;border-color:#3f61b2;color: #3f61b2;}
#txt .bico.bticon.down{position: absolute;top: 32%;right: 0;width: 15px;height: 15px; margin-right:16px;background: url(../../images/kor/common/down_img.png);background-position:0px 0px;}
#txt .btn-ani:hover .bico.bticon.down,
#txt .btn-ani:focus .bico.bticon.down,
#txt .btn-ani:active .bico.bticon.down{background-position:-15px 0px;}

#txt .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px; margin-right: 16px; background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn-ani:hover .bico.bticon.arr,
#txt .btn-ani:focus .bico.bticon.arr,
#txt .btn-ani:active .bico.bticon.arr{background: url(/images/kor/common/arrow_img.png);background-position: 0 0 }
/* 다운로드 버튼 끝 */


/* sub060303 */
#txt .btn2 {display:inline-block;position:relative;background:none;background-image:none;border:1px solid transparent;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;text-align:center;vertical-align:middle;}
#txt .btn2 *{vertical-align:middle}
#txt .btn2:after{position:absolute;z-index:-1;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;content:'';}
#txt .btn2:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}
#txt .btn-ani{padding:10px 72px 10px 14px;font-size:14px;font-weight:400;line-height:1.42857143;}
#txt .btn2,
#txt .btn2.disabled,
#txt .btn2[disabled],
#txt .btn2:link,
#txt .btn2:visited{background-color:#3f61b2;border-color:#3f61b2;color:#fff;}
#txt .btn2:hover,
#txt .btn2:focus,
#txt .btn2:active{background-color:#fff;border-color:#3f61b2;color: #3f61b2;}
#txt .btn2 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn2 .bico.bticon.arr{position: absolute;top: 32%;right: 0;width: 9px;height: 16px;background: url(/images/kor/common/arrow_img.png);background-position:-18px 0px;}
#txt .btn2.btn-ani:hover .bico.bticon.arr,
#txt .btn2.btn-ani:focus .bico.bticon.arr,
#txt .btn2.btn-ani:active .bico.bticon.arr{background: url(/images/kor/common/arrow_img.png);background-position: 0 0 }
#txt .btn2 .bico.bticon{position:relative;top:-1px;display:inline-block;width:17px;height:16px;margin-right:16px;background:url(../../images/ico_file.png) no-repeat;vertical-align: middle;}

/* common STYLE */
.ui.ui-topbox{overflow:visible; padding: 25px;}
.ui:after{display:block;visibility:hidden;clear:both;content:"";}
.tit_inner{margin-top:0;}

.ui-topbox.type1 .inner {min-height: 170px;padding: 0;width: 100%; display: flex;}
.ui-topbox .btnwrap {
    position: unset;
    top: unset;
    right: unset;
	margin-top: 30px;
    text-align: center;
}

.ui-topbox .inner, .ui-topbox .inner .txtwrap {position: unset; width: 50%;}
@media (max-width:767px){
	.ui-topbox .inner, .ui-topbox .inner .txtwrap {width: 100%;}
}
@media (max-width:545px){
}
.ui-topbox .inner, .ui-topbox .inner .txtwrap .h3 {margin: 0; color: #2549a1; font-size: 21px; font-weight: 400; line-height: 160%;}