@charset "utf-8";
/*reset*/
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,span{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
fieldset,img,button{border:0}
img,input{vertical-align:top}
table{border-collapse:collapse}
address,em{font-style:normal}
ol,ul{list-style:none}
hr{display:none}
button, label{cursor:pointer}
a{text-decoration:none;color:#555}
a:hover,a:active,a:focus{text-decoration:underline}
#skipnavi, .blind, legend{position:absolute;left:-9999px;top:0;overflow:hidden; height:0;width:0;}
caption{overflow:hidden; width:0;height:0;font-size:0;line-height:0}

/*common*/
body,textarea,input,button,select{font-size:12px; font-family:NB,'나눔바른고딕',Dotum,Arial,sans-serif; color:#555}
button{border:0; background:none}
input[type=text], input[type=password]{border:1px solid #ccc; padding:2px;}
body{background:url(../../images/common/bg_body.jpg) repeat 0 0}

/*font*/
@font-face{font-family:NB;src:url("../fonts/NanumBarunGothic.eot");src:local(※),url("../fonts/NanumBarunGothic.woff") format('woff')}
@font-face{font-family:NBB;src:url("../fonts/NanumBarunGothicBold.eot");src:local(※),url("../fonts/NanumBarunGothicBold.woff") format('woff')}

/*header*/
#header{height:95px; background:url(../../images/common/bg_header.gif) repeat-x 0 0;}
.inner_header{position:relative; width:1000px; height:57px; padding-top:38px; margin:0 auto; background:url(../../images/common/bg_header.gif) repeat-x 0 0;}
h1{float:left; width:161px;}
.nav{position:relative; left:0; top:0; float:right; width:516px; height:42px; padding-top:15px}
.nav li{float:left;height:42px;}
.nav li:first-child{padding-left:0}
.nav>li{padding:0 30px 0 30px;background:url(../../images/common/bar_gnb.png) no-repeat 100% 2px; height:}
li.last{padding-right:0; background:none}
.sub_nav{display:none; position:absolute; left:0; top:57px; padding-top:8px; width:100%; height:22px; z-index:20}
.snb02{left:28px}
.snb03{left:198px}
.snb04{left:248px}
.snb05{left:420px}
.sub_nav li{padding-right:37px; font-size:13px;}
.sub_nav li a{color:#d6cfc7}
.util{position:absolute; right:0; top:0; width:183px; height:28px; line-height:28px; background:url(../../images/common/bg_util.gif) repeat-x 0 0; text-align:center; font-size:11px; color:#9a9a94}
.util a{padding:0 10px; color:#9a9a94}
.bg_submenu{display:none; position:absolute; left:0; top:95px; width:100%; height:30px; background:url(../../images/common/bg_submenu.gif) repeat-x 0 0; z-index:10}

/*content*/ 
#container{*zoom:1;}
#container:after{display:block; content:""; clear:both;}
#content{position:relative; left:0; top:0; width:1000px; margin:0 auto; padding-top:40px; padding-bottom:20px;*zoom:1;}
#content:after{display:block; content:""; clear:both;}
.lnb_section{float:left; width:186px;}
.lnb_section strong{display:block; margin-bottom:7px}
.lnb{width:178px; padding-left:3px;}
.content_box{float:right; width:796px; padding-bottom:103px; background:url(../../images/sub/bg_content_bottom.gif) no-repeat 0 100%}
.wrap_content_box{padding-top:31px; background:url(../../images/sub/bg_content_top.gif) no-repeat 0 0}
.inner_cotent_box{padding:0 33px 0 31px; background:url(../../images/sub/bg_content_mid.gif) repeat-y 0 0}
.tit_zone{padding:0 10px; height:42px; margin-bottom:20px; background:url(../../images/common/bg_tit_line.png) repeat-x 0 100%}
.tit_zone h2{float:left;}
.path{float:right; padding-top:12px; font-size:12px; color:#666}
.path strong{color:#444; font-weight:normal; font-family:NBB,'나눔바른고딕볼드',sans-serif;}
.sns{position:absolute; right:3px; top:12px}
.sns a{margin-left:20px;}

/*footer*/
#footer{width:100%; border-top:1px solid #cfcfcc}
.inner_footer{overflow:hidden; width:1000px; margin:0 auto; padding-top:20px; height:66px;}
.foot_logo{float:left; width:155px; margin-right:20px;}
.copyright{float:left; padding-left:20px; border-left:1px solid #cfcfcc; color:#aaaaaa}
.copyright p{padding-bottom:8px}
address{padding:8px 0; line-height:100%;}
.company{float:right; width:108px; text-align:right}
.company span{color:#888}
.company em{color:#666}

/*main*/
#main .inner_header, #main .inner_footer, .inner_content{padding-left:110px; padding-right:110px}
#main .util{right:110px}
#main #content{width:100%; background:url(../../images/main/bg_main.gif) repeat 0 0; padding-top:0; padding-bottom:0}
#main #footer{border-top:0;}
#main .inner_footer{padding-top:40px; height:84px}
.visual{width:1220px; margin:0 auto; height:585px; background:url(../../images/main/bg_main_visual.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; margin-bottom:56px}
.inner_content{overflow:hidden; width:1000px; margin:0 auto; padding-top:40px; padding-bottom:40px}
.inner_content h3{width:100%; line-height:100%; padding-bottom:13px; background:url(../../images/common/bg_tit_line.png) repeat-x 0 100%; font-family:NBB,'나눔바른고딕볼드',sans-serif; font-size:14px; color:#423933}
.main_info{position:relative; left:0; top:0; float:left; width:321px; margin-right:47px}
.main_info ul{margin-top:20px;}
.main_info ul li{position:relative; left:0; top:0; margin-bottom:12px; padding-left:12px; background:url(../../images/common/ico_blit.gif) no-repeat 0 50%; line-height:100%}
.main_info ul li span{position:absolute; right:0; color:#888888}
.main_info .more{position:absolute; top:3px; right:0; padding-right:16px; background:url(../../images/common/more_arr.png) no-repeat 100% 1px; font-family:NBB,'나눔바른고딕볼드',sans-serif; font-size:11px; color:#423933}
.main_quick{float:left; width:371px;padding-top:2px}
.main_quick li{float:left; margin-bottom:3px}
.question{float:right; width:215px}
.question dt:first-child + dd{padding:12px 0 23px}

/*보현암 소개*/
.intro { padding:358px 10px 0; background:url(../../images/sub/img_intro.jpg) no-repeat 0 0; }
.intro > strong { display:block; font-family:NBB,'나눔바른고딕볼드',sans-serif; font-weight:normal; font-size:21px; color:#555555; margin:48px 0 26px 0; }
.intro > p { font-size:13px; line-height:20px; letter-spacing:-1px; color:#888888; margin:12px 0 0 0; }
.intro > ul { margin:35px 0 0 0; overflow:hidden; }
.intro > ul > li { float:left; width:289px; margin:0 0 0 10px; padding:30px; border:1px solid #e2e2e2; background:#f9f9f9; }
.intro > ul > li:first-child { margin:0; }
.intro > ul > li div { margin:0 0 11px 0; }
.intro > ul > li strong { font-family:NBB,'나눔바른고딕볼드',sans-serif; font-weight:normal; font-size:15px; color:#503828; }
.intro > ul > li span { font-size:13px; color:#806546; margin:0 0 0 5px; }
.intro > ul > li q { quotes:""""; font-size:13px; line-height:20px; color:#555555; }
.intro > ul > li dl { font-size:13px; line-height:20px; color:#555555; overflow:hidden; }
.intro > ul > li dt { clear:left; float:left; }
.intro > ul > li ul { margin:8px 0 0 0; }
.intro > ul > li ul li { font-size:13px; line-height:20px; color:#888888; }

/*선진스님 인사말*/
.greeting { padding:0 10px 139px; background:url(../../images/sub/img_greeting.jpg) no-repeat 331px bottom; }
.greeting strong { display:block; font-family:NBB,'나눔바른고딕볼드',sans-serif; font-weight:normal; font-size:21px; line-height:28px; color:#555555; margin:26px 0 0 0; }
.greeting p { font-size:13px; line-height:20px; color:#888888; margin:12px 0 0 0; }
.greeting p.last-child { color:#555555; }
.greeting p.sign { margin:33px 0 0 0; color:#555555; }


/*선진스님 약력*/
.greeing{padding:0 10px 0;}
.greeing dl{overflow:hidden; width:520px; margin-bottom:29px}
.greeing dt{float:right; font-size:28px; letter-spacing:-1px; padding-top:27px; width:228px}
.greeing dt span{display:block; margin-top:20px; font-size:13px; color:#888;}
.greeing dd{float:left; width:266px;}

.greeing .m_history_group { position:relative; }
.greeing .m_history_img { position:absolute;top:0;right:0;width:265px;height:450px;background:url(../../images/sub/img_history1.png) no-repeat 0 0; }
.greeing .m_history{ width:567px; overflow:hidden; padding:18px 0 16px 10px; font-size:13px; border-bottom:1px solid #e2e2e2;}
.greeing .m_history h3{float:left; width:80px; font-family:NBB,'나눔바른고딕볼드',sans-serif; font-size:18px;}
.greeing .m_history ul{float:left; width:230px; letter-spacing:-1px; }
.greeing .m_history ul li{margin-top:10px; padding:0 0 0 7px; color:#888; background:url(../../images/common/ico_blit.gif) no-repeat 0 50%;}
.greeing .m_history ul li:first-child{margin-top:0}

.greeing2{position:relative;margin:144px 0 0 0; padding:0 10px 0;overflow:hidden;}
.greeing2 dl{float:right; overflow:hidden; width:520px; margin-bottom:29px}
.greeing2 dt{float:left; font-size:28px; letter-spacing:-1px; text-align:right; padding-top:27px; width:228px}
.greeing2 dt span{display:block; margin-top:20px; font-size:13px; color:#888;}
.greeing2 dt strong { color:#806546; }
.greeing2 dd{float:right; width:266px;}


.greeing2 .m_history_img { position:absolute;top:224px; left:0;width:265px;height:450px;background:url(../../images/sub/img_history2.png) no-repeat 0 0; }
.greeing2 .m_history{ float:right; width:567px; overflow:hidden; padding:18px 0 16px 10px; font-size:13px; border-bottom:1px solid #e2e2e2;}
.greeing2 .m_history h3{float:right; width:51px; font-family:NBB,'나눔바른고딕볼드',sans-serif; font-size:18px;margin:0 0 0 21px;}
.greeing2 .m_history ul{float:right; letter-spacing:-1px; }
.greeing2 .m_history ul li{margin-top:10px; padding:0 9px 0 0; color:#888;text-align:right; background:url(../../images/common/ico_blit.gif) no-repeat right 50%;}
.greeing2 .m_history ul li:first-child{margin-top:0}



div.last{margin:0}/*마지막 덩어리 마진없애기 후후*/

/*오시는 길*/
.contact_us{padding:0 10px; background:url(../../images/sub/bg_contact.gif) no-repeat 97% 100%}
.map_section{height:440px; padding:11px 13px 0 11px; margin-bottom:17px; background:url(../../images/sub/bg_map.gif) no-repeat 0 0}
.map{margin-bottom:15px}
.contact_info{overflow:hidden;}
.contact_info dt, .contact_info dd{float:left;}
.contact_info dt{padding-left:14px; margin-right:10px; background:url(../../images/common/ico_temple.gif) no-repeat 1px 40%; font-size:13px; letter-spacing:-1px; font-family:NBB,'나눔바른고딕볼드',sans-serif; color:#444}
.contact_info dd{margin-right:20px; color:#666}
.contact_us>strong{display:block; margin-bottom:15px; font-size:13px; font-family:NBB,'나눔바른고딕볼드',sans-serif; color:#444; letter-spacing:-1px}
.traffic_info{width:370px;}
.traffic_info li{overflow:hidden; margin-top:10px; font-size:13px; letter-spacing:-1px}
.traffic_info li:first-child{margin-top:0}
.traffic_info strong{float:left; width:105px; font-weight:normal;}
.traffic_info dl{float:left; width:250px; margin-left:105px; padding-top:10px;}
.traffic_info dt, .traffic_info dd{display:inline-block; *display:inline;*zoom:1;} 
.traffic_info dl dt{padding-left:13px}
dl.bus_blue{margin-left:0; padding-top:0}
.bus_blue dt{background:url(../../images/common/ico_bus1.gif) no-repeat 0 50%}
.bus_green dt{background:url(../../images/common/ico_bus2.gif) no-repeat 0 50%}
.bus_red dt{background:url(../../images/common/ico_bus3.gif) no-repeat 0 50%}
.bus_yellow dt{background:url(../../images/common/ico_bus4.gif) no-repeat 0 50%}

/*불교이해*/
.term_section{padding:0 10px}

/*법회안내*/
.ceremony { width:690px; height:690px; padding:11px 11px 12px 11px; background:url(../../images/sub/bg_ceremony_top.gif) no-repeat 0 0 }
.ceremony > ul { overflow:hidden; }
.ceremony > ul > li { float:left; width:285px; min-height:295px; padding:25px 30px;}
.ceremony li strong { font-family:NBB,'나눔바른고딕볼드',sans-serif; font-weight:normal; font-size:16px; color:#55555; }
.ceremony li div { margin:10px 0 0 0; }
.ceremony li ul { margin:11px 0 0 0; }
.ceremony li li { font-size:13px; line-height:20px; color:#888888; padding:0 0 0 7px; background:url(../../images/common/ico_blit.gif) no-repeat 0 50% }

/*행사안내*/
.event .bg_top { width:712px; height:11px; background:url(../../images/sub/bg_event_top.gif) no-repeat 0 0 }
.event .bg_mid { width:690px; padding:0 11px; background:url(../../images/sub/bg_event_mid.gif) repeat-y 0 0 }
.event .bg_bottom { width:712px; height:12px; background:url(../../images/sub/bg_event_bottom.gif) no-repeat 0 0 }
.event .month_select_wrap { padding:28px 0; background:url(../../images/sub/bg_month_select.gif) repeat-x 0 0 }
.event .month_select { width:183px; margin:0 auto; overflow:hidden; }
.event .month_select button { float:left; width:23px; height:23px; text-indent:-9999px; margin:0; }
.event .month_select .prev { background:url(../../images/sub/btn_event_prev.gif) no-repeat 0 0 }
.event .month_select .next { background:url(../../images/sub/btn_event_next.gif) no-repeat 0 0 }
.event .month_select div { float:left; width:137px; font-size:20px; line-height:23px; text-align:center; color:#503828; }
.event .calendar { padding:0 16px 15px 15px; }
.event .calendar th { width:93px; font-family:NBB,'나눔바른고딕볼드',sans-serif; font-weight:normal; font-size:16px; padding:19px 0 10px 0; }
.event .calendar td { width:73px; height:73px; vertical-align:top; padding:10px; border:1px solid #dfdcd6; }
.event .calendar td strong { font-weight:normal; color:#555555; }
.event .calendar .holy strong,
.event .calendar .sun strong { font-weight:normal; color:#bd4627; }
.event .calendar .sat strong { font-weight:normal; color:#5a8b2b; }
.event .calendar ul { margin:4px 0 0 0; }
.event .calendar li { font-size:13px; line-height:18px; color:#888888; }

/*리스트 검색*/
.srch_sec{text-align:right; margin-bottom:10px}
.srch_sec input[type=text]{border:1px solid #dfdcd6; vertical-align:middle}
.srch_sec select{border:1px solid #dfdcd6; padding:1px; vertical-align:middle}
.srch_sec input[type=image]{vertical-align:middle}

/*공통게시판 리스트타입*/
.board_list{margin-bottom:30px; width:100%; border-bottom:1px solid #a59b8a}
.board_list table{width:100%}
.board_list thead{background:url(../../images/common/bg_thead.png) repeat-x 0 0}
.board_list thead th{line-height:30px; color:#fff; font-size:13px; font-weight:normal; font-family:NBB,'나눔고딕볼드',sans-serif; border-top:1px solid #908774; border-bottom:1px solid #908774;}
.board_list thead th:first-child{border-left:1px solid #908774;}
.board_list thead th.last{border-right:1px solid #908774}
.board_list tbody td{text-align:center; font-size:13px; color:#888; padding:10px 0; border-top:1px solid #dfdcd6}
.board_list td.left{text-align:left;padding-left:20px}
.board_list tbody td a{color:#555}
.board_list tr:first-child td{border-top:0}
.board_list.m10{margin-bottom:10px}


/*페이지 인덱스*/
.page_index{text-align:center;min-height:1px;}
.prev{margin:0 9px 0 15px}
.next{margin:0 15px 0 9px}
.page strong, .page a{display:inline-block; *display:inline; *zoom:1; padding:0 11px 0 10px; background:url(../../images/common/bar_page.gif) no-repeat 100% 40%; color:#877362}
.page .last{background:none}

/*공통게시판 뷰타입*/
.board_view{width:100%}
.board_view strong{position:relative; left:0; top:0; display:block; height:30px; padding-left:10px; line-height:30px; border:1px solid #908774; background:url(../../images/common/bg_thead.png) repeat-x 0 0; color:#fff; font-size:13px; font-weight:normal}
span.date_info{position:absolute; right:9px; font-size:12px}
span.date_info span{color:#968b76; margin:0 10px}
.board_view .cont{padding:20px 20px 50px 20px; min-height:200px; font-size:13px; line-height:150%}

.next_prev_post{border:solid #a59b8a; border-width:1px 0; margin-bottom:10px}
.next_prev_post li{line-height:250%; padding-left:10px}
.next_prev_post li:first-child{border-bottom:1px solid #dfdcd6}
.next_prev_post li strong{display:inline-block; *display:inline; *zoom:1; text-indent:16px; margin-right:9px; background:url(../../images/common/list_arr_bottom.gif) no-repeat 0 47%; font-weight:normal; color:#503828}
.next_prev_post li:first-child strong{background-image:url(../../images/common/list_arr_top.gif);}
.next_prev_post li a{color:#888}

/*공통 입력 테이블*/
.input_field_table{width:100%; border:1px solid #a59b8a; border-width:1px 0; margin-bottom:10px}
.input_field_table table{width:100%}
.input_field_table table input, .input_field_table table label, .input_field_table table select{vertical-align:middle}
.input_field_table table th{border-bottom:1px solid #dfdcd6; padding:10px; background:#f6f6f6;}
.input_field_table table td{border-bottom:1px solid #dfdcd6; padding:10px; color:#888}
.input_field_table table td.gray{background:#f6f6f6;}
.input_field_table table .last th, .input_field_table table .last td{border-bottom:0}
.input_field_table span.notice{font-size:11px; vertical-align:middle; padding:0 15px 0 7px}
.address_input p{margin-bottom:4px}
.check_sec li{float:left; width:95px; margin-bottom:10px}
.check_sec li.long{width:100%}
.check_sec li.long input[type=text]{margin-left:6px}
.check_sec li.last{margin-bottom:0}
textarea.w100p{width:98%; padding:1%; height:110px}
.calendar button{vertical-align:middle; width:20px; height:18px}
.calendar input[type=text]{margin-right:5px; vertical-align:middle}
.input_field_table .pre_content{width:100%; min-height:350px; background:#fafafa}/*영역 가시성을 위한 백그라운드*/
.capcha{overflow:hidden}
.capcha .c_img{float:left; margin-right:9px; border:1px solid #dfdcd6; width:198px; height:88px}
.capcha .c_txt{float:left; width:260px; padding-top:5px; color:#555}
.capcha .c_txt p{margin-bottom:9px;}
.capcha .c_txt .refresh{margin-top:12px; text-decoration:underline; color:#aaa; padding-left:15px; background:url(../../images/common/ico_refresh.png) no-repeat 0 25%; width:60px}

/*파일 커스텀*/
.file_up{width:100%;}
.file_up p{width:100%; margin-bottom:5px}
.file_up input[type=text]{margin-right:4px;vertical-align:middle}
.upload{position:relative; left:0; top:0; display:inline-block; *display:inline; *zoom:1; vertical-align:middle}
.upload input[type=file]{position:absolute; left:-130px; top:0; height:20px; z-index:2;cursor:pointer;}

/*공통 갤러리*/
.gallary ul{overflow:hidden;padding-bottom:12px}
.gallary ul li{float:left; width:151px; height:175px; margin-right:17px; padding:6px 8px 0 6px; background:url(../../images/sub/bg_gallary.gif) no-repeat 0 0; margin-bottom:17px}
.gallary ul li.right{margin-right:0}
.gallary ul li span.img{display:block; width:151px; height:100px; margin-bottom:10px; background:url(../../images/sub/bg_g_img.gif) no-repeat 0 0}
.gallary ul li strong{display:block; margin-bottom:10px; padding:0 8px; height:30px; font-weight:normal}
.gallary ul li strong a{color:#555; font-family:NBB,'나눔고딕볼드',sans-serif;}
.gallary ul li span.date{display:block;color:#aaa; padding:0 8px; }

/*버튼정렬*/
.btn_right_list{text-align:right}
.btn_right_list .reset{width:55px; height:25px; vertical-align:top}

/*글 패스워드 입력*/
.pswd_section{width:452px; height:187px; padding-top:115px; margin:53px auto 0; background:url(../../images/sub/bg_pswd_post.gif) no-repeat 0 0; text-align:center; }
.pswd_section label{display:block; color:#666; margin-bottom:20px; font-size:13px}

/*폼컨트롤 길이*/ /*input 은 psd에서의 width에서 -6, select는 그대로*/
input.w230{width:224px}
input.w150{width:144px}
input.w170{width:164px}
input.w100{width:94px}
input.w544{width:538px}
select.w60{width:60px}
input.w72{width:66px}

/*다도모임*/
.ceremony_visual{width:100%; margin-bottom:20px}