@charset "utf-8";

.tL {text-align:left !important}
.tC {text-align:center !important}
.tR {text-align:right !important}
.clearfix:after {content:""; display:block; width:0; height:0; font-size:0; clear:both;}
.dotdot {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}  
.hide {position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px;  text-indent: -9999em;} 

/* 여백 */
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}

.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt44 {margin-top:44px !important;}
.mt46 {margin-top:46px !important;}
.mt53 {margin-top:53px !important;}
.mt87 {margin-top:87px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mb1 {margin-bottom:1px !important;}
.mb10 {margin-bottom:10px !important;}
.mb13 {margin-bottom:13px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}


.ml5{margin-left: 5px !important;}
.ml7{margin-left: 7px !important;}
.ml17{margin-left: 17px !important;}

.fw_m {font-weight:500;}
/* .fw_b {font-weight:600;} */

.brd_t0{border-top:0 !important;}
.brd_l0{border-left:0 !important;}
.brd_r0 dd{border-right:0 !important;}

.brd_b1{border-bottom:1px solid #dedede !important;}

.ta_c{text-align: center;}
.ta_r{text-align: right;}
/* sch_bar_box */


/* notice_wrap */
.skin2 select {background:#fff url(/_static/k_home/img/sub/select_arrow.png) no-repeat 88% 50%; border-radius: 0px;-webkit-appearance: none;-moz-appearance: none; appearance: none; display:none; }
.skin2 .sch_label {display:inline-block; float:left; height:40px; line-height:38px; margin-right:5px;}
.skin2 .sch_slt {display:inline-block; float:left; width:136px;  height:40px; margin-right:5px; padding:0 16px; /*text-align-last: center; -ms-text-align-last: center; -webkit-text-align-last: center;*/ border:1px solid #cccccc; color:#333333;}
.skin2 .sch_input {display:inline-block; float:left; width:286px; height:40px; padding: 0 10px; border:1px solid #cccccc; }
.skin2 .sch_btn {display:inline-block; float:left; width:88px; height:40px; line-height:38px; background-color:#4d4d4d;  border:1px solid #4d4d4d;
color:#fff; font-family:inherit; font-size:1em; font-weight:300; text-align:center; -webkit-transition:background-color 0.3s;
-moz-transition:background-color 0.3s; transition:background-color 0.3s;}
.skin2 .sch_btn .ico {display:inline-block;}
.skin2 .sch_btn:hover, .skin2 .sch_btn:focus { border:1px solid #4d4d4d; background-color:#fff; color:#4d4d4d; }
.skin2 select.sch_slt::-ms-expand {display:none}

.skin2.pop_slt select{ min-width: 308px; background: #fff url(/_static/k_home/img/sub/select_arrow.png) no-repeat right 5% center; margin-bottom:0;}

.sch_bar_box {padding-bottom:14px; border-bottom:3px solid #afafaf;}
.sch_bar_box .total_txt {position: relative; float:left; padding-left:10px; margin-top:10px; margin-bottom:0; font-size:0.938em;}
.sch_bar_box .total_txt .total .num {color:#b13a3e;}
.sch_bar_box .total_txt .total:after{content:''; display: inline-block; vertical-align: middle; width: 1px; height:8px; background-color:#c2c2c2; margin:0px 8px 1px 10px; }
.sch_bar_box .total_txt:before{content: ""; display: inline-block; width: 4px; height: 4px; background-color: #4c4c4c; position: absolute; left: 0; top: 8px;}

.sch_bar_box .sch_bar {float:right;}
.sch_bar_box .sch_bar.left{float:left;}
.sch_bar_box .sch_bar:after {content:""; display:block; width:0; height:0; clear:both;}
.sch_label {display:inline-block; float:left; height:40px; line-height:40px; margin-right:5px;}
.sch_slt {display:inline-block; float:left; height:34px; border:1px solid #bfbfbf;}

.sch_slt.ver1{width:128px;} /*분류선택 128*/
.sch_slt.ver2{width:106px; margin-right:5px;}   /*게시판선택*/
.sch_slt.ver3{width:118px; } /*년도 118*/
.sch_slt.ver7{width:78px; margin-left:5px;} /*월,일*/
.sch_slt.ver4{width:158px;} /*직업*/
.sch_slt.ver5{width:158px;} /*이메일*/
.sch_slt.ver6{width:118px; margin-right:5px;} /*연락처*/
.sch_slt.ver8{width:78px; margin-left:5px;} /*시,분*/
.sch_slt.ver8:first-child{ margin-left:0;} /*시,분*/

.form_cont{overflow: hidden; display: inline-block; vertical-align: middle;}

.wave{display:inline-block; vertical-align: middle; margin:0 10px;}

/* board_list */
.board_list {width:100%; text-align:center; border-collapse:collapse; table-layout:fixed;}
.board_list thead {border-bottom:1px solid #dedede; background-color:#f7f7f7;}
.board_list thead tr th {color:#0e0e0e; background:#f7f7f7;}
.board_list tbody tr {border-bottom:1px solid #dedede; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;} 
/* .board_list tbody tr:hover {background-color:#f7f7f7;} */
.board_list th, .board_list td {padding:20px 10px;}
.board_list td.name a {display: inline-block;}
.term_wrap .board_list th, .term_wrap .board_list td{padding:18px 30px;}
.term_wrap .board_list tr > *:first-child {border-left:0 none;}
.term_wrap .board_list td{font-weight: 300;}
.board_list tbody .top td em{
    color: #ffffff;
    background: #cd867e;
    display: inline-block;
    padding: 1px 7px;
    font-size: 0.938em;
    border-radius: 5px;
    vertical-align: middle;
}
.board_list .tit {text-align:left;}
.board_list .tit a {display:inline-block; position:relative; z-index:1; overflow:hidden; max-width:100%; min-height:20px; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; font-weight: 300;}
.board_list tbody tr .date{font-weight: 300;}
.board_list tbody tr .view{font-weight: 300;}

/* .board_view */
.board_view .tbl_etc{position: relative; border-top: 3px solid #afafaf; border-bottom: 1px solid #dedede; overflow: hidden; }
.board_view .tbl_etc .tbl_tit{padding: 20px 0; }
.board_view .tbl_etc .tbl_tit em{display: block;}
.board_view .tbl_etc .tbl_tit > span{display: inline-block; vertical-align: middle; text-align: center; color: #0e0e0e; font-size: 1.875em;}
.board_view .tbl_info{padding: 20px 20px; overflow: hidden; border-top: 1px solid #dedede;}
.board_view .tbl_info .tit{float:left;}
.board_view .tbl_info > span{font-weight: 300;}
.board_view .tbl_info > span > em{font-weight: 500;}

.board_view .tbl_info_list {position: relative; padding: 20px 20px; overflow: hidden; border-top: 1px solid #dedede; background-color: #f7f7f7;}

.board_view .tbl_info_list ul {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.board_view .tbl_info_list ul li {
    position: relative;    
    padding-left: 10px;
}
.board_view .tbl_info_list ul li:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    background: #0084c8;
}
.board_view .tbl_info_list ul li.tit{font-weight: 300; margin-top:20px;}
.board_view .tbl_info_list ul li.tit:first-child{margin-top:0;}
.board_view .tbl_info_list ul li.tit > em{display:inline-block; margin-right:20px; font-weight: 500;}
.board_view .tbl_etc > .view{position: absolute; top:40px; right:0; font-size: 0.938em; font-weight: 500;}

.board_view .tbl_etc .tbl_tit{text-align:center;}
.board_view .tbl_etc .tbl_tit .tit_em{display: inline-block; vertical-align: middle; text-align: center; min-width:82px; height:32px; line-height: 30px; font-weight: 500; color:#0070c0; font-size: 1em; border:1px solid #0070c0; margin-right:25px;}

.board_view .tbl_info .date{float:left;}
.board_view .tbl_info .date:after{    content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 8px; background-color: #c2c2c2; margin: 0px 8px 1px 10px;}
.board_view .tbl_info .view{float:right;}
.board_view .view_con{ padding: 47px 20px; border-bottom: 1px solid #dedede; overflow: hidden;}
/* 2021 / 01 / 04 관리자 게시판 글쓰기에서 p태그가 자동적으로 생성되어, 간격이 너무 떨어져서 margin-top :48px - > 12px로 변경상태임 */
/* 2022 / 04 / 19 간격조절 해달라고 하여 줄임 margin-top :48px -> 12px로 변경상태임 + line-height주석 */
.board_view .view_con p{margin-top:5px; font-weight: 300; /*line-height: 37px;*/}
.board_view .view_con p:first-child{margin-top:0;}
.board_view .view_con .img_area{text-align: center;}

.board_view .info_con{margin-top:20px; padding-top:40px; border-top:1px solid #dedede;}
.board_view .info_con p{padding:10px; border:1px solid #dedede; min-height:294px;}

.board_view .tbl_file{padding:18px 20px; border-bottom: 1px solid #dedede;}
.board_view .tbl_text{margin-top:20px;}
.board_view .tbl_file p{font-weight: 300;}
.board_view .tbl_file p em{font-weight: 500;}
.board_view .tbl_file p em:before{content:''; display: inline-block; vertical-align: text-top; background:url(/_static/k_home/img/sub/is_ico.png) no-repeat left center; width:22px; height:25px; padding-right:8px;}
.board_view .tbl_file p em.c_clear:before{display: none;}
/* .board_view .tbl_file textarea{margin-top:20px;} */



/* .board_view */ 
.tbl_etc dl{
    overflow: hidden;
    width: 100%;
    display: table;
    border-top: 1px solid #dedede;
}
.tbl_etc dl dt {
    position: relative;
    width: 20%;
    display: table-cell;
    padding: 20px 10px;
    background: #f7f7f7;
    text-align: center;
    font-weight: 500;
    vertical-align: middle;
}
.tbl_etc dl.hori_line dt{width:40%;}
.tbl_etc dl.hori_line{float:left; width:50%;}
.tbl_etc dl dd {
    width: 85%;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-weight: 300;
}


/* btn_area */
.btn_area{margin-top:30px; overflow: hidden; text-align: center;}
.btn_area a{display: inline-block; margin-left: 47px; vertical-align:bottom; color:#000000;}
.btn_area a:first-child{margin-left:0;}
.btn_area a span{display: inline-block; color: #000000; min-width: 110px; height: 34px; line-height: 34px; text-align: center;}
.btn_area a.btn_list span{height: 53px; line-height: 53px; border-bottom:2px solid #000000;}
.btn_area a.btn_prev span:before{content:''; display:inline-block; vertical-align: middle; margin-right:10px; width:73px; height:17px; background:url(/_static/k_home/img/sub/btn_list_prev.png) no-repeat left center; margin-bottom:4px;}
.btn_area a.btn_list span:before{content:''; display:inline-block; vertical-align: middle; margin-right:17px; width:14px; height:13px; background:url(/_static/k_home/img/sub/list_icon.png) no-repeat left center; margin-bottom:4px;}
.btn_area a.btn_next span:after{content:''; display:inline-block; vertical-align: middle; margin-left:10px; width:73px; height:17px; background:url(/_static/k_home/img/sub/btn_list_next.png) no-repeat right center; margin-bottom:4px;}

/* view_etc */
.tbl_popup{border-top: 2px solid #1b1b1b; border-bottom: 1px solid #dedede; overflow: hidden; margin-top:16px;}
.tbl_popup dl{overflow: hidden; width: 100%; display: table; border-top: 1px solid #dedede;}
.tbl_popup dl:first-child { border-top: 0;}
.tbl_popup dl.hori_line {float: left; width: 50%;}
.tbl_popup dl.hori_line dt {width: 40%;}
.tbl_popup dt{position: relative; width: 20%; display: table-cell; padding: 20px 10px; background: #f7f7f7; text-align: center;	font-weight: 500; vertical-align: middle;}
.tbl_popup dd {width: 85%; display: table-cell; vertical-align: middle; padding:10px 0 10px 10px;}
.tbl_popup dd textarea{border-color:#dddddd; resize:none; overflow-x:hidden;overflow-y:auto;}

.tbl_popup .tbl_tit{padding: 30px 0; text-align: center; color: #353535; font-size: 1.33em;}

/* pagination */
.pagination {padding-top:50px; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 34px; height: 34px; line-height: 32px; margin:0 4px 3px; border:1px solid #d1d1d1; color:#343434; font-size:16px; 
text-align:center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pagination .page_arrow {padding:10px;}
.pagination .page_arrow img {display: none; margin: 0 auto; margin-top: 3px;}
.pagination .page_arrow.l1 {margin-right:4px;}
.pagination .page_arrow.r1 {margin-left:4px;}
.pagination span a:hover, .pagination span a:focus, .pagination .active {background:#4d4d4d; color:#fff; border:1px solid #d1d1d1;}
.pagination a.l2 {background:url(/_static/k_home/img/sub/nnext_page.png) center center no-repeat;}
.pagination a.l1 {background:url(/_static/k_home/img/sub/next_page.png) center center no-repeat;}
.pagination a.r1 {background:url(/_static/k_home/img/sub/prev_page.png) center center no-repeat;} 
.pagination a.r2 {background:url(/_static/k_home/img/sub/pprev_page.png) center center no-repeat;}
.pagination a.l2:hover {background: #4d4d4d url(/_static/k_home/img/sub/nnext_page_on.png) center center no-repeat;}
.pagination a.l1:hover {background: #4d4d4d url(/_static/k_home/img/sub/next_page_on.png) center center no-repeat;} 
.pagination a.r1:hover {background: #4d4d4d url(/_static/k_home/img/sub/prev_page_on.png) center center no-repeat;} 
.pagination a.r2:hover {background: #4d4d4d url(/_static/k_home/img/sub/pprev_page_on.png) center center no-repeat;}


/* 예약문의 */
/* .wtl{}
.wtl tbody {}
.wtl tbody th{}
.wtl tbody th:first-child{border-left: 0;}
.wtl tbody th:first-child.line{}
.wtl tbody td{}
.wtl tbody td 
.wtl tbody td.f{border-left:0;}
.wtl tbody td 
.wtl tbody td 
.wtl tbody td 
.wtl tbody td 
.wtl tbody td  */


.tbl_info{border-top:2px solid #afafaf;  overflow: hidden;  }
.tbl_info dl{padding:19px 10px;  border-bottom:1px solid #dedede;  color:#000000; width: 100%; display: table; table-layout: fixed; border-collapse: collapse; 
    border-collapse: separate;
    margin:0; padding:0; 
    border-spacing: 0;
}

/* .tbl_info dl:first-child { border-top: 0;} */
.tbl_info dl.first_line, .tbl_info dl.sec_line, .tbl_info div.first_line{float: left;}
.tbl_info dl.first_line{width:57.1%;}
.tbl_info dl.first_line dt {width: 28.3%;}

.top_line dd dl.first_line > div{    position: relative;
    height: 60px;
    min-height: 60px;
    width: 50%;
    display: table-cell;
    padding: 8px 10px;
    background: #f7f7f7;
    text-align: center;
    font-weight: 500;
    vertical-align: middle;
}
/* .top_line dd dl.first_line > div{width: 50%;} */

.tbl_info dl.sec_line{width:42.9%;}
.tbl_info dl.sec_line dt{border-left:1px solid #dedede; width:22.8%;}
.tbl_info dl.sec_line dd{width: 74.5%;}

.tbl_info dl.top_line > dd{padding:0;}
/* .tbl_info dl.top_line > dd > dl.sec_line{margin-left:-2px;} */
.tbl_info dl.top_line > dd > dl.h100{min-height:584px;}
.tbl_info dl.top_line > dd > dl{border-bottom:0;}
.tbl_info dl.top_line > dd > dl.first_line{width:50%;}
.tbl_info dl.top_line > dd > dl.first_line dt{width:27.8%;}
.tbl_info dl.top_line > dd > dl.sec_line{width:50%;}
.tbl_info dl.top_line > dd > dl.sec_line dt{width:23.5%;}
.tbl_info dl.top_line > dd > dl.sec_line dd{width:76.5%;}
.tbl_info .only_line dt{background:#fff; padding:23px 10px;}
.tbl_info dl.top_line > dd > div.first_line{width:50%; display: table;}
.tbl_info .only_top_line > div{
    height: 60px;
    width:100%;
    display: inline-block;
    vertical-align: middle;
    padding: 20px 10px;
    background: #f7f7f7;
    text-align: center;
    font-weight: 500;
    border-bottom:1px solid #dedede;
}
.tbl_info dl.top_line > dt span.fc_red{display: block;}

.tbl_info dt{position: relative; height:60px; width: 14.1%; display: table-cell; padding: 8px 10px; background: #f7f7f7; text-align: center;	font-weight: 500; vertical-align: middle;}
.tbl_info .first_line > div{width: 50%; display: table-cell; min-height:60px; padding:10px;}
.tbl_info dd {width: 86%; display: table-cell; min-height:60px; padding:8px 10px;  /*line-height:1.5;*/ border-left:1px solid #dedede; color:#5d5d5d; font-weight: 300;  vertical-align:middle; }
.tbl_info dd *{vertical-align:middle; }
.tbl_info dd input{padding:6px 5px; border:1px solid #cccccc;  height:40px;}
.tbl_info dd input.toggle_disabled{width:70px;}
.tbl_info dd span + input{margin-left:12px;}
.tbl_info dd select{padding:5px 4px; border:1px solid #cccccc; vertical-align:middle; height:40px; display: inline-block;}
.tbl_info dd textarea{border:1px solid #dddddd; min-height:116px; resize: none;}
.tbl_info .tell_cont > span{margin-left:11%;}
.tbl_info .tell_cont > span:first-child{margin-left:0;}

@media all and (max-width:1280px){ 

}

@media all and (max-width:1200px) { 
    /* tbl_info */
    .tbl_info dl.top_line > dt span.fc_red{display: inline-block;}
    .tbl_info dl.top_line > dt{display: table; padding:20px 10px;}
    .tbl_info dl.top_line > dd > dl.first_line dt{width:33.8%;}
    .tbl_info dl.top_line > dd > dl.sec_line dt{width:33.8%;}
    /* 예약 문의 */
    .tbl_info dl.first_line, .tbl_info dl.sec_line{float: none; width:100%;} 
    .tbl_info dl.first_line dt, .tbl_info dl.sec_line dt{width:14.1%;}
    .tbl_info dl.sec_line dd{width:86%;}
    .top_line .tbl_info dt{display: block; width:100%;}
    .top_line > dt{display: block; width:100%; border-bottom:1px solid #dedede;}
    .top_line > dd{display: block; width:100%;}
    .tbl_info dl.top_line > dd > dl.first_line, .tbl_info dl.top_line > dd > dl.sec_line{float: left;}
    .tbl_info dl.top_line > dd > div.first_line{display: table-cell;}
}

@media all and (max-width:1024px) { 
 

    /* tbl_info */
    .tbl_info dl.sec_line dt{border-left:0;}
    .tbl_info dl.top_line > dd > dl.first_line dt.lunch-menu-wrap{display: block; height: 100%;
        width: 100%;
        padding: 5px 10px; border-bottom: 1px solid #dedede;}
    .tbl_info dl.top_line > dd > dl.first_line dd.lunch-menu-wrap{display: block; width:100%;}
    .tbl_info dl.top_line > dd > dl.sec_line dt.dinner-menu-wrap{display: block;height: 100%;
        width: 100%;
        padding: 5px 10px; border-bottom: 1px solid #dedede;}
    .tbl_info dl.top_line > dd > dl.sec_line dd.dinner-menu-wrap{display: block; width:100%;}
    .tbl_info dl.top_line > dd{border-left:0;}
    .tbl_info dl.top_line > dd > dl.sec_line{border-left:1px solid #dedede;}
    .tbl_info dl.top_line > dd > dl.h100{min-height: 665px;}
}

@media all and (max-width:960px) {

}

@media all and (max-width:860px) {  
    
}

@media all and (max-width:767px) {

    /* pagination */
	.pagination {padding-top:30px;}
 
    /* sch_bar_box */
    .sch_bar_box.skin2 .total_txt{margin-top: 0; margin-bottom: 7px;}
    .sch_bar_box.skin2 .sch_bar{float: none;}
    .skin2 .sch_slt{width: 100%; margin-right: 0; margin-bottom: 3px; background-position:  97% 50%;}
    .skin2 .sch_input{width: 100%; margin-bottom: 3px; margin-right: 0;}
    .skin2 .sch_btn{width:100%;}

    /* board_list */
    .board_list {border-top:0;}    
    .board_list, .board_list tbody, .board_list tr, .board_list td {display: block;}
    .board_list thead {display: none;}
    .board_list tr {position:relative; z-index:1; overflow:hidden; width:100%; padding:4px 5px;}
    .board_list tbody td {
        position: relative; float: left; width: auto; border:0 none; padding:4px 0; font-size:0.938em; text-align:left;
    }	
    .term_wrap .board_list tbody td{border:0 none;}
    .term_wrap .board_list tbody tr .view{font-weight: 400;}
    .board_list tbody td.num {min-width:20px; font-weight:500;}    
    .board_list tbody td.name{
        right: 0;
        top: 50%;
        padding: 0;
        float: none;
        position: absolute;
        transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }   
    .board_list tbody td.tit {width:100%; font-weight: 500; padding-right:40px;}    

    .board_list tbody td.date:after {content:"|"; display:inline-block; margin-top:-5px; padding:0 10px; color:#777; font-size:10px; vertical-align:middle;}    
    .term_wrap .board_list th, .term_wrap .board_list td{padding:4px 0;}
    .term_wrap .board_list tbody td.tit{font-weight: 300;}
    /* .board_view */    
    .board_view .tbl_etc .tbl_tit{padding: 15px 0; }
    .board_view .tbl_etc .tbl_tit .tit_em{font-size:0.875em; min-width:75px; height:28px; line-height: 26px; margin-right:15px;}
    .board_view .tbl_etc .tbl_tit > span{  font-size: 1.188em;}
    .board_view .tbl_info{padding: 15px 20px;} 
    .board_view .view_con{ padding: 37px 20px;}
    .board_view .view_con p{margin-top:2px;}
    .board_view .tbl_file{padding:8px 20px; }  
    /* .board_view .tbl_file textarea{margin-top:10px;} */
    
    /* btn_area */
    .btn_area a{margin-left:37px;}
    .btn_area a span{min-width: 90px; font-size: 1em;}
    .btn_area a.btn_prev span:before{ width:60px;}
    .btn_area a.btn_next span:after{ width:60px;}


    .board_view .tbl_etc > .view{top:25px;}
}
@media all and (max-width:640px) {  

    

    .more_move{position: static; margin-top:15px;}
 
    /* .tbl_info */
    .tbl_info .only_top_line > div{height:40px; padding:8px 10px;}
    .tbl_info dt{width:100%; display: block; padding:10px; height:40px; border-bottom:1px solid #dedede;}    
    .tbl_info dd{width:100%; display: block; padding:8px 10px; border-left:0;}
    .tbl_info dl.first_line, .tbl_info dl.sec_line{display: block;}
    .tbl_info dl.first_line dt, .tbl_info dl.sec_line dt{display: block; width:100%; height:40px; border-bottom:1px solid #dedede;}
    .tbl_info dl.first_line dd, .tbl_info dl.sec_line dd{display: block; width:100%; border-left:0;}    
    .tbl_info dl.sec_line dd{display: block; width:100%; }
    .tbl_info dd input{width:100%;}
    .tbl_info dd span + input{margin-left:0;}
    .tbl_info .tell_cont > span{margin-left:0;}
    .tbl_info dl.top_line > dt{display: block; padding:10px; width:100%; height:40px;}
    .tbl_info dl.top_line > dd > dl.first_line dt, .tbl_info dl.top_line > dd > dl.sec_line dt{width:100%;}
    .tbl_info dd select{width:100%;}
    .tbl_info dl.top_line > dd > dl.first_line dt.lunch-menu-wrap, .tbl_info dl.top_line > dd > dl.sec_line dt.dinner-menu-wrap{padding:8px 10px;}
    .tbl_info dl.top_line > dd > dl.sec_line dd{width:100%;}
    .tbl_info dl.top_line > dd > div.first_line, .tbl_info .first_line > div{display: block; width:100%; float: none;}     
    .tbl_info dl.top_line > dd > div.first_line + dl.sec_line{width:100%; float:none; border-left:0;}
    .tbl_info .only_line dt{padding:8px 10px; height:60px; border-bottom:0;}      
    .tbl_info dl.top_line > dd > dl.h100{min-height: 940px;}
}

@media all and (max-width:479px) { 

    /* .pagination */
	.pagination a {width:22px; height:22px; line-height:20px; font-size:11px; margin: 0 2px 1px;} 
	.pagination .page_arrow.l1 {margin-right:6px;}
	.pagination .page_arrow.r1 {margin-left:6px;} 
	.pagination .page_arrow {padding:5px;} 
	.pagination .page_arrow.l1 img, .pagination .page_arrow.r1 img {width:6px; height:10px;}
	.pagination .page_arrow.l2 img, .pagination .page_arrow.r2 img {width:10px; height:10px;}
 

    .board_view .tbl_info .date:after{display: none;}
    /* .board_view .tbl_info .tit{display: none;} */
    /* btn_area */
   .btn_area a{margin-left:27px;}
   .btn_area a span{min-width: 80px;}
   .btn_area a.btn_prev span:before{width:50px;}
   .btn_area a.btn_next span:after{width:50px;}
    
}

@media all and (max-width:414px) {
   /* .board_view */    
   .board_view .tbl_etc .tbl_tit > span{ font-size: 1.125em;}
   .board_view .tbl_info{padding: 10px;} 
   .board_view .tbl_info > span{font-size:0.938em;}
   .board_view .view_con{ padding: 17px 10px; }
   .board_view .view_con p{margin-top:28px; font-size:0.875em; line-height:30px; }
   

   .board_view .tbl_file p{font-size:0.875em;}
   .board_view .tbl_file{padding:8px 10px; }  
   

   .tbl_etc dl.hori_line{
       width: 100%;
      float: none;
    }
    .tbl_etc dl.hori_line dt{width: 26%;
        padding: 8px;
        font-size:0.938em;
    }
    .tbl_etc dl.hori_line dd {
        width: 74%;
        padding: 8px;
        font-size: 15px;
    }
    .tbl_etc dl dd{font-size:0.938em;}
    .tbl_etc .add_file dt{    display: block;
        width: 100%;
        border-bottom: 1px solid #dedede;
        padding: 8px;
    }
    .tbl_etc .add_file dd {
        display: block;
        width: 100%;
        padding: 8px;
    }
    
   
   

   /* sch_slt */
   .skin2 .sch_slt{padding:0 10px;}

    /* board_view */
   .board_view .tbl_info_list{padding:10px;}
   .board_view .info_con{padding-top:20px;}
   
   
}

@media screen and (min-width: 320px) and (max-width: 339px){
    /* btn_area */    
    .btn_area a{margin-left:17px;}
    .btn_area a span{min-width: 70px;}
    .btn_area a.btn_prev span:before{width:40px;}
    .btn_area a.btn_next span:after{width:40px;}

    /* tbl_info  */    
    .tbl_info dd{min-height:45px;}
    .tbl_info dd input{padding:3px 5px; height:30px;}
    .tbl_info dd select{height:30px;}
    .tbl_info dl.top_line > dd > div.first_line, .tbl_info .first_line > div{min-height:45px;}
}