@charset "UTF-8"; 

/* 상단 비주얼 */
.subVisual .visual03 {background-image:url(/resources/img/songpa/layout/bg_sub_visual01.jpg)}

/* common*/
.gllaryNodata {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; line-height:240px; font-size:16px; text-align:center; letter-spacing:-.25px; margin-top:22px;}
.gList {padding-top:23px; margin-left:-70px;}
.gList ul {overflow:hidden; margin-top:-30px;}
.gList ul li {float:left; width:320px; height:309px; margin-left:70px; margin-top:30px;}
.gList ul li a {display:block; height:307px; border:1px solid #e1e1e1; color:#222;}
.gList ul li .img {display:block; height:240px; position:relative; overflow:hidden;}
.gList ul li .img > img {position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; max-height:100%;}
.gList ul li .title {display:block;height:45px; line-height:22px; padding:11px 18px;}
.gList ul li.first{/*margin-left:0;*/}
.gList ul li.interval0 {margin-top:30px !important;}
.galleryCnt .paging {padding-top:30px;}
.overflow {overflow:hidden;}

.intro{position:relative;margin-top:37px;background:#f9f9f9}
.intro + .intro{margin-top:60px;}
.intro + .intro:before{content:"";position:absolute;top:-43px;left:50%;width:1px;height:22px;background:#bb363c;}
.intro .bg{position:absolute;z-index:10;}
.intro .img{width:50%;height:100%;position:absolute;top:0px;left:0px;}
.intro .inner{padding:40px;position:relative;box-sizing:border-box;padding-left:590px;}
.intro h4 {color:#d0d0d0;font-size:40px;letter-spacing:-.25px;position:relative;font-weight:700;padding-bottom:15px;}
.intro h4:before{content:"";width:15px;height:4px;position:absolute;bottom:0px;left:3px;background:#000;}
.intro h4 + p{margin-top:23px;}
.intro p{letter-spacing:-.20px;}
.intro p + p{margin-top:16px;}

/* 사회공훤, 봉사활동 디자인 유형 */
.intro.type1{background:#f9f9f9 url(/resources/img/holdings/csr/bg_pattern.gif);}
.intro.type1 .inner{padding-bottom:94px;}
.intro.type1 .bg.type1{top:0px;right:73px;width:197px;height:96px;background:url(/resources/img/holdings/csr/bg_intro1.png) no-repeat}
.intro.type1 .bg.type2{bottom:0px;right:230px;width:248px;height:80px;background:url(/resources/img/holdings/csr/bg_intro2.png) no-repeat}

.intro.type2 .inner{padding-bottom:94px;}
.intro.type2 .bg.type1{top:0px;right:73px;width:197px;height:96px;background:url(/resources/img/holdings/csr/bg_intro1.png) no-repeat}
.intro.type2 .bg.type2{bottom:0px;right:230px;width:248px;height:80px;background:url(/resources/img/holdings/csr/bg_intro2.png) no-repeat}

.intro.type3 .inner{padding-bottom:20px}
.intro.type3 .bg.type1{top:0px;right:36px;width:197px;height:96px;background:url(/resources/img/holdings/csr/bg_intro1.png) no-repeat}
.intro.type3 .bg.type2{bottom:0px;right:535px;width:31px;height:13px;background:url(/resources/img/holdings/csr/bg_intro3.png) no-repeat}

.intro.type4 .img{left:auto;right:0px}
.intro.type4 .inner{padding-bottom:20px;padding-left:40px;padding-right:590px;}
.intro.type4 .bg.type1{top:0px;left:110px;width:134px;height:37px;background:url(/resources/img/holdings/csr/bg_intro4.png) no-repeat}
.intro.type4 .bg.type2{bottom:0px;left:360px;width:69px;height:22px;background:url(/resources/img/holdings/csr/bg_intro5.png) no-repeat;}

.intro.type5 .img{left:0px;}
.intro.type5 .inner{padding-bottom:0px;}
.intro.type5 .inner + p{padding:25px 40px 50px 35px;}
.intro.type5 .bg.type1{top:0px;right:144px;width:43px;height:18px;background:url(/resources/img/holdings/csr/bg_intro6.png) no-repeat}
.intro.type5 .bg.type2{bottom:0px;right:27px;width:154px;height:48px;background:url(/resources/img/holdings/csr/bg_intro7.png) no-repeat;}

.intro.type6 .img{left:0px;}
.intro.type6 .inner{padding-bottom:0px;}
.intro.type6 .inner + p{padding:25px 40px 50px 35px;}
.intro.type6 .bg.type1{top:0px;right:144px;width:43px;height:18px;background:url(/resources/img/holdings/csr/bg_intro6.png) no-repeat}
.intro.type6 .bg.type2{bottom:0px;right:294px;width:69px;height:22px;background:url(/resources/img/holdings/csr/bg_intro5.png) no-repeat;}

.intro.type7 .inner{padding-bottom:20px;}
.intro.type7 .bg.type1{top:0px;right:73px;width:197px;height:96px;background:url(/resources/img/holdings/csr/bg_intro1.png) no-repeat}

.intro.type8 .img{left:0px;}
.intro.type8 .inner{padding-bottom:0px;}
.intro.type8 .inner + p{padding:25px 40px 50px 35px;}
.intro.type8 .bg.type1{top:0px;right:73px;width:197px;height:96px;background:url(/resources/img/holdings/csr/bg_intro1.png) no-repeat}
.intro.type8 .bg.type2{bottom:0px;right:294px;width:69px;height:22px;background:url(/resources/img/holdings/csr/bg_intro5.png) no-repeat;}

/* 사회공훤, 봉사활동 background image */
.intro1{min-height:392px;}
.intro1 .img{background:url(/resources/img/holdings/csr/intro1.jpg) no-repeat;}

.intro2{min-height:392px;}
.intro2 .img{background:url(/resources/img/holdings/csr/intro2.jpg) no-repeat;}

.intro3{min-height:361px;}
.intro3 .img{background:url(/resources/img/holdings/csr/intro3.jpg) no-repeat;}

.intro4{min-height:358px;}
.intro4 .img{background:url(/resources/img/holdings/csr/intro4.jpg) no-repeat;}

.intro5{min-height:339px;}
.intro5 .img{background:url(/resources/img/holdings/csr/intro5.jpg) no-repeat;}

.intro6{min-height:361px;}
.intro6 .img{background:url(/resources/img/holdings/csr/intro6.jpg) no-repeat;}

.intro7{min-height:358px;}
.intro7 .img{background:url(/resources/img/holdings/csr/intro7.jpg) no-repeat;}

.intro8{min-height:340px;}
.intro8 .img{background:url(/resources/img/holdings/csr/intro8.jpg) no-repeat;}

.intro9{min-height:361px;}
.intro9 .img{background:url(/resources/img/holdings/csr/intro9.jpg) no-repeat;}

.intro10{min-height:371px;}
.intro10 .img{background:url(/resources/img/holdings/csr/intro10.jpg) no-repeat;}

.intro11{min-height:410px;}
.intro11 .img{background:url(/resources/img/holdings/csr/intro11.jpg) no-repeat;}

.intro12{min-height:381px;}
.intro12 .img{background:url(/resources/img/holdings/csr/intro12.jpg) no-repeat;}

.intro13{min-height:381px;}
.intro13 .img{background:url(/resources/img/holdings/csr/intro13.jpg) no-repeat;}

.intro14{min-height:359px;}
.intro14 .img{background:url(/resources/img/holdings/csr/intro14.jpg) no-repeat;}

.intro15{min-height:359px;}
.intro15 .img{background:url(/resources/img/songpa/business/bg_company.jpg) no-repeat; object-fit: cover;}

.board_directer.img{height: 480px; min-height:480px; background:url(/resources/img/songpa/main/bg_person.jpg) no-repeat;}

.introduce{padding-top:50px; min-height:430px; align-items:center; text-align:center; min-width:300px;}
.introduce .img{margin-left:100px; min-height:400px; background:url(/resources/img/songpa/business/bg_company.jpg) no-repeat;}

.txtPayNanum {overflow:hidden; background:url(/resources/img/holdings/csr/intro15.jpg) no-repeat right top;border:1px solid #e1e1e1;}
.txtPayNanum .txtPayDesc {width:550px;height:909px; padding:0 78px; text-align:center;box-sizing:border-box;}
.txtPayNanum .txtPayDesc .titDesc {color:#7c5327; line-height:29px; font-size:20px; padding-top:68px; letter-spacing:-.25px;}
.txtPayNanum .txtPayDesc .titDesc strong {display:block; font-size:42px; line-height:34px; padding-top:24px; padding-bottom:37px; background:url(/resources/img/holdings/csr/bg_tit_ilne02.gif) no-repeat center bottom;}
.txtPayNanum .txtPayDesc .txtDesc {letter-spacing:-.20px; text-align:left; padding-top:54px; word-break:keep-all;}
.txtPayNanum .txtPayDesc .txtDesc span {display:block;margin-top:18px; word-break:keep-all;}
.csrPayNanum .txtNote01 {letter-spacing:-.20px;margin-top:34px}
.csrPayNanum .txtNote01 + .dataTable{margin-top:24px;}
.csrPayNanum .txtNote02{letter-spacing:-.20px;margin-top:24px;}

/* 봉사활동 */
.voluntaryCon h4 {font-size:28px; color:#7c5327; text-align:center;}
.voluntaryCon h5 {padding-top:70px; color:#222; font-size:20px; font-weight:700;}
.voluntaryCon p {padding-top:30px; word-break:keep-all; word-wrap:break-word;}
.voluntaryCon strong {color:#222;}
.voluntaryCon h4 + p {padding-top:20px; color:#222; font-size:18px;}
.voluntaryCon h5 + p {padding-top:20px;}




/* ***** lang(en) ***** */
html:lang(en) .intro h4 {font-weight:700;}
html:lang(en) .intro p {letter-spacing:.5px;}
html:lang(en) .intro.type7 .inner + p{padding:25px 40px 50px 35px;}
html:lang(en) .txtPayNanum .txtPayDesc .titDesc {letter-spacing:.5px;padding-top:40px;}
html:lang(en) .txtPayNanum .txtPayDesc .titDesc strong {line-height:50px; letter-spacing:-.25px; padding-top:15px; padding-bottom:25px;}
html:lang(en) .txtPayNanum .txtPayDesc .txtDesc {padding-top:0;letter-spacing:.5px;}
html:lang(en) .csrPayNanum .txtNote01 {letter-spacing:.5px;}
html:lang(en) .csrPayNanum .txtNote02 {letter-spacing:.5px;}