@charset "utf-8";

.bbs_skin *{vertical-align: middle;}
/* 공통 */
.bbs_comment{margin:15px 0}
.adm_check{width: 20px;height: 20px;}
.w_star{color: #db2457;}
.input_w100{width:100% !important;}
.input_w90{width:90% !important;}
.input_w80{width:80% !important;}
.input_w70{width:70% !important;}
.input_w60{width:60% !important;}
.input_w50{width:50% !important;}
.input_w50{width:40% !important;}
.input_w40{width:40% !important;}
.input_w30{width:40% !important;}
.input_w20{width:20% !important;}


/* 기본 글쓰기 */
.bbs_write{width:100%; margin:10px 0; border-top:1px solid #a77053; border-left:2px solid #fff; border-right:2px solid #fff;}
.bbs_write th, .bbs_write td{display:block;  border:1px solid #e8e8e8; border-top:none; padding:12px 10px; line-height:1.5em; text-align:center;}
.bbs_write th{background:#f9f2ed; text-align:center; font-weight:500;}
.bbs_write td *{vertical-align: middle;}
.bbs_write input{border:1px solid #dedede; border-radius:5px; height:42px; margin:2px 0; padding:0 7px;}
.bbs_write input[type=checkbox]{width:15px; height:15px; border-radius:5px;}
.bbs_write input[type=radio]{width:15px; height:15px;}
.bbs_write .bw_file{margin:2px 0;}
.bbs_write .bw_file input{width:100%; height:40px; padding:4px;}
.bbs_write .bw_file .memoarea{display:flex; justify-content: space-between;}
.bbs_write .bw_file .memoarea input{display: inline-block; width:calc(100% - 120px);}
.bbs_write .bw_file .memoarea em{display: inline-block; width: 110px; padding:11px 0 0 21px; font-style: normal; }
.bbs_write td .ggong ul li{color:#666; margin:10px 0;}
.bbs_write td .ggong ul li img{display:block; height:35px; margin:0 auto; padding-right:10px;}
.bbs_write textarea{border:1px solid #dedede; border-radius:5px;}
.bbs_write select{border:1px solid #dedede; border-radius:5px; height:40px;  margin:2px 0; padding: 7px 0;}
.bbs_write td label{margin:auto;}
.bbs_write a span{display:inline-block; margin:0 5px;}

@media all and (min-width:768px){
.bbs_write td{display: table-cell;text-align: left;}
.bbs_write th{display: table-cell;}
.bbs_write td .ggong ul li img {display: inline-block;margin: 0;}
}


/* 기본 리스트 */
.bbs_list{border-top:1px solid #a77053; width:100%;}
.bbs_list li{border-bottom:1px solid #e1e1e1;}
.bbs_list li a{display:block; padding:25px 0;}
.bbs_list li strong{display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:17px;}
.bbs_list li strong i{display:inline-block; font-size:0; width:15px; margin:0 2px; vertical-align:middle;}
.bbs_lsit li strong i.ico_notice{background:url("/tour/images/bbs/bbs_notice.png")no-repeat center; height:16px; margin:0 10px 0 0;}
.bbs_list li strong i.ico_file{background:url("/tour/images/bbs/ico_file.png")no-repeat center;}
.bbs_list li strong i.ico_secret{background:url("/tour/images/bbs/ico_secret")no-repeat center;}
.bbs_list li span{display:inline-block; margin:10px 0; vertical-align:middle;}
.bbs_list .txt{display:block; margin:10px 0; line-height:1.5em;}
.bbs_list .info{display:flex; flex-wrap:wrap;}
.bbs_list .info span{font-style:normal; color:#666; margin:0 10px 0 0;}
.bbs_list .list_none{padding:20px 0; text-align:center;}
.bbs_list li:hover{background:#f9f2ed;}
.bbs_list li a:hover strong, .bbs_list li a:focus strong{color:#a77053;}



/* 기본 리스트 테이블형식 */
.bbs_list_t{width:100%; border-top:1px solid #a77053;}
.bbs_list_t tbody .notice span{display:inline-block; background:url("/tour/images/bbs/bbs_notice.png")no-repeat;  width:16px; height:16px; font-size:0;}
.bbs_list_t tbody .secret span{display:inline-block; background:url("/tour/images/bbs/bbs_secret.png")no-repeat; width:16px; height:17px; margin-right:6px; font-size:0;}
.bbs_list_t tbody ul{text-align:left;}
.bbs_list_t tbody li{position:relative; line-height:1.5em; margin-bottom:8px;  padding:0 0 0 16px;}
.bbs_list_t tbody li::before{content:''; position:absolute; top:8px; left:0; display:block; width:8px; height:4px; background:#a77053;}
.bbs_list_t tbody li ul{margin:8px 0 0;}
.bbs_list_t tbody li li{padding:0 0 0 10px; margin-bottom:6px;}
.bbs_list_t tbody li li::before{top:9px; width:5px; height:5px; background:#787878; border-radius:50%;}
.bbs_list_t tbody li li li{padding:0 0 0 14px; color:#737373; font-size:15px;}
.bbs_list_t tbody li li li::before{top:8px; width:8px; height:4px; background:#c9c9c9; border-radius:4px;}
.bbs_list_t tbody .call a{display:inline-block; padding-left: 30px;}

@media all and (min-width:1023px){
.bbs_list_t{min-width:860px; margin:20px 0; table-layout:fixed;}
.bbs_list_t th,.bbs_list_t td{text-align:center; padding:20px 8px; border:1px solid #e4e4e4; border-top:0; border-left:0; border-right:0; line-height:1.4em;}
.bbs_list_t tbody .title{text-align:left;}
.bbs_list_t tbody .title a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.bbs_list_t tbody .secret a{display:inline-block; width:calc(100% - 30px);}
.bbs_list_t tbody td .sbtn_go .bbs_list_t tbody td .sbtn_new, .bbs_list_t tbody td .sbtn_down{margin:2px 0;}
.bbs_list_t tbody td .sbtn_go2 .bbs_list_t tbody td .sbtn_new2, .bbs_list_t tbody td .sbtn_down2{margin:2px 0;}
.bbs_list_t tbody td img{display:inline-block; vertical-align:middle;}
.bbs_list_t tbody tr:hover .title a,.bbs_list_t tbody tr .title a:focus{text-decoration:underline;}
}

@media all and (max-width:1023px){
.bbs_list_t col{width:100% !important;}
.bbs_list_t thead{display:none;}
.bbs_list_t tbody tr{display:block; border-bottom:1px solid #e4e4e4; padding:10px;}
.bbs_list_t tbody td{display:inline-block; padding:6px 0; line-height: 1.4em; vertical-align:middle; margin-right:10px;}
.bbs_list_t tbody .title{display:block; background:#f9f2ed; border-radius:10px; padding:16px; margin:0 0 10px;}
.bbs_list_t tbody [data-cell-header]::before{content:attr(data-cell-header); display:inline-block; color:#666; padding-right:5px;}
.bbs_list_t tbody [data-cell-header="바로가기 :"]{padding:0;}
.bbs_list_t tbody .num[data-cell-header]::before,.bbs_list_t tbody .title[data-cell-header]::before,.bbs_list_t tbody .notice[data-cell-header]::before{display:none;}
.bbs_list_t tbody td img{display:inline-block; vertical-align:baseline;}
.bbs_list_t tbody td span{vertical-align:text-bottom;}
.bbs_list_t tbody td input{vertical-align:middle;}
}



/* 검색 */
.bbs_search{border:1px solid #e1e1e1; border-radius:20px; margin:24px 0; padding:18px 20px;}
.bbs_search .left{margin:0 0 10px 0;}
.bbs_search span{display:block; margin:0 0 8px;}
.bbs_search input{margin:4px 0;}
.bbs_search .form_sel{height:42px; border:1px solid #dedede; border-radius:5px; margin:2px 0;}
.bbs_search .form_txt{border:1px solid #dedede; border-radius:5px; width:calc(100% - 60px); height:45px; padding:0 5px;}
.bbs_search .form_sm{background:#3f3936; /*884222*/ border-radius:5px; color:#fff; font-size:15px; height:45px; font-weight:600px; padding:0 12px;}
.bbs_search .form_sm:hover, .bbs_search .form_sm:focus{background:#a77053; transition:0.3s ease-in-out;}

.bbs_search2{margin:30px 0;}
.bbs_search2 input{margin:4px 0;}
.bbs_search2 .form_sel{height:42px; border:1px solid #dedede; border-radius:5px; margin:2px 0;}
.bbs_search2 .form_txt{border:1px solid #dedede; border-radius:5px; width:calc(100% - 60px); height:45px; padding:0 5px;}
.bbs_search2 .form_sm{background:#3f3936; border-radius:5px; color:#fff; font-size:15px; height:45px; font-weight:600; padding:0 12px;}
.bbs_search2 .form_sm:hover, .bbs_search .form_sm:focus{background:#a77053; transition:0.3s ease-in-out\;}

.bbs_total strong{color:#83573f; font-weight:600; vertical-align:text-top;}


@media all and (min-width:768px){
.bbs_search{padding:15px 25px;}
.bbs_search span{display:inline-block; vertical-align:middle; margin:0;}
.bbs_search .form_txt{width:50%;}

.bbs_search2{text-align:right;}
.bbs_search2 .form_txt{width:50%;}
}

@media all and (min-width:1023px){
.bbs_search .flex{display:flex; justify-content:space-between; flex-wrap:wrap;}
.bbs_search .flex>div{align-self:center; margin:5px 0;}
.bbs_search .right{text-align:right;}
.bbs_search .form_txt{width:250px;}

.bbs_search2 .form_txt{width:250px;}
}


/* 페이지 버튼 */
.bbs_page{margin:25px 0; text-align:center;}
.bbs_page a{display:inline-block; width:45px; height:45px; border:1px solid #a77053; border-radius:50%; background:#fff; line-height:1.5em; margin:0 4px 4px; padding:10px 0 0 0;}
.bbs_page a:hover, .bbs_page a:focus{color:#fff; background:#a77053; transition:0.3s ease-in-out;}
.bbs_page a.on{background:#a77053; color:#fff; border:none;}
.bbs_page .prev{font-size:0; background:url("/tour/images/bbs/bbs_prev.png")no-repeat; background-position:center center;}
.bbs_page .prev2{font-size:0; background:url("/tour/images/bbs/bbs_prev2.png")no-repeat; background-position:center center;}
.bbs_page .next{font-size:0; background:url("/tour/images/bbs/bbs_next.png")no-repeat; background-position:center center;}
.bbs_page .next2{font-size:0; background:url("/tour/images/bbs/bbs_next2.png")no-repeat; background-position:center center;}
.bbs_page .prev:hover, .bbs_page .prev:focus{background:#a77053 url("/tour/images/bbs/bbs_prev_on.png")no-repeat; background-position:center center;}
.bbs_page .prev2:hover, .bbs_page .prev2:focus{background:#a77053 url("/tour/images/bbs/bbs_prev2_on.png")no-repeat; background-position:center center;}
.bbs_page .next:hover, .bbs_page .next:focus{background:#a77053 url("/tour/images/bbs/bbs_next_on.png")no-repeat; background-position:center center;}
.bbs_page .next2:hover, .bbs_page .next2:focus{background:#a77053 url("/tour/images/bbs/bbs_next2_on.png")no-repeat; background-position:center center;}

.bbs_page2{margin:25px 0;}
.bbs_page2 a{display:inline-block; width:30px; height:30px; border:1px solid #a77053; border-radius:50%;  background:#fff; line-height:1.5em; margin:0 4px 4px; padding:10px 0 0 0;}
.bbs_page2 a:hover, .bbs_page2 a:focus{color:#fff; background:#a77053; transition:0.3s ease-in-out;}
.bbs_page2 span a{border:none; background:none; width:auto; height:auto; padding:0; line-height:1.5em; border-radius:0; display:inline;}
.bbs_page2 .prev{font-size:0; background:url("/tour/images/bbs/bbs_prev.png")no-repeat; background-position:center center;}
.bbs_page2 .prev2{font-size:0; background:url("/tour/images/bbs/bbs_prev2.png")no-repeat; background-position:center center;}
.bbs_page2 .next{font-size:0; background:url("/tour/images/bbs/bbs_next.png")no-repeat; background-position:center center;}
.bbs_page2 .next2{font-size:0; background:url("/tour/images/bbs/bbs_next2.png")no-repeat; background-position:center center;}
.bbs_page2 .prev:hover, .bbs_page .prev:focus{background:#a77053 url("/tour/images/bbs/bbs_prev_on.png")no-repeat; background-position:center center;}
.bbs_page2 .prev2:hover, .bbs_page .prev2:focus{background:#a77053 url("/tour/images/bbs/bbs_prev2_on.png")no-repeat; background-position:center center;}
.bbs_page2 .next:hover, .bbs_page .next:focus{background:#a77053 url("/tour/images/bbs/bbs_next_on.png")no-repeat; background-position:center center;}
.bbs_page2 .next2:hover, .bbs_page .next2:focus{background:#a77053 url("/tour/images/bbs/bbs_next2_on.png")no-repeat; background-position:center center;}





/* 버튼 */
.btn_bbsw{display:inline-block; line-height: 1.5em; vertical-align: middle; background:#a77053; border:1px solid #a77053; color:#fff; border-radius:5px; font-size:16px; height:40px; margin:2px; padding:9px 12px;}
.btn_bbsw:hover, .btn_bbsw:focus{background:#fff; color:#a77053; border:1px solid #a77053; transition:0.3s ease-in-out;}
.btn_bbsw.cancle{border:1px solid #a77053; color:#a77053; background:#fff;}
.bbs_btn{text-align:right;}
.bbs_btn a{display:inline-block; background:#fff; border-radius:5px; height:42px; line-height:1.5em; padding:9px 16px 0; margin:2px; }
.bbs_btn a.bbs_bt1{border:1px solid #e1e1e1;}
.bbs_btn a.bbs_bt1:hover, .bbs_btn a.bbs_bt1:focus{border-color:#a77053; color:#a77053; transition:0.3s ease-in-out;}
.bbs_btn a.bbs_bt2{background:#3f3936; color:#fff;}
.bbs_btn a.bbs_bt2:hover, .bbs_btn a.bbs_bt2:focus{background:#a77053; transition:0.3s ease-in-out;}
.bbs_btn a.bbs_bt3{border:1px solid #a77053; color:#a77053;}
.bbs_btn a.bbs_bt3:hover, .bbs_btn a.bbs_bt3:focus{background: #a77053; color:#fff; transition: 0.3s ease-in-out;}

/* 관리자 */
.adm_list li{position: relative;}
.adm_list li a{width:calc(100% - 40px); margin:0 0 0 40px;}
.adm_list .adm_check{position: absolute; top:30px; left:0;}


/* 기본 뷰 */
.bbs_vtop h4{padding:0; font-weight:500;}
.bbs_vtop .col{border-bottom:1px solid #e1e1e1; margin-bottom:30px; padding-bottom:30px;}
.bbs_vtop .col li{display:inline-block; line-height:1.5em; vertical-align:middle; margin:0 6px;}
.bbs_vtop .col li strong{line-height:1.5em; color:#2f2e2e; font-weight:600;}

.bbs_con{padding-bottom:40px;}
.bbs_con img, .bbs_con video{max-width:100%;}
.bbs_img, .bbs_video{text-align:center;}
.bbs_img figcaption, .bbs_video{font-size:15px; color:#666; text-align:center; margin:10px 0 0 0;}
.bbs_filedown{border-radius:10px; margin:20px 0; background:#faf7f4;}
.bbs_filedown dl{display:table; width:100%; padding:20px;}
.bbs_filedown dt{display:block; text-align:center; border-bottom:1px solid #ddc6ba; font-weight:500; color:#3f3936;  margin:0 0 14px 0; padding: 0 0 14px 0;}
.bbs_filedown dd{display:flex; flex-wrap:wrap ; text-align:left;margin: 0 0 8px;}
.bbs_filedown dd:last-of-type{margin:0;}
.bbs_filedown dd span{display:inline-block; line-height:1.5em; align-self:center; }
.bbs_filedown dd span a{display:inline-block; line-height:1.5em;}
.bbs_filedown dd a:first-of-type:hover,.bbs_filedown dd a:first-of-type:focus{text-decoration:underline;}

@media all and (min-width:768px){
.bbs_vtop .col li{display:inline; margin:0 0 0 13px;}

.bbs_filedown dl{padding:20px 20px 20px 0;}
.bbs_filedown dt{display:table-cell; width:15%; border-right:1px solid #ddc6ba; border-bottom:0; padding:0;}
.bbs_filedown dd{margin:0 0 8px 3%; align-items:center;}
.bbs_filedown dd:last-of-type{margin:0 0 0 3%;}
.bbs_filedown dd a{margin:0 4px;}
}

@media all and (min-width:1023px) {
.bbs_filedown dt{width:10%;}
}



/* 개인정보수집동의서 */
.agree_box h4{margin-top: 0px;}
.agree_box h5{margin-top:0;}
.agree_box .box1{min-height: 200px;padding: 30px;border: 1px #e1e1e1 solid;border-radius: 20px;overflow-y: auto;}
.agree_box .box2{padding: 20px;border-radius: 20px;background: #f8f8f8;text-align: center;margin: 20px 0;}
.agree_box .box2 p{margin: 10px 0; word-break: keep-all; }
.agree_box .box2 input[type="radio"]{display: inline-block; width: 18px; height: 18px; margin: 0 2px;}
.agree_box .box2 label{display: inline-block; line-height: 1.5em; }
@media all and (min-width:768px){
.agree_box{padding: 40px;}
}
/* 로그인 */
.login{position:relative;border:solid 1px #ccc;padding:150px 30px 50px 30px; border-radius:10px;}
.login:before{position:relative;display:block;content:"";position:absolute;margin:0 auto;left:-45px;right:0;top:34px;height:150px;background: url("/tour/images/content/login_icon.png") no-repeat center center;}
.login h4{background:none;text-align:center;font-size:24px;}
.login p.login_txt{text-align:center;}
.login p.login_btn{margin-top:40px;text-align:center;}
.login p.login_btn a{background:#3f3936;color:#fff;padding:15px 40px;border-radius:5px;}
.login p.login_btn a:hover, .login p.login_btn a:focus{background:#a77053; transition:0.3s ease-in-out;}

@media all and (min-width:768px) {
.login{width:700px;margin:30px auto;padding:180px 50px 80px 50px;border-radius:30px;}
.login:before{top:60px;}
.login h4{font-size:30px;}
}