/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-weight: normal; font-style: normal; text-align:center;}
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }


/* LAYOUT */
HTML {border-top:0px solid #bf2e1a ;}

/* 링크점선 */
a {outline:none; select-dummy: expression(this.hideFocus=true);}

img { border: 0; }
img .left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img .across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }
.clear{clear:both}

/* 아이폰 사파리에서 폰트가 커지는 버그 잡는 소스 */
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}
/* 아이폰 사파리에서 폰트가 커지는 버그 잡는 소스 */



.round { background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px;margin:0 auto;  width:980px; text-align:center}
.round:nth-child(1n) { border: none; } /* reset border for smart browsers */
.round,
.article .box { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }

 
.roundGray { background: #eee; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px;margin:0 auto;  text-align:center}
.roundGray:nth-child(1n) { border: none; } /* reset border for smart browsers */
.roundGray,
.article .box { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }

.gray_line {background: url(/image/ko-kr/common/gradient_texture.png) repeat-x left top;padding:10px 0;  border: 1px solid; border-color: #d4d4d4;  text-align:center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.gray_line_01 {margin:0 auto;width:100%;margin-top:10px;background: url(/image/common/search_bg_01.gif) repeat-x left 50%;padding:8px 0 0 0;  border: 1px solid; border-color: #d4d4d4;  text-align:right; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.gray_line_02 {margin:0 auto;width:100%;margin-top:10px;margin-bottom:12px;background: url(/image/common/search_bg_01.gif) repeat-x left top;padding:20px 0 10px 0;  -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; border: 1px solid; border-color: #d4d4d4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
.gray_line_search {margin:0 auto;width:100%;margin-top:10px;margin-bottom:12px;background: url() repeat-x left top;padding:10px 0 10px 0;background-color:#e8e8e8; }
.gray_line_03 {margin:0 auto;width:100%;margin-top:10px;background-color:#e8e8e8;padding:20px 0 18px 0;  text-align:center;  }
.roundDarkgray { background: #e6e6e6; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px;margin:0 auto; width:980px; text-align:center}
.roundDarkgray:nth-child(1n) { border: none; } /* reset border for smart browsers */
.roundDarkgray,
.article .box { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }

.content03 { background: #fff; margin:0 auto;  width:980px; }
.content03:nth-child(1n) { border: none; } /* reset border for smart browsers */
.content03,.article .box { border-radius: 0 }

.content03_notice01 {height:160px;float:left;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px;  width:475px;padding:10px 0 10px 10px;  text-align:left;margin-top:12px}
.content03_notice01:nth-child(1n) { border: none; } /* reset border for smart browsers */
.content03_notice01 li {padding:3px 0}
.content03_notice01 p {padding:6px 0;font-size:16px;color:#000}
.content03_notice01 a:link {color:#000}
.content03_notice01 a:hover {color:#e72e35}

.content03_notice02 {position:relative; overflow:hidden; height:180px;float:right;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px;  width:490px;padding:0;  text-align:left;margin-top:12px; }
.content03_notice02:nth-child(1n) { border: none; } /* reset border for smart browsers */
.content03_notice02 div.banner {width:490px;height:180px;margin:0 }
.content03_notice02 div.banner ul {height:110px;margin:0 auto;background:url(/image/ko-kr/main/board_bg.jpg) 50% bottom no-repeat;padding: 0 0 0 50px }
.content03_notice02 div.banner li {display:inline; _zoom:1;padding:7px 0 1px 12px}
.content03_notice02 div.banner p {text-align:center;padding:8px 15px 20px 10px;font-size:16px;color:#000}
.content03_notice02 div.banner span {padding:0 4px}
.content03_notice02 div.banner a:link {color:#000}
.content03_notice02 div.banner a:hover {color:#e72e35;}
.content03_notice02 div.banner a:link  {color:#000;border:0px solid #fff;}
.content03_notice02 div.banner a:hover {color:#e72e35;border:0px solid #fff}
.content03_notice02 div.banner img {color:#fff;border:0px solid #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;background: #fff;}

.content03_etc { height:143px;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px;background: #fff; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px;margin:0 auto; width:980px; text-align:center;margin-top:12px;}
.content03_etc:nth-child(1n) { border: none; } /* reset border for smart browsers */
.content03_etc  li {display:inline; _zoom:1;padding:0}
.content03_etc .sp {padding:0 10px}

.wall_black_01 {background: #000;margin:0 auto;  width:980px; text-align:center;}
.wall_black_01:nth-child(1n) { border: none; } /* reset border for smart browsers */

.wall_black {background: #000; margin:0 auto;  width:980px; text-align:center;}
.wall_black:nth-child(1n) { border: none; } /* reset border for smart browsers */

.wall_gray02 {background: #f5f6f8; border:1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px; box-shadow: rgba(0,0,0,0.5) 0 1px 3px;margin:0 auto;  width:980px; text-align:center;}
.wall_gray02:nth-child(1n) { border: none; } /* reset border for smart browsers */
.wall_gray02,
.article .box { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }

.wall_gray {background: #fff; border:1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px; box-shadow: rgba(0,0,0,0.5) 0 1px 3px;margin:0 auto;  width:100%; text-align:center;}
.wall_gray:nth-child(1n) { border: none; } /* reset border for smart browsers */
.wall_gray,
.article .box { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }

.shadow { -webkit-box-shadow: rgba(0,0,0,0.35) 0 0 10px; -moz-box-shadow: rgba(0,0,0,0.35) 0 0 10px; box-shadow: rgba(0,0,0,0.35) 0 0 10px; } 
img.shadow { padding: 5px; background: #fff; margin-bottom: 2px; *border: 1px solid #e2e2e2; _position: relative; } 

.graybox,
.callout {  }
.graybox4 {  }


.out {
font-size: 13px;
color: #666666;
padding: 15px 0 20px 0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
text-align: center;
background: #e1e1e1; /* Old browsers */
background: -moz-linear-gradient(top, #e1e1e1 0%, #f8f8f8 15%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(15%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e1e1e1 0%,#f8f8f8 15%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e1e1e1 0%,#f8f8f8 15%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e1e1e1 0%,#f8f8f8 15%); /* IE10+ */
background: linear-gradient(top, #e1e1e1 0%,#f8f8f8 15%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}

.out_apply {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #e1e1e1 0%, #f8f8f8 15%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(15%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e1e1e1 0%,#f8f8f8 15%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e1e1e1 0%,#f8f8f8 15%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e1e1e1 0%,#f8f8f8 15%); /* IE10+ */
background: linear-gradient(top, #e1e1e1 0%,#f8f8f8 15%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}


.inner {border: 1px solid #dddddd;/*border-radius: 5px;*/margin-bottom: 18px;}
.line {background: #f5f6f8;border: 1px solid #dcdcde;border-radius: 5px;margin-bottom: 18px;}

/* 게시판 */
#board-box {width:980px;margin: 0 auto;margin-top: 12px;}
#board_box_qt {width:980px;margin: 0 auto;margin-top: 12px;}

#board-box .content02 {border: 1px solid; border-color: #dddddd; -webkit-box-shadow: rgba(0,0,0,0.3) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 1px 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px;margin:0 auto;  width:980px; text-align:center}
#board-box .content02:nth-child(1n) { border: none; } /* reset border for smart browsers */
#board-box .content02,
#board-box .article .box {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }


#board_box_qt .content02 {background: url() no-repeat right top #edeeef;border: 1px solid; border-color: #ddd; -webkit-box-shadow: rgba(0,0,0,0.6) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,0.6) 1px 1px 3px; box-shadow: rgba(0,0,0,0.6) 0 1px 3px;margin:0 auto;  width:980px; text-align:center}
#board_box_qt .content02:nth-child(1n) {border: none; } /* reset border for smart browsers */
#board_box_qt .content02,
#board_box_qt .article .box {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }


/* GRID 중요 */
.column { float: left; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

/* 설교리스트 썸 네일 이미지 */
#thumbnailbox{margin: 0;padding-bottom:20px;position: relative;}
#thumbnailbox ul{margin-bottom: 10px;}
#thumbnailbox .thumbnail li {padding:0 0 0 46px; float:left;display:inline;}
#thumbnailbox .thumbnail li:first-child {padding:0; }
#thumbnailbox ul .no{padding:5px 0;float: left;top: 0;display: inline;height: 35px;width: 20px;line-height: 35px;text-align:center}
#thumbnailbox ul .info{padding:5px 0;float: left;display: inline;}
#thumbnailbox .thumbnail_list li{padding: 0;float: left;display: inline;}
#thumbnailbox .preacher{color:#604e0f;padding:0 5px 0;		}
#thumbnailbox .title, .date{padding: 0 5px 0;}
#thumbnailbox .abridge{background: url(/image/common/ico_abridge.png) no-repeat right top;padding: 0 20px 0 5px;}
#thumbnailbox .thumbnail h3{font-weight: 600;text-align: left;font-size: 12px;width: 180px;color: #000000;}
#thumbnailbox .thumbnail_list h3{font-weight: 600;text-align: left;font-size: 12px;width: 550px;color: #000000;padding-left:5px}	
#thumbnailbox .thumbnail  li p {text-align:left;margin:0; padding:0; }
#thumbnailbox .thumbnail  p span {color:#333;font-weight:normal;display:block;}



/* TYPE */
body {background-color:#fff; font: 14px "NanumGothic", "나눔고딕","NanumGothicWeb", "맑은 고딕", "Malgun Gothic", dotum,  "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;background-color: transparent; color: #333;-webkit-font-smoothing: antialiased;}

a { color: #333333;}
a:link, a:visited, a:active {color: #333333;text-decoration: none; }
a:hover {color: #333333; text-decoration: none; }
a.block { display: block; cursor: pointer; }
a.block span,
a.block em { color:#08c; cursor: pointer; }
a.block:hover { text-decoration: none; }
a.block:hover span,
a.block:hover em { color: #08c; text-decoration: none; }


a.external, em.external, span.external { white-space: nowrap; padding-right: 15px; background: url(.) no-repeat 100% 49%; cursor: pointer; zoom: 1; }
a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url() no-repeat 100% 49%; cursor: pointer; zoom: 1; }
em.more, span.more, em.external, span.external { color:#08c; font-style: normal; cursor: pointer; }
.nowrap { white-space:nowrap; }
strong, b { font-weight: 600; }
em, i, cite { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position: static !important; }
sup, sup a { color:#666; }
sup a:hover { color:#08c; text-decoration:none; }
abbr { border: 0; }


h1,h2,h3,h4,h5,h6,strong { color:#000; }
h2,h3,h4 { line-height: 18px; }
h1,h2 { margin-bottom: 18px; }
h1 { font-size: 24px; line-height: 36px; }
h2 { font-size: 14px; }
h3 { font-size: 1em; }
h4 { font-size: 10px; }
.more { text-align: right; }

ul { list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }

.line_height20{line-height:20px}
.w400{width:400px}
.w300{width:350px}
.p10{padding:10px}

/*메인 모달*/
.vod_modal 
{
padding-top:20px;
border: 1px solid; 
border-color: #333; 
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
margin:0 auto;  
width:980px; 
text-align:center;
height:570px;
background: url(/image/ko-kr/common/vod_pattern01.jpg) no-repeat left top;
background-size:cover;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px}

.vod_modal2{
padding-top:20px;
border: 1px solid; 
border-color: #333; 
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
margin:0 auto;  
width:980px; 
text-align:center;
background: url(/image/ko-kr/common/vod_pattern01.jpg);
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }