@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
공통 + header
-----------------------------------------------------------------------------------------------------------*/

#wrap {
    width: 1010px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    background: url(../img/body_bg.gif);
}

#all_bg {
    width: 100%;
    background: url(../img/body_bg.jpg) center repeat-y;
}

#header_bg {
    width: 100%;
    height: 113px;
    background: url(../img/top_bg.gif) repeat-x;
}

#header {
    width: 1010px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

#header h1 {
    height: 52px;
    float: left;
    padding-top: 15px;
}

#header_top {
    width: 1020px;
    height: 34px;
    float: left;
}

#header_left {
    width: 230px;
    height: 104px;
    float: left;
}

#header_right {
    width: 780px;
    height: 104px;
    float: left;
}

.logo {
    height: 118px;
    margin: 0 0 0 13px;
    float: left;
}

.homebox {
    float: left;
    width: 529px;
    text-align: right;
    font-size: 0.85em;
}

.homebox li {
    float: left;
}

.snsbox {
    float: right;
    width: 250px;
    padding-top: 1px;
}

.snsbox li {
    float: left;
    margin-left: 4px;
}

.top_menu {
    clear: both;
    float: left;
    width: 780px;
    height: 70px;
    padding-top: 25px;
    text-align: right;
}

.top_menu h3 {
    display: none;
}

.top_menu1 {
    float: left;
    width: 750px;
    padding: 23px 0 0 35px;
}

.top_menu1 li {
    float: left;
    padding: 0 0 0 50px;
}

.smenu {
    float: left;
    clear: both;
    width: 750px;
    padding-top: 13px;
}

.smenu ul {
    padding: 0 10px 0 40px;
    clear: both;
}

.smenu li {
    float: left;
}

.smenu img {
    padding: 0 12px 0 10px;
}

.slide_menu_bg {
    width: 100%;
    height: 330px;
    clear: both;
    float: left;
    background: #eff4e1;
    position: absolute;
    top: 150px;
    z-index: 10000;
}

.slide_menu_all {
    width: 1010px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

.slide_menu_all li {
    float: left;
}

.slide_menu {
    width: 168px;
    margin-top: 10px;
    float: left;
}

.slide_menu li {
    float: left;
}

.slide_menu_line {
    width: 168px;
    height: 65px;
    border-bottom: #C6D8BA 1px solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.slide_smenu {
    clear: both;
    float: left;
}

.slide_smenu li {
    width: 162px;
    clear: both;
    padding: 3px;
    font-size: 1.02em;
    color: #846A4A;
}

.slide_smenu li a {
    font-size: 1.02em;
    color: #846A4A;
    letter-spacing: -0.1em;
}

.slide_smenu li a:hover {
    font-size: 1.02em;
    color: #688a00;
    font-weight: bold;
    letter-spacing: -0.1em;
}

/*-----------------------------------------------------------------------------------------------------------
메인 내용
-----------------------------------------------------------------------------------------------------------*/
#main_img_bg {
    width: 100%;
    height: 481px;
    text-align: center;
    clear: both;
}

#main_img_all {
    width: 1700px;
    height: 481px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

#main_tab_bg {
    width: 100%;
    height: 88px;
    background: url(../img/main/tab_bg.jpg) repeat-x;
}

.main_img_banner {
    width: 291px;
    height: 289px;
    float: left;
}

.main_img_banner li {
    float: left;
}

.main_img {
    width: 1010px;
    height: 334px;
    float: left;
}

#main_con1 {
    width: 1010px;
    min_height: 190px;
    padding-top: 26px;
    margin: 0 auto;
    position: relative;
}

#rolling_img {
    position: relative;
    width: 1700px;
    height: 481px;
}

#rolling_img img {
    position: absolute;
    top: 0;
    left: 0;
}


.notice {
    width: 273px;
    height: 170px;
    float: left;
}

.notice_title {
    width: 220px;
    float: left;
    color: #bf0007;
    font-weight: bold;
    font-size: 1.3em;
}

.more {
    width: 50px;
    float: left;
    text-align: right;
}

.notice_list {
    width: 273px;
    padding-top: 10px;
    clear: both;
    float: left;
}

.notice_list li {
    width: 273px;
    clear: both;
    padding-bottom: 5px;
    float: left;
}

.notice_icon {
    width: 20px;
    padding-top: 5px;
    float: left;
    text-align: center;
}

.notice_list_title {
    width: 253px;
    float: left;
    font-size: 0.95em;
}






.main_banner {
    width: 707px;
    height: 121px;
    float: left;
}

.main_banner li {
    float: left;
}

.main_banner2 {
    height: 121px;
    float: rightt;
}

.main_banner2 li {
    float: left;
    text-align: center;
    padding-left: 3px
}


/*-----------------------------------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------------------------------*/

#footer_bg {
    width: 100%;
    height: 90px;
    background: url(/img/footer_bg.gif) repeat-x;
    margin-top: 30px;
    clear: both;
}

#footer {
    width: 1010px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}

.footer_title {
    width: 150px;
    padding: 20px 20px 0 20px;
    float: left;
}

.footer_count {
    width: 170px;
    height: 50px;
    float: left;
    margin: 20px 0 0 20px;
    text-align: right;
    font-size: 0.9em;
    padding-left: 25px;
}

.footer_count li {
    clear: both;
    float: left;
}

.count_title {
    width: 50px;
    float: left;
    text-align: left;
    font-weight: bold;
}

.count_nb {
    width: 80px;
    float: left;
    text-align: right;
}

.footer_home {
    width: 995px;
    height: 28px;
    text-align: left;
    padding: 3px 0 0 15px;
    border-bottom: #CCCCCC 1px solid;
    border-top: #CCCCCC 1px solid;
    background: #F5F5F5;
    font-size: 0.9em;
}

.adress {
    width: 650px;
    text-align: left;
    margin: 20px 0 0 0;
    font-size: 1em;
    float: left;
    font-family: "나눔고딕", Nanumgothic, "돋움", dotum;
}

/*-----------------------------------------------------------------------------------------------------------
서브
-----------------------------------------------------------------------------------------------------------*/
#sub_img_bg {
    width: 100%;
    height: 280px;
    clear: both;
}

#sub_all {
    width: 1010px;
    margin: 0 auto;
    position: relative;
    clear: both;
}

#sub_left {
    width: 274px;
    height: 100%;
    float: left;
    margin: 90px 0 0 0;
}

#sub_right {
    width: 736px;
    margin: 140px 0 0 0;
    float: left;
}

.sub_left_tt {
    width: 274px;
    height: 100px;
}

.sub_left_tt_text {
    width: 224px;
    padding-right: 50px;
    text-align: center;
    color: #534741;
    font-size: 1.9em;
}

.sub_img_all {
    width: 749px;
    height: 160px;
    float: left;
}

.sub_nav {
    width: 400px;
    height: 27px;
    clear: both;
    float: left;
    margin-top: 10px;
}

.sub_title {
    width: 600px;
    clear: both;
    float: left;
    font-size: 2.4em;
    color: #333333;
}

.sub_img {
    width: 745px;
    height: 190px;
    background: url(../img/sub_img.jpg) right top no-repeat;
    float: left;
    border-bottom: #EBEBEB 1px solid;
}

.img_text {
    width: 500px;
    clear: both;
    float: left;
    margin-top: 17px;
    font-size: 0.9em;
    color: #666666;
}

.img_title {
    width: 740px;
    margin-top: 36px;
    clear: both;
    float: left;
    padding-left: 5px;
}

.img_text2 {
    width: 737px;
    margin-top: 15px;
    clear: both;
    float: left;
    padding-left: 8px;
}

.left_menu {
    width: 203px;
    margin-top: 15px;
}

.leftmenu {
    overflow: hidden;
}

.leftmenu ul {
    padding-top: 15px;
    padding-bottom: 30px;
}

.leftmenu ul li a {
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    padding: 10px 0 10px 3px;
    border-bottom: #CCCCCC 1px dotted;
}

.leftmenu ul li a:hover {
    color: #de4074;
    background: url(../img/left_menu_bg.gif) no-repeat;
}

.leftmenu_on {
    color: #de4074;
    background: url(../img/left_menu_bg.gif) no-repeat;
}

.leftmenu_on a {
    color: #de4074;
    background: url(../img/left_menu_bg.gif) no-repeat;
}

.leftmenu ul li.bar {
    border-bottom: 1px solid #d9d9d9;
}

.leftmenu ul li.subend {
    border-bottom: 2px solid #333;
}

.sub_contents {
    width: 736px;
    clear: both;
    float: left;
    margin-top: 35px;
    padding-bottom: 50px;
}

.sub_stitle {
    padding: 5px 0 5px 0;
    color: #75ac09;
    font-size: 1.8em;
    margin-bottom: 10px;
    font-weight: bold;
}

.sub_sstitle {
    background: url(../img/stitle.gif) left no-repeat;
    margin: 0 0 3px 20px;
    color: #000000;
    font-weight: bold;
    font-size: 1.05em;
    padding: 3px 0 5px 20px;
}

.sub_sstitle1 {
    background: url(../img/stitle.gif) left no-repeat;
    margin: 0 0 3px 0px;
    color: #000000;
    font-weight: bold;
    font-size: 1.05em;
    padding: 3px 0 5px 20px;
}

.sub_st_con {
    padding: 0 0 5px 30px;
    clear: both;
    width: 736px;
}

.ts_app_top {
    width: 736px;
    height: 130px;
    clear: both;
    float: left;
    background: url(../img/templestay/app_bg.png) right top no-repeat;
}

.ts_sn {
    width: 500px;
    height: 50px;
    clear: both;
    float: left;
    background: url(../img/ts_tb_bg.gif);
    border-bottom: #c3b7ac solid 1px;
    border-top: #c3b7ac solid 2px;
    text-align: center;
    padding-top: 20px;
}

.ts_info_bg {
    width: 736px;
    clear: both;
    float: left;
    background: url(../img/templestay/pg_bg.png) right top no-repeat;
}

.ts_pg_bg {
    width: 400px;
    clear: both;
    float: left;
    background: url(../img/templestay/pg_bg1.jpg) top no-repeat;
}

.ts_pg_title {
    width: 400px;
    margin-top: 43px;
    float: left;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
}

.center01_bg {
    width: 736px;
    clear: both;
    float: left;
    background: url(../img/center/img_01.png) right top no-repeat;
}

.center02_bg {
    width: 736px;
    clear: both;
    float: left;
    background: url(../img/center/img_02.png) right top no-repeat;
}

.center03_bg {
    width: 736px;
    clear: both;
    float: left;
    background: url(../img/center/img_03.png) right top no-repeat;
}

.center04_bg {
    width: 736px;
    clear: both;
    float: left;
    background: url(../img/center/img_04.png) right top no-repeat;
}

.center05_bg {
    width: 736px;
    clear: both;
    float: left;
    background: url(../img/center/img_05.png) right top no-repeat;
}

.center06_bg {
    width: 736px;
    clear: both;
    float: left;
    background: url(../img/center/img_06.png) right top no-repeat;
}

.center07_bg {
    width: 736px;
    clear: both;
    float: left;
    background: url(../img/center/img_07.png) right top no-repeat;
}

.jiwoon_box {
    width: 454px;
    margin-left: 270px;
    float: left;
    clear: both;
}

.greeting {
    width: 745px;
    height: 550px;
    background: url(../img/about/greeting_bg.jpg) bottom right no-repeat;
    margin-bottom: 20px;
}

.login_title {
    width: 664px;
    float: left;
}

.login_bg {
    width: 664px;
    height: 242px;
    clear: both;
    float: left;
    background: url(../img/mypage/login_bg.gif) no-repeat;
}

.login_left {
    width: 300px;
    float: left;
    padding: 90px 0 0 33px;
}

.login_right {
    width: 301px;
    float: left;
    padding: 50px 0 0 30px;
    font-size: 1.1em;
    color: #000000;
}

.bs_map {
    width: 410px;
    height: 250px;
    float: left;
}

.bs_sc_all {
    width: 339px;
    height: 210px;
    float: left;
    margin-top: 40px;
}

.bs_sc_icon {
    width: 70px;
    float: left;
}

.bs_sc_tall {
    width: 269px;
    float: left;
}

