.page_wrap > img { max-width:100%; }

.main_wrap{width: 1200px; margin: 0 auto; overflow: hidden;}
.main_wrap > .main_banner{width: 100%;}
.main_wrap > .main_banner > img{width: 100%;}

.main_wrap > .sub_menu{width: 220px; margin-right: 20px; float: left;}
.main_wrap > .sub_menu > .sub_title{width: 100%; background-color: #323232; text-align: center; padding: 35px 0; color: #FF9B2B;}
.main_wrap > .sub_menu > ul{list-style: none; padding: 0;}
.main_wrap > .sub_menu > ul > li > a{display: block; padding: 12px; border-bottom: 1px solid #CDCDCD; color: #666; font-size: 13px;}
.main_wrap > .sub_menu > ul > .now > a{background-color: #EAEAEA; font-weight: bold; color: #000;}
.main_wrap > .sub_menu > ul > li:hover > a{color: #000;}

.main_wrap > .contents{width: 960px; float: left; padding: 20px; padding-bottom: 0;}
.main_wrap > .contents > .page_title{border-bottom: 1px solid #CDCDCD; padding: 15px; color: #FF9B2B;}
.main_wrap > .contents > .page_wrap{padding: 30px 15px 15px 15px;}

/* bbs */
.bbs_wrap{width: 100%; overflow: hidden;}
.bbs_wrap > .search_wrap{width: 100%;}
.bbs_wrap > .search_wrap > form{float: right;}
.bbs_wrap > .search_wrap > form > input{font-family: 'Nanum Gothic', sans-serif;}
.bbs_wrap > .search_wrap > form > select{font-family: 'Nanum Gothic', sans-serif; border: 1px solid #323232; padding: 5px 10px;}
.bbs_wrap > .search_wrap > form > input:nth-of-type(1){padding: 6px 10px; border: 1px solid #323232; border-left: 0;}
.bbs_wrap > .search_wrap > form > input:nth-of-type(2){padding: 7px 15px; border: 0; background-color: #323232; font-weight: bold; color: #FFF; cursor: pointer;}

.bbs_wrap > .bbs_top{width: 100%; clear: both; margin-top: 50px; border-top: 3px solid #323232; overflow: hidden; border-bottom: 1px solid #EAEAEA;}
.bbs_wrap > .bbs_top > span{display: block; float: left; text-align: center; padding: 10px; font-weight: bold;}
.bbs_wrap > .bbs_top > span:nth-child(1){width: 10%;}
.bbs_wrap > .bbs_top > span:nth-child(2){width: 75%;}
.bbs_wrap > .bbs_top > span:nth-child(3){width: 15%;}

.bbs_wrap > .bbs_item{width: 100%; clear: both; overflow: hidden; border-bottom: 1px solid #EAEAEA;}
.bbs_wrap > .bbs_item > span{display: block; float: left; text-align: center; padding: 10px; font-size: 13px;}
.bbs_wrap > .bbs_item > span:nth-child(1){width: 10%; font-weight: bold;}
.bbs_wrap > .bbs_item > span:nth-child(2){width: 75%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bbs_wrap > .bbs_item > span:nth-child(3){width: 15%; font-weight: bold;}

.bbs_wrap > .bbs_item > .gongji{font-weight: bold; color: #009238;}


.bbs_wrap > .bbs_top_online{width: 100%; clear: both; margin-top: 50px; border-top: 3px solid #323232; overflow: hidden; border-bottom: 1px solid #EAEAEA;}
.bbs_wrap > .bbs_top_online > span{display: block; float: left; text-align: center; padding: 10px; font-weight: bold;}
.bbs_wrap > .bbs_top_online > span:nth-child(1){width: 10%;}
.bbs_wrap > .bbs_top_online > span:nth-child(2){width: 50%;}
.bbs_wrap > .bbs_top_online > span:nth-child(3){width: 15%;}
.bbs_wrap > .bbs_top_online > span:nth-child(4){width: 10%;}
.bbs_wrap > .bbs_top_online > span:nth-child(5){width: 15%;}


.bbs_wrap > .bbs_item_online{width: 100%; clear: both; overflow: hidden; border-bottom: 1px solid #EAEAEA;}
.bbs_wrap > .bbs_item_online > span{display: block; float: left; text-align: center; padding: 10px; font-size: 13px;}
.bbs_wrap > .bbs_item_online > span:nth-child(1){width: 10%; font-weight: bold;}
.bbs_wrap > .bbs_item_online > span:nth-child(2){width: 50%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bbs_wrap > .bbs_item_online > span:nth-child(3){width: 15%; font-weight: bold;}
.bbs_wrap > .bbs_item_online > span:nth-child(4){width: 10%; font-weight: bold;}
.bbs_wrap > .bbs_item_online > span:nth-child(5){width: 15%; font-weight: bold;}

.bbs_wrap > .bbs_item_online > .gongji{font-weight: bold; color: #009238;}


.bbs_wrap > .bbs_btn_wrap{float: right; margin-top: 20px;}
.bbs_wrap > .bbs_btn_wrap > a{display: inline-block; font-size: 13px; background-color: #323232; padding: 7px 15px; color: #FFF; cursor: pointer; font-weight: bold;}
.bbs_wrap > .bbs_btn_wrap > a:nth-child(1){color: #FF9B2B;}

.bbs_wrap > .bbs_view{width: 100%;}
.bbs_wrap > .bbs_view > .bbs_info{width: 100%; overflow: hidden; padding: 10px; border-bottom: 1px solid #CDCDCD;}
.bbs_wrap > .bbs_view > .bbs_info > .title{font-weight: bold; font-size: 18px; float: left; display: block;}
.bbs_wrap > .bbs_view > .bbs_info > .date{font-size: 14px; float: right; display: block;}

.bbs_wrap > .bbs_view > .bbs_file{width: 100%; padding: 10px;}
.bbs_wrap > .bbs_view > .bbs_file > span{font-weight: bold; font-size: 13px;}

.bbs_wrap > .bbs_view > .bbs_ny{width: 100%; padding: 10px; font-size: 14px;}
.bbs_wrap > .bbs_view > .bbs_btn_wrap{float: right; margin-top: 20px;}
.bbs_wrap > .bbs_view > .bbs_btn_wrap > a{display: inline-block; font-size: 13px; background-color: #323232; padding: 7px 15px; color: #FFF; cursor: pointer; font-weight: bold;}
.bbs_wrap > .bbs_view > .bbs_btn_wrap > a:nth-child(1){color: #FF9B2B;}

.bbs_wrap > .bbs_page_list{float: left; overflow: hidden; margin-top: 20px;}
.bbs_wrap > .bbs_page_list > a{display: block; float: left; border: 1px solid #CDCDCD; border-right: 0; padding: 7px 10px; font-size: 12px;}
.bbs_wrap > .bbs_page_list > a:last-child{border-right: 1px solid #CDCDCD;}
.bbs_wrap > .bbs_page_list > .now{font-weight: bold; background-color: #EAEAEA;}

.bbs_wrap > .iljung_month{overflow: hidden; width: 140px; margin: 0 auto; height : 28px;}
.bbs_wrap > .iljung_month > .iljung_month_btn{display: block; float: left; font-size: 12px; border: 1px solid #CDCDCD; padding: 5px 7px; border-right: 0; height : 100%;}
.bbs_wrap > .iljung_month > .iljung_month_btn:last-child{border-right: 1px solid #CDCDCD;}

.bbs_wrap > .iljung_wrap{width: 100%; margin-top: 10px;}
.bbs_wrap > .iljung_wrap > .iljung_top{width: 100%; overflow: hidden; border-top: 3px solid #323232; text-align: center; padding: 10px 0; font-weight: bold; border-bottom: 1px solid #EAEAEA;}
.bbs_wrap > .iljung_wrap > .iljung_top > span{display: block; float: left; width: calc(100%/7); border-left: 1px solid #EAEAEA;}
.bbs_wrap > .iljung_wrap > .iljung_top > span:first-child{border-left: 0; color: #f12b2b;}
.bbs_wrap > .iljung_wrap > .iljung_top > span:last-child{color: #2b63f1;}

.bbs_wrap > .iljung_wrap > .iljung_day{display: block; float: left; width: calc(100%/7); border: 1px solid #EAEAEA; border-top: 0; padding: 20px; text-align: right; border-right: 0; height: 175px;}
.bbs_wrap > .iljung_wrap > .iljung_day:nth-of-type(7n+1){border-right: 1px solid #EAEAEA;}
.bbs_wrap > .iljung_wrap > .iljung_day > span:first-child{font-size: 17px;}

.bbs_wrap > .iljung_wrap > .today{background-color: #323232; color: #FFF;}
.bbs_wrap > .iljung_wrap .info_line{width: 100%; height: 1px; background-color: #EAEAEA; margin: 5px 0;}

.bbs_wrap > .iljung_wrap > .bbs_btn_wrap{float: right; margin-top: 20px;}
.bbs_wrap > .iljung_wrap > .bbs_btn_wrap > a{display: inline-block; font-size: 13px; background-color: #323232; padding: 7px 15px; color: #FFF; cursor: pointer; font-weight: bold;}
.bbs_wrap > .iljung_wrap > .bbs_btn_wrap > a:nth-child(1){color: #FF9B2B;}

/* 20181122 �Ż��� �̹��� css */
.bbs_img_wrap > span{display: block; padding: 10px; width: 400px;}
.bbs_img_wrap img{width: 400px;}
.bbs_img_wrap .search_wrap{width: 400px; margin-top: 10px;}
.bbs_img_wrap .search_wrap > form{left: 50px; float: inherit;}
.bbs_img_wrap .bbs_btn_wrap{clear: both;}

@media (max-width : 1230px){
    .main_wrap{width: 100%;}
    
    .main_wrap > .sub_menu{width: 100%; margin-right: 0;}
    
    .main_wrap > .contents{width: 100%;}
    
    .main_wrap > .sub_menu > ul > li{float: left; border-right: 1px solid #CDCDCD;}
    .main_wrap > .sub_menu > ul > li:last-of-type{border-right: 0;}
}

@media (max-width : 765px){
    .main_wrap > .main_banner{display: none;}
    .main_wrap > .sub_menu > ul > li{width: 100% !important; border-right: 0;}
    .main_wrap > .contents{padding: 5px;}
    .main_wrap > .contents > .page_title{font-size: 15px;}
    .main_wrap > .contents > .page_wrap{padding: 20px 13px 13px 13px;}
    
    /*.bbs_wrap > .search_wrap{display: none;}*/
    
    /*
    .bbs_wrap > .bbs_top{margin-top: 0;}
    .bbs_wrap > .bbs_top > span{font-size: 14px; }
    .bbs_wrap > .bbs_top > span:nth-child(1){display: none;}
    .bbs_wrap > .bbs_top > span:nth-child(2){width: 70%;}
    .bbs_wrap > .bbs_top > span:nth-child(3){width: 30%;}
    */
    .bbs_wrap > .iljung_wrap > .iljung_top { display:none;}

    .bbs_wrap > .bbs_item > span{font-size: 12px;}
    .bbs_wrap > .bbs_item > span:nth-child(1){display: none;}
    .bbs_wrap > .bbs_item > span:nth-child(2){width: 70%;}
    .bbs_wrap > .bbs_item > .gongji_title{font-weight: bold;}
    .bbs_wrap > .bbs_item > span:nth-child(3){width: 30%;}
    
    .bbs_wrap > .bbs_page_list{float: inherit; width: fit-content; margin: 0 auto; margin-top: 20px;}
    
    .bbs_wrap > .bbs_view > .bbs_info > .title{width: 100%; font-size: 16px;}
    .bbs_wrap > .bbs_view > .bbs_info > .date{font-size: 12px;}
    .bbs_wrap > .bbs_view > .bbs_ny{font-size: 13px;}
    
    .bbs_wrap > .iljung_wrap > .iljung_day { width: calc(100%/1); }
    .bbs_wrap > .iljung_wrap > .iljung_day:not(.has_schedule) { display: none; }

    /* 20181122 �Ż��� �̹��� css */
    .bbs_img_wrap > span{width: 100%;}
    .bbs_img_wrap img{width: 100%;}
}