@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_r1{border-right:1px solid #dedede !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/reex/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;}
.skin1 .sch_input {display:inline-block;  max-width:670px; width:100%; height:40px; padding: 0 10px; border:1px solid #cccccc; }
.skin2.name .sch_input {display:inline-block; float:left; width:670px; height:40px; padding: 0 10px; border:1px solid #cccccc; }

.btn_search .sch_btn {    display: inline-block;
    vertical-align: middle;
    width: 88px;
    background: url(/_static/reex/img/sub/btn_search.png) no-repeat left 20px center;
    height: 40px;
    padding: 0 20px;
    line-height: 38px;
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d;
    color: #fff;
    text-align: right;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.btn_search .sch_btn .ico {display:inline-block;}
.btn_search .sch_btn:hover, .btn_search .sch_btn:focus { border:1px solid #4d4d4d; background-color:#fff; color:#4d4d4d;  background: url(/_static/reex/img/sub/btn_search_on.png) no-repeat left 20px center;}


.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/reex/img/sub/select_arrow.png) no-repeat right 5% center; margin-bottom:0;}
.skin2 .sch_input{ display: inline-block; float: left; width: 286px; height: 40px; padding: 0 10px; border: 1px solid #cccccc;}

.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:#64702b;}
.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 + .tbl_sub_col{border-top:0;}

/* 10.15 검색 */
.sch_bar_box .sch_bar {float:right;  } 
.sch_bar_box .sch_bar > span{margin-top:12px; font-size: 0.938em; color: #3d3d3d;font-weight: 700; display: block;}
.sch_bar_box .sch_bar > span > strong{color:#64702b;}
.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_list tbody tr .kind{padding: 2px;}
.board_list tbody tr .kind > span{font-size: 0.938em; color: #fff; width: 48px; display: inline-block; height: 24px; line-height: 24px; text-align: center;}
.board_list tbody tr .kind > span.notice{ background: #be736b;}
.board_list tbody tr .kind > span.recruit{background:#64702b;}
.board_list tbody tr .kind > span.law{background:#997048;}


/* .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;}
.board_view .view_con p{margin-top:48px; 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/reex/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;} */


.file_label{
    display: inline-block;
    width: 88px;
    height: 33px;
    line-height: 33px;
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d;
    color: #fff;
    font-size: 0.938em;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

/* .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;
}

/* row table */
.tbl_sub{border-top: 3px solid #afafaf; border-bottom: 1px solid #dedede; table-layout: fixed; display: table; border-collapse: collapse; width: 100%; }
.tbl_sub dl{display: table-row;}
.tbl_sub dl dd .blt_top{font-weight: 300; margin-bottom:8px;}
.tbl_sub dl dd ul.tbl_blt > li{ position: relative; padding-left: 8px; font-weight: 300; margin-top:8px;}
.tbl_sub dl dd ul.tbl_blt > li:first-child{margin-top:0;}
.tbl_sub dl dd ul.tbl_blt > li:before{content:''; display: inline-block; vertical-align: top; width:3px; height:3px; background-color:#ddcdb8; position: absolute; left: 0; top: 8px;}
.tbl_sub dl dd ul.tbl_blt > li > .sub_blt{margin-top:8px;}
.tbl_sub dl dd ul.tbl_blt > li > .sub_blt li{margin-top:8px; position: relative; padding-left: 8px; }
.tbl_sub dl dd ul.tbl_blt > li > .sub_blt li:before{content:'-'; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0;}
.tbl_sub dl dd ul.tbl_blt > li > .sub_blt li:first-child{margin-top:0;}
.tbl_sub dl dt{display: table-cell; vertical-align: middle; text-align: center; width:12.9%; background: #f7f7f7; color:#000000; padding:19px 21px; border:1px solid #dedede; border-width: 1px 1px 0 0;}
.tbl_sub dl dd{display: table-cell; vertical-align: middle; padding:19px 21px; border:1px solid #dedede; border-width: 1px 0 0 0;}
.tbl_sub dl dd.ipt_only{padding:0 20px;}

/* col table*/
.tbl_sub_col{border-top:2px solid #afafaf; border-bottom:1px solid #dedede; table-layout: fixed; border-collapse: collapse; width:100%;}
.tbl_sub_col thead tr th{
    background: #f7f7f7;
    color: #000000;
    padding: 18px 10px;
    border: 1px solid #dedede;
    border-width: 0 0 0 1px;
    text-align: center;
    font-size: 1.125em;
    font-weight:500;
}
.tbl_sub_col thead tr th:first-child{border-width: 0 1px 1px 0;}
.tbl_sub_col thead tr:first-child th:last-child{border-width: 0 0 1px 1px;}
.tbl_sub_col thead tr:first-child th{border-width: 0 0 1px 1px;}
.tbl_sub_col thead tr:first-child th:first-child{border-width: 0 1px 1px 0;}
.tbl_sub_col tbody tr th{
    background:#f7f7f7;
    border:1px solid #dedede;
    padding:18px 10px;
    border-width: 1px 1px 0 0;
    font-size:1.125em;
    color:#000000;
    font-weight: 500;
}
.tbl_sub_col tbody tr:first-child th{
    border-top:0;
}
.tbl_sub_col tbody tr td {
    padding: 18px 10px;
    border: 1px solid #dedede;
    border-width: 1px 1px 0 0;
    text-align: center;
    word-break: break-word;
    font-weight: 300;
    
}
.tbl_sub_col tfoot tr th{
    background:#f7f7f7;
    border:1px solid #dedede;
    padding:18px 10px;
    border-width: 1px 1px 0 0;
    font-size:1.125em;
    color:#000000;
    font-weight: 500;
}
.tbl_sub_col tfoot tr td{
    padding: 18px 10px;
    border: 1px solid #dedede;
    border-width: 1px 1px 0 0;
    background:#f7f7f7;
    text-align: center;
    word-break: break-word;
}

/* 테이블 블릿 tit */
.tbl_sub_col tbody tr td .list_tit{text-align: left; padding-left:15px; font-weight: 400;}
.tbl_sub_col tbody tr td:last-child{
    border-width: 1px 0 0 0;
}

/* 테이블 a 링크 */
.tbl_sub_col tbody tr td a.special{display: inline-block; color:#b13a3e; font-weight: 500; }
.tbl_sub_col tbody tr td a.special:after{content:''; display: block; padding-bottom:5px; border-bottom:1px solid #b13a3e; width:100%; height:1px;}


/* 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/reex/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/reex/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/reex/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/reex/img/sub/nnext_page.png) center center no-repeat;}
.pagination a.l1 {background:url(/_static/reex/img/sub/next_page.png) center center no-repeat;}
.pagination a.r1 {background:url(/_static/reex/img/sub/prev_page.png) center center no-repeat;} 
.pagination a.r2 {background:url(/_static/reex/img/sub/pprev_page.png) center center no-repeat;}
.pagination a.l2:hover {background: #4d4d4d url(/_static/reex/img/sub/nnext_page_on.png) center center no-repeat;}
.pagination a.l1:hover {background: #4d4d4d url(/_static/reex/img/sub/next_page_on.png) center center no-repeat;} 
.pagination a.r1:hover {background: #4d4d4d url(/_static/reex/img/sub/prev_page_on.png) center center no-repeat;} 
.pagination a.r2:hover {background: #4d4d4d url(/_static/reex/img/sub/pprev_page_on.png) center center no-repeat;}


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

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

.wtl_table_wrap .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%;} */

.wtl_table_wrap .tbl_info dl.sec_line{width:50%;}
.wtl_table_wrap .tbl_info dl.sec_line dt{border-left:1px solid #dedede; width:31.4%;}
.wtl_table_wrap .tbl_info dl.sec_line dd{width: 68.5%;}

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

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

.wtl_table_wrap .view_con{ padding: 47px 20px; border-bottom: 1px solid #dedede; overflow: hidden;}


/* FAQ */
.qa_tbl_thead{text-align: center; background-color: #f7f7f7;}
.qa_q, .qa_tbl_thead{
    width: 100%;    
    border-collapse: collapse;
    table-layout: fixed;
    display:table;
    border-bottom: 1px solid #dedede;
   
}
.qa_q .num, .qa_tbl_thead .tit_num{
    width:10%;
    display: table-cell;
    text-align: center;
    padding: 20px 10px;
}
.qa_q .qa_tbl_top, .qa_tbl_thead .tit{
    width:90%;
    display: table-cell;
    padding: 20px 10px;
    position: relative;
}

.qa_tbl_cont{display:none;
    border-bottom: 1px solid #dedede;
    padding: 20px 10px 20px 10%;
    position: relative;    
    background:#f7f7f7;
}

.qa_tbl_top .question, .qa_tbl_cont .auswer{
    width: 37px;
    height: 37px;
    font-weight: 500;
    display: inline-block;    
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    background: #ffffff;
    text-align: center;
    line-height: 35px;
    position: absolute;
    top:50%;
    left:0;
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.qa_tbl_top > .question{
    color: #64702b;
}
.qa_tbl_top a{display: inline-block; padding-left:60px; padding-right: 30px; color:#353535; font-weight: 300;}
.qa_tbl_top a span{position: absolute; right:28px; top:50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); vertical-align: middle; line-height: 1; height:7px;}  
.qa_tbl_top a.on span img{transform: rotate(-180deg);}
.qa_tbl_cont p{padding-left:68px; font-weight: 300;} 
.qa_tbl_cont > .auswer{
     border:1px solid #64702b; background:#64702b; color:#ffffff; left:10%;
}



.qa_tit{
    position: relative;
    text-align: left;
}
.qa_tit a{
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-left: 78px;
    max-width: 100%;
    min-height: 20px;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 300;
}
.qa_tit .question{
    width: 37px;
    height: 37px;
    font-weight: 500;
    display: inline-block;
    color: #64702b;
    border-radius: 50%;
    border: 1px solid #d4d4d4;
    background: #ffffff;
    text-align: center;
    line-height: 35px;
    position: absolute;
    top:50%;
    left:0;
    transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.qa_tit .auswer{width:37px; height:37px; font-weight:500; color:#ffffff; border-radius: 50%; border:1px solid #64702b; background:#64702b;}


.calendar_cont{display:none;}

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

}

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

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

    /* tbl_info */
    .wtl_table_wrap .tbl_info dl.sec_line dt{border-left:0;}
    .wtl_table_wrap .tbl_info dl.top_line > dd > dl.first_line dt.lunch-menu-wrap{display: block; width:100%; padding:20px 10px; border-bottom: 1px solid #dedede;}
    .wtl_table_wrap .tbl_info dl.top_line > dd > dl.first_line dd.lunch-menu-wrap{display: block; width:100%;}
    .wtl_table_wrap .tbl_info dl.top_line > dd > dl.sec_line dt.dinner-menu-wrap{display: block; width:100%; padding:20px 10px; border-bottom: 1px solid #dedede;}
    .wtl_table_wrap .tbl_info dl.top_line > dd > dl.sec_line dd.dinner-menu-wrap{display: block; width:100%;}
    .wtl_table_wrap .tbl_info dl.top_line > dd{border-left:0;}
    .wtl_table_wrap .tbl_info dl.top_line > dd > dl.sec_line{border-left:1px solid #dedede;}
    .wtl_table_wrap .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) {

    /* row table */
    .tbl_sub{display: block;}
    .tbl_sub dl{display: block;}
    .tbl_sub dl dt{padding:16px 20px; display: block; width: 100%; border-width: 1px 0 1px 0;}
    .tbl_sub dl dd{padding:16px 20px; display: block; width: 100%; border-width: 0;}
    .tbl_sub dl:first-child th{border-top:0;}
    .tbl_sub dl dd.ipt_only{padding:5px 20px;}

    /* pagination */
	.pagination {padding-top:30px;}
 
    /* sch_bar_box */    
    .sch_bar_box.skin2 .total_txt{margin-top: 0; margin-bottom: 7px; float: none;}
    .sch_bar_box.skin2 .sch_bar{float: none; text-align: right;}
    .skin2 .sch_slt{width: 100%; margin-right: 0; margin-bottom: 3px; background-position:  97% 50%;}
    .skin1 .sch_input{width: 100%; margin-bottom: 3px; margin-right: 0;}
    .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.name{
        width: 100%;
     }  
    .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:38px;}
    .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;}

    /* .wtl_table_wrap  */    
    .wtl_table_wrap .tbl_info .only_top_line > div{padding:15px 0px; font-size:1.188em;}
    .wtl_table_wrap .view_con{
        padding: 37px 20px;
    }

    /* qa_tbl */
    .qa_tbl_thead{display: none;}
    .qa_q{display: block; padding:10px;}
    .qa_q .num{display: block; width:100%; text-align: left; padding:0 0 10px 10px;}
    .qa_q .qa_tbl_top{display: block; width:100%; padding:5px;}
    .qa_tbl_cont{padding:10px;}
    .qa_tbl_cont > .auswer{left:10px;}

    .sch_bar_box .sch_bar > span{margin-top:0; margin-bottom:10px;}
    
}
@media all and (max-width:640px) {  

    

    .more_move{position: static; margin-top:15px;}
 
    /* .tbl_info */
   
    .wtl_table_wrap .tbl_info dt{width:100%; display: block; padding:10px; height:40px; border-bottom:1px solid #dedede;}    
    .wtl_table_wrap .tbl_info dd{width:100%; display: block; padding:8px 10px; border-left:0;}
    .wtl_table_wrap .tbl_info dl.first_line, .wtl_table_wrap .tbl_info dl.sec_line{display: block;}
    .wtl_table_wrap .tbl_info dl.first_line dt, .wtl_table_wrap .tbl_info dl.sec_line dt{display: block; width:100%; height:40px; border-bottom:1px solid #dedede; text-align: center;}
    .wtl_table_wrap .tbl_info dl.first_line dd, .wtl_table_wrap .tbl_info dl.sec_line dd{display: block; width:100%; border-left:0;}    
    .wtl_table_wrap .tbl_info dl.sec_line dd{display: block; width:100%; }
    .wtl_table_wrap .tbl_info dd input{width:100%;}
    .wtl_table_wrap .tbl_info dd span + input{margin-left:0;}
    .wtl_table_wrap .tbl_info .tell_cont > span{margin-left:0;}
    .wtl_table_wrap .tbl_info dl.top_line > dt{display: block; padding:10px; width:100%; height:40px;}
    .wtl_table_wrap .tbl_info dl.top_line > dd > dl.first_line dt, .tbl_info dl.top_line > dd > dl.sec_line dt{width:100%;}
    .wtl_table_wrap .tbl_info dd select{width:100%;}
    .wtl_table_wrap .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;}
    .wtl_table_wrap .tbl_info dl.top_line > dd > dl.sec_line dd{width:100%;}
    .wtl_table_wrap .tbl_info dl.top_line > dd > div.first_line, .tbl_info .first_line > div{display: block; width:100%; float: none;}     
    .wtl_table_wrap .tbl_info dl.top_line > dd > div.first_line + dl.sec_line{width:100%; float:none; border-left:0;}
    .wtl_table_wrap .tbl_info .only_line dt{padding:8px 10px; height:60px; border-bottom:0;}      
    .wtl_table_wrap .tbl_info dl.top_line > dd > dl.h100{min-height: 940px;}
}
@media all and (max-width:580px) { 
     /* row table */
     .tbl_sub dl dt{padding:8px 10px;}
     .tbl_sub dl dd{padding:8px 10px; font-size:0.938em;}    
     .tbl_sub dl dd ul.tbl_blt > li{font-size:0.938em;}
     .tbl_sub dl dd.ipt_only{padding:5px 10px;}

     /* col table */
     .tbl_sub_col thead tr th{font-size:1em; padding:12px 10px;}
     .tbl_sub_col tbody tr th{font-size:0.938em; padding:12px 10px;}
     .tbl_sub_col tbody tr td{font-size:0.938em; padding:12px 10px;}
     .tbl_sub_col tfoot tr th{font-size:0.938em; padding:12px 10px;}
     .tbl_sub_col tfoot tr td{font-size:0.938em; padding:12px 10px;}

}

@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;}
 
   
   /* qa_tbl */
   .qa_tbl_top a span{right:10px;}
   .qa_tbl_top a{padding-left:40px;}
   .qa_tbl_cont p{padding-left:48px;}
   .qa_tbl_top .question, .qa_tbl_cont .auswer{width:30px; height:30px; line-height: 28px; font-size: 0.938em;}
}

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

    /* 기본 테이블 */
    .tbl_sub_col thead tr th{padding:10px;}
    .tbl_sub_col tbody tr th{padding:10px;}
    .tbl_sub_col tbody tr td{padding:10px;}
    .tbl_sub_col tfoot tr th{padding:10px;}
    .tbl_sub_col tfoot tr td{padding:10px;}

    /* .board_list */
    .board_list tbody td.tit{padding-right:10px;}

   /* .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;}
   
   /* row table */
   .tbl_sub dl dt{padding:8px 10px;}
   .tbl_sub dl dd{padding:8px 10px;}

   .wtl_table_wrap .tbl_info .only_top_line{font-size:1.125em;}
   .wtl_table_wrap .view_con{padding: 17px 10px;}
}

@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  */    
    .wtl_table_wrap .tbl_info dd{min-height:45px;}
    .wtl_table_wrap .tbl_info dd input{padding:3px 5px; height:30px;}
    .wtl_table_wrap .tbl_info dd select{height:30px;}
    .wtl_table_wrap .tbl_info dl.top_line > dd > div.first_line, .wtl_table_wrap .tbl_info .first_line > div{min-height:45px;}
}