@charset "UTF-8"; 

/********************************
 board set
 *******************************/

label, input, select, textarea {font-size:1.5rem; color:#444;}
label {display:inline-block; margin:2px 5px;}
select.bd_select {padding:5px; width:100%; height:38px; line-height:38px; border:1px solid #ddd;}
input.bd_input {display:block; width:100%; height:38px; line-height:38px; border:1px solid #ddd;}
input.bd_input.bdi_text {padding-left:5px;}
input.bd_input.bdi_ckbox,
input.bd_input.bdi_radio {width:auto; display:inline-block; margin-right:3px;}
input.bd_input.bdi_file {width:auto; display:inline-block; margin:2px 5px; line-height:inherit; border:none;}
textarea.bd_txtarea {resize:none; width:100%; border:1px solid #ddd;}
textarea.bd_txtarea.re_size {resize:both;}

@media screen and (max-width:1200px) {}
}

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

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
label, input, select, textarea {font-size:1.4rem;}
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}


/********************************
 게시판 상단
 *******************************/
.board_topbox {position:relative;border:1px dotted #aaa;}
.board_topbox:after {content:''; display:block; visibility:hidden; clear:both;}
.boardtop_txtinner {position:relative; padding:20px 20px 10px; min-height:80px;}
.boardtop_txtinner:after {content:''; display:block; visibility:hidden; clear:both;}
.boardtop_txtinner.sclist_select2 {padding:0 20px 20px;}
.boardtop_txtinner .t_txt {display:block; min-height:auto; vertical-align:middle;}
.boardtop_txtinner .t_txt h3 {margin-top:0; color:#0b717b;}

.board_total {padding-top:18px;}
.board_total strong {color:#d52604;}
.board_total2 {display:inline-block; float:left; margin-bottom:0; padding-top:0; width:15%; line-height:40px;}
.board_total2 strong {color:#d52604;}
.board_total3 {}
.board_total3 strong {color:#d52604;}
.search_ctbox {position:relative; margin-bottom:10px;}
.search_ctbox:after {content:''; display:block; visibility:hidden; clear:both;}
.search_ctbox .src_list {padding-left:10px; float:left;}
.search_ctbox .src_list:first-child {padding-left:0;}
.search_ctbox.col_list4 .src_list {width:25%;}
.search_ctbox.col_list3 .src_list {width:33.33%;}
.search_ctbox.col_list2 .src_list {width:50%;}
.search_ctbox.col_list1 {margin-bottom:0;}
.search_ctbox.col_list1 .src_list {width:100%; margin-bottom:10px; padding-left:0;}
.search_ctbox .src_list select {display:block; padding:5px 10px; width:100%; height:40px; line-height:40px; border:1px solid #ddd;}

.search_ctbox {position:relative; margin-bottom:10px;}
.search_ctbox:after {content:''; display:block; visibility:hidden; clear:both;}
.search_ctbox .src_list {padding-left:10px; float:left;}
.search_ctbox .src_list:first-child {padding-left:0;}
.search_ctbox.col_list4 .src_list {width:25%;}
.search_ctbox.col_list3 .src_list {width:33.33%;}
.search_ctbox.col_list2 .src_list {width:50%;}
.search_ctbox.col_list1 {margin-bottom:0;}
.search_ctbox.col_list1 .src_list {width:100%; margin-bottom:10px; padding-left:0;}
.search_ctbox .src_list select {display:block; padding:5px 10px; width:100%; height:40px; line-height:40px; border:1px solid #ddd;}

.search_tbox {position:relative; padding:0 90px 0 160px; float:right; width:70%;}
.search_tbox2 {position:relative; padding:0 90px 0 160px; width:100%;}/*검색옵션2개 이상*/
.search_tbox3 {position:relative; padding:0 90px 0 160px; float:right; width:80%;}/*검색옵션 X*/
.search_tbox4 {position:relative; padding:0 90px 0 0; float:right; width:100%;}/*검색옵션 X, 전체사용*/
.search_tbox5 {position:relative; padding:0; width:100%;}/*width:100%*/
.search_listbox {position:absolute; left:0; top:0; width:150px;}
.search_listbox select {padding:5px 10px; width:100%; height:39px; line-height:39px; border:1px solid #ddd;}
.search_txtbox {border:1px solid #ddd; height:39px; background-color:#fff;}
.search_txtbox input {display:block; width:100%; height:37px; line-height:37px; border:none;}
.search_txtbox .form-control {background-color:transparent; box-shadow:none; color:#444;}/*bootstrap-reset*/
.search_btnbox {position:absolute; right:0; top:0; width:80px;}
.search_btnbox.select_sechbtn {position:absolute; right:0; top:inherit; bottom:0; width:80px;}
.search_btnbox button {width:100%; height:40px; font-size:0; background:#333 url(../../../storyCms/bbs/images/icon_board_search.png) center center no-repeat; cursor:pointer;}
.search_btnbox button:hover,
.search_btnbox button:active,
.search_btnbox button:focus {background-color:#0054a2; transition: background-color 0.2s linear;}

.search_radiobox {padding:5px 0;}
.search_radiobox:after {content:''; display:block; visibility:hidden; clear:both;}
.search_radiobox span {display:inline-block; float:left ; margin:5px 0; width:10%; line-height:28px; font-weight:500; text-align:center; background-color:#0054a2; border-radius:20px; color:#fff;}
.search_radiobox ul {display:inline-block; width:90%; padding-left:20px;}
.search_radiobox ul:after {content:''; display:block; visibility:hidden; clear:both;}
.search_radiobox li {display:inline-block; float:left; margin:5px; padding:0 10px; border-radius:20px; }
.search_radiobox li:after {content:''; display:block; visibility:hidden; clear:both;}
.search_radiobox li input {vertical-align:inherit;}

@media screen and (max-width:1200px) {

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

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
}

@media screen and (max-width:767px) {
	.search_ctbox {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd;}
	.search_ctbox.col_list4 .src_list {width:50%;}
	.search_ctbox.col_list4 .src_list:nth-child(1),
	.search_ctbox.col_list4 .src_list:nth-child(2) {margin-bottom:10px;}
	.search_ctbox.col_list4 .src_list:nth-child(3) {padding-left:0;}
	.search_ctbox.col_list1 {margin-bottom:10px; padding-bottom:0;}
	.search_ctbox.col_list1 .src_list {padding-bottom:0;}
	.board_topbox:before {height:30px;}
	.boardtop_txtinner {position:relative; padding:20px; min-height:auto;}
	.boardtop_txtinner.sclist_select2 {padding:20px;}
	.boardtop_txtinner:before {display:none;}
	.boardtop_txtinner .t_txt {display:block; min-height:auto;}
	
	.board_total {padding-top:0;}
  	.board_total2 {float:none; margin-bottom:10px; width:100%;}
	.search_tbox {position:relative; padding:0 70px 0 140px; float:none; width:100%;}
	.search_tbox2 {padding:0 70px 0 140px;}
	.search_tbox3 {float:none; padding:0 70px 0 0; width:100%; }
	.search_listbox {width:130px;}
	.search_btnbox {width:60px;}
  
  	.search_radiobox span {display:block; float:none; width:100%;}
  	.search_radiobox ul {display:block; float:none; width:100%; padding-left:0;}
  
}
@media screen and (max-width:640px) {
	.search_ctbox {margin-bottom:10px; padding-bottom:5px;}
	.search_ctbox .src_list {padding-left:0; margin-bottom:5px;}
	.search_ctbox.col_list4 .src_list {width:100%; margin-bottom:5px !important;}
	.search_ctbox.col_list3 .src_list,
	.search_ctbox.col_list2 .src_list {width:100%;}
	.search_ctbox.col_list1 {margin-bottom:5px;}
	.search_ctbox.col_list1 .src_list {margin-bottom:5px;}
	.boardtop_txtinner {padding:15px;}
	.boardtop_txtinner.sclist_select2 {padding:15px;}
	.search_tbox {position:relative; padding:0 60px 0 110px; float:none; width:100%;}
	.search_tbox2 {padding:0 60px 0 110px;}
	.search_tbox3 {padding:0 60px 0 0;}
	.search_listbox {width:105px;}
	.search_btnbox {width:55px;}
}
@media screen and (max-width:480px) {
}

/********************************
 테이블
 *******************************/
/*반응형 구간처리*/
.re_blind10 {}
.re_blind9 {}
.re_blind7 {}
.re_blind6 {}
.re_blind4 {}

/*리스트 내 테이블 위치수정*/
.list_in_tbl01 {margin-left:-20px;} /*1depth : li*/
.list_in_tbl02 {margin-left:-28px;} /*2depth : li*/
.list_in_tbl03 {margin-left:-36px;} /*3depth : li*/

table.txt_c {text-align:center;}
table.txt_l {text-align:left;}
table.txt_r {text-align:right;}
table.valg_m th, table.valg_m td {vertical-align:middle;}

th.txt_c, td.txt_c {text-align:center !important;}
th.txt_l, td.txt_l {text-align:left !important;}
th.txt_r, td.txt_r {text-align:right !important;}

/*table-list*/
.tbl_bd_list {border-collapse:separate; table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 0 0 0; border-top-color:#333;}
.tbl_bd_list thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #bbb; background-color:#f4fbff;}

.tbl_bd_list tbody th, .tbl_bd_list tbody td,
.tbl_bd_list tfoot th, .tbl_bd_list tfoot td {padding:10px 5px 10px;}

.tbl_bd_list tbody th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.tbl_bd_list tbody td {border-bottom:1px solid #ddd; background-color:#fff;}

.tbl_bd_list tfoot th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_bd_list tfoot td {border-bottom:1px solid #ddd; background-color:#fef6e8;}

/*table-view*/
.tbl_bd_view {border-collapse:separate; table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-color:#ddd; border-width:2px 0 0 0; border-top-color:#333;}
.tbl_bd_view thead th {padding:12px 5px 10px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #bbb; background-color:#f1f5f5;}
.tbl_bd_view thead th label {font-weight:500;}

.tbl_bd_view tbody th, .tbl_bd_view tbody td,
.tbl_bd_view tfoot th, .tbl_bd_view tfoot td {padding:10px;}

.tbl_bd_view tbody th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.tbl_bd_view tbody td {border-bottom:1px solid #ddd; background-color:#fff;}

.tbl_bd_view tfoot th {color:#333; font-weight:400; text-align:center; border-bottom:1px solid #ddd; background-color:#fef6e8;}
.tbl_bd_view tfoot td {border-bottom:1px solid #ddd; background-color:#fef6e8;}

.videoSubtitles {margin:10px 0 20px;padding:15px;border:1px solid #ccc;max-height:170px;overflow-y: auto;}

/*modal 수정*/
.modal-config {overflow:hidden; height:90%; max-width:1100px; width:90%; margin-left:auto; margin-right:auto}
.modal-config .pull-right img {width:30px;}
.modal-config .md_t_cont {height:100%;}
.modal-config .md_t_scrol {overflow-y:auto; height:78%; margin:2% 1.5% 0 2%;}
.modal-config .tbl_bd_list thead.md_set01 th {font-size:1.3rem !important; border-right:1px solid #bbb;}
.modal-config .tbl_bd_list thead.md_set01 th.first {border-left:1px solid #bbb !important;}
.modal-config .tbl_bd_list tbody.md_set01 th {font-size:1.3rem !important; border-right:1px solid #ddd;}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
.re_blind10 {display:none !important;}
}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
.re_blind9 {display:none !important;}
}

@media screen and (max-width:767px) {
.re_blind7 {display:none !important;}
}

@media screen and (max-width:640px) {
.re_blind6 {display:none !important;}
}

@media screen and (max-width:480px) {
.re_blind4 {display:none !important;}
}


/********************************
 board-btn
 *******************************/
.bd_btnbox {position:relative;}
.bd_btnbox.ta_l {text-align:left;}
.bd_btnbox.ta_c {text-align:center;}
.bd_btnbox.ta_r {text-align:right;}

.bd_btnbox.ta_l .bd_btn {margin-right:2px; margin-bottom:2px;}
.bd_btnbox.ta_c .bd_btn {margin-right:1px; margin-right:1px; margin-bottom:2px;}
.bd_btnbox.ta_r .bd_btn {margin-left:2px; margin-bottom:2px;}

.bd_btn {display:inline-block; padding:0 20px; line-height:40px; color:#333; border:1px solid #ddd; border-radius:5px;}
.bd_btn_xs {margin:2px 0; padding:0 6px; line-height:22px;}
.bd_btn:hover,
.bd_btn:active,
.bd_btn:focus {transition:background-color 0.2s linear;}
.bd_btn.btn_list, .bd_btn.btn_submit {color:#fff; border:none; background-color:#006f7a;}
.bd_btn.btn_print {color:#fff; border:none; background-color:#232528;}
.bd_btn.btn_config {color:#fff; border:none; background-color:#006cbd;}
.bd_btn.btn_del {color:#fff; border:none; background-color:#d52604;}
.bd_btn.btn_preview {font-size:1.3rem; color:#fff; border:none; background-color:#fc6630;}


/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}

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

@media screen and (max-width:920px) {
}

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

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
}


/* 게시판 페이징 */
#paginateDiv {text-align:center;}

.pagination {display:inline-block; margin: 20px 0;}
.pagination > li {display:inline-block; min-width:40px; margin:2px;}

.pagination > li > a,
.pagination > li > span {display:block; float:none !important; position:relative; margin:0; padding:0; line-height:40px; color:#555; border-radius:0; border:1px solid #ccc; background-color:#fff; box-sizing:border-box;}

.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:active, .pagination > li > span:active,
.pagination > li > a:focus,
.pagination > li > span:focus {color:#0065aa; text-decoration:underline; border-color:#0065aa; border-radius:0; background-color:#fff; transition:border-color 0.2s linear;}

.pagination > li:first-child > a,
.pagination > li:first-child > span {border-top-left-radius:0; border-bottom-left-radius:0}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius:0; border-bottom-right-radius:0}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:active,
.pagination > .active > span:active,
.pagination > .active > a:focus,
.pagination > .active > span:focus {color:#fff; cursor:default; border-color:#0065aa; background-color:#0065aa; }

.pagination > li > .btn {}
.pagination > li > .btn:active {box-shadow:none;}
.pagination > li > .btn.first,
.pagination > li > .btn.prev,
.pagination > li > .btn.next,
.pagination > li > .btn.last {text-indent:-9999px;}
.pagination > li > .btn:before {content:''; display:none; position:absolute; left:10px; top:9px; width:20px; height:20px; background-image:url(../../../storyCms/bbs/images/icon_paging_ir.png); background-repeat:no-repeat;}

.pagination > li > .btn.first:before {display:block; background-position:0 0;}
.pagination > li > .btn.prev:before {display:block; background-position:0 -21px;}
.pagination > li > .btn.next:before {display:block; background-position:0 -42px;}
.pagination > li > .btn.last:before {display:block; background-position:0 -63px;}

.pagination > li > .btn.first:hover:before,
.pagination > li > .btn.first:active:before,
.pagination > li > .btn.first:focus:before {display:block; background-position:-21px 0;}
.pagination > li > .btn.prev:hover:before,
.pagination > li > .btn.prev:active:before,
.pagination > li > .btn.prev:focus:before {display:block; background-position:-21px -21px;}
.pagination > li > .btn.next:hover:before,
.pagination > li > .btn.next:active:before,
.pagination > li > .btn.next:focus:before {display:block; background-position:-21px -42px;}
.pagination > li > .btn.last:hover:before,
.pagination > li > .btn.last:active:before,
.pagination > li > .btn.last:focus:before {display:block; background-position:-21px -63px;}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.pagination-lg > li > a, .pagination-lg > li > span {padding: 10px 16px; font-size: 18px;}
.pagination-sm > li > a, .pagination-sm > li > span {padding: 5px 10px;	font-size: 12px;}

.pager {padding-left: 0; margin: 20px 0; text-align: center; list-style: none;}
.pager li {display: inline;}
.pager li > a, .pager li > span {display: inline-block;	padding: 5px 14px; background-color: #fff; border: 1px solid #ddd;}
.pager li > a:hover, .pager li > a:focus {text-decoration: none; background-color: #eee;}
.pager .next > a, .pager .next > span {float: right;}
.pager .previous > a, .pager .previous > span {float: left;}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {color: #777; cursor: not-allowed; background-color: #fff;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:767px) {
.pagination > li {min-width:36px;}
.pagination > li > a,
.pagination > li > span {line-height:36px; font-size:1.3rem}
.pagination > li > .btn:before {left:8px; top:8px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
.pagination > li {min-width:30px;}
.pagination > li > a,
.pagination > li > span {line-height:30px; font-size:1.2rem}
.pagination > li > .btn:before {left:5px; top:4px;}
}


/********************************
 갤러리 게시판
 *******************************/
.bestpic_imgbox {overflow:hidden; position:relative; background-color:#fff; height:450px;}
.bestpic_imginner {background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#565656; background-image:url(../../../storyCms/bbs/images/img_noimage.png);}
.bestpic_imginner li {position:relative; height:450px;}
.bestpic_imginner img {float:left; width:60%; height:100%; text-align:center;}
.bp_tbox {display:inline-block; float:left; padding:30px 30px 50px; width:40%; height:450px; background-color:#00468f; color:#fff;}

.bp_tbox .bp_tit {overflow:hidden; margin-bottom:20px; font-size:2.4rem; font-weight:400; font-family:'GSK'; text-overflow:ellipsis; white-space:nowrap;}
.bp_tbox dl {}
.bp_tbox dl:after {content:''; display:block; visibility:hidden; clear:both;}
.bp_tbox dt {font-weight:500;}
.bp_tbox dd {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; text-overflow:ellipsis; white-space:normal;}
.bp_tbox .bp_ex {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient:vertical; margin-top:20px; font-size:1.6rem; text-overflow:ellipsis; white-space:normal;}

.bpctrl_box {position:absolute; right:40%; bottom:0;}
.bpctrl_box > dl {}
.bpctrl_box > dl dd {position:relative; display:inline-block; float:left; color:#fff;}
.bpctrl_box > dl dd a {position:relative; display:block; width:50px; height:50px; box-sizing:border-box; background-color:rgba(0,0,0,0.7);}
.bpctrl_box > dl dd a:before {content:''; position:absolute; left:0; top:0; width:50px; height:50px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.bpctrl_box > dl dd a.bpctrl_prev:before {background-position:-58px -160px;}
.bpctrl_box > dl dd a.bpctrl_stop:before {background-position:-160px -160px;}
.bpctrl_box > dl dd a.bpctrl_play:before {background-position:-210px -160px;}
.bpctrl_box > dl dd a.bpctrl_next:before {background-position:-109px -160px;}

.actpic_listarea {}
.actpic_listarea.bestpic_area {margin-top:30px;}

.actpic_listbox {margin-top:10px;}
.actpic_list_inner {}
.actpic_list_inner:after {content:''; display:block; visibility:hidden; clear:both;}

.range_box {}
.range_box:after {content:''; display:block; visibility:hidden; clear:both;}
.range_box li {display:inline-block; float:left; margin-left:10px;}
.range_box li a {display:block; padding:5px 10px; border:1px solid #ddd; background-color:#fff;}
.range_box li:first-child {margin-left:0;}
.range_box li:after {content:''; display:block; visibility:hidden; clear:both;}
.range_box li a:hover,
.range_box li a:active,
.range_box li a:focus,
.range_box li.on a {text-decoration:underline; background-color:#118159 ; color:#fff; font-weight:500;}

.actpic_list {margin-left:-20px;}
.actpic_list:after {content:''; display:block; visibility:hidden; clear:both;}
.actpic_list > li {float:left; width:33.3333%; padding:10px 0 10px 20px;}
.actpic_list > li a {position:relative; display:block; overflow:hidden; border:1px solid #ddd; border-radius:3px;}

.actpic_img {position:relative; height:220px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#565656;background-image:url(../../../storyCms/bbs/images/img_noimage.png);}
.actpic_img img {height:100%; width:100%;}
.act_mtbox {padding:20px; height:123px;}
.act_mtbox.trip_pic {height:auto;}
.act_mtbox .place_tit {overflow:hidden; font-size:1.7rem; font-family:'GSK'; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.act_mtbox dl {}
.act_mtbox dl:after {content:''; display:block; visibility:hidden; clear:both;}
.act_mtbox dl dt {display:inline-block; float:left; width:20%; font-weight:500; color:#333;}
.act_mtbox dl dd {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float:left; width:80%; text-overflow:ellipsis; white-space:normal;}

.pic_downbtn {margin-top:10px;}
.pic_downbtn:after {content:''; display:block; visibility:hidden; clear:both;}
.pic_downbtn ul {margin-left: -15px;}
.pic_downbtn ul:after {content:''; display:block; visibility:hidden; clear:both;}
.pic_downbtn li {display:inline-block; float:left; width:50%; padding-left:15px; text-align:center;}
.pic_downbtn li:after {content:''; display:block; visibility:hidden; clear:both;}
.pic_downbtn li button {padding:5px; width: 100%; background-color:#fff; border:1px solid #ddd;}
.pic_downbtn li:hover button,
.pic_downbtn li:active button,
.pic_downbtn li:focus button {background-color:#00762D; color:#fff;}


/*여행사진-상세,모달*/
.item.img_list {width:100%;}
.item.img_list img {width:100%;}

.pic_modalbox {position:absolute; left:50%; margin-left:-300px; top:100px; padding:20px; width:600px; height:auto; background-color:#fff; border:1px solid #ddd; border-radius:10px; z-index:50;}

.titBox {padding:17px 15px; background:#f4f5f9; border-top:1px solid #c4c9ce; text-align: center;}
.titBox h4 {padding:0; margin:0; font-size:1.8rem;}
.agr_pt {padding:20px 0; font-size:1.6rem;}

.agree_sel {margin:0 0 20px; padding:10px; text-align:right; background-color: #f1f1f1;}
.agree_sel label {margin-left:15px;}
.agree_sel label:first-child {margin-left:0;}
.agree_sel .agree_check {}
.agree_sel .agree_check input[type="radio"] {width:18px; height:18px; vertical-align:-3px; margin-right:5px;}
.agree_sel .agree_check input[type="radio"]:focus {outline:1px dotted #000;}

.agree_downbtn {text-align:center;}

/**** media query ****/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
.bestpic_imgbox {height:400px;}
.bestpic_imginner li {height:400px;}
.bp_tbox {padding:30px 20px;}
.bp_tbox .bp_ex {-webkit-line-clamp: 8;}
      
.actpic_listarea {}
	
}
@media screen and (max-width:920px) {
.bestpic_imginner img {float:none; width:100%;}
.bp_tbox {display:block; float:none; padding:20px; position:absolute; right:0; left:0; top:auto; bottom:0; height:35%; width:100%; background-color:rgba(0,0,0,0.7);}
.bp_tbox .bp_tit {margin-bottom:10px; font-size:2.0rem;}
.bp_tbox dt {display:inline-block; float:left; width:10%;}
.bp_tbox dd {display:inline-block; float:left; width:90%; padding-left:10px; -webkit-line-clamp:1;}
.bp_tbox .bp_ex {margin-top:10px; width:100%; -webkit-line-clamp:1; font-size:1.5rem;}
 	
.bpctrl_box {right:0; bottom:35%; }
.bpctrl_box > dl dd a {background-color:rgba(0,84,162,100);}
}
@media screen and (max-width:767px) {
.bp_tbox {top:auto; bottom:0; padding:20px; width:100%;}
.bpctrl_box > dl dd a {width:40px; height:40px;}
.bpctrl_box > dl dd a:before {width:40px; height:40px;}
.bpctrl_box > dl dd a.bpctrl_prev:before {background-position:-62px -165px;}
.bpctrl_box > dl dd a.bpctrl_stop:before {background-position:-165px -165px;}
.bpctrl_box > dl dd a.bpctrl_play:before {background-position:-215px -165px;}
.bpctrl_box > dl dd a.bpctrl_next:before {background-position:-114px -165px;}
  
.actpic_list > li {width:50%;}
.actpic_img {height:240px;}
.act_mtbox {height:119px;}
  
.agree_sel span {display:block;}
}

@media screen and (max-width:640px) {
.bestpic_imgbox {height:320px;}
.bestpic_imginner li {height:320px;}
.bp_tbox {padding:10px 15px;}
.bp_tbox .bp_tit {margin-bottom:5px; font-size:1.6rem;}
.bp_tbox .bp_ex {display:none;}
  
.actpic_listarea.bestpic_area {margin-top:20px;}
.actpic_list > li {float:none; width:inherit;}
.act_mtbox {height:inherit;}
  
.pic_modalbox {left:0; margin-left:0; width:auto;}
.titBox {padding:10px;}
.titBox h4 {font-size:1.6rem;}
.agr_pt {font-size:1.4rem;}
.agree_sel span {text-align:left; width:100%;}
}

@media screen and (max-width:480px) {
.bestpic_imgbox {height:250px;}
.bestpic_imginner li {height:250px;}
.bp_tbox{padding:15px 15px 10px; height:25%;}
.bp_tbox .bp_tit {font-size:1.8rem;}
.bp_tbox dl {display:none;}
.bpctrl_box {bottom:25%;}
.agree_sel {text-align:left;}
.agree_sel label {margin-left:0}
}

/********************************
 동영상갤러리 게시판
 *******************************/
.active_mvbox {margin-top:60px;}
.active_mvbox:after {content:''; display:block; visibility:hidden; clear:both;}
.actmv_infobox {padding:3% 0; text-align:center;}
.actmv_infobox div {text-align:left; padding:10px 20px;}
.actmv_infobox li {display:inline-block; color:#333; margin:0 2%;}
.actmv_infobox li .subtit {display:inline-block; margin-right:3px; padding:5px 0; min-width:100px; text-align:center; border-radius:20px; background-color:#d1effb;}

.actmv_listarea {}

.actmv_listbox {margin-top:10px;}
.actmv_list_inner {}
.actmv_list_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.actmv_list {margin-left:-20px;}
.actmv_list > li {float:left; width:33.3333%; padding:10px 0 10px 20px;}
.actmv_list > li a {position:relative; display:block; overflow:hidden; border:1px solid #ddd;}

.actmv_img {position:relative; height:210px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#565656; background-image:url(/u/storyCms/bbs/images/img_noimage.png);}
.actmv_img img {width:100%; height:100%;}
.actmv_mtbox {padding:20px;}
.actmv_mtbox .place_tit {overflow:hidden; font-size:2.0rem; font-family:'GSK'; font-weight:500; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.actmv_mtbox dl {}
.actmv_mtbox dl:after {content:''; display:block; visibility:hidden; clear:both;}
.actmv_mtbox dl dt {display:inline-block; float:left; width:20%; font-weight:500; color:#333;}
.actmv_mtbox dl dd {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float:left; width:80%; text-overflow:ellipsis; white-space:normal;}

/**** media query ****/

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
.active_mvbox {margin-top:40px;}
}

@media screen and (max-width:920px) {
}

@media screen and (max-width:767px) {
.active_mvbox {margin-top:25px;}
.actmv_list > li {width:50%;}
}

@media screen and (max-width:640px) {
.actmv_list > li {float:none; width:inherit;}
}

@media screen and (max-width:480px) {
}


/********************************
 갤러리목록_상세보기
 *******************************/
.glist_view {overflow:hidden;}
.glist_view:after {content:''; display:block; visibility:hidden; clear:both;}

.glist_view .glist_inner {display:inline-block; float:left; width:50%;}

/*이미지*/
.glist_view .view_imgbox {overflow:hidden; position:relative; background-color:#fff; border:1px solid #ddd; height:330px;}
.glist_view .view_imgbox .gllist_img .item{position:relative; width:100%; height:100%; text-align:center;}

.glist_view .glctrl_box {position:absolute; right:-1px; bottom:-1px; z-index:30; background-color:rgba(0,0,0,0.6);}
.glist_view .glctrl_box > dl {}
.glist_view .glctrl_box > dl dd {position:relative; display:inline-block; float:left; color:#fff;}
.glist_view .glctrl_box > dl dd .glctrl_cont,
.glist_view .glctrl_box > dl dd a {position:relative; display:block; width:50px; height:50px; box-sizing:border-box; background-color:rgba(0,0,0,0.6);}
.glist_view .glctrl_box > dl dd a:before {content:''; position:absolute; left:0; top:0; width:50px; height:50px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.glist_view .glctrl_box > dl dd a.glctrl_prev:before {background-position:-58px -160px;}
.glist_view .glctrl_box > dl dd a.glctrl_stop:before {background-position:-160px -160px;}
.glist_view .glctrl_box > dl dd a.glctrl_play:before {background-position:-210px -160px;}
.glist_view .glctrl_box > dl dd a.glctrl_next:before {background-position:-109px -160px;}
.glist_view .glctrl_box > dl dd span.glctrl_cont {padding:0 10px; line-height:50px; width:auto;}
.glist_view .glctrl_box > dl dd span.glctrl_cont strong {padding-right:5px; font-weight:500; color:#ff004e; text-decoration:underline;}

/*기본정보 리스트*/
.glist_view .view_txtbox {padding-left:35px;}
.view_txtinner {}

.view_txthead {padding-bottom:10px; border-bottom:1px solid #ddd;}
.view_txthead .txthead_tit {font-size:3.0rem; font-weight:400; color:#121212; font-family:'GSK'; line-height:1.5;}
.view_txthead .txthead_count .count_icon {position:relative; margin-left:10px; padding-left:20px;}
.view_txthead .txthead_count .count_icon.set01 {margin-left:0;}
.view_txthead .txthead_count .count_icon:before {content:''; position:absolute; left:0; top:50%; margin-top:-9px; width:18px; height:18px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.view_txthead .txthead_count .count_icon.set01:before {background-position:-151px -140px;}
.view_txthead .txthead_count .count_icon.set02:before {background-position:-19px -205px;}
.view_txthead .txthead_count strong {color:#222;}

.view_txtbody {padding:20px 0 30px;}
.view_txtbody li {display:block; padding:3px 0;}
.view_txtbody li:after {content:''; display:block; visibility:hidden; clear:both;}
.view_txtbody li dl {}
.view_txtbody li dt {display:inline-block; float:left; width:20%; position:relative; padding-left:8px; font-weight:600; color:#333;}
.view_txtbody li dt:before {content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background-color:#555;}
.view_txtbody li dd {display:inline-block; float:left; width:80%; padding-left:10px;}

.view_txtbtn {padding:0 0 45px; border-bottom:1px solid #ddd;}
.view_txtbtn:after {content:''; display:block; visibility:hidden; clear:both;}
.view_txtbtn ul {}
.view_txtbtn ul:after {content:''; display:block; visibility:hidden; clear:both;}
.view_txtbtn li {display:inline-block; float:left; margin-left:20px; width:47%; text-align:center; box-sizing:border-box;}
.view_txtbtn li:first-child {margin-left:0;}
.view_txtbtn li a {display:block; padding:10px;}
.view_txtbtn li.rc_btn a {border:1px solid #ddd; background-color:#f1f1f1;}
.view_txtbtn li.dw_btn a {border:1px solid #ddd; background-color:#0a639d; color:#fff;}

.view_listbtn {display:block; margin:20px 0; text-align:right; line-height:43px;}
.view_listbtn:after {content:''; display:block; visibility:hidden; clear:both;}
.view_listbtn button {position:relative; padding:10px 40px 10px 55px; border:1px solid #ddd; }
.view_listbtn button:before {content:''; position:absolute; left:35px; top:50%; margin-top:-7px; width:14px; height:14px; background:url(../images/sub_ir.png) -33px -67px no-repeat; }
.view_listbtn button:hover,
.view_listbtn button:active,
.view_listbtn button:focus {background-color:#00762d; color:#fff;}
.view_listbtn button:hover:before,
.view_listbtn button:active:before,
.view_listbtn button:focus:before {background-position:-48px -67px;}

/*기본정보*/
.view_infotxt {margin-bottom:50px;}

/*주변정보*/
.around_topbox {margin-bottom:20px; border:1px dotted #aaa;}
.around_topbox .around_topinner {padding:20px;}
.around_topbox .around_topinner:after {content:''; display:block; visibility:hidden; clear:both;}
.ard_tit {display:inline-block; float:left; margin-bottom:0; width:30%; font-size:2.0rem; font-weight:500; font-family:'GSK'; line-height:40px;}
.ard_input {position:relative; display:inline-block; float:left; width:70%; padding-right:80px;}
.ard_input ul {float:right;}
.ard_input ul:after {content:''; display:block; visibility:hidden; clear:both;}
.ard_input li {display:inline-block; float:left; padding:0 15px; line-height:35px;}
.ard_input p.ard_sechbtn {position:absolute; right:0; top:0;}
.ard_input p.ard_sechbtn input {cursor:pointer;}

/*주변정보-리스트*/
.around_listbox {position:relative;}
.ardpic_listbox {}
.ardpic_list_inner {}
.ardpic_list_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.ardpic_list {margin-left:-20px;}
.ardpic_list li {float:left; width:25%; padding:0 0 10px 20px;}
.ardpic_list li a {position:relative; display:block; overflow:hidden; border:1px solid #ddd;}

.ardpic_img {position:relative; height:220px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-color:#565656;background-image:url(../../../storyCms/bbs/images/img_noimage.png);}
.ardpic_img img {height:100%;}
.ard_mtbox {padding:20px; height:123px;}
.ard_mtbox .ardplace_tit {overflow:hidden; font-size:2.0rem; font-family:'GSK'; font-weight:500; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.ard_mtbox dl {}
.ard_mtbox dl:after {content:''; display:block; visibility:hidden; clear:both;}
.ard_mtbox dl dt {display:inline-block; float:left; width:20%; font-weight:500; color:#333;}
.ard_mtbox dl dd {overflow:hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; float:left; width:80%; text-overflow:ellipsis; white-space:normal;}

.ard_ctrl {position:absolute; right:0; top:0;}
.ard_ctrl > dl {}
.ard_ctrl > dl dd {position:relative; display:inline-block; float:left; color:#fff;}
.ard_ctrl > dl dd a {position:relative; display:block; width:25px; height:25px; box-sizing:border-box; background-color:#fff; border:1px solid #ddd;}
.ard_ctrl > dl dd a:before {content:''; position:absolute; left:0; top:0; width:25px; height:25px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.ard_ctrl > dl dd a.ardctrl_prev {border-right:none;}
.ard_ctrl > dl dd a.ardctrl_prev:before {background-position:-141px -57px;}
.ard_ctrl > dl dd a.ardctrl_next:before {background-position:-167px -57px;}

/*media query*/
@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
.view_txthead .txthead_tit {font-size:2.6rem;}
.ardpic_list > li {width:33.3333%;}
}

@media screen and (max-width:920px) {
.view_txtbody {padding:15px 0 15px;}
.view_txtbtn li {width:48%;}
 
.glist_view .glist_inner {display:block; width:100%;}
.glist_view .view_imagbox {padding-bottom:10px; text-align:center;}
.glist_view .view_txtbox {padding-left:0; padding-top:20px;}
 	
.ard_tit {width:25%;}
.ard_input {width:75%;}
}

@media screen and (max-width:767px) {
.view_txthead .txthead_tit {font-size:2.4rem;}

.view_txtbody {padding:10px 0;}
.view_txtbody li {padding:3px 0;}
.view_txtbtn li {width:47%;}
 
.view_infotxt {margin-bottom:35px;}
 
.ard_tit {display:block; float:none; width:100%; line-height:inherit; font-size:1.8rem;}
.ard_input {display:block; float:none; width:100%;}
.ard_input ul {float:none;}
.ard_input li {padding:0 10px 0 0;}
 
.ardpic_list > li {width:50%;}
.ardpic_img {height:240px;}
.ard_mtbox {height:119px;}
}

@media screen and (max-width:640px) {
.glist_view .glctrl_box > dl dd .glctrl_cont,
.glist_view .glctrl_box > dl dd a {width:40px; height:40px;}
}