@charset "utf-8";

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0;}
ol, ul, li {list-style:none;}

legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}

table {border-spacing:0;}
select{margin:5px;padding:10px 20px 10px 15px;}
select.sel_box {font-size:15px; height:35px;}
input.board_input {border:1px solid #cdcdcd; min-width:80px; height:30px; /*padding:3px 3px 0px 3px;*/ font-size:15px; background:#fff; vertical-align:top;
-webkit-appearance: none; -webkit-border-radius: 0;}
input.board_input_file {width:90%; border:1px solid #cdcdcd; padding:3px 3px 0px 3px; font-size:12px; background:#fff;}
textarea {border:1px solid #cdcdcd; font-size:15px; -webkit-appearance: none; -webkit-border-radius: 0;}
.display_none {display:none;}


#board {margin:0 auto;}

/*예약조회*/
#board .board_total {width:100%;}
#board .board_total_left {float:left; font-size:0.95em; padding-top:15px;}
#board .board_total_right {float:right;width:auto; padding-bottom:5px;}
#board .board_total_right li {float:left;}
#board .board_total_right li img {height:20px;}
#board .board_total img {padding-left:3px;}
#board div.board_total .board_orange{color:#F96F00;}
#board .board_button {width:100%; margin-top:5px; text-align:right;}
#board .guide span {float:right; color:#838383;  font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding:0 4px 6px 0;}
#board span.category_color {color:#979797;}
#board .board_total_right select{width:150px !important;font-size: 14px;}

/* List */
#board .table_blist {clear:both;}
#board .table_blist table {width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;table-layout:fixed;}
#board .table_blist table caption {display:none;}
#board .table_blist thead th {text-align:center; border-bottom:1px solid #5b5b5b; height:40px; color:#333; line-height:160%; background:url(/content/board/nninc_simple/img/tit_line.gif) no-repeat right;}
#board .table_blist thead th.th_none {background-image:none;}
#board .table_blist tbody td { height:40px; border-bottom:1px solid #e5e5e5; text-align:center; line-height:140%;}
#board .table_blist tbody td img {vertical-align:middle;}
#board .table_blist tbody td span.reply_count {color:#EE5A00; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em;}
#board .table_blist tbody td.notice {background-color:#FBFBFB;}
#board .table_blist tbody td.title { text-align:left;}
#board .table_blist tbody td.center {text-align:center;}



/* Write */
#board .table_bwrite {clear:both;}
#board .table_bwrite table {width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #5b5b5b; border-bottom:1px solid #e5e5e5;table-layout:fixed;}
#board .table_bwrite table caption {display:none;}
#board .table_bwrite thead th {border-bottom:1px solid #e5e5e5; height:33px; color:#373737; font-weight:bold; letter-spacing:-0.1em; line-height:130%; padding:5px;}
#board .table_bwrite tbody th { height:31px; border-bottom:1px solid #f3f3f3; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f7f7; color:#666; text-align:center; line-height:140%; font-size: 15px; font-weight:500;  color:#222;}
#board .table_bwrite tbody th img {vertical-align:middle; padding-left:5px;}
#board .table_bwrite tbody td {height:50px;border-bottom:1px solid #e5e5e5; text-align:left; line-height:140%; padding:8px;}
#board .table_bwrite tbody td input.subject {width:95%;}
#board .table_bwrite tbody td.content {margin:15px;/* padding-top:4px; padding-bottom:4px;padding-right:0px;*/ padding-left:10px;  text-align:center;}
#board .table_bwrite tbody td.content #b_content{width:100% !important;box-sizing: border-box;}
#board .table_bwrite tbody td span.text1 {color:#818181; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
#board .table_bwrite tbody td span.eng {padding-left:0; color:#6a6a6a; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
#board .table_bwrite th, 
#board .table_bwrite td {word-break:keep-all;}
#board .table_bwrite tbody td #span_totalpay{margin:0 3px 0 5px;font-size:22px;}

#board .table_bwrite tbody td ul li{float:left;min-height:112px;margin:0.4%;padding: 10px;width:32.5%;box-sizing:border-box;border: 1px solid #e5e5e5;font-size: 15px;font-weight: 500;}
#board .table_bwrite tbody td ul li.fullcheck input.prog1{float:left;margin-right: 10px;width:auto;}
#board .table_bwrite tbody td ul li.fullcheck{margin:3px 0;width:100%;min-height:auto;padding: 12px 10px;}
#board .table_bwrite tbody td ul li.fullcheck.on{border:2px solid #3173fd;height: auto;}
#board .table_bwrite tbody td ul li.on{border: 2px solid #4471fb;height: 111px;}
#board .table_bwrite tbody td ul li.fullcheck.on2{border:2px solid #444;height: auto;}
#board .table_bwrite tbody td ul li.on2 {border: 2px solid #444;height: 111px;}
#board .table_bwrite tbody td select{margin:5px;padding:10px 50px 10px 15px;width: 285px;}
#board .table_bwrite tbody td ul li input{width:100%;cursor: pointer;}
#board .table_bwrite tbody td ul li label{width:100%;display:inline-block;cursor:pointer;text-align:center;min-height: 67px;}

#board .table_bwrite > div > p{font-size:15px;margin-bottom:5px;}
#board .table_bwrite > div > p span{float:right;}
#board .table_bwrite tbody td ul li.fullcheck label{width:95%;text-align:left;min-height: auto;}
#board .table_bwrite tbody td ul li.fullcheck label dl dd{color:#aaa;font-size: 14px;}

/* file */
#board .table_bwrite tbody td.filetable table {width:100%; line-height:16px; border-collapse:collapse; border:none; border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;  border:none; border-right:1px solid #DEDEDE; background:#F6F6F6; color:#666666; text-align:center; letter-spacing:-0.1em; line-height:140%; vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px; border:none; background: #ffffff; text-align:left; }




/* View */
#board .table_bview {clear:both;}
#board .table_bview table{width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #5b5b5b; border-bottom:1px solid #e5e5e5;table-layout:fixed;}
#board .table_bview table caption{display:none;}
#board .table_bview thead th {border-bottom:1px solid #e5e5e5; height:33px; color:#373737; font-weight:bold; letter-spacing:-0.1em; line-height:130%; text-align:center;}
#board .table_bview thead th.th_none { background-image:none; text-align:left; padding-left:5px;}
#board .table_bview thead th.th_none img {vertical-align:middle;}
#board .table_bview tbody th { height:31px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#F6F6F6; color:#737373; text-align:center; letter-spacing:-0.1em; line-height:140%;}
#board .table_bview tbody td {padding-top:6px; padding-bottom:6px; border-bottom:1px solid #E1E1E1; background:#ffffff; text-align:left; line-height:140%;}
#board .table_bview tbody td.content{padding:20px 10px 30px 10px;}
#board .table_bview tbody td.content img{display:block;}
#board .table_bview tbody td span.text1 {color:#818181;  font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
#board .table_bview tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
#board .table_bview tbody td dl.info {float:left; margin:0; padding-left:3px; letter-spacing:-0.5px;}
#board .table_bview tbody td dl.info dt {float:left; color:#737373; padding-left:20px; font-weight:bold;}
#board .table_bview tbody td dl.info dd {float:left; background:transparent url(/content/board/nninc_simple/img/view_bar.gif) no-repeat scroll 0 45%; display:inline; margin-left:6px; padding-left:6px;}
#board .table_bview tbody td dl.info dd img {vertical-align:middle;}
#board .table_bview tbody td dl.info dd .size {font-size:0.8em;  color:#BFBFBF;}
#board .table_bview tbody td.content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview tbody td.content .sns a{float:left; padding-left:3px;}
#board .table_bview tbody td.content .photodown{background-color:#336699; color:#ffffff; padding:5px;}


/* Comment */
#board .board_comment {clear:both; padding-top:20px;}
#board .board_comment table{width:100%; background-color:#FAFAFA; margin-bottom:15px}
#board .board_comment table caption{display:none;}
#board .board_comment tbody td {height:31px; text-align:left; line-height:140%;}
#board .board_comment tbody td.dr01 {height:5px; background:url(/content/board/nninc_simple/img/dr01.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr02 {height:5px; background:url(/content/board/nninc_simple/img/dr02.gif); background-repeat: repeat-x;}
#board .board_comment tbody td.dr03 {height:5px; background:url(/content/board/nninc_simple/img/dr03.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr04 {background:url(/content/board/nninc_simple/img/dr04.gif); background-repeat: repeat-y;}
#board .board_comment tbody td.text {padding:0; margin:0; height:20px;}
#board .board_comment tbody td dl.info {margin:0; padding-left:10px;}
#board .board_comment tbody td dl.info dt {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;}
#board .board_comment tbody td dl.info dd {float:left; padding:0 10px 0 4px;}
#board .board_comment tbody td.dr05 {text-align:center; padding-top:4px; padding-bottom:4px;}
#board .board_comment tbody td.dr05 textarea {width:88%;height:38px;}
#board .board_comment tbody td.dr06 {background:url(/content/board/nninc_simple/img/dr06.gif); background-repeat: repeat-y;}
#board .board_comment tbody td.dr07 {height:5px; background:url(/content/board/nninc_simple/img/dr07.gif); background-repeat:no-repeat;}
#board .board_comment tbody td.dr08 {height:5px; background:url(/content/board/nninc_simple/img/dr08.gif);  background-repeat: repeat-x;}
#board .board_comment tbody td.dr09 {height:5px; background:url(/content/board/nninc_simple/img/dr09.gif); background-repeat:no-repeat;}

.cmt_list {margin-top:5px;}
.cmt_list div.h {margin:0 0 1px; background:transparent url(/content/board/nninc_simple/img/human_ic.gif) no-repeat scroll 0 0.1em; text-align:left; padding-left:15px;}
.cmt_list p {line-height:1.6em; margin:0; padding:5px 0 0 12px; text-align:left;}
.cmt_list  li.line {height:1px; background:transparent url(/content/board/nninc_simple/img/dr_line_bg.gif);  background-repeat: repeat-x; margin:0; padding-top:15px;}


/* Paginate */
.board_paginate {clear:both; position:relative; text-align:center;margin-top:35px;}
.board_paginate *{margin:0; padding:0;}
.board_paginate a,
.board_paginate strong {_position:relative; font-weight:bold; display:inline-block; height:20px; padding:5px 9px 0 9px; color:#777; margin:0 1px; border:1px solid #dfdfdf; text-decoration:none; line-height:normal; vertical-align:middle;font-size:11px;font-weight:normal;}
.board_paginate strong {color:#222 !important; font-weight:bold; border:1px solid #888;vertical-align:middle;}
.board_paginate a:hover {background:#F7F7F7;}
.board_paginate a.pre {border:none;height:21px; font-weight:normal; vertical-align:middle; padding:4px 8px 0 8px; background:none; margin:-1px 1px 0 1px; border:1px solid #dfdfdf;}
.board_paginate a.next {border:none;height:21px; font-weight:normal; vertical-align:middle; padding:4px 8px 0 8px; background:none; margin:-1px 1px 0 1px; border:1px solid #dfdfdf;}


/* Button */
.board_button {clear:both;}
.board_button .fl {float:left; /*background:transparent url(/content/board/nninc_simple/img/board_ldot.gif) no-repeat 25px 5px;*/}
.board_button .fr {float:right; overflow:hidden;}
.board_button .pt10 {padding-top:10px;}


.board_button ul li {float:left;}
.board_button ul li.pl {padding-left:10px;}
.board_button ul li.pt {padding-top:7px;}
.board_button span.bt {padding-top:10px; padding-left:4px; text-align:right;}
.board_button2 {margin:0 auto; text-align:center; padding-top:10px; padding-left:4px;}



a.board_lbtn {display:inline-block; height:22px; padding-left:20px; background:url(/content/board/nninc_simple/img/board_lbtn_l.gif) no-repeat 0 0; margin-right:3px;}
a.board_lbtn span {display:inline-block; height:22px; line-height:23px; padding-right:14px; background:url(/content/board/nninc_simple/img/board_lbtn_r.gif) no-repeat right 0; letter-spacing:-1px;}
.board_bt01 {display:inline;}
.board_bt01 a{display:inline; overflow:hidden; float:left; height:22px; padding-left:13px; margin-right:3px; font:12px dotum; letter-spacing:-1px; color:#6B6B6B; text-decoration:none; background:url(/content/board/nninc_simple/img/bt01_bg.gif) left 0; cursor:pointer;}
.board_bt01 a:hover{background:url(/content/board/nninc_simple/img/bt01_bg.gif) left -22px; text-decoration:none;}
.board_bt01 a span{display:inline; overflow:hidden; float:left; height:22px; padding-right:10px; line-height:200%; background:url(/content/board/nninc_simple/img/bt01_bg.gif) right 0;}
.board_bt01 a:hover span{color:#6B6B6B; background:url(/content/board/nninc_simple/img/bt01_bg.gif) right -22px;}


/* Search */
.board_search {width:318px; margin:0 auto;/* margin-top:18px;*/}
.board_search ul {float:left;}
.board_search ul li {float:left;}
.board_search ul li.board_search_start {float:left; width:18px; height:35px; background:url(/content/board/nninc_simple/img/search_left.gif); background-repeat:no-repeat;}
.board_search ul li.board_search_end {float:left; width:18px; height:35px; background:url(/content/board/nninc_simple/img/search_right.gif); background-repeat:no-repeat;}
.board_search ul li select {float:left;}
.board_search ul li input.search_input {float:left; margin-left:5px; background:#e5e5e5; border:1px solid #bebebe; border-right:1px solid #e1e1e1; 
border-bottom:1px solid #e1e1e1; height:30px;width:140px !important; padding:2px 0 0 3px;margin-top: 5px;}
.board_search ul li input.search_bt {float:left; height:28px;margin-top: 5px;padding: 3px 2px;background: #333;}


.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-weight:bold; color:#313131; line-height:140%;}
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
.command_pwd li {float:left; padding-left:3px;}
.command_pwd li img {height:20px;padding-top:1px;}


.pwd_check {margin:0 auto; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
.pwd_check *{margin:0; padding:0;}
.pwd_check label {color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}

.login_check {width:100%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
.login_check *{margin:0; padding:0;}
.login_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.login_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.login_check li.id {padding-right:26px; padding-bottom:4px;}
.login_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}


/* 주소찾기 */
.post_search2{border:1px solid #CDCDCD;height:80px;margin-right:10px;margin-top:3px;overflow:auto;padding:6px;}


/*개인정보동의*/
.info_agree{margin-bottom:30px;padding:30px;border:1px solid #dbdbdb;background:#f8f8f8;}
.info_agree h3.tit{padding-top:0;font-size:23px;background:none;}
.info_agree .agree_box p{font-weight: 500;color: #555;}
.info_agree .agree_box{margin-bottom:10px;border:1px solid #cfcfcf;background:#fff;height:180px;padding:20px;overflow-y:scroll;}
.info_agree .agree_box2{margin-bottom:10px;border:1px solid #cfcfcf;background:#fff;min-height:180px;padding:20px;}
.info_agree .aree_txt label{vertical-align:middle;margin-right:15px;}
.info_agree .aree_txt input{vertical-align:middle;}

.rel_box{position:relative;}
.rel_spot{position:absolute;top:0;right:0;}
.line_box{width:100%;padding-bottom:35px;margin-bottom:35px;background:url(/img/common/line.gif) repeat-x bottom;}


.tt{color:#000;}
.tok{color:#dc2429;}
.feel_txt{padding:2px 0 2px 35px;color:#666;background:url(/img/common/bu_feel.gif) no-repeat 0 1px;}
.mimg img{width:auto;}
.mobile_no{display:block;}
.web_no{display:none;}

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

#board .table_bwrite tbody td ul li{width:49.2%;}
#board .table_bwrite tbody td ul li.fullcheck label{width:94.9%;}
#board .table_bwrite tbody td ul li label{min-height: auto;}

}

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



/* 예약 */
#board .table_bwrite tbody td ul li{width:100%;margin:3px 0.4%;;}
#board .table_bwrite tbody td ul li label{min-height:auto;}
#board .table_bwrite tbody td select{width:100%;margin: 0;}
#board .table_bwrite tbody td ul li.fullcheck input.prog1{width:100%;}
#board .table_bwrite tbody td ul li.fullcheck label{margin-top:5px;width:100%;text-align:center;}

/*개인정보동의*/
.info_agree{padding:15px;}
.info_agree .agree_box {padding:10px;}
.info_agree h3.tit{font-size: 18px;}
.info_agree .agree_box p{font-size: 14px;}
.info_agree .aree_txt{font-size:14px;}
#board .guide span{font-size:13px;}
#board .table_bwrite > div > p{display: inline-block;font-size:13px;}
#board .table_bwrite > div > p span{float:left;}
#board .table_bwrite tbody td{font-size:15px;}
#board .table_bwrite table.resv tr th{padding:8px 0;}

#board .board_total_right select{font-size: 13px;}
.board_search ul li input.search_input{height:26px;}
}



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


/* Write */
#board .table_bwrite {clear:both; width:100%;}
#board .table_bwrite table.resv { table-layout:auto;}
#board .table_bwrite table.resv tr, 
#board .table_bwrite table.resv tr thead,
#board .table_bwrite table.resv tr tbody,
#board .table_bwrite table.resv tr th,
#board .table_bwrite table.resv tr td {display:block; width:100%; height:auto;}
#board .table_bwrite table.resv tr th,
#board .table_bwrite table.resv tr td {padding:5px 0;}
#board .table_bwrite table.resv thead th {display:block;font-size: 15px;}
#board .table_bwrite table.resv tbody th {display:block;font-size: 14px;}
#board .table_bwrite tbody td span.text1 {display:block; line-height:1.4; margin-top:5px;}
#board .table_bwrite th, 
#board .table_bwrite td {word-break:break-all;}
#board .table_bwrite p span {display:block;}
#board .table_bwrite tbody td.content{padding: 0;margin:0;}
input.board_input{font-size:14px;}


}