﻿
/************base***********/

@charset "utf-8";
/* NHN Technology Services UI1Team Joontop 130208 */

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:14px;line-height:1.25em}
body.s,.s input,.s textarea,.s select,.s button,.s table{font-family: "NanumGothic", "나눔고딕","NanumGothicWeb", "맑은 고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
body{position:relative;background-color:#fff;color:#666}
body.s{-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
table{border-collapse:collapse}
td{color:#777777; font-size:14px; font-family:"NanumGothic", "나눔고딕","NanumGothicWeb", "맑은 고딕", "Malgun Gothic", Helvetica, Arial, Verdana, sans-serif; }
em,address{font-style:normal}
a{color:inherit;text-decoration:none}
.a a:visited,.a a:visited .tlst_d,.a a.slst_a:visited .slst_t,.a a:visited .rklst_h,.a a:visited .tlst3_h,.a a:visited .tlst_dw1,.a a:visited .slst_h,.a a:visited .slst_th_st,.a a:visited .sct_h,.a a:visited .tlst2_d,.a a:visited .tlst6_s,.a a:visited .slst3_t{color:#888}
.en{letter-spacing:0}
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
/* Layout */
#ct{clear:both;width:100%}
.ct{background-color:#fff}

/* Font Size */
.header,.h,.toif,.tv,.tvlb,.fvsv,.app,.rlink,.tip,.fot{font-size:14px;line-height:17px}
.s3{font-size:15px}
.fzoom{font-size:16px}
.fzoom.s3{font-size:17px}
.fzoom2{font-size:18px}
.fzoom2.s3{font-size:19px}


a, a:link { color:#777; text-decoration:none; font-size:14px; font-family:"NanumGothic", "나눔고딕","NanumGothicWeb", "맑은 고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:13px } 
a:visited{ color:#777;text-decoration:none;font-size:14px;line-height:13px }
a:hover { color:#000;text-decoration:none;font-size:14px;line-height:13px }
a:focus { color:#777;text-decoration:none;font-size:14px;line-height:13px }
a:active { color:#000;text-decoration:none;font-size:14px;line-height:13px }
h1{font-size:15px;font-weight:bold; color:#666666}

#header{ vertical-align:top;width:100%}
#header img { vertical-align:top}
#header .topLine {width:100%; height:5px;background:#000e69}
.top_nav {background: url(/images/headTop_bg.gif) repeat-x left bottom ;width:100%;height:50px;margin:0;padding:0px}
#header .top_nav span {float:right;vertical-align:top;margin-top:5px; margin-right:8px}
.le{float:right ;margin-right:2px}
.tdBg {background: url(/images/td_bg.gif) repeat-x left bottom #f3f3f3; padding:6px 8px }
.tdBg_right {background: url(/images/td_bg.gif) repeat-x left bottom #f3f3f3; border-left:1px solid #dddddd}



.titleD {background: url(/images/icon_bullet.png) no-repeat 0 50%;padding-left:45px; text-align:left}
.titleF { text-align:left}
.titleG { text-align:right}

.qna_title {background:#f3f3f3;padding:5px 10px}
.qna_title span {color:#c43337}

.onair {padding-top:7px;text-align:center;height:25px;vertical-align:middle; background-color:#d7d7d7}
.notice {padding:3px 5px 6px 5px}
.notice li  {padding:5px 0}


.qt {}
.qt li {display:inline-block; padding:6px 2px;border:1px solid #d6d6d6; margin: 2px 2px;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }
#qtBox li img {}
.qtBg {background: url() repeat-x left top ;width:100%;height:165px;margin:0;padding-top:6px}

#qtBox { width:100%;text-align:center; border:0px solid #333; }



#more {background: url(/images/more_bg.gif) repeat-x left top ;width:100%;height:40px;}
.more30{cursor:pointer;vertical-align:middle}
.more30 p{width: 100%;height: 30px;border:0px solid #333;padding-top:12px}
.more30 p span {font-size: 10px; color: #c1953b; }

.line01 {background-color:#ffffff;width:1px}


.footerBg {background: url(/images/foot_bg.gif) repeat-x left bottom #c43337; height:38px;text-align:center;font-weight:bold;color:#eab8b9;width:50%}
.footerBg a:link { color:#FFFFFF; text-decoration:none; font-size:14px; font-family: "NanumGothic", "나눔고딕","NanumGothicWeb", "맑은 고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;line-height:13px } 
.footerBg a:visited{ color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg a:hover { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg a:focus { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg a:active { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }


.footerBg_right {background: url(/images/foot_bg.gif) repeat-x left bottom #c43337; border-left:0px solid #a04244; height:38px;text-align:center;font-weight:bold;color:#eab8b9;width:50%}
.footerBg_right a:link { color:#FFFFFF; text-decoration:none; font-size:14px; font-family: "NanumGothic", "나눔고딕","NanumGothicWeb", "맑은 고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;line-height:13px } 
.footerBg_right a:visited { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_right a:hover { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_right a:focus { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_right a:active { color:#FFFFFF;text-decoration:none;font-size:14px;line-height:13px }



.footerBg_bottom {height:30px; background-color:#000e69; border:0px solid #cacaca;color:#595959; font-size:14px;text-align:center;border-top:1px solid #fff }
.footerBg_bottom a:link { color:#fff; text-decoration:none; font-size:14px; font-family: "NanumGothic", "나눔고딕","NanumGothicWeb", "맑은 고딕", "Malgun Gothic", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; line-height:13px } 
.footerBg_bottom a:visited{ color:#fff;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_bottom a:hover { color:#fff;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_bottom a:focus { color:#fff;text-decoration:none;font-size:14px;line-height:13px }
.footerBg_bottom a:active { color:#fff;text-decoration:none;font-size:14px;line-height:13px }

.footerBg_bottom footer { font-size:11px;text-align:center }

.bibleArea {color:#666666;font-weight:normal}
.title_bg{background: url(/images/title_bg.jpg) repeat-x left bottom ;height:37px;}
.title h2{color:#595959; font-size:20px;text-align:center ;font-weight:bold;margin-top:3px; color:#666666; margin-right:50px;border:0px solid #333}

.title h2{color:#595959; font-size:20px;text-align:center ;font-weight:bold;margin-top:3px; color:#666666; margin-right:50px;border:0px solid #333}

.mac_bg{ background: url(/images/mac_bg.jpg) repeat-x left bottom ;height:37px;}
.mac {}
.mac ul{text-align: center; height:40px;width:100%}
.mac span {padding:0 2px; font-weight:bold;font-size:12px}
.rod {padding:6px 2px;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;width:50%;text-align:center }

/**********************테이블 poll***********************/
.table_out {border:1px solid #e4e4e7;padding:0px;width:100%;background: url(/images/t_bottom.gif) repeat-x left bottom}

.table_A  {table-layout:auto;border-collapse:collapse;margin:0 auto;width:100%;background:#fafafb;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:0px solid #d3d3d3}
.table_A td {border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:0px solid #e4e4e7;padding:4px 4px 4px 8px;font-weight:bold; color:#666666}
.table_A td.td_left{text-align:left}


.bottom_bg01{margin-top:10px;padding-bottom:1px;background: url(/images/t_bottom.gif) repeat-x left bottom}
.table_B  {table-layout:auto;border-spacing:6px;border-collapse:collapse;margin:0 auto;width:100%;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-top:0px solid #d3d3d3;}
.table_B th{text-align:center;padding:6px; height:31px;color:#666666;background: url(/images/td_blue.gif) repeat-x left top;font-size:14px;font-weight:bold}
.table_B td{border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;padding:3px;text-align:center;height:24px; font-family:돋움, Arial, Verdana, sans-serif;color:#777; height:28px;}
.table_B td.td_left{text-align:left}
.table_B a:link td {color:#666}
.table_B a:hover.blue_link {color:#3470b5;border-bottom:1px solid #3470b5;}


.input01{height:20px;line-height:20px;border:1px solid #c0c0c0;font-size:14px;margin:0;padding:0}
.input02{height:22px;line-height:22px;border:1px solid #c0c0c0;font-size:14px;margin:0;padding:0}

.input_hc_select{height:19px;line-height:19px;border:1px solid #c0c0c0;font-size:14px;margin:0;padding:1px}

.qna {height:20px;line-height:20px;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;font-size:14px;margin:0;padding:0;background:#ffffff;width:97%}
td.qna01{font-weight:bold;text-align:right}

.hc_input01{border:1px solid #abadb3;font-size:14px;padding:1px; height:20px;line-height:20px;vertical-align:middle}
.hc_input02{border:1px solid #f9f9f9;font-size:14px;padding:6px;}





/* paginate */
.paginate{padding:10px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:1px;padding:2px 4px 3px;border:1px solid #fff;color:#000;font-family:Verdana;font-size:11px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{border:1px solid #e9e9e9;color:#f23219 !important}
.paginate .pre{margin-right:6px;padding:5px 6px 2px 14px;_padding-bottom:1px;background:url(/images/bu_pg3_l_off.gif) no-repeat 6px 7px !important;letter-spacing:-1px}
.paginate .next{margin-left:4px;padding:5px 14px 2px 6px;_padding-bottom:1px;background:url(/images/bu_pg3_r_off.gif) no-repeat 62px 7px !important;letter-spacing:-1px}
.paginate a.pre{background:url(/images/bu_pg3_l_on.gif) no-repeat 6px 7px !important}
.paginate a.next{background:url(/images/bu_pg3_r_on.gif) no-repeat 30px 7px !important}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:0;_top:-2px;_width /**/:75px;border:1px solid #e9e9e9;color:#ccc;font-family:"NanumGothic", "나눔고딕","NanumGothicWeb", "맑은 고딕", "Malgun Gothic", Helvetica, Arial, Verdana, sans-serif;font-size:11px;line-height:normal}
.paginate a.pre,.paginate a.next{color:#565656}
.paginate a:hover{border:1px solid #e9e9e9;background-color:#f7f7f7 !important}

/* //paginate*/
.bbs{padding:3px 0 8px 0;text-align:center}

.lst01{border:0px solid #f4f4f4;width:100% ;height:100px ;background: url(/images/li_bg.jpg) repeat-x left bottom #f4f4f4;display:block;}
.lst01:after{ overflow:hidden;clear:both;content:''}
.lst01 .thmb{float:left;width:83px;margin-right:20px;}
.lst01 .cont{width:100%;border:0px solid #333}
.lst01 .cont h1{font-size:14px;padding-bottom:5px}
.lst01 .cont h1 span{float:right}
.lst01 .cont h1 a{color:#333}
.lst01 li{padding-left:1px;line-height:14px}
.lst_thmb p{padding-bottom:5px;line-height:19px}
.lst_thmb p a{color:#333}

.wall_black {background: #353535; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; -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) 1px 1px 3px;margin:0 auto;  width:100%; text-align:center;}
.wall_black:nth-child(1n) { border: none; } /* reset border for smart browsers */
.wall_black { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; }





/* detail */
#tbox .tbox_tit {background-color:#feecdc; padding:8px 0px 8px 12px;}
#tbox .tbox_img {padding:10px 10px;text-align:center;}

/* etc */
.im_c{text-align:center;padding:0 10px;}
.fx2{width:100%;}
.fx1{width:95%;padding:5px 5px;text-align:center;}

.mw2013 {position:absolute; top:270px; left:0px; width:100%; height:230px; z-index:30000000000; overflow:hidden}
.mw2013 .back { width:100%; margin:0 auto; height:205px; overflow:hidden}
.mw2013 h1{margin-bottom:5px;font-size:13px;color:#2c2c2c;letter-spacing:-1px;line-height:25px;text-align:center}
.mw2013 ol{text-align:left}
.mw2013 span {text-align:center;margin:0; padding-top:10px;padding-left:0; font-weight: bold; color:#e72e35}
.mw2013 .flexcroll{overflow:auto; width:98%; height:158px;background:#e2e2e2;-webkit-overflow-scrolling: touch; font-size:11px; text-align:left; padding:5px;}
.mw2013 .mwBox { position:relative; height:200px; background-color:#e2e2e2; -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; }


/*button*/ 
#bt a.button 
{
   display :inline-block;
   border: 1px solid #005D92;
   background: #2599e2;
   background: -webkit-gradient(linear, left top, left bottom, from(#85C1E8), to(#3395CD));
   background: -webkit-linear-gradient(top, #85C1E8, #3395CD);
   background: -moz-linear-gradient(top, #85C1E8, #3395CD);
   background: -ms-linear-gradient(top, #85C1E8, #3395CD);
   background: -o-linear-gradient(top, #85C1E8, #3395CD);
   background-image: -ms-linear-gradient(top, #85C1E8 0%, #3395CD 100%);
   padding: 2px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   }
#bt a:link.button {
   border: 1px solid #005D92;
   background: #2599e2;
   background: -webkit-gradient(linear, left top, left bottom, from(#6CB5E4), to(#007CC2));
   background: -webkit-linear-gradient(top, #6CB5E4, #007CC2);
   background: -moz-linear-gradient(top, #6CB5E4, #007CC2);
   background: -ms-linear-gradient(top, #6CB5E4, #007CC2);
   background: -o-linear-gradient(top, #6CB5E4, #007CC2);
   background-image: -ms-linear-gradient(top, #6CB5E4 0%, #007CC2 100%);
   color: #FFFFFF;
   text-decoration: none;
   }
#bt a:hover.button {
   border: 1px solid #005D92;
   background: #2599e2;
   background: -webkit-gradient(linear, left top, left bottom, from(#6CB5E4), to(#007CC2));
   background: -webkit-linear-gradient(top, #6CB5E4, #007CC2);
   background: -moz-linear-gradient(top, #6CB5E4, #007CC2);
   background: -ms-linear-gradient(top, #6CB5E4, #007CC2);
   background: -o-linear-gradient(top, #6CB5E4, #007CC2);
   background-image: -ms-linear-gradient(top, #6CB5E4 0%, #007CC2 100%);
   color: #FFFFFF;
   text-decoration: none;
   }
#bt a:active.button {
   border: 1px solid #005D92;
   background: #6CB5E4;
   background: -webkit-gradient(linear, left top, left bottom, from(#007CC2), to(#007CC2));
   background: -webkit-linear-gradient(top, #007CC2, #6CB5E4);
   background: -moz-linear-gradient(top, #007CC2, #6CB5E4);
   background: -ms-linear-gradient(top, #007CC2, #6CB5E4);
   background: -o-linear-gradient(top, #007CC2, #6CB5E4);
   background-image: -ms-linear-gradient(top, #007CC2 0%, #6CB5E4 100%);
   color: #FFFFFF;
   }
   


.AllBtn { width:100%;}
.AllBtn h1 { color:#c43337;margin:0; height:22px;padding-top:8px;padding-left:8px}

.AllBtn ul { clear:both; width:100%; }
.AllBtn ul:after { content:'.'; display:block; height:40px; clear:both; visibility:hidden; }
.AllBtn ul li { display:inline; float:left; position:relative; width:100%;height:36px;font-size:14px; margin-bottom:8px;padding-top:5px;padding-left:10px;
     background:#f5f5f5;
    -webkit-box-shadow:rgba(0,0,0,.15) 0 1px 1px;
    -moz-box-shadow:rgba(0,0,0,.15) 0 1px 1px;
    box-shadow:rgba(0,0,0,.15) 0 1px 1px;
    box-shadow:rgba(0,0,0,.15) 0 1px 3px \0/IE9;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    _margin-left:expression(this.previousSibling==null?'0':'4px');}
	
.AllBtn ul li:first-child { margin-left:0;}
.AllBtn ul li a { display:block; cursor:pointer;height:36px;
	background:#f5f5f5;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(240,240,240,1)));
	background:-webkit-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:-moz-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:-o-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:-ms-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:inset 0 0px 1px rgba(255,255,255,.97);
	-moz-box-shadow:inset 0 0px 1px rgba(255,255,255,.97);
	box-shadow:inset 0 0px 1px rgba(255,255,255,.97);
 }
.AllBtn ul li a:nth-child(1n) { border-color:#f6f6f6;vertical-align:middle }
.AllBtn ul li a:hover {vertical-align:middle;}
.AllBtn ul li .curve-down { display:inline-block; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.AllBtn ul li .curve-down:nth-child(1n) { border:none;
    -webkit-border-radius:0% 0% 100% 100% / 0% 0% 8px 8px;
    -moz-border-radius:0% 0% 100% 100% / 0% 0% 8px 8px;
    border-radius:0% 0% 100% 100% / 0% 0% 8px 8px;
    -webkit-box-shadow:rgba(0,0,0,.30) 0 2px 3px;
    -moz-box-shadow:rgba(0,0,0,.30) 0 2px 3px;
    box-shadow:rgba(0,0,0,.30) 0 2px 3px;
}
.AllBtn ul li a img { display:block;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}

.praiseImg  { text-align:center;}
.praiseImg img {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}