.bs_sc_title {
    width: 269px;
    height: 27px;
    float: left;
    color: #000;
    font-size: 1.2em;
}

.bs_sc_text {
    width: 269px;
    clear: both;
    float: left;
    font-size: 0.95em;
}

.bs_sc_box {
    width: 339px;
    margin-top: 20px;
    clear: both;
    float: left;
}

.mem_all {
    width: 749px;
    float: left;
}

.mem_all li {
    clear: both;
    float: left;
    width: 749px;
    margin-bottom: 15px;
}

.mem_icon {
    width: 169px;
    float: left;
}

.mem_con {
    width: 580px;
    float: left;
    border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 40px;
}

.mem_con li {
    width: 580px;
    clear: both;
    list-style: disc;
    margin-left: 20px;
}

.jj {
    width: 560px;
    float: left;
}

.jj li {
    float: left;
}

.jj li ul li {
    clear: both;
}

.jj_title_bg {
    width: 450px;
    height: 45px;
    text-align: center;
    padding-top: 25px;
    color: #fff;
    font-weight: bold;
    background: url(../img/about/jj_title.gif) no-repeat;
    font-size: 1.5em;
}

.bs_left {
    width: 300px;
    float: left;
}

.bs_right {
    width: 449px;
    float: left;
    margin-bottom: 30px;
}

.bs_right li {
    width: 449px;
    margin-top: 30px;
    clear: both;
    float: left;
}

.bs_icon {
    width: 80px;
    float: left;
}

.bs_con_all {
    width: 369px;
    float: left;
}

.bs_title {
    width: 369px;
    color: #44925f;
    font-weight: bold;
    font-size: 1.2em;
}

.bs_con {
    width: 369px;
    clear: both;
    margin-top: 7px;
}

.info_title {
    font-size: 1.5em;
    color: #44925f;
    font-weight: bold;
    margin: 30px 0 15px 0;
}

.support_title {
    font-size: 1.5em;
    color: #44925f;
    font-weight: bold;
    margin: 10px 0 15px 0;
}

.map {
    width: 749px;
    height: 400px;
}

.history_menu {
    width: 745px;
    height: 36px;
    float: left;
    border-bottom: #CCCCCC 1px solid;
}

.history_menu li {
    width: 128px;
    height: 30px;
    float: left;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    padding: 6px 2px 0 0;
}

.history_menu li a {
    width: 128px;
    height: 30px;
    float: left;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    padding: 3px 2px 0 0;
}

.history_on {
    background: url(../img/about/tab_year_on.jpg) no-repeat;
    height: 36px;
}

.history_off {
    background: url(../img/about/tab_year_off.jpg) no-repeat;
    height: 36px;
}

.history_all {
    width: 745px;
    float: left;
}

.history {
    width: 745px;
    margin-top: 20px;
    float: left;
}

.history_year {
    width: 120px;
    text-align: center;
    float: left;
    font-size: 1.8em;
    font-weight: bold;
    color: #6FB838;
    padding-top: 7px;
}

.history dl {
    float: left;
    width: 625px;
    float: left;
}

.history dt {
    float: left;
    width: 110px;
    font-weight: bold;
    padding: 5px 0 5px 20px;
    border-bottom: #CCCCCC dotted 1px;
}

.history dd {
    float: left;
    padding: 5px 0 5px 0;
    width: 485px;
    border-bottom: #CCCCCC dotted 1px;
}

.s_title {
    width: 745px;
    padding-bottom: 5px;
    clear: both;
    float: left;
}

.s_title1 {
    width: 50%;
    padding-bottom: 5px;
    clear: both;
    float: left;
}

.ss_title {
    width: 730px;
    padding-bottom: 5px;
    clear: both;
    float: left;
    padding-left: 15px;
}

.tab_menu {
    width: 745px;
    float: left;
}

.tab_menu li {
    float: left;
    margin-right: 3px;
}

.tab_menu_on {
    padding: 10px 15px 10px 15px;
    background: #61BA36;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2em;
    border: #459A25 solid 1px
}

.tab_menu_on a {
    color: #FFFFFF;
    font-weight: bold;
}

