@charset "utf-8";
@import url(common.css);

#collectPop{position:absolute;width:488px;height:560px;top:155px;left:50%;font-family:arial;margin:0 0 0 -481px;z-index:2000}
#collectPop .in{position:relative;width:488px;height:560px;background:url(/notice/images/collect_20th_pc.jpg) 0 0 no-repeat;display:table}
#collectPop .btnCollect{position:absolute;top:425px;left:50px;display:block;width:147px;height:43px;line-height:43px;font-size:15px;color:#fff;text-align:center;background:#4d8a00;border-radius:3px;cursor:pointer;}
#collectPop .btnCollect:hover{text-decoration:none}
#collectPop.eng{height:560px;}
#collectPop.eng .in{height:560px;background:url(/notice/images/collect_20th_pc.jpg) 0 0 no-repeat;}
#collectPop.chi{height:560px;}
#collectPop.chi .in{height:560px;background:url(/notice/images/collect_20th_chi_pc.jpg) 0 0 no-repeat;}
#collectPop.chi .btnCollect{font-weight:bold;color:#fff66b}

.collectBt{text-align:right;position:absolute;bottom:16px;right:17px}
.collectBt input[type=checkbox]{display:none}
.collectBt input[type=checkbox]+label{cursor:pointer;height:16px;vertical-align:middle;display:inline-block;background:url(/notice/images/btn_check.png) 0 1px no-repeat;background-size:15px auto;padding:2px 5px 0 19px;color:#32510e;font-size:11px;margin:0}
.collectBt input[type=checkbox]:checked+label{background:url(/notice/images/queen_check_on@2x.png) 0 1px no-repeat;background-size:15px auto;}
.collect_close{display:inline-block;cursor:pointer;font-size:11px;color:#fff;background:#4d8a00;border-radius:2px;padding:3px 7px;margin:0}
.collect_close:hover{text-decoration:none}

/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
#collectPop .in{background:url(/notice/images/queen@2x.jpg) 0 0 no-repeat;background-size:496px;}
}*/

@media screen and (max-width:960px){
#collectPop .btnCollect{display:none}
#collectPop.eng{width:300px;height:377px;margin:0 0 0 -150px;top:53px}
#collectPop.eng .in{width:300px;height:377px;background:url(/notice/images/collect_20th_m@2x.jpg) 0 0 no-repeat;background-size:300px auto}
#collectPop.chi{width:300px;height:420px;margin:0 0 0 -150px;top:53px}
#collectPop.chi .in{width:300px;height:420px;background:url(/notice/images/collect_20th_chi_m@2x.jpg) 0 0 no-repeat;background-size:300px auto}
.collectBt{left:28px;right:28px;bottom:25px;text-align:left}
.collectBt input[type=checkbox]+label{float:left;cursor:pointer;height:19px;vertical-align:middle;display:inline-block;background:url(/notice/images/btn_check.png) 0 0 no-repeat;background-size:19px;padding:3px 12px 0 24px;font-family:NanumGothic;color:#333;font-size:11px;letter-spacing:-0.05em}
.collectBt input[type=checkbox]:checked+label{background:url(/notice/images/btn_check_on.png) 0 0 no-repeat;background-size:19px}
.collect_close{background:url(/notice/images/btn_close_top.png) 50% 50% no-repeat;background-size:19px auto;width:19px;height:19px;float:right;padding:0;cursor:pointer;text-indent:-9999px;margin:0 0 0 0}
}

#queenPop{position:absolute;width:496px;height:751px;top:155px;left:50%;font-family:arial;margin:0 0 0 -248px;z-index:1000}
#queenPop .in{position:relative;width:496px;height:751px;background:url(/notice/images/queen.jpg) 0 0 no-repeat;display:table}
#queenPop .con{display:table-cell;vertical-align:middle;text-align:center;padding:0 30px;}
#queenPop .eng{font-family:arial !important;font-size:21px;color:#fff;line-height:1.1;font-weight:bold;text-shadow:0 1px 2px #25676c;margin:0 0 30px 0}
#queenPop h3{font-size:36px;color:#fffbcc;font-weight:600;line-height:1.1;text-shadow:0 1px 3px #25676c;margin:0 0 35px 0}
#queenPop h3:before{display:block;content:"";width:348px;height:24px;background:url(/notice/images/queen_title_pt@2x.png) 0 0 no-repeat;background-size:348px auto;margin:0 auto 22px auto}
#queenPop h3:after{display:block;content:"";width:348px;height:4px;background:#fffbcc;box-shadow:0 1px 3px #25676c;margin:25px auto 0 auto}
#queenPop .explain{font-size:19px;color:#fff;font-weight:600;line-height:1.3;text-shadow:0 1px 2px #25676c;margin:0 0 20px 0}
#queenPop .meaning{font-size:17px;color:#fff;line-height:1.5;text-shadow:0 1px 2px #25676c;margin:0 0 45px 0}
#queenPop .meaning br{display:none}
#queenPop .btnAward{display:block;width:186px;height:44px;line-height:44px;font-size:17px;color:#fff;border:solid 2px #fff;font-weight:bold;text-align:center;box-shadow:0 1px 3px #25676c;cursor:pointer;margin:0 auto}
#queenPop .btnAward:hover{text-decoration:none}
#queenToday{display:inline-block}

#queenBt{text-align:right;position:absolute;bottom:15px;right:17px}
#queenBt input[type=checkbox]{display:none}
#queenBt input[type=checkbox]+label{cursor:pointer;height:16px;vertical-align:middle;display:inline-block;background:url(/notice/images/queen_check@2x.png) 0 1px no-repeat;background-size:15px auto;padding:2px 5px 0 19px;color:#003d41;font-size:11px;margin:0}
#queenBt input[type=checkbox]:checked+label{background:url(/notice/images/queen_check_on@2x.png) 0 1px no-repeat;background-size:15px auto;}
.queen_close{display:inline-block;cursor:pointer;font-size:11px;color:#fff;background:#006269;border-radius:2px;padding:3px 7px;margin:0}
.queen_close:hover{text-decoration:none}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
#queenPop .in{background:url(/notice/images/queen@2x.jpg) 0 0 no-repeat;background-size:496px;}
}

#literaPop{position:absolute;width:482px;height:576px;top:140px;left:50%;margin:0 0 0 -248px;background:url(/notice/images/litera_bg.jpg) 0 0 no-repeat;border:solid 7px #356400;z-index:2000}
#literaPop .in{position:relative}
#literaPop .btnGo{position:absolute;top:436px;left:46px}
#literaPop .literaFoot{position:absolute;bottom:8px;right:15px;color:#5f5c55;font-family:Simsun, SimHei}
#literaPop .literaFoot input{vertical-align:-2px}
*+html #literaPop .literaFoot input{vertical-align:0}
#literaPop .literaFoot img{margin:0 0 0 10px;vertical-align:0}
#literaPop .literaFoot a{color:#5f5c55}
#literaPop .literaFoot a:hover{text-decoration:none}

/* CSS Document */
.indexLeft{float:left;width:644px}
.indexRight{float:right;width:274px;padding:20px 0 0 0}

#ihavePop{width:614px;height:893px;position:absolute;top:15px;left:50%;margin-left:-310px;z-index:1000;border:solid 4px #392a2a}
#ihaveWrap{width:614px;height:893px;position:relative}
.ihaveVisual{position:absolute;top:0;left:0}
#ihaveToday{font-size:11px;font-family:Dotum;color:#fff;position:absolute;top:581px;left:265px}
#ihaveToday input{margin-top:-3px}
#ihaveBt{position:absolute;top:865px;right:20px}
#ihavePop .btnCloseTop{position:absolute;top:13px;right:20px}

#orchestraPop{width:431px;height:658px;position:absolute;top:141px;left:50%;margin-left:-480px;z-index:1000;padding:6px 0 0 6px;background:#fff;border:solid 1px #f2f2f2}
#orchestraWrap{width:425px;height:652px;background:#000 url(/notice/images/17th_orchestra.jpg) 0 0 no-repeat;position:relative}
#orchestraToday{font-size:11px;font-family:Dotum;color:#fff;position:absolute;top:581px;left:265px}
#orchestraToday input{margin-top:-3px}
#orchestraBt{position:absolute;top:633px;right:10px}

#indexNews{border-top:none}
#indexNews .title{padding:24px 0 0 10px !important}
#indexNews .row{clear:both;width:605px;padding:0 0 0 9px}

#indexNews .con{width:283px;display:table;padding:0 0 20px 0}
#indexNews .con h4{font-weight:normal;font-family:Georgia;font-size:18px;color:#333;line-height:1.3;margin:0 0 12px 0}
#indexNews .con h4 a{color:#333;text-shadow:#ccc 1px 1px 3px}
#indexNews .con h4 a:hover{border-bottom:dashed 1px #ccc;text-decoration:none}
#indexNews .con p{color:#666;line-height:1.5}
#indexNews .con .thum{float:left;padding:4px 17px 5px 0}
#indexNews .con .btn{height:46px;text-align:right;padding:0 15px 0 0}

#indexNews .left{float:left}
#indexNews .right{float:right}

.section{clear:both;width:624px;border-top:solid 1px #d6d6d6;margin:-1px 0 -1px 20px}
.section .title{height:29px;padding:31px 0 0 10px}
.section .title h3{font-size:16px;font-family:verdana;color:#880000;font-weight:lighter}
.section .title h3 a{color:#880000}

#indexSocial{padding:0 0 8px 0}
#indexSocial .con{clear:both;width:603px;padding:0 0 0 10px;display:table;zoom:1}
#indexSocial .con .thum{float:left;padding:0 27px 25px 0}
#indexSocial .con h4{font-weight:normal;font-family:Georgia;font-size:18px;color:#333;line-height:1.3;margin:0 0 8px 0}
#indexSocial .con h4 a{color:#333;text-shadow:#ccc 1px 1px 3px}
#indexSocial .con h4 a:hover{border-bottom:dashed 1px #ccc;text-decoration:none}
#indexSocial .con p{color:#666;line-height:1.5}
#indexSocial .con .btn{height:40px;text-align:right;padding:0 15px 0 0}

#indexTruth{padding:0 0 30px 0;display:table;zoom:1;width:624px !important}
#indexTruth .title{}
#indexTruth .title h3{float:left}
#indexTruth .title p{float:right;padding:0 15px 0 0}

#indexTruth h4{font-weight:normal;font-family:Georgia;font-size:18px;color:#336699;line-height:1.3;margin:0 0 5px 0}
#indexTruth h4 a{color:#336699}
#indexTruth h4 a:hover{border-bottom:dashed 1px #ccc;text-decoration:none}
#indexTruth ul{}
#indexTruth li{background:url(/images/icon_arrow.gif) 0 5px no-repeat;padding:0 0 5px 8px;color:#666}
#indexTruth li a{color:#666}

#indexIntro{width:252px;margin:0 0 10px 0}
#indexIntro ul{}
#indexIntro ul li{background:url(/images/icon_arrow.gif) 0 12px no-repeat;padding:6px 0 6px 10px;border-top:dotted 1px #d6d6d6;font-size:13px;color:#666}
#indexIntro ul li a{color:#666}
#indexIntro ul li a:hover{color:#264fbe}
#indexIntro ul li.first{border-top:none}

#introPlayer{height:167px;padding:0}
.contiListM h3{width:270px;font-size:18px;font-family:georgia;font-weight:normal;color:#333;line-height:1.3;padding:0 0 10px 0}
#indexFragrance{margin:0 0 10px 0}
#indexApp{margin:0 0 10px 0}
#indexOverseas{margin:0 0 10px 0}
#indexTeachings{height:145px}
#indexAwards{margin:0 0 10px 0}
#indexLetter{margin:0 0 10px 0}
#indexMother{margin:0 0 10px 0}
#indexSeen{margin:0 0 10px 0}
#indexFaith{margin:0 0 7px 0}
#indexFaith img{padding:0 0 3px 0}
#indexFestival{margin:0 0 10px 0}
#indexNewsong{margin:0 0 10px 0}
#indexDown{margin:0 0 10px 0}
#indexSaint{margin:0 0 10px 0}
#indexSeminar{margin:0 0 10px 0}
#indexQueen{margin:0 0 10px 0;width:252px;height:80px;background:url(/images/btn_banner_queen_bg.jpg) 0 0 no-repeat;display:table}
#indexQueen a{display:block;color:#fffbcc;font-size:16px;font-family:Arial;font-weight:600;text-align:center;display:table-cell;vertical-align:middle;padding:0 25px 5px 25px;margin:0 34px}
#indexQueen a:hover{text-decoration:none}
#indexQueen a:before{display:block;width:184px;height:12px;content:"";background:url(/images/btn_banner_queen_pt1.gif) 0 0 no-repeat;margin:0 auto 2px auto}
#indexQueen a:after{display:block;width:184px;content:"";border-top:solid 1px #fffbcc;margin:7px auto 0 auto}

.bnListR{width:252px;margin:0 0 10px 0}
.bnListR li{font-size:13px;border-top:solid 1px #e1e1e1;background:url(/images/ico_arrow_r.gif) right 50% no-repeat}
.bnListR li a{vertical-align:middle;display:inline-block;color:#255587;padding:12px 0}
.bnListR li.first{border-top:none}
.bnListR li .bar{vertical-align:middle;display:inline-block;color:#d2d2d2;font-size:11px;padding:0 5px}

#indexSpecial{width:100%;height:290px;background:#e6e6e6;border-bottom:solid 1px #bcbcbc;margin:0;position:relative;overflow:hidden}
*html #indexSpecial{margin:0 0 0 1px}
*+html #indexSpecial{margin:0 0 0 1px}

#indexFooter{clear:both;width:100%;border-top:solid 2px #636870;background:#eee;padding:30px 0 0 0;zoom:1}
*html #indexFooter{margin:0 0 0 1px}
*+html #indexFooter{margin:0 0 0 1px}
#indexFooter h3{height:25px;font-size:16px;color:#444;font-weight:normal}
#indexFooter h3 a{color:#444}

#indexFooter .map{float:left;width:645px;padding:0 0 30px 30px}
#indexFooter .map h3{height:28px}
#indexFooter .map .con{}
#indexFooter .map dl{float:left;padding:0 35px 0 0}
#indexFooter .map dl.last{padding:0}
#indexFooter .map dt{color:#444;font-weight:bold;padding:0 0 8px 0}
#indexFooter .map dt a{color:#444}
#indexFooter .map dt.down{padding:14px 0 5px 0}
#indexFooter .map dd{font-size:11px;color:#777;padding:0 0 5px 0}
#indexFooter .map dd a{color:#777}
#indexFooter .map dd a:hover{color:#444}

#indexFooter .recent{float:right;width:246px;padding:0 30px 30px 0}
#indexFooter .recent ul{}
#indexFooter .recent li{color:#777;padding:0 0 10px 0}
#indexFooter .recent li a{color:#777}
#indexFooter .recent li a:hover{color:#444}
#indexFooter .recent li p{color:#a64040;font-size:11px}

#indexFooter .copy{clear:both; text-align:center;background:url(/images/bg_copy.jpg) 0 0 no-repeat;padding:23px 0; /*overflow:hidden*/}
#indexFooter .copy img{vertical-align:top}
#indexFooter .copy p{font-size:11px;color:#9498a0;padding:6px 0 0 0}
#indexFooter .copy p.address{font-size:10px;color:#434f66;padding:16px 0 0 0}
#indexFooter .copy span.btEmail{padding:0 0 0 6px}

#indexFooter .blank{display:none}
#indexFooter .copy-more{position:relative; color:#999; border:1px solid #c1c1c1; padding:1px 4px; border-radius:3px; cursor:pointer}
/*#indexFooter .copy-more:hover .copy-desc{display:block}*/
#indexFooter .copy-desc{display:none; position:absolute; right:0; bottom:19px; width:500px; padding:10px; background-color:#FFF; text-align:left; -webkit-box-shadow: 0 0 2px 1px #CCC;
box-shadow: 0 0 2px 1px #CCC; border-radius:2px}
@media(max-width:960px) {
	#indexFooter .copy-desc{bottom:24px; margin-right:-65px}
}
@media(max-width:640px) {
	#indexFooter .blank{display:block; height:7px}
	#indexFooter .copy-more{width:100px; margin-top:6px}
	#indexFooter .copy-desc{left:0; width:322px}
}
@media(max-width:375px) {
	#indexFooter .copy-desc{width:270px}
}

#slides1{}
#slides1 ul{clear:both}
#slides1 ul li{clear:both;padding:0;margin:0;height:291px}

.slides1_wrap .prev{display:none;position:absolute;left:-6px;top:100px;outline:0}
.slides1_wrap .next{display:none;position:absolute;right:90px;top:100px;outline:0}
.slides1_wrap a:active{}

.bx_pager{position:absolute;left:128px;top:237px;background:url(/images/bg_pager_all.gif) 0 0 no-repeat;width:212px;height:32px;padding:2px 0 0 3px;font-family:arial !important}
.bx_pager a{float:left;background:url(../images/bg_pager.gif) no-repeat 0 -26px;width:28px;height:20px;color:#999;font-size:13px;margin-right:1px;padding:6px 0 0 0;text-align:center;font-family:arial !important}
.bx_pager a:hover, .bx_pager a.active{background-position:0 0;text-decoration:none;color:#444}

.auto_controls{display:none;position:absolute;bottom:-11px;left:394px}
.auto_controls a{font-size:16px;color:#a3a3a3;outline:0;padding:2px}
.auto_controls a:hover{text-decoration:none;color:#e41996}

.clear{clear:both;margin:0;padding:0;overflow:hidden}
*html .clear{zoom:1}

.slideDatail{float:left;width:325px;padding:27px 0 0 30px}
.slideDatail .kind{height:22px;border-bottom:solid 1px #bcbcbc;font-size:16px;font-family:verdana;color:#733723}
.slideDatail h2{font-size:19px;font-family:georgia;font-weight:normal;color:#444;padding:15px 0 12px 0}
.slideDatail h2 a{color:#444}
.slideDatail h2 a .point{font-style:italic}
.slideDatail h2 a:hover{text-decoration:none;color:#000}
.slideDatail h2 .point{font-size:34px;letter-spacing:-1px}
.slideDatail h2 .issue{text-align:center;font-size:23px;letter-spacing:-1px;line-height:23px;line-height:1.1}
.slideDatail p{font-size:12px;color:#666;line-height:1.3;padding:0 0 10px 0}
*html .slideDatail img{padding:0 0 1px 0}
.thumB{float:right;padding:15px 15px 0 0}

.stepcarousel{position:relative;overflow-x:scroll;overflow:visible;width:615px;height:180px}
.stepcarousel .belt{position:absolute;left:0;top:0}
.stepcarousel .panel{float:left;overflow:hidden;margin:10px;width:300px}

.radioBox{margin:0 0 10px 0}

.worldBox{height:94px}
.worldBox .slides{position:relative;width:252px}
.worldBox .slides .peru_slide{overflow:hidden;position:relative;width:252px;height:84px}
.worldBox .slides .peru_slide li{display:block;width:252px;height:84px}
.worldBox .slides .peru_slide li a{display:block}
.worldBox .slides .peru_slide li img{cursor:pointer}
.worldBox .slides a.prev,.peru_slides a.next{display:inline-block;z-index:100;overflow:hidden;position:absolute;top:10px;width:14px;height:14px;background:url(/images/passover2012/btn_dot_on.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.worldBox .slides a.prev{right:25px;background-position:0 0}
.worldBox .slides a.prev:hover{background-position:0 -20px}
.worldBox .slides a.next{right:10px;width:15px;background-position:-20px 0}
.worldBox .slides a.next:hover{background-position:-20px -20px}
.worldBox .slides .page{z-index:100;position:absolute;top:8px;left:202px;text-align:left;list-style:none}
.worldBox .slides .page li{float:left;display:inline-block;_display:inline;margin:0 1px;_zoom:1;padding:0}
.worldBox .slides .page li a{display:block;overflow:hidden;width:12px;height:12px;background:url(/images/passover2012/btn_dot.png) 0 0 no-repeat;line-height:999px;vertical-align:top}
.worldBox .slides .page li.current a{background:url(/images/passover2012/btn_dot_on.png) 0 0 no-repeat}