@charset "utf-8";

/* Common */ 
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,input,button{font-size:12px;line-height:1.5em;font-family:'����',dotum,Helvetica,sans-serif;color:#494949}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left}
img,fieldset,iframe{border:0 none}
li{list-style:none}
a{color:#494949;text-decoration:none}
a:hover{color:#31a0ee;}


/* Layout */
body { background:url(../../images2011/bg.gif) repeat-x;} 
#wrap{width:100%; height:100%}
#header{ width:950px; height:79px;margin:0 auto}


/* header */
#header .general_service {width:268px; height:78px; float:left}
#header .topm img {margin:6px 10px 0 0}
#header .notice {width:268px; padding-top:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#header .notice img {margin-right:8px; vertical-align:bottom;}

#header .logo{width:414px; height:78px;float:left; text-align:center}

#header .personal_service {width:268px; height:79px; float:right; text-align:right;}
#header .personal_service ul {padding-top:6px}
#header .menu{width:268px; float:right; padding-top:18px;}
#header .menu ul{display:block; float:right;}
#header .menu li{display:inline;}


/* GNB */

.gnb {width:950px; height:43px;margin:0 auto; clear:both}
.gnb img {display:block}
.gnb ul li {float:left}
.gnb .pt01 {background:url(../../images2011/partition_01.gif) no-repeat; width:2px; height:43px}
.gnb .pt02 {background:url(../../images2011/partition_02.gif) no-repeat; width:2px; height:43px}

/* 테마설교 */
.sermon {clear:both;width:950px; height:182px; margin:0 auto; border-bottom:2px solid #dce6ef}
.keyword {width:710px; height:182px; float:left;}
.keyword li { height:24px}
.keyword h2 {margin:22px 0 0 10px; display:block}
.keyword .img {width:204px; height:140px; display:block; text-align:right; float:left}
.spot { width:225px; height:182px; background-color:#0C0;float:right}

.keyword .tit {width:265px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; padding-left:20px;}
.keyword .ch {width:90px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display:inline-block;padding-left:20px;}
.keyword .pastor {width:70px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display:inline-block; padding-left:20px;}
.keyword .a_center {text-align:center; padding-right:20px}

/* 뉴스 */
#new_news {clear:both;width:950px; height:182px; margin:0 auto; border-bottom:2px solid #dce6ef}
.nnews {width:710px; height:182px; float:left;}
.n_news {width:290px; height:182px; float:left;}
.n_news li { height:22px;width:160px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; padding-left:12px;}
.n_news h2 {margin:14px 0px 6px 5px; display:block; font-size:11px; font-weight:100; color:#cccccc;}
.n_news h2 A{color:#494949;}
.n_news h3 {margin:0px 0px 8px 3px; height:15px; width:280px; display:block; font-weight:bold; color:#494949; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.n_news h2 A{color:#494949;}
.n_news .txt { color:#0066FF;}
.n_news .txt_blue{color:#0066FF;}
.n_news .txt_blue A{color:#0066FF;}
.n_news .img {width:112px; height:72px; display:block; text-align:right; float:left;}
.n_news .img img{border:1px solid #d5d5d5;}
.spot { width:225px; height:182px; background-color:#0C0;float:right}
.n_news .tit_title {width:112px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; padding-top:7px; color:494949px; font-weight:bold;}
.n_news .ch {width:90px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display:inline-block;padding-left:20px;}
.n_news .pastor {width:70px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display:inline-block; padding-left:20px;}
.n_news .a_center {text-align:center; padding-top:4px;}
.n_news .txt_b { color:#0066FF; font-weight:bold;}



/* new_ 설교방송 */
.n_broad {width:415px; height:182px; float:left;}
.n_broad li { height:22px}
.n_broad h2 {margin:14px 0px 12px 20px; display:block; font-size:11px; font-weight:100; color:#cccccc;}
.n_spot { width:220px; height:182px; background-color:#0C0;float:right}
.n_broad .tit {width:200px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:20px;}
.n_broad .ch {width:90px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:20px;}
.n_broad .pastor {width:60px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; npadding-left:20px;}
.n_broad .a_center {text-align:center; padding-top:4px;}
.n_broad .txt_b { color:#0066FF; font-weight:bold;}


/* VOD */
.vod {width:950px; height:182px; margin:0 auto; border-bottom:2px solid #dce6ef}
.vod  h2 {padding:22px 0 22px 10px; display:block}
.vod ul { padding-left:13px}
.vod li { width:184px; height:97px;float:left; padding-right:1px}
.vod li img {display:block; margin-top:-20px}

.vod_tit { width:174px; height:18px; position:relative; top:77px; z-index:5000; padding:2px 5px 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vod_tit { background-color:#000;font-size:12px; color:#ffffff; filter:filter: Alpha(Opacity=80);}
.vod_tit a:link { background-color:#000;font-size:12px; color:#ffffff;filter: Alpha(Opacity=80);}


/* QT */
.qt {width:950px; height:180px; margin:0 auto; border-bottom:2px solid #dce6ef}
.qt  h2 {padding:22px 0 18px 10px; display:block;}
.qt_list ul {float:left;}
.qt_list li { height:22px;}
.qt .qt_list { width:270px; padding-left:32px; float:left}
.qt_list li img { vertical-align:top; padding-top:2px;}
.qt .section {width:55px; height:22px;color:#808fba;padding-left:8px; display:inline-block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.qt .tit {width:165px; height:22px;padding-left:18px; display:inline-block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.mov {width: 630px; height:105px; float:right; border-left:1px solid #dbe5f1;}
.mov ul {float:left;}
.mov_li {width:187px; height:105px; float:left; padding-left:25px}
.mov_li2 {width:187px; height:105px; float:left; padding-left:15px}

.m_tit {width:185px; color:#333333; font-weight:bold; display:block; padding:10px 0 0 2px}
.s_tit {width:185px; color:#333333;display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:2px}
.s_tit a {color:#333333}
.m_tit a:hover {color:#333333}
.s_tit a:hover {color:#333333}

/* CUC */
.cuc {width:950px; height:188px; margin:0 auto; border-bottom:2px solid #dce6ef}
.cuc  h2 {padding:22px 0 18px 10px; display:block}
.cuc_list {float:left;}
.cuc_list ul { padding-left:13px}
.cuc_list li { width:118px; height:110px;float:left; padding-right:9px}
.cuc_list .txt { width:118px;color:#333333;display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding:6px 0 0 2px}

.cuc_tit { width:22px; height:22px; position:relative; padding-left:5px; top:60px; z-index:4000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cuc_list .mt {display:block; margin-top:-22px}


.photo_list {float:right;  padding-right:13px;}
.photo_list h3 {padding:0px 0 10px 0; display:block}
.photo_list li { width:83px; height:80px;float:left;float:right;}
.photo_list .p_pd {padding-right:9px}
.photo_list .txt {width:83px;color:#333333;display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding:9px 0 0 2px}


/* 공지 */
.notice2 {width:950px; height:120px; margin:0 auto; border-bottom:2px solid #dce6ef}
.notice2  h2 {padding:22px 35px 18px 10px; float:left }
.notice2  span { display:block; float:left }
.notice2 dl {float:left; margin:36px 50px 0 50px}
.notice2 dt { padding-bottom:10px}
.notice2 dd { width:225px; line-height:18px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice2 dd a {color:#333333;}
.notice2 dd a:hover{color:#31a0ee; text-decoration:underline}


/* AD */
.ad {width:950px; height:140px; margin:0 auto; border-bottom:2px solid #dce6ef}
.ad  h2 {padding:22px 0 22px 10px; display:block}
.ad ul { padding-left:13px}
.ad li { width:184px; height:63px;float:left; padding-right:1px}
.ad li img {display:block}


/* family */
.family {width:950px; height:70px; margin:0 auto;}
.family  h2 {padding:22px 10px 0px 10px; float:left; display:block;}
.family span{ width:880px; height:25px; display:block; text-align:center; padding-top:25px;}

/* footer */
.footer {width:950px; height:100px; margin:0 auto; border-top:4px solid #394048; text-align:center}
.footer ul {display:block; padding:30px 0px 0px 0px;}
.footer ul li{display:inline; font-size:11px; color: #7d7d7d; letter-spacing: -1px}
.footer ul li a {color: #7d7d7d}
.footer ul li a:hover{color:#333333; text-decoration:underline}
.footer img{padding:0 15px}
.footer .copy { font-weight:bold}

/* App url 보내기 레이어팝업창 2013.11.14 */
#message_send { width:432px; height:155px; border:2px solid #056eb8; position:absolute; z-index:1000; background:#FFF; margin-top:-37px; margin-left:152px;}
#message_send .title{ padding:17px 0px 10px 17px;}
#message_send .close{ position:absolute; z-index:1001; margin-left: 409px; margin-top:10px;}
#message_send .left{ width:50%; float:left; padding-left:18px;}
#message_send .right{ width:40%; float:left; padding-left:5px; padding-top:5px;}
#message_send .left .text_download{ font-size:12px; margin-bottom:10px;}
#message_send .btn_send{text-align:center; margin-left:3px; border:1px solid #b5b5b5; display:block; float:left; height:19px; padding:1px 3px 0px 3px;}
#message_send .text_box{ border: 1px solid #b5b5b5; display:block; float:left; height:20px; padding-left:5px;}
#message_send .text_nosave{ margin-top:8px; letter-spacing:-1px; color:#666666; font-weight:bold;}
#message_send .text_bicbox{vertical-align: middle; width:100%; height:21px; margin:3px 0px 2px 0px;}