.tab_menu_a {
    text-align: center;
    color: #61BA36;
    clear: both;
}

.tab_menu_off {
    padding: 10px 15px 10px 15px;
    background: #EBEBEB;
    text-align: center;
    color: #666666;
    font-size: 1.2em;
    border: #DBDBDB 1px solid
}

.tab_menu_off {
    text-align: center;
    color: #666;
}

.tab_menu1 {
    width: 745px;
    float: left;
}

.tab_menu1 li {
    float: left;
    margin-right: 3px;
}

.tab_menu1_on {
    padding: 10px 15px 10px 15px;
    background: #35B399;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.2em;
    border: #336666 solid 1px
}

.tab_menu1_on a {
    color: #FFFFFF;
    font-weight: bold;
}

.tab_menu1_a {
    text-align: center;
    color: #35B399;
    clear: both;
}

.tab_menu1_off {
    padding: 10px 15px 10px 15px;
    background: #F7F7F7;
    text-align: center;
    color: #009999;
    font-size: 1.2em;
    border: #DBDBDB 1px solid
}

.tab_menu1_off a {
    text-align: center;
    color: #009999;
}


.staff_all {
    width: 720px;
    float: left;
}

.staff_line_bg {
    width: 718px;
    height: 91px;
    background: url(../img/about/jj04_bg.jpg) no-repeat;
}

.staff_all_01 {
    width: 281px;
    float: left;
}

.staff_all_02 {
    width: 281px;
    float: left;
}

.staff_all_03 {
    width: 137px;
    float: left;
}

.staff_group {
    width: :138px;
    float: left;
}

.staff_title1 {
    width: 138px;
    padding: 5px 0 5px 0;
    background: #C9E2EF;
    color: #336699;
    font-weight: bold;
}

.staff_con1 {
    width: 138px;
    padding: 5px 0 5px 0;
    background: #E6F2F9;
    text-align: center;
}

.staff_con2 {
    width: 138px;
    padding: 5px 0 5px 0;
    background: #E8F7F2;
    text-align: center;
}

.staff_con3 {
    width: 138px;
    padding: 5px 0 5px 0;
    background: #F2F8E9;
    text-align: center;
}

.staff_info_all {
    width: 450px;
    background: #58b8b3;
    float: left;
}

.staff_info_con {
    width: 410px;
    float: left;
    background: #FFFFFF;
    margin: 0 10px 10px 10px;
    padding: 10px;
}

.staff_pic {
    float: left;
}

.staff_pic img {
    border: #CCCCCC 1px solid;
}

.staff_info_name {
    font-size: 1.3em;
    color: #000;
    font-weight: bold;
}


.business_text {
    width: 555px;
    float: left;
    padding-left: 10px;
    font-size: 1.03em;
    line-height: 1.7em;
    color: #666666;
}

.business_pic_all {
    width: 735px;
    clear: both;
    float: left;
    padding-left: 10px;
}

.business_pic {
    width: 225px;
    float: left;
    padding: 3px;
    text-align: center;
}

.business_pic_all li {
    width: 225px;
    float: left;
    padding: 3px;
    text-align: center;
}

.bmain_tbg {
    width: 745px;
    height: 240px;
    clear: both;
    float: left;
    background: url(../img/business/b03_bg.jpg) no-repeat left top;
}

.bmain_tbg04 {
    width: 745px;
    height: 240px;
    clear: both;
    float: left;
    background: url(../img/business/b04_bg.jpg) no-repeat left top;
}

.bmain_tbg02 {
    width: 745px;
    height: 240px;
    clear: both;
    float: left;
    background: url(../img/business/b02_bg.jpg) no-repeat left top;
}

.bmain_tt {
    width: 400px;
    float: left;
    font-size: 1.9em;
    font-weight: bold;
    color: #006666;
}

.bmain_ttext {
    width: 500px;
    margin-top: 30px;
    clear: both;
    float: left;
    font-size: 1.2em;
    color: #006666;
    line-height: 1.6em;
}

.bmain_all {
    width: 745px;
    float: left;
    clear: both;
    background: url(../img/business/b_mainst_bg2.jpg) repeat-y;
}

.bmain_sall {
    width: 320px;
    float: left;
}

