/* 공용 시작 */ #hd {width:100%; display:block; height: 130px; border-bottom:1px solid #ececec; } #hd .wrap:after {clear:both; content:''; display:block;} #logo {float:left; display:inline-block;padding:30px 20px 0px 0px; height:76px; line-height: 76px;} #tsearchA{float:left; display:inline-block;position:relative; margin-top:50px; } #tsearchA .inner_search { width:430px;padding:1px; height:40px; border-radius:20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38adb1+0,089ef7+25,f69f07+50,e41200+75,089ef7+100,f79a00+100 */ background: #38adb1; /* Old browsers */ background: -moz-linear-gradient(left, #38adb1 0%, #089ef7 25%, #f69f07 50%, #e41200 75%, #089ef7 100%, #f79a00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #38adb1 0%,#089ef7 25%,#f69f07 50%,#e41200 75%,#089ef7 100%,#f79a00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #38adb1 0%,#089ef7 25%,#f69f07 50%,#e41200 75%,#089ef7 100%,#f79a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38adb1', endColorstr='#f79a00',GradientType=1 ); /* IE6-9 */ } #tsearchA .inner_search .t_keyword {width:428px; height:38px; line-height:38px;font-size:13px; font-weight:700; color:#000;border:none; background:#fff; padding:0px 30px 0px 7px; border-radius:19px !important; -webkit-border-radius: 19px !important; -moz-border-radius: 19px !important; } #tsearchA .inner_search .btn_search { position: absolute; top: 0; right: 0; width: 64px; height: 38px; line-height: 38px; border:none; background:url(../images/good/btn_tsearch.png) center center no-repeat;} #tsearchA .keyword_search {display:block;width:430px; margin-top:3px;overflow:hidden; text-align:center;} #tsearchA .keyword_search a{display:inline-block; font-size:13px; color:#555; padding:0px 12px; height:20px; line-height:20px; font-weight:700;} #tnb {float:right; display: inline-block;} #tnb li {display:inline-block; } #tnb li a {display:inline-block; padding:0px 15px; font-weight:800;height:99px; line-height:99px; text-align:center; font-size:14px; color:#464646;} #tnb li a:hover{color:#0699e9;} #naviA {clear:both;min-width:1200px;width:100%; height:45px;margin: 0px auto; padding:0px;display:block; border-bottom:1px solid #888888;} #naviA .wrap {position:relative;width:100%;} /* 메인메뉴 */ #gnb {width:1200px;margin:0 auto;height:45px;z-index:99999; position:relative;} #gnb_bg{ display:inline-block;height:45px; padding:0px ;} #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb #totmenuA {position:absolute; left:0px;top:0px; } #gnb #totmenuA a{display:block; width:44px; height:45px; line-height:45px; text-indent:999999px; font-size:0px; overflow:hidden; background: url(../images/good/ico_totmenuview.png) no-repeat left center; } #gnb #todaydateA {position:absolute; right:0px;top:22px; height:24px; line-height:24px; color:#2f2f2f; font-size:14px; font-weight:900; } #gnb #todaydateA span {display:inline-block; font-size:13px; color:#464646; background:#ececec; padding:0px 8px; margin-left:10px; font-weight:700; } #gnb_1dul {float:left; margin:0 !important;padding:0 0px 0px 70px;zoom:1;z-index:99999;} #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} .gnb_1dli {z-index:99999;float:left;} .gnb_1da {display:inline-block;text-align:center; padding:0px 21px; height:45px; color:#2f2f2f !important;font-size:16.5px; font-weight:900; line-height:45px;text-decoration:none; } #gnb_1dul li:first-child .gnb_1da {padding-left:0px !important;} .gnb_1da:focus, .gnb_1da:hover {text-decoration:none;color:#0699e9 !important;} .gnb_1dli_air .gnb_1da {color:#0699e9 !important;} .gnb_1dli_on .gnb_1da {color:#0699e9 !important;} .gnb_cpbc{margin-left:10px;} .gnb_ctimes{padding-right:0px;} /*컨텐츠*/ #wrapper {position:relative;z-index:0;margin:0px auto ;width:100%; zoom:1; } .wrap {margin:0 auto;width:1200px;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} /* footer */ #footer { clear:both; width:100%; height:546px; background:url('http://news.catholic.or.kr/html/assets/images/good/bg_footer.png') 0 0 repeat-x; margin-top:40px; } .ft_wrap { width:1200px; margin:0 auto; /* background:url('../images/good/bg_footer01.png') 0 0 repeat-x; */} .ft_allmn { float:left; width:100%; } .ft_allmn .allmn_sp { float:left; width:282px; height:373px; background:url('http://news.catholic.or.kr/html/assets/images/good/bg_ft_allmn.png') no-repeat; margin-right:24px; } .ft_allmn .allmn_last { margin-right:0px !important; } .ft_allmn .allmn_sp .allmn_mtxt { font-size:20px; color:#e7e5e5; font-weight:bold; padding:23px 20px 20px; } .ft_allmn .allmn_sp .allmn_lst { padding:6px 22px; } .ft_allmn .allmn_sp .allmn_lst li { color:#ffffff; font-size:14px; line-height:32px; } .ft_allmn .allmn_sp .allmn_lst li a { color:#ffffff; } .ft_family { margin-top:30px; } .ft_family .ft_family_in { float:left; width:100%; } .ft_family .ft_family_in p { float:left; margin-top:10px; cursor:pointer; } .ft_family .ft_family_in ul { float:left; margin:0 34px; } .ft_family .ft_family_in ul li { float:left; margin:0 24px; } .ft_family_ad {float:left; width:100%; margin-top:20px; margin-left:30px; } .ft_family_ad .ft_adbn ul {float:left; margin:0 0 0 34px; } .ft_family_ad .ft_adbn li {float:left; padding: 10px 10px 10px 20px; } .ft_family_in .family_lst { } .ft_family_in .family_lst:after{content:""; display:block; clear:both} .ft_family_in .family_lst li { float:left; } .ft_family_in .family_lst li div div { } .ft_footer { float:left;margin-left: 350px;width: 1200px;/*margin-top:20px;*/font-size: 14px; } .ft_com { } .ft_com ul { float:left; } .ft_com ul li { float:left; padding:20px 40px 0 0; } .ft_com ul li a { color:#626262; } .ft_copyright { /*background:#6b6868;*/ width:280px; float:right; height:60px; margin-top: 2px; } .ft_copyright p { color:#626262; text-align:center; padding-top:20px; } /* 하단 관련사이트 */ #sitelinkArea {/*background:#fff;padding:35px 0; display:block;*/ clear:both; width:100%; height:628px; background: url(../images/good/bg_footer.png) 0 0 repeat-x; margin-top:20px; } #sitelinkArea .wrap:after {clear:both; content:''; display:block;} #sitelinkArea dl{float:left; width:25%; } #sitelinkArea dl dt{font-size:18px; font-weight:900; color:#000; margin-bottom:15px;} #sitelinkArea dl dd li a{color:#333; font-size:16px; line-height:30px; letter-spacing:-1px;} #sitelinkArea dl dd li a:hover {text-decoration:underline; color:#f03800;} #ft {clear:both; width:100%;position:relative; display:block; text-align:center;background:#fafafa; padding:30px 0;font-size:14px;} #ft .wrap:after{clear:both; content:''; display:block;} #ft .ft_menu {float:left;} #ft .ft_menu a {color:#222; display:inline-block; padding:0px 20px;} #ft .ft_menu a:first-child {padding-left:0px;} #ft .ft_menu a:hover {color:#3ca7e3; text-decoration:underline;} #ft .ft_copy {float:right; color:#222; font-weight:700;} #btn_top { position: fixed; right: 30px; bottom: 30px; z-index: 10; } #btn_top a { display:block; width: 48px; height: 48px; line-height:48px;font-size:0px; text-indent:-999999px;background: url(../images/news/ico_cursor.png) no-repeat center; border: 1px solid #d0cfcf; border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important;} /* 공용 끝 */ /* 상단 팝업 */ #popupArea {width:100%; height:100px; overflow:hidden; display:block; margin: 0px auto; position:relative;} #popupArea .bgimg{display:block;background-size:auto 100px; text-align:center;} #popupArea .closeA {position:absolute; top:0px; right:0px;} #popupArea .closeA a{display:block; width:100px; height:100px; font-size:0px; text-indent:-999999px; line-height:0px; background: url(../images/good/ico_popclose.png) no-repeat center center; } #popupArea .closeTxt {position:absolute; bottom:0px; right:0px;display:inline-block;font-size:10pt;text-shadow:.5px .5px #333333;color:#ffffff;} /* 상단 팝업 끝 */ /* 메인상단 실시간뉴스 및 공지사항 */ #realnotiArea{width:100%; height:71px; border-bottom:1px solid #d4d4d4; letter-spacing:-1px; overflow:hidden; display:block; margin: 0px auto; position:relative; background: url(../images/good/bg_toplinenews.jpg) no-repeat center center; background-size:cover;} #realnotiArea .wrap:after {clear:both; content:''; display:block;} #realnotiArea .realnewsA {float:left; width:600px; height:70px; padding-right:38px; overflow:hidden; } #realnotiArea .noticeA {float:right; width:600px;height:70px; padding-left:38px; overflow:hidden; } #realnotiArea .realnewsA dt, #realnotiArea .noticeA dt{float:left; width:85px;height:70px; line-height:70px; font-size:15px; font-weight:900;} #realnotiArea .realnewsA dt a{color:#0699e9;} #realnotiArea .noticeA dt a{color:#ff5f1a;} #realnotiArea .realnewsA dd, #realnotiArea .noticeA dd{float:left; width:477px; padding:22px 28px 20px 0px;position:relative; font-size:16px;} #realnotiArea .realnewsA ul, #realnotiArea .noticeA ul {display:block; height:30px; line-height:30px; overflow:hidden; } #realnotiArea .realnewsA li a, #realnotiArea .noticeA li a{display:block; height:30px; line-height:30px; overflow:hidden; color:#000; font-size:16px; font-weight:700;} #realnotiArea .realnewsA li a:hover {color:#0699e9; text-decoration:underline;} #realnotiArea .noticeA li a:hover {color:#ff5f1a; text-decoration:underline;} #realnotiArea .realnewsA dl:after, #realnotiArea .noticeA dl:after{clear:both; content:''; display:block;} #realnotiArea #prevBtn {position:absolute; right:0px; top:11px; width:24px; height:24px; font-size:0px; cursor:pointer;display:block; text-indent:-999999px; line-height:0px;background: url(../images/good/ico_lineprev.png) no-repeat center center; opacity:0.3; -moz-opacity:0.3; filter: alpha(opacity=30);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #realnotiArea #nextBtn {position:absolute; right:0px; top:35px; width:24px; height:24px; font-size:0px;cursor:pointer; display:block; text-indent:-999999px; line-height:0px;background: url(../images/good/ico_linenext.png) no-repeat center center; opacity:0.3; -moz-opacity:0.3; filter: alpha(opacity=30); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #realnotiArea #prevBtn:hover, #realnotiArea #nextBtn:hover {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} /* 메인상단 실시간뉴스 및 공지사항 끝 */ /* 메인 상단 배너 */ #mainbannerArea {width:100%; overflow:hidden; display:block; margin:20px auto 0px auto; position:relative;} #mainbannerArea ul{width:100%; height:300px;} #mainbannerArea li:first-child { position:absolute; left:50%; margin-left:-1230px;width:800px; height:300px; overflow:hidden; } #mainbannerArea li:nth-child(2) { position:absolute; left:50%; margin-left:-400px;width:800px; height:300px; overflow:hidden; } #mainbannerArea li:nth-child(3){ position:absolute; left:50%; margin-left:430px;width:800px; height:300px; overflow:hidden; } #mainbannerArea li .item {position:relative;width:800px; height:300px;overflow:hidden;} #mainbannerArea li .item:before {position:absolute;width:800px; height:300px; z-index:5; border:1px solid rgba(0,0,0,0.1);display:block; content:''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #mainbannerArea .mbanavi {margin-top:12px; text-align:center; line-height:12px;} #mainbannerArea .mbanavi span {display:inline-block; padding:0px; width:12px; height:12px; margin:0px 2px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0; background:#b2b2b2; border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important;} #mainbannerArea .mbanavi span.active{ background:#0699e9; } #mainbannerArea .mbanavi span.bt_stop {margin-right:8px; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; background: url(../images/good/ico_mbanpause.png) no-repeat center; } #mainbannerArea .mbanavi span.bt_play {margin-right:8px; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; background: url(../images/good/ico_mbanplay.png) no-repeat center; } /* 메인 상단 바로가기 */ #mquickArea { overflow:hidden; display:block; margin:30px auto 0px auto; position:relative; border-top:2px solid #000;border-bottom:2px solid #000; } #mquickArea ul:after {clear:both; content:''; display:block;} #mquickArea li{float:left;width:11%; text-align:center; } #mquickArea li a{display:block; font-size:16px; color:#000; padding:30px 0px; font-weight:700;} #mquickArea li a span{display:block; margin-bottom:22px;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #mquickArea li a:hover {color:#0699e9; text-decoration:underline;} #mquickArea li a:hover span {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } /* 메인 상단 바로가기 끝 */ /* 메인 오늘의 가톨릭 */ #todaycatArea { /*overflow:hidden; */display:block; margin: 30px auto 30px auto; position:relative; } #todaycatArea:after{clear:both; content:''; display:block;} #todaycatArea .todaycatA {float:left; width:878px; height:250px; background: #5ec3c3; overflow:hidden;} #todaycatArea .todaycatA ul.tocat:after{clear:both; content:''; display:block;} #todaycatArea .todaycatA li{float:left; position:relative;width:236px;height:250px; overflow:hidden; border: 1px solid rgba(255, 255, 255, 0.5); /*background: #f9f9fb;*/ border-left:none; text-align:center; /*padding:30px 25px;*/ } #todaycatArea .todaycatA li h3{font-size:18.5px; font-weight:700; color:#ffffff;margin-bottom:35px; } #todaycatArea .todaycatA li h3 span{display:inline-block; border-bottom:1px solid #ffffff; color:#ffffff; } #todaycatArea .todaycatA li:first-child{width:170px;background:#4bc7c7; border:none; color:#fff; padding:30px 0px; } #todaycatArea .todaycatA li:first-child h3{color:#fff; margin-bottom:15px;} #todaycatArea .todaycatA li:first-child .date {font-size:18px;} #todaycatArea .todaycatA li:first-child .date p{margin-top:5px;display:inline-block; background:rgba(255, 255, 255, 0.5); color:#614401; font-size:14px; overflow:hidden; font-weight:700; width:65px; height:80px;border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; } #todaycatArea .todaycatA li:first-child .date p span{display:block; font-size:30px; color:rgba(0, 0, 0, 0.7); font-weight:900; margin-top:15px; margin-bottom:2px;} #todaycatArea .todaycatA li:first-child .exp {font-size:14px; padding-top: 8px; opacity:0.8; -moz-opacity:0.8; filter: alpha(opacity=80); letter-spacing:-1px; padding: 10px 15px;} #todaycatArea .todaycatA li .txt{ font-size:18px; line-height:25px; height:125px; background: url(../images/good/bg_today.png) no-repeat center center; padding: 25px 10px 20px 10px; overflow:hidden; text-align:justify; font-weight:500;} #todaycatArea .todaycatA li .name {font-size:16px; font-weight:700; line-height:28px; height:84px; overflow:hidden; } #todaycatArea .todaycatA li .name span{display:block;} #todaycatArea .todaycatA li .tomname {position:absolute; bottom:25px; left:25px; } #todaycatArea .todaycatA li .tomname a{display:inline-block; color:#868487; font-size:14px; font-weight:700;} #todaycatArea .todaycatA li .name li{ border:none; padding:0px; background:none !important; height:auto !important; width:100% !important;} #todaycatArea .todaycatA li #name_prevBtn {position:absolute; bottom:25px;right:50px; width:27px; height:27px; border:1px solid #ffffff; cursor:pointer; } #todaycatArea .todaycatA li #name_prevBtn span {font-size:0px; display:block; width:25px; height:25px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_prevarr.png) center no-repeat;opacity:0.6; -moz-opacity:0.6; filter: alpha(opacity=60); } #todaycatArea .todaycatA li #name_nextBtn {position:absolute; bottom:25px; right:24px; width:27px; height:27px; border:1px solid #ffffff; cursor:pointer;} #todaycatArea .todaycatA li #name_nextBtn span {font-size:0px; display:block; width:25px; height:25px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_nextarr.png) center no-repeat;opacity:0.6; -moz-opacity:0.6; filter: alpha(opacity=60); } #todaycatArea .todaycatA li #name_prevBtn:hover, #todaycatArea .todaycatA li #name_nextBtn:hover {border-color:#000; z-index:3;} #todaycatArea .todaycatA li #name_prevBtn:hover span, #todaycatArea .todaycatA li #name_nextBtn:hover span {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #todaycatArea .todaycatA li #plan_prevBtn {position:absolute; bottom:25px;/*left:-160%;*/ margin-left:-28px; width:27px; height:27px; border:1px solid #ffffff; cursor:pointer; } #todaycatArea .todaycatA li #plan_prevBtn span {font-size:0px; display:block; width:25px; height:25px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_prevarr.png) center no-repeat;opacity:0.6; -moz-opacity:0.6; filter: alpha(opacity=60); } #todaycatArea .todaycatA li #plan_nextBtn {position:absolute; bottom:25px; right:0px; width:27px; height:27px; border:1px solid #ffffff; cursor:pointer;} #todaycatArea .todaycatA li #plan_nextBtn span {font-size:0px; display:block; width:25px; height:25px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_nextarr.png) center no-repeat;opacity:0.6; -moz-opacity:0.6; filter: alpha(opacity=60); } #todaycatArea .todaycatA li #plan_prevBtn:hover, #todaycatArea .todaycatA li #plan_nextBtn:hover {border-color:#ffffff; z-index:3;} #todaycatArea .todaycatA li #plan_prevBtn:hover span, #todaycatArea .todaycatA li #plan_nextBtn:hover span {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #todaycatArea .todaycatA li a{display:block; color:#ffffff;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #todaycatArea .todaycatA li a:hover{ color:#6b4a03; text-decoration:underline;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} #todaycatArea .todaycatA li .more { margin-top:25px; } #todaycatArea .todaybtnA {float:right;width:320px; height:250px; /*overflow:hidden;*/ } #todaycatArea .todaybtnA .songplay {display:block; position: absolute; width:300px; height:250px; /* overflow:hidden;*/background:#50504f; margin:0px 25px;} #todaycatArea .todaybtnA .songplay a{display:block;} #todaycatArea .todaybtnA .songplay dd{position:absolute; top:0px; left:0px; z-index:1;} #todaycatArea .todaybtnA .songplay dd h3{position:relative; color:#fff; font-weight:700; font-size:18px; width:300px; height:250px; line-height:134px; padding:0px 30px;} #todaycatArea .todaybtnA .songplay dd h3:after {position:absolute; display:block; right:25px; top:50%; margin-top:-34px; content:''; width:68px; height:68px;background:url(../images/good/btn_play.png) center no-repeat;} #todaycatArea .todaybtnA .songplay a{display:block; opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); } #todaycatArea .todaybtnA .songplay a:hover{ text-decoration:underline;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} #todaycatArea .todaybtnA .todaybible {float:right; /*overflow:hidden;*/ display:block; width:236px; height:250px; margin-top:0px; overflow:hidden;background:rgba(0, 0, 0, 0.2);} #todaycatArea .todaybtnA .todaybible dd{position:absolute; top:0px; left:0px; z-index:1;} #todaycatArea .todaybtnA .todaybible dd h3{position:relative; color:#fff; font-weight:700; font-size:18px; width:236px; height:250px; line-height:250px; padding:0px 30px;} #todaycatArea .todaybtnA .todaybible dd h3 .btnA{position:absolute; top:110px; z-index:2;} #todaycatArea .todaybtnA .todaybible dd h3 .btnA a{display:block; margin-bottom:10px; margin-left: 10px;width: 160px; height:30px; line-height:30px; font-size:14px; text-align:center; font-weight:700; border: 1px solid #FFC107;background-color: #FF9800; color: #ffffff;/*border-radius: 50px;*/} #todaycatArea .todaybtnA .todaybible dd h3 .btnA a:hover {background:#023838; color:#fff; } #todaycatArea .todaybtnA .todaybible dd h3 .btnB{position:absolute; top:160px; z-index:2;} #todaycatArea .todaybtnA .todaybible dd h3 .btnB a{display:block; margin-bottom:10px;margin-left: 10px;width: 160px; height:50px; line-height:50px; font-size:16px; text-align:center; font-weight:700; color: #ffffff;background: rgba(0, 0, 0, 0.3);border-radius: 50px;} #todaycatArea .todaybtnA .todaybible dd h3 .btnB a:hover {background:#023838; color:#fff; } #todaycatArea .todaycatA .today {padding:30px 15px;} #todaycatArea .todaycatA .today01 {padding:30px 15px;} #todaycatArea .todaycatA .today03 { width:300px; height:250px; background: #ffc61b; overflow:hidden;} #todaycatArea .today2 .todaybible {float:left; position:relative;width:236px;height:250px; overflow:hidden; border: 1px solid rgba(255, 255, 255, 0.5); /*background: #f9f9fb;*/ border-left:none; text-align:center; padding:30px 25px; } #todaycatArea .today2 {/*float:right;*/ width:236px; height:250px; overflow:hidden; } #todaycatArea .todaycatB {width:300px; height:250px;} /* 메인 오늘의 가톨릭 끝 */ /* 소리도서 팝업 */ /* layer pop */ .lay_cont { position:absolute; width:268px; z-index:900; left:6px; } .lay_cont .lay_top { width:268px; height:76px; background:url('/images/contents/layer_top.png') 0 top no-repeat; position:relative; } .lay_cont .lay_top2 { width:268px; height:76px; background:url('/images/contents/layer_top2.png') 0 top no-repeat; position:relative; } .lay_cont .intop { float:left; width:100%; } .lay_cont .intop .title { float:left; font-size:16px; color:#34495e; font-weight:bold; padding:30px 19px; } .lay_cont .intop .title_s { float:left; font-size:12px; color:#000; line-height:20px; padding:22px 19px; } .lay_cont .intop .close { position:absolute; top:36px; right:11px; } .lay_cont .lay_bot { width:268px; background:url('/images/contents/layer_bot.png') 0 bottom no-repeat; padding-bottom:15px; } .lay_cont .lay_btnbot { width:268px; background:url('/images/contents/layer_bot.png') 0 bottom no-repeat; padding-bottom:15px; } .lay_cont .inbot { padding:7px 10px 10px 20px;; } .lay_cont .inbot ul { } .lay_cont .inbot ul li , .lay_cont .inbot ul li a { color:#7b8a97; line-height:28px; } .lay_cont .inbot ul li strong { font-weight:normal; } .lay_cont .inbot .my_area { float:left; height:250px; } .lay_cont .inbot .my_area ul { float:left; width:100%; } .lay_cont .inbot .my_area ul li { float:left; width:110px; line-height:30px; } .lay_cont .inbot .my_area ul li input { margin:-2px 5px 0 0; } .lay_cont .inbot .inbtn { position:absolute; bottom:23px; left:100px; } .lay_cont .inbot .inbtn .btn img { } .lay_info { position:absolute; top:170px; margin-left: 23px; z-index:999; } .mbookinfo { padding:15px;} .mbookinfo .info { text-align:center;} .soriBookMainTitle { padding: 10px 0px 0px 10px;} .soriBookMainTitle a { font-size:14px; color:#FFF; font-weight:bold; } /* script csas */ #slides { display: none; } .slidesjs-navigation { } .slidesjs-previous { background:url('../images/icon/box_prev.png') 0 0 no-repeat; width:40px; height:40px; margin:0 10px; display:inline-block; text-indent:-9999px; color:transparent; position:absolute; bottom:0px; right:-10px; z-index:990; } .slidesjs-next { background:url('../images/icon/box_next.png') 0 0 no-repeat; width:40px; height:40px; margin:0 10px; display:inline-block; text-indent:-9999px; color:transparent; position:absolute; bottom:40px; right:-10px; z-index:990; } .slidesjs-pagination { position:absolute; bottom:113px; right:15px; z-index:990; } .slidesjs-pagination li { background:url('../images/icon/icon_imgoff.png') 0 2px no-repeat; width:10px; height:12px; margin:2px 0; } .slidesjs-pagination li a { color:transparent; width:10px; height:10px; } .slidesjs-pagination li a.active { background:url('../images/icon/icon_imgon.png') 0 0 no-repeat; width:10px; height:10px; padding:0 10px; margin-top:-1px; } /* all_menu */ .all_menu { position:absolute; top:0px; left:0px; width:1180px; height:709px; background:url('../images/contents/bg_shadow.png') 0 bottom repeat-x; z-index:999; } .all_menu_in { background:#7d7871; width:1180px; height:704px; margin-top: 45px;} .all_menu_top { float:left; width:100%; height:70px; background:#0269b6; } .all_menu_top .lf { float:left; } .all_menu_top .lf p { font-size:22px; color:#ffffff; padding:23px 0 0 20px; } .all_menu_top .rf { float:right; width:70px; } .all_menu_bot { float:left; width:100%; } .mn_2sp { float:left; width:380px; } .mn_1sp { float:left; width:199px; } .mn_2sp .m_tit { height:60px; text-align:center; background:#656a70; } .mn_1sp .m_tit { height:60px; text-align:center; background:#656a70; border-left:1px solid #71787d; } .mn_2sp .m_lst { height:574px; background:#71777d; } .mn_1sp .m_lst { height:574px; background:#71777d; border-left:1px solid #8a867f; } .m_tit p { color:#FFF; font-size:18px; padding-top:22px; } .m_lst ul { padding:28px 0 0 0; } .m_lst ul li { font-size:14px; color:#FFF; background:url('../images/icon/icon_wblt.png') 0 16px no-repeat; padding-left:10px; margin-left:20px; line-height:32px; } .m_lst ul li a { color:#FFF; } .m_lst_in { float:left; } .m_lst_in ul { float:left; width:180px; } /* 소리도서 팝업 끝*/ /* 교구소식/신문사 / sns */ #msosikpapersnsArea { overflow:hidden; width:1200px;display:block;border-top:2px solid rgba(0, 0, 0, 0.5);; margin: 20px auto 20px auto; padding-top:30px;position:relative; } #msosikpapersnsArea .wrap{position:relative;} #msosikpapersnsArea .wrap:after{clear:both; content:''; display:block;} #msosikpapersnsArea .wrap:before{position:absolute; top:0px; left:876px; width:1px; height:100%; background:#eee; display:block; content:''; z-index:-1;} #msosikpapersnsArea .msosikpaperArea {float:left; display:block; width:852px;overflow:hidden;} #msosikpapersnsArea .msosikpaperArea .sosikA {display:block; height: 300px; border-bottom:1px solid rgba(0, 0, 0, 0.3); padding-bottom:32px;} .msosikpaperArea #subtab {width:100%; overflow:hidden; margin-bottom:20px; position:relative;} .msosikpaperArea #subtab:after {clear:both; content:''; display:block;} .msosikpaperArea #subtab h3{float:left; font-size:18px; font-weight:900; color:#333; margin-right:15px;} .msosikpaperArea #subtab ul{float:left;padding:0px; margin:0px;} .msosikpaperArea #subtab ul::after {clear:both; content:""; display:block;} .msosikpaperArea #subtab li{list-style-type:none; float:left;display:block; text-decoration:none; cursor: pointer; font-weight:900; height:26px; line-height:26px;padding:0px 6px; font-size:14px; overflow:hidden; } .msosikpaperArea #subtab li span{display:inline-block; color:#595858;} .msosikpaperArea #subtab li span:hover{ text-decoration:underline !important; color:#000; } .msosikpaperArea #subtab li.on span{ color:#0699e9 !important; text-decoration:underline; } .msosikpaperArea #sotab_prevBtn {position:absolute; top:0px;right:25px; width:26px; height:26px; border:1px solid #eaeaea; cursor:pointer; } .msosikpaperArea #sotab_prevBtn span {font-size:0px; display:block; width:24px; height:24px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_prevarr2.png) center no-repeat;opacity:0.4; -moz-opacity:0.4; filter: alpha(opacity=40); } .msosikpaperArea #sotab_nextBtn {position:absolute; top:0px; right:0px; width:26px; height:26px; border:1px solid #eaeaea; cursor:pointer;} .msosikpaperArea #sotab_nextBtn span {font-size:0px; display:block; width:24px; height:24px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_nextarr2.png) center no-repeat;opacity:0.4; -moz-opacity:0.4; filter: alpha(opacity=40); } .msosikpaperArea #sotab_prevBtn:hover, .msosikpaperArea #sotab_nextBtn:hover {border-color:#000; z-index:3;} .msosikpaperArea #sotab_prevBtn:hover span, .msosikpaperArea #sotab_nextBtn:hover span {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} .sosikA ul.contop {width:100%; overflow:hidden; position:relative;} .sosikA .contop:after {clear:both; content:''; display:block;} .sosikA .contop li{float:left; width:50%; padding-right:24px;} .sosikA .contop li:nth-child(2n){padding-right:0px; padding-left:24px;} .sosikA .contop li a{display:block;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} .sosikA .contop li a:hover{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } .sosikA .contop li:first-child {padding-top:0px; border-top:none;} .sosikA .contop li dl:after {clear:both; content:''; display:block;} .sosikA .contop li dt {float:left; width:170px; height:120px; overflow:hidden;position:relative; } .sosikA .contop li dt:before {position:absolute;width:170px; height:120px; z-index:5; border:1px solid rgba(0,0,0,0.1);display:block; content:''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .sosikA .contop li dd {float:left; width:232px; height:120px; overflow:hidden; padding:0px 0px 0px 20px; text-align:justify;} .sosikA .contop li dd.imgnone {float:left; width:402px; height:120px; overflow:hidden;} .sosikA .contop li dd h3{color:#222; font-size:18px; font-weight:900; line-height:24px; height:48px; overflow:hidden;margin-top:2px;} .sosikA .contop li a:hover dd h3 {text-decoration:underline; color:#0699e9;} .sosikA .contop li dd .exp{color:#919191; font-size:14px; line-height:20px; height:60px;overflow:hidden; margin-top:7px;} .sosikA ul.line {width:100%; overflow:hidden; margin-top:20px; display:block; position:relative;} .sosikA .line:after {clear:both; content:''; display:block;} .sosikA .line li{float:left; width:50%; padding-right:24px;} .sosikA .line li:nth-child(2n){padding-right:0px; padding-left:24px;} .sosikA .line li a{display:block;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); color:#333333; font-size:16px; height:33px; line-height:33px; overflow:hidden;} .sosikA .line li a:hover{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); text-decoration:underline; color:#0699e9;} #msosikpapersnsArea .msosikpaperArea .newspaperA {display:block; width:100%; position:relative; margin-top:32px;} #msosikpapersnsArea .msosikpaperArea .newspaperA:after {clear:both; content:''; display:block;} #msosikpapersnsArea .msosikpaperArea .newspaperA:before{position:absolute; top:0px; left:50%; width:1px; height:100%; background:#eee; display:block; content:''; z-index:-1;} .newspaperA .cpbcA {float:left; width:50%; padding-right:24px;} .newspaperA .catimeA {float:left; width:50%; padding-left:24px;} .newspaperA h2{font-size:0px; display:block; width:100%; height:31px; line-height:0px; margin:0px 0px 15px 0px; position:relative; letter-spacing:-1px;} .newspaperA h2:before {position:absolute; z-index:1; display:block; content:'전체보기'; right:0px; font-size:14px; line-height:31px;color:#333; font-weight:500; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .newspaperA a:hover h2:before { color:#0699e9; text-decoration:underline; } .newspaperA li {display:block;padding:8px 0px;border-top:1px solid #eee;} .newspaperA li:first-child {padding-top:0px; border-top:none;} .newspaperA li a{display:block;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} .newspaperA li a:hover{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } .newspaperA li dl{display:block;position:relative;width:100%; height:60px; overflow:hidden; } .newspaperA li dt {float:left; width:327px;height:60px; padding:0px 25px 0px 0px; color:#555; overflow:hidden; text-align:justify; } .newspaperA li .imgnone {float:left; width:402px;height:60px; padding:0px 0px 0px 0px; color:#555; overflow:hidden; text-align:justify; } .newspaperA li dt h3{font-weight:700; font-size:16px; line-height:24px; max-height:48px;color:#333; margin-top:5px;overflow:hidden; letter-spacing:-1px; margin-bottom:4px; } .newspaperA li a:hover dt h3 {text-decoration:underline;} .newspaperA li dt .exp {font-size:14px; color:#919191; line-height:24px; height:24px;overflow:hidden; } .newspaperA li dd {float:right; position:relative;width:75px;height:60px; overflow:hidden;} .newspaperA li dd:before {position:absolute;width:75px; height:60px; z-index:5; border:1px solid rgba(0,0,0,0.1); display:block; content:''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .newspaperA .cpbcA h2{background:url(../images/good/paper_tt01.jpg) left top no-repeat;} .newspaperA .catimeA h2{background:url(../images/good/paper_tt02.jpg) left top no-repeat;} #msosikpapersnsArea .msnsArea {float:right; display:block; width:297px; /*background:#5072bb;background:url(../images/good/bg_sns.png) center no-repeat;*/ overflow:hidden;} #msosikpapersnsArea .msnsArea h3{ font-size:0px; line-height:0px; text-indent:-9999999px; display:block; height:53px; width:100%; background:url(../images/good/ico_facebook.png) center 15px no-repeat; } #msosikpapersnsArea .msnsArea .facebookA {width:297px; overflow:hidden;/*padding:0px 15px 15px 15px;*/} /* SNS */ .sns_cont {background:url('../images/good/bg_sns.png') center top no-repeat;width:297px;height: 625px;} .sns_cont .mtit { font-size:18px; color:#FFF; font-weight:bold; text-align:center; padding-top:45px; } .sns_cont .sns_list {height: 506px;overflow-y:scroll;margin-top:20px;} .sns_cont .sns_list .sns_in { background:#FFF; border:1px solid #677480; padding:10px; margin:0px 10px 10px; } .sns_cont .sns_list .sns_in .sns_user { float:left; width:100%; } .sns_cont .sns_list .sns_in .sns_user .icon { float:left; } .sns_cont .sns_list .sns_in .sns_user .tinfo { float:left; margin-left:5px; width:230px; } .sns_cont .sns_list .sns_in .sns_user .tinfo .name { line-height:12px; width:250px; margin:8px 0 0 0; font-size: 14px } .sns_cont .sns_list .sns_in .sns_user .tinfo .time { color:#9197a3; font-size:11px; } .sns_cont .sns_list .sns_in .sns_contents { padding:9px 0 9px;font-size: 14px; } .sns_cont .sns_list .sns_in .sns_contents a { color:#3b5998; } .sns_cont .sns_list .sns_in .sns_op { float:left; width:100%; margin-top:10px; } .sns_cont .sns_list .sns_in .sns_op .like { float:left; background:url('../images/icon/icon_like.png') 0 3px no-repeat; color:#7f7f7f; font-size:11px; padding:0 0 0 20px;} .sns_cont .sns_list .sns_in .sns_op .option { float:right; } .sns_cont .sns_list .sns_in .sns_op .option li { float:left; margin:0 0 0 15px; } #sns_list { height:515px; overflow-y:scroll; margin:0 0px 0 0; } .sns_cont .sns_list .sns_in .sns_user .tinfo .name a { color:#3b5998; font-weight:bold; } .sns_cont .sns_list .sns_in .sns_contents { word-wrap: break-word;} .sns_cont .sns_list .sns_in .sns_link { border: 1px solid #999999; } .sns_cont .sns_list .sns_in .sns_link p { padding:10px;} .sns_cont .sns_list .sns_in .sns_link p.link_pic { border-bottom: 1px solid #999999; text-align:center; } .sns_cont .sns_list .sns_in .sns_link p.link_name { font-size:15px; } .sns_cont .sns_list .sns_in .sns_link p.link_caption { color:#999999; } /* 가톨릭미디어 */ #cathmediaA{margin:0px auto;overflow:hidden;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 2px solid rgba(0, 0, 0, 0.5);padding-top: 40px;padding-bottom:40px;} #cathmediaA h3.more{font-weight:900; font-size:18px; color:#000; margin:0px 0px 15px 0px; position:relative; letter-spacing:-1px;} #cathmediaA h3.more:before {position:absolute; z-index:1; display:block; content:'전체보기'; right:0px; font-size:14px; color:#333; font-weight:500; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} #cathmediaA a:hover h3:before { color:#0699e9; text-decoration:underline; } #cathmediaA ul:after {clear:both; content:''; display:block;} #cathmediaA li{float:left; width:220px; margin-left:25px; position:relative;} #cathmediaA li:first-child {margin-left:0px;} #cathmediaA li a {display:block;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #cathmediaA li a:hover{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); text-decoration:underline;} #cathmediaA li dt {width:220px; height:160px; overflow:hidden; position:relative;margin-bottom:10px;} #cathmediaA li dt:before {position:absolute;width:220px; height:160px; z-index:5; border:1px solid rgba(0,0,0,0.1);display:block; content:''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #cathmediaA li dd h3{color:#333; font-size:16px; font-weight:500; text-align: center; line-height:24px; max-height:48px; width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;overflow:hidden;} #cathmediaA li .mediaplay_btn {position:absolute; right:10px; top:110px; z-index:10; } #cathmediaA li .mediaplay_btn a{font-size: 0; display:block; line-height: 0; text-indent: -9999px;overflow: hidden; width:29px; height:29px; background:url(../images/good/ico_mmedia.png) center center no-repeat; border-radius: 50px !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; } #cathmediaA li .mediaplay_btn a:hover {background-color:#0699e9;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} /* 전국주보 */ #mjuboArea { margin:0px auto; overflow:hidden; padding-top:33px; padding-bottom:40px;border-bottom:2px solid rgba(0, 0, 0, 0.5);} #mjuboArea #subtab2 {width:100%; overflow:hidden; margin-bottom:20px; position:relative;} #mjuboArea #subtab2:after {clear:both; content:''; display:block;} #mjuboArea #subtab2 h3{float:left; font-size:18px; font-weight:900; color:#333; margin-right:15px;} #mjuboArea #subtab2 ul{float:left;padding:0px; margin:0px;} #mjuboArea #subtab2 ul::after {clear:both; content:""; display:block;} #mjuboArea #subtab2 li{list-style-type:none; float:left;display:block; text-decoration:none; cursor: pointer; font-weight:900; height:26px; line-height:26px;padding:0px 10px; font-size:14px; overflow:hidden; } #mjuboArea #subtab2 li span{display:inline-block; color:#595858;} #mjuboArea #subtab2 li span:hover{ text-decoration:underline !important; color:#000; } #mjuboArea #subtab2 li.on span{ color:#0699e9 !important; text-decoration:underline; } #mjuboArea #sotab_prevBtn {position:absolute; top:0px;right:25px; width:26px; height:26px; border:1px solid #eaeaea; cursor:pointer; } #mjuboArea #sotab_prevBtn span {font-size:0px; display:block; width:24px; height:24px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_prevarr2.png) center no-repeat;opacity:0.4; -moz-opacity:0.4; filter: alpha(opacity=40); } #mjuboArea #sotab_nextBtn {position:absolute; top:0px; right:0px; width:26px; height:26px; border:1px solid #eaeaea; cursor:pointer;} #mjuboArea #sotab_nextBtn span {font-size:0px; display:block; width:24px; height:24px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_nextarr2.png) center no-repeat;opacity:0.4; -moz-opacity:0.4; filter: alpha(opacity=40); } #mjuboArea #sotab_prevBtn:hover, #mjuboArea #sotab_nextBtn:hover {border-color:#000; z-index:3;} #mjuboArea #sotab_prevBtn:hover span, #mjuboArea #sotab_nextBtn:hover span {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #mjuboArea ul.jubo{display:block; padding:0px; margin:0px;} #mjuboArea ul.jubo:after {clear:both; content:""; display:block;} #mjuboArea ul.jubo li{list-style-type:none; float:left; margin-left:25px; width:220px; height:285px; background:#ffffff; overflow:hidden; display:block; position:relative; } #mjuboArea ul.jubo li:first-child {margin-left:0px;} #mjuboArea ul.jubo li a{display:block;width:220px; height:285px; overflow:hidden;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); } #mjuboArea ul.jubo li a span {display:block;width:220px; height:285px; text-indent:-9999999px; font-size:0px; line-height:0px; } #mjuboArea ul.jubo li a:before{position:absolute;width:220px; height:285px; z-index:5; border:1px solid rgba(0,0,0,0.1);display:block; content:''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #mjuboArea ul.jubo li a:hover {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } /* 신앙도서 출판물 */ #catholicPublish { margin:0px auto; overflow:hidden; padding-top:33px; padding-bottom:40px;border-bottom:2px solid rgba(0, 0, 0, 0.5);} #catholicPublish #subtabx {width:100%; overflow:hidden; margin-bottom:20px; position:relative;} #catholicPublish #subtabx:after {clear:both; content:''; display:block;} #catholicPublish #subtabx h3{float:left; font-size:18px; font-weight:900; color:#333; margin-right:15px;} #catholicPublish #subtabx ul{float:left;padding:0px; margin:0px;} #catholicPublish #subtabx ul::after {clear:both; content:""; display:block;} #catholicPublish #subtabx li{list-style-type:none; float:left;display:block; text-decoration:none; cursor: pointer; font-weight:900; height:26px; line-height:26px;padding:0px 10px; font-size:14px; overflow:hidden; } #catholicPublish #subtabx li span{display:inline-block; color:#595858;} #catholicPublish #subtabx li span:hover{ text-decoration:underline !important; color:#000; } #catholicPublish #subtabx li.on span{ color:#0699e9 !important; text-decoration:underline; } #catholicPublish #sotabx_prevBtn {position:absolute; top:0px;right:25px; width:26px; height:26px; border:1px solid #eaeaea; cursor:pointer; } #catholicPublish #sotabx_prevBtn span {font-size:0px; display:block; width:24px; height:24px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_prevarr2.png) center no-repeat;opacity:0.4; -moz-opacity:0.4; filter: alpha(opacity=40); } #catholicPublish #sotabx_nextBtn {position:absolute; top:0px; right:0px; width:26px; height:26px; border:1px solid #eaeaea; cursor:pointer;} #catholicPublish #sotabx_nextBtn span {font-size:0px; display:block; width:24px; height:24px; line-height:0px; text-indent:-9999999px; background:url(../images/good/ico_nextarr2.png) center no-repeat;opacity:0.4; -moz-opacity:0.4; filter: alpha(opacity=40); } #catholicPublish #sotabx_prevBtn:hover, #catholicPublish #sotabx_nextBtn:hover {border-color:#000; z-index:3;} #catholicPublish #sotabx_prevBtn:hover span, #catholicPublish #sotabx_nextBtn:hover span {opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #catholicPublish ul.book{display:block; padding:0px; margin:0px;} #catholicPublish ul.book:after {clear:both; content:""; display:block;} #catholicPublish ul.book li{list-style-type:none; float:left; margin-left:25px; width:220px; height:285px; background:#ffffff; overflow:hidden; display:block; position:relative; } #catholicPublish ul.book li:first-child {margin-left:0px;} #catholicPublish ul.book li a{display:block;width:220px; height:285px; overflow:hidden;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); } #catholicPublish ul.book li a span {display:block;width:220px; height:285px; text-indent:-9999999px; font-size:0px; line-height:0px; } #catholicPublish ul.book li a:before{position:absolute;width:220px; height:285px; z-index:5; border:0px solid rgba(0,0,0,0.1);display:block; content:''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #catholicPublish ul.book li a:hover {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #catholicPublish .book li a dd h3{color:#333; font-size:16px; font-weight:500; text-align: center; line-height:24px; max-height:48px; width: 220px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;overflow:hidden;} #catholicPublish .book li a:hover dd h3{ color:#0699e9; text-decoration:underline; } #catholicPublish .book li dt {width:220px; height:255px; overflow:hidden; position:relative;margin-bottom:10px; text-align: center;} #catholicPublish .book li dt:before {position:absolute;width:220px; height:285px; z-index:5; border:0px solid rgba(0,0,0,0.1);display:block; content:''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* 성지사적지 / 갤러리 */ #totgalleryArea { overflow:hidden; width:1200px;display:block; margin:40px auto 50px auto; position:relative; } #totgalleryArea:before {position:absolute; top:0px; left:600px; width:1px; height:100%; background:#eee; display:block; content:''; z-index:-1;} #totgalleryArea:after{clear:both; content:''; display:block;} #totgalleryArea h3.more{font-weight:900; font-size:18px; color:#000; margin:0px 0px 15px 0px; position:relative; letter-spacing:-1px;} #totgalleryArea h3.more:before {position:absolute; z-index:1; display:block; content:'전체보기'; right:0px; font-size:14px; color:#333; font-weight:500; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} #totgalleryArea a:hover h3:before { color:#0699e9; text-decoration:underline; } #totgalleryArea .memorialA {float:left; width:50%; padding-right:24px;} #totgalleryArea .galleryA {float:left; width:50%; padding-left:24px;} #totgalleryArea #subtab3 {width:100%; overflow:hidden; margin-bottom:13px; position:relative;} #totgalleryArea #subtab3:after {clear:both; content:''; display:block;} #totgalleryArea #subtab3 ul{float:left;padding:0px; margin:0px;} #totgalleryArea #subtab3 ul::after {clear:both; content:""; display:block;} #totgalleryArea #subtab3 li{list-style-type:none; float:left;display:block; text-decoration:none; cursor: pointer; padding:0px 0px; font-size:18px; font-weight:900; overflow:hidden; } #totgalleryArea #subtab3 li span{display:inline-block; color:#333; margin-right:26px; line-height:23px; height:26px; } #totgalleryArea #subtab3 li span.el{text-indent:-9999999px; width:102px; background:url(../images/good/tt_gal1898.png) center no-repeat;} #totgalleryArea #subtab3 li.on span{ color:#0699e9 !important; border-bottom:2px solid #0699e9; } #totgalleryArea #subtab3 li.on span.el{border-bottom:none; background:url(../images/good/tt_gal1898_on.png) center no-repeat;} #totgalleryArea #subtab3 li .more{ display:none; position:absolute; right:0px; top:0px; font-size:14px; font-weight:500; } #totgalleryArea #subtab3 li.on .more {display:block;} #totgalleryArea #subtab3 li .more a { color:#333; } #totgalleryArea #subtab3 li .more a:hover {color:#0699e9; text-decoration:underline; } #totgalleryArea ul.galA:after {clear:both; content:''; display:block;} #totgalleryArea .galA li{float:left; width:180px; margin-left:18px; position:relative;} #totgalleryArea .galA li:first-child {margin-left:0px;} #totgalleryArea .galA li a {display:block;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #totgalleryArea .galA li a:hover{opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #totgalleryArea .galA li dt {width:180px; height:130px; overflow:hidden; position:relative;margin-bottom:10px;} #totgalleryArea .galA li dt:before {position:absolute;width:180px; height:130px; z-index:5; border:1px solid rgba(0,0,0,0.1);display:block; content:''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #totgalleryArea .galA li a:hover dt:before{background:rgba(60,167,227,0.5);} #totgalleryArea .galA li a dd h3{color:#333; font-size:16px; font-weight:500; text-align: center; line-height:24px; max-height:48px; width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;overflow:hidden;} #totgalleryArea .galA li a:hover dd h3{ color:#0699e9; text-decoration:underline; } #quickbtnArea { margin:0px auto; overflow:hidden; padding-top:40px; padding-bottom:40px;} #quickbtnArea ul:after {clear:both; content:''; display:block;} #quickbtnArea li{float:left; width:25%; } #quickbtnArea li a{display:block; border:1px solid #ececec; margin-top:-1px; margin-left:-1px; padding:9px 45px 9px 100px; color:#000; line-height:36px; } #quickbtnArea li:first-child a,#quickbtnArea li:nth-child(4n+1) a {margin-left:0px;} #quickbtnArea li a.bgic1 {background:url(../images/good/btn_quigo1.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic2 {background:url(../images/good/btn_quigo2.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic3 {background:url(../images/good/btn_quigo3.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic4 {background:url(../images/good/btn_quigo4.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic5 {background:url(../images/good/btn_quigo5.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic6 {background:url(../images/good/btn_quigo6.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic7 {background:url(../images/good/btn_quigo7.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic8 {background:url(../images/good/btn_quigo8.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic9 {background:url(../images/good/btn_quigo9.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic10 {background:url(../images/good/btn_quigo10.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic11 {background:url(../images/good/btn_quigo11.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a.bgic12 {background:url(../images/good/btn_quigo12.png) 45px center no-repeat #f9f9f9;} #quickbtnArea li a:hover {background-color:#96a2bc; border-color:#96a2bc; color:#fff;} /* 가로배너 */ #adrowbanArea {width:100%; height:150px; overflow:hidden; display:block;} #adrowbanArea .bgimg {width:100%; height:150px; overflow:hidden; background-size:auto 150px;} #adrowbanArea .bgimg img {width:100%; height:150px;} #adrowbanArea #showcase{position:relative;} #adrowbanArea #showcase .showcase-onepage .showcase-content{} #adrowbanArea #showcase .showcase-button-wrapper{clear:both; position:absolute; top:0; left:50%;padding-top:25px;width:12px;margin-left:534px; height:150px; text-align:left; z-index:11;} #adrowbanArea #showcase .showcase-button-wrapper span{display:block; padding:0px; margin-bottom:8px; width:12px; height:12px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:12px; background:#000; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important;} #adrowbanArea #showcase .showcase-button-wrapper span.active{ background:#fff;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} /* 한줄배너 */ #linebanArea{ height:60px; overflow:hidden; display:block; } #linebanArea {width:1200px; height:60px; overflow:hidden; display:block;} #linebanArea .bgimg {width:100%; height:60px; overflow:hidden; background-size:auto 60px;} #linebanArea .bgimg img {width:100%; height:60px;} #linebanArea #showcaseBtm{position:relative;} #linebanArea #showcaseBtm .showcase-onepage .showcase-content{} #linebanArea #showcaseBtm .showcase-button-wrapper{clear:both; position:absolute; top:0; left:50%;padding-top:25px;width:12px;margin-left:534px; height:650px; text-align:left; z-index:11;} #linebanArea #showcaseBtm .showcase-button-wrapper span{display:block; padding:0px; margin-bottom:8px; width:12px; height:12px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:12px; background:#000; opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important;} #linebanArea #showcaseBtm .showcase-button-wrapper span.active{ background:#fff;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} /* 하단 패밀리사이트 배너 */ #fambanArea { background:#929292; margin:0px auto; overflow:hidden; padding:20px 0px; } #fambanArea .wrap {} #fambanArea ul:after {clear:both; content:''; display:block;} #fambanArea li{float:left; width:150px; text-align:center;} #fambanArea li a{display:block; padding:8px 0px;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100);} #fambanArea li a:hover {opacity:0.4; -moz-opacity:0.4; filter: alpha(opacity=40); } .wi_2 dl{width:50%;} .wi_3 dl{width:33.33%;} .wi_4 dl{width:25%;} .wi_5 dl{width:20%;} .wi_6 dl{width:16.66%;} .btn01 {width:100%; border:1px solid #3c7ae1; display:block; text-align:center; font-size:18px; padding:10px 0; color:#3c7ae1 !important; margin-top:35px; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .btn01:hover {background:#3c7ae1; color:#fff !important;} .btn02 {width:100%; border:1px solid #707070; display:block; text-align:center; font-size:18px; padding:10px 0; color:#707070 !important; margin-top:35px; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .btn02:hover {background:#707070; color:#fff !important;} .btn03 {color:#3c7ae1 !important; text-align:center; display:block; font-size:14px; margin-top:18px;} .btn04 { display:block;text-align:center; font-size:18.5px; background:#3c7ae1; color:#fff !important; padding:15px 0; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .btn04:hover {background:#325896; color:#fff !important;} .btn05 {margin-top:12px; border:1px solid #3c7ae1; display:block;text-align:center; font-size:18.5px; background:#efefef; color:#3c7ae1 !important; padding:15px 0; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .btn05:hover {background:#fff; color:#3c7ae1 !important;} .btn06 {margin-top:12px; display:block;text-align:center; font-size:18.5px; background:#707070; color:#fff !important; padding:15px 50px; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} .btn06:hover {background:#555; color:#fff !important;} .bdtop{border-top:1px solid #e9e9e9;} /******* 2019.04.25 CSS 수정 ******/ #realnotiArea dd {position: relative;} #realnotiArea .swiper-container {width: 450px} #realnotiArea .btn_wrap {position: absolute; right: 0; top: 11px; width: 24px; height: 48px;} #realnotiArea .btn_wrap .btn {position: static; width: 24px; height: 24px;margin: 0;} #realnotiArea .btn_wrap .swiper-button-prev {background: url(../images/good/ico_lineprev.png)no-repeat 50% 50%;} #realnotiArea .btn_wrap .swiper-button-next {background: url(../images/good/ico_linenext.png)no-repeat 50% 50%;} .swiper-button-prev, .swiper-button-next {background: none; margin: 0;} #mainbannerArea {width: 98%; padding-bottom: 30px;} #mainbannerArea img { height: 100%;} #mainbannerArea .contlor_wrap{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);} #mainbannerArea#mainbannerArea .swiper-pagination {position: static;float: left;} #mainbannerArea#mainbannerArea .swiper-pagination-bullet {width: 12px; height: 12px; margin: 0px 2px; background: #b2b2b2;position: static;margin: 0 10px;} #mainbannerArea#mainbannerArea .swiper-pagination-bullet-active {background: #0699e9;} .pause_btn { background: url(../images/good/ico_mbanpause.png) no-repeat 50% 50%;float:left;width: 12px;height: 12px;text-indent: -9999px;border: none;margin-left: 20px;} .play_btn {background: url(../images/good/ico_mbanplay.png) no-repeat 50% 50%;float:left;width: 12px;height: 12px;text-indent: -9999px;border: none;margin-left: 20px;display: none;} .todaycatA .btn_wrap {width: 185px;height: 50px;position: absolute;bottom: 30px;} .today01 .btn_wrap {right: 1px;} .today02 .btn_wrap {left: 50%;transform: translateX(-50%);} /******* 2019.04.25 CSS 수정 ******/ #mainbannerArea .swiper-slide {width:1200px;position:relative;} #mainbannerArea .swiper-slide a {display:block;} #mainbannerArea .swiper-slide a img {width:1200px;} #mainbannerArea .swiper-slide .dimm {position:absolute;width:100%;height:100%; background: rgba(255,255,255,0); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } #mainbannerArea .swiper-slide.swiper-slide-prev .dimm {position:absolute;width:100%;height:100%; background: rgba(255,255,255,0); background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background: -webkit-gradient(right top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,1))); background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background: -o-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background: -ms-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } #mainbannerArea .swiper-slide.swiper-slide-active .dimm {display:none;} #mainbannerArea .contlor_wrap { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);} #notice a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} /*20190517*/ /*교구소식*/ .msosikpaperArea #subtab ul, .msosikpaperArea #sotab_prevBtn, .msosikpaperArea #sotab_nextBtn {} .msosikpaperArea #subtab h3 {position:relative;} .msosikpaperArea #subtab h3 span {float:right;display: block; font-size: 14px; line-height: 31px; color: #333; font-weight: 500; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .msosikpaperArea #subtab h3 a:hover span{ color:#0699e9; text-decoration:underline; } /*카톨릭 신문 no_img*/ .newspaperA li.only_text dt {width:100%;} .only_text dd {display:none;} /*********************2019.05.17 메인 슬라이드 사이즈 수정*********************/ #mainbannerArea .swiper-slide {width:800px;position:relative;} #mainbannerArea .swiper-slide a img {width:100%;} #mainbannerArea .swiper-slide .dimm {position:absolute;width:100%;height:100%; background: rgba(255,255,255,0); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(40%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } #mainbannerArea .swiper-slide.swiper-slide-prev .dimm {position:absolute;width:100%;height:100%; background: rgba(255,255,255,0); background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); background: -webkit-gradient(right top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(40%, rgba(255,255,255,1))); background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); background: -o-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); background: -ms-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%); background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } /*******************************************************************************/ /*2019.05.28*/ .wrap {position:relative;} #hd #tnb {position:absolute; width:330px; top:10px;right:0; border:1px solid #ddd;padding:5px 0 0; box-sizing:border-box;} #tnb > li {float:left;height:20px;} #tnb li a {height: 20px; display: block; line-height: 20px; font-size: 13px;padding:0;} #tnb li.log_in {width:100%;height:35px;float:none;margin-bottom:5px;padding:20px 20px;} #tnb li.log_in a {height:35px;line-height:35px;background:#ececec;display:block;} #tnb li.log_in a:hover {background:#3ca7e3;color:#fff;} #tnb li.search_id a {text-align:left;} #tnb li.join {float:right;} #tnb li.join a {text-align:right;} .member_info {overflow:hidden;padding:0 10px;margin-bottom:10px;} .member_info .left {float:left;} .member_info .left .img_wrap {float:left;width:30px;height:30px;overflow:hidden;} .member_info .left .img_wrap img {width:100%;} .member_info .left p {height:30px;line-height:15px;float:left;margin-left:10px;font-size:14px;} .member_info .left .my_info {display:block;float:left;height:30px;} .member_info .left .my_info img {margin:11px 0 0 10px;} .member_info .right {float:right;font-size:14px;} .member_info .right a {display:block;float:left;padding:0 5px;margin:7px 5px 0;text-align:center;border:1px solid #ddd;height:25px;line-height:25px;} .member_info .right a:first-child {background:#3ca7e3;color:#fff;} #tnb .util {display:block;border-top:1px solid #ddd;height:27px;padding:0 10px;background:#fafbfb;} #tnb .util > li {float:left;height:27px;display:block;margin-left:5px;} #tnb .util > li > a span {line-height:27px;vertical-align: top; } #tnb .util > li > a { border-right:1px solid #ddd;display:block;height:27px;padding:0 0px;text-align:center;} #tnb .util > li > a .num{color:#ff5f1a;margin-left:0px;} #tnb .util > li .my_btn {height:27px;width:119px;border:none;background:none;font-family: "NotoSans", "NanumGothic", "Malgun Gothic", "맑은고딕", sans-serif; vertical-align: top;} #tnb .util > li .my_btn span {font-size:12px;line-height:27px;padding-right:20px;color:#464646;font-weight:800;position:relative; vertical-align: top;} #tnb .util > li .my_btn:hover span {color:#3ca7e3;} #tnb .util > li .my_btn span:before {content:""; width:16px; height:16px; position:absolute; top:0; right:0px; background:url(http://www.catholic.or.kr/images/icon/icon_arrow_dw.png) no-repeat 50% 50%;transition:all 0.5s;} #tnb .util > li .my_btn.on span:before {transform: rotateZ(180deg);} #tnb .util li:last-child{position:relative;} .my_menu_wrap {position:absolute;top:28px;left:-1px;z-index:9999999;background:#fff;border:none;width:133px;border:1px solid #ddd;border-top:none;display:none;} #tnb .my_menu_wrap ul li {float:none;display:block;line-height:30px;height:27px;font-size:12px;} #tnb .my_menu_wrap ul li a {line-height:27px;text-align:left;text-indent:4px;height:27px;display:block;} #tnb .my_menu_wrap .menu {padding : 10px 0;} #tnb .my_menu_wrap .club_list {padding:10px 0;border-top: 1px dashed #ddd;} #hd, .wrap {overflow:visible;} /*2019-05-29*/ #hd, #hd .wrap {height:130px;} .member_info {height:75px;overflow:visible;} #tnb li.join a, #tnb li.search_id a {vertical-align:top;} .member_info .right a {float:none;} .member_info .left .img_wrap { width: 40px;height: 40px;margin: 15px 5px 0px 10px;} .member_info .left p { font-size: 15px;line-height: 20px; margin: 15px 0px 0px 10px;height:40px;width: 130px;} .member_info .left .my_info_btn {float:left;height:30px;width:30px;margin-top:20px;text-indent:-9999px;border:none;background:url(http://www.catholic.or.kr/images/icon/icon_setting.png) no-repeat 50% 50%;} #tnb .member_info .left {position:relative;} #tnb .my_info_menu {position:absolute;top:50px;left:170px;width:80px; z-index: 999999; background:#fff;border:1px solid #ddd;padding:10px 20px;border-radius:10px;display:none;} #tnb .my_info_menu:before {content:"";width:10px; height:10px;background:#fff;border:1px solid #ddd;position:absolute;top:-6px;left:50%;margin-left:-5px;transform:rotateZ(45deg);border-width:1px 0 0 1px;} #tnb .my_info_menu li {display:block;} #tnb .my_info_menu li a {line-height:35px;height:auto;} #tnb .util {position:relative; width: 328px;} #tnb .util li:last-child {position:static;} .my_menu_wrap {padding: 0 20px;left:0;width:100%; } #tnb .my_menu_wrap ul li a {font-weight:500;} #tnb .util > li > a .num {display: inline-block; width: 28px; text-align: right;} #tnb .my_info_menu {left: 155px; width: 110px;} #tnb .util {padding:0} #tnb .util > li .my_btn {width: 100%;margin-left: 5px;} .myarea {width: 60px;} .message {width: 60px;} .friend {width: 90px;}