.bmain_stbox {
    width: 320px;
    height: 99px;
    background: url(../img/business/b_mainst_bg1.jpg) no-repeat top right;
    float: left;
    padding: 15px 10px 0 10px;
}

.bmain_stbox1 {
    width: 320px;
    height: 80px;
    float: left;
    padding: 15px 10px 0 10px;
}

.bmain_stbox2 {
    width: 350px;
    height: 99px;
    background: url(../img/business/b_mainst_bg1.jpg) repeat-x top right;
    float: left;
    padding: 15px 10px 0 10px;
}

.bmain_stt {
    width: 210px;
    float: left;
    font-size: 1.4em;
    font-weight: bold;
    color: #000;
    padding-top: 7px;
}

.bmain_conbox {
    width: 320px;
    padding: 0 10px 10px 10px;
    float: left;
    clear: both;
}

.bmain_context {
    width: 320px;
    color: #000000;
    float: left;
}

.jy_text1 {
    font-size: 1em;
    line-height: 1.4em;
}




.bank {
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
}

.hw_tax {
    width: 715px;
    height: 120px;
    clear: both;
    padding-top: 35px;
    color: #000000;
    font-size: 1.2em;
    text-align: center;
    background: url(../img/hwjb/hw_bg.jpg) center no-repeat;
    margin-top: 40px;
    line-height: 1.6em;
}




.sitemap_all {
    width: 736px;
    float: left;
}

.sitemap_title {
    width: 117px;
    height: 30px;
    padding-top: 13px;
    float: left;
    background: url(../img/ts_tb_bg1.gif);
    color: #688a00;
    font-size: 1.08em;
    font-weight: bold;
    border-radius: 8px;
    text-align: center;
    border: #88a72b 1px solid;
    margin-bottom: 10px;
}

.site {
    width: 113px;
    float: left;
    margin-right: 9px;
}

.site dl {
    clear: both;
    float: left;
}

.site dt {
    clear: both;
    width: 105px;
    padding: 5px 5px 5px 5px;
    border-bottom: #c7b299 1px solid;
    color: #000000;
    font-size: 0.9em;
}

.site dt a {
    color: #000000;
}

.site dd {
    clear: both;
    width: 113px;
    padding: 5px 0 5px 25px;
    border-bottom: #c7b299 1px dotted;
    font-size: 1em;
}


.sc_title {
    clear: both;
    width: 715px;
    padding: 5px 0 5px 10px;
    border: dotted 1px #66CC00;
    font-weight: bold;
    background: #F9FCF3;
}

.sc_text {
    width: 710px;
    padding: 5px 5px 5px 10px;
    border: dotted 1px #999999;
    clear: both;
}

.sc_text ul {
    padding-left: 20px;
}

.sc_text li {
    list-style: square;
}


/*-----------------------------------------------------------------------------------------------------------
영수증
-----------------------------------------------------------------------------------------------------------*/
.receipt_no {
    font-family: "굴림", gulim;
    font-size: 12pt;
}

.receipt_title {
    font-family: "굴림", gulim;
    font-size: 20pt;
}

.receipt_15pt {
    font-family: "굴림", gulim;
    font-size: 15pt;
}

.receipt_13pt {
    font-family: "굴림", gulim;
    font-size: 13pt;
}

.receipt_adress {
    font-family: "굴림", gulim;
    font-size: 12pt;
    line-height: 150%;
}

.receipt_w {
    width: 450px;
}

.f_gulim {
    font-family: "굴림", gulim;
}


/*-----------------------------------------------------------------------------------------------------------
달력
-----------------------------------------------------------------------------------------------------------*/
#calenderAll {
    width: 700px;
    clear: both;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #7e7e7e;
}

#calenderAll .calenderSubject {
    width: 700px;
    clear: both;
    margin-bottom: 15px
}

.calenderSubject .yearMonth {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 23px;
    text-decoration: none;
    font-weight: bold
}

#calenderAll .calenderMonth {
    width: 700px;
    background: url(/image/calender/img_subbg.gif) repeat-x top left;
    clear: both
}

.calenderMonth table {
    border-collapse: collapse
}

.calenderMonth th {
    color: #7a7a7a;
    border: 1px solid #d8d8d8;
    height: 28px;
    text-align: center;
    font-size: 12px
}

.calenderMonth .sun {
    color: #e21038
}

.calenderMonth .sat {
    color: #689ac5
}

#calenderAll .calenderContents {
    width: 700px;
    clear: both;
}

.calenderContents table {
    border-collapse: collapse;
}

.calenderContents table p {
    margin: 0 0 0px 0;
    padding: 0px;
    clear: both;
    font-size: 12px
}

.calenderContents table .monthDate {
    background-color: #f8f8f8;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 11px
}

.calenderContents table .monthDate1 {
    background-color: #f8f8f8;
    width: 100%;
    text-align: left;
    color: #e21038;
    font-weight: bold;
    font-size: 11px
}

.calenderContents table .monthDate2 {
    background-color: #f8f8f8;
    width: 100%;
    text-align: left;
    color: #689ac5;
    font-weight: bold;
    font-size: 11px
}

.calenderContents table .foodArea {
    background-color: #ffffff;
    width: 100%;
    text-align: left;
    font-size: 11px;
    padding-left: 3px;
}

.calenderContents table p img {
    margin: 0 0 3px 3px;
    padding: 0;
    clear: both
}

.calenderContents td {
    vertical-align: top
}

.calenderContents .td1 {
    height: 110px;
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px dotted #d8d8d8
}

.calenderContents .td2 {
    height: 110px;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px dotted #d8d8d8
}

.calenderContents .td3 {
    height: 110px;
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8
}

.calenderContents .end {
    text-align: center;
    height: 80px;
    clear: both;
    font-size: 12px
}

#calenderAll .calenderInfo {
    width: 700px;
    margin-top: 30px
}



/* 시설둘러보기 */
.bx-wrapper {
    position: relative;
    margin: 20px auto 30px;
    padding: 0;
    width: 730px;
    *zoom: 1;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    border: 10px solid #fff;
    left: -10px;
    background: #fff;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.bx-pager {
    margin: 0 auto;
    text-align: center;
}

.bx-pager a {
    display: inline-block;
    margin: 8px 8px;
    border: 1px solid #ddd;
    width: 73px;
    height: 41px;
}

.bx-pager a:hover {
    border: 1px solid #2eb149;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(/img/board/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(/img/board/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

ul.bxslider li span {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    color: #090
}




/*이미지 슬라이드*/
.service1 {
    margin-bottom: 30px;
    margin-left: 10px
}

#slides {
    position: relative;
    border: 3px solid #c3a891;
    padding: 3px;
    width: 669px;
    border-radius: 3px;
}

.slides_container {
    width: 668px;
    overflow: hidden;
    position: relative;
    display: none;
}

.slides_container a {
    width: 668px;
    height: 358px;
    display: block;
}

.slides_container a img {
    display: block;
}

#slides .next,
#slides .prev {
    position: absolute;
    top: 170px;
    left: 10px;
    width: 27px;
    height: 27px;
    display: block;
    z-index: 101;
}

#slides .next {
    left: 635px;
}

.pagination {
    position: absolute;
    top: 330px;
    left: 310px;
    height: 30px;
    /*width:100px;*/
    z-index: 200;
}

.pagination li {
    float: left;
    margin: 0 0;
    list-style: none;
}

.pagination li a {
    display: block;
    width: 15px;
    height: 0;
    padding-top: 15px;
    margin-right: 3px;
    background-image: url(/img/pagenation.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a {
    background-position: 0 -15px;
}

/*버튼*/

.btn01{
    padding: 5px 20px;
    background: #c07f33;
}

.btn01 a{
    color:#fff;
    font-weight: 500;
}

.btn01:hover{
    color: #c07f33;
    background: #fff;
    border: 2px solid #c07f33;    
}
.btn01 a:hover{
    color:#333;
    font-weight: 500;
}


/*온라인과정 -추가 210326*/
.bg_bx{
    border: 1px solid #eee;
    padding-top: 40px;
    height: 104px;
    box-sizing: border-box;
    background: url(/img/jabisun/pg_bx_bg.png) no-repeat 90% 30%;
}