/* --------------------------------------------
 * 공통
/* ------------------------------------------ */

input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
input{box-sizing:border-box;}/*-webkit-appearance: none;  -moz-appearance: none;*/
input, select, textarea{transition:border 0.3s ease-out; }
input:focus, select:focus, textarea:focus{background:#fff; border:1px solid #aaa; transition:border 0.3s ease-out; } /*border-color:#666;*/
label{cursor:pointer}
caption{display: none}


/* select */
.select_bbs { position: relative; padding:0 10px; background:#fff;   border:1px solid #e5e5e5; border-radius:5px; z-index: 1; float:left } 
.select_bbs:before { /* 화살표 대체 */ content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #555; } 
.select_bbs label {
	position: absolute;
	top:0px; /* 위치정렬 */
	left: 5px; /* 위치정렬 */
	padding:7px 10px; /* select의 여백 크기 만큼 */
	color: #444;
	font-size:15px;
	
	
	z-index: -1; /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */
} 
.select_bbs select {width:100%; height: auto; /* 높이 초기화 */ line-height: normal; /* line-height 초기화 */ font-family: inherit; /* 폰트 상속 */ padding:5px 20px 10px 20px;* 여백과 높이 결정 */ border: 0; opacity: 0; /* 숨기기 */ filter:alpha(opacity=0); /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } 
 
/* input */
.input_srh { height:41px; padding:0 10px; background:#fff; border:1px solid #e2e7ee;   font-size:15px;  color:#444;  border-radius:5px; }

.fileBox {padding-bottom: 3px;}
.fileBox .filename_text {display: inline-block;width: 402px;overflow: hidden;height:22px;}
.fileBox .fileName {display:inline-block; margin-right:2px; line-height:42px; width:400px; height:42px; padding:0 10px; background:#fff; border:1px solid #e5e5e5;   font-size:15px;  color:#444;  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;  vertical-align:middle}
.fileBox .btn_file {display:inline-block; width:100px; height:40px; padding:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;  line-height:40px; text-align:center; font-size:15px;  background:#777; border:1px solid #777; color:#fff; vertical-align:middle}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Btn */
.btn_srh  { padding:0 30px; box-sizing:border-box; border-radius:5px; display:inline-block;  background:#2c456d; border:1px solid #2c456d; text-align:center;   }
.btn_srh:hover {background:#3d5987; border:1px solid #3d5987;  color:#fff; transition: all 0.3s;}
.btn_srh a {font-size:15px; font-weight:600;  color:#fff; line-height:38px}



/* --------------------------------------------
 * 게시판 - 공통
/* ------------------------------------------ */
#board_wrap {width:100%; float:left}
.search_box {width:100%; padding:10px 0; background:#f8f8f8;  margin-bottom:2%; border-radius:8px; float:left;}
.search_gr {position:relative;width:460px;left:50%;margin-left:-230px;}
.search_gr li { margin-right:5px; display:inline; float:left}



/* --------------------------------------------
 * 게시판 - List / View
/* ------------------------------------------ */
.bbs_list {width:100%; border-top:1px solid #222;  float:left;}
.bbs_list thead tr th {text-align:center;  padding:13px 0;  background:#f7f7f7; color:#333; font-size:16px; font-weight:bold; }
.bbs_list thead tr th.view_tit {text-align:left;  padding:20px 13px; background:#fff; border-bottom:1px solid #e5e5e5; color:#333; font-size:22px; font-weight:bold; line-height:120%;  }
.cmt_th { font-size:15px; color:#888; padding-top: 13px}

.bbs_list thead tr td{text-align:left; color:#777;  padding:13px 0;}
.bbs_list tbody tr th {padding:13px 0; color:#777;  font-size:15px; border-bottom:1px solid #e5e5e5; text-align:center;  font-weight:600;  }
.bbs_list tbody tr td {padding:13px 0; color:#777; font-size:15px; border-bottom:1px solid #e5e5e5; text-align:center;  }
.bbs_list tbody tr td.title {padding:13px; text-align:left; }
.bbs_list tbody tr td.title a {color:#444; font-weight:bold;}
.bbs_list tbody tr td img {padding:0 5px 3px 5px; vertical-align:middle}
.comment {color:#3a6de2; padding-left:5px; font-size:13px; font-weight:600;  font-family:Tahoma, Geneva, sans-serif }

.bbs_list tbody tr td.view_cts {padding:20px 15px; color:#666; font-size:16px; text-align:left;}
.bbs_list tbody tr td.view_file {background:#f9f9f9; padding:15px;  text-align:left; }
.bbs_list tbody tr td.view_file p {margin:3px 0; background: url(../bbs/images/file.png) left center no-repeat;  padding-left:26px;  }
.bbs_list tbody tr td.view_file p a { color:#555; font-size:15px; }
.msg_empty {display:inline-block;width:96%;padding: 30px;text-align: center;border-bottom:1px solid #e5e5e5;}
.bx_content{text-align: left;padding: 15px;}
.bx_content img{max-width:100%;margin:0 !important;padding:0 !important;}

/* --------------------------------------------
 * 게시판 - Webzine (이미지+일반게시판)
/* ------------------------------------------ */
.bbs_webzine {width:100%; border-top:1px solid #222;  float:left;}
.bbs_webzine tbody tr th {text-align:left;  padding:15px 10px; border-bottom:1px solid #e5e5e5;  }
.bbs_webzine tbody tr td {text-align:left;  padding:15px 15px; border-bottom:1px solid #e5e5e5; vertical-align:top; }
.wz_img {border-radius:5px;height: 150px;overflow: hidden;}
.wz_img img {width:100%; border-radius:5px; }
.wz_title { width:100%; margin:2% 0 1% 0; font-size:18px; line-height:130%; color:#333; font-weight:600;   text-align:left;  float:left !important}
.wz_title .sub_title span{font-weight: bold; color: #000 !important;}
.wz_cts { width:100%; height: 100px;overflow-y: hidden; color:#777; font-size:16px;  text-align:left;  float:left; display: inline-block;}
.img_title { width:100%; margin:2% 0; color:#333; text-align:center; font-size:17px;  font-weight:600;  line-height:130%;   float:left }



/* --------------------------------------------
 * 게시판 - Image (이미지게시판)
/* ------------------------------------------ */
.bbs_image {width:100%; border-top:1px solid #222; border-bottom:1px solid #e5e5e5; float:left;}
.bbs_image tbody tr td {text-align:center;  padding:15px 15px 25px 15px;  vertical-align:top; }
.imgbbs_img {width:100%; max-height: 300px;overflow-y: hidden; padding-bottom:3%;  border-radius:5px;}
.imgbbs_img img {width:100%; border-radius:5px;}
.imgbbs_title { width:100%; color:#333; text-align:center; font-size:17px;  font-weight:600;  line-height:130%;  padding-top: 10px; float:left }

/* --------------------------------------------
 * 게시판 - FAQ (자주하는질문)
/* ------------------------------------------ */
.bbs_faq {width:100%; border-top:1px solid #222;  float:left;}
.bbs_faq tbody tr th {text-align:left;  padding:15px 20px; border-bottom:1px solid #e5e5e5; font-size:17px; color:#555;  font-weight:bold; line-height:130%;   }
.bbs_faq tbody tr td {text-align:left;  padding:15px 20px; background:#fafafa; border-bottom:1px solid #e5e5e5; vertical-align:top; color:#666;  }

.tit_f { display:inline-block; width:32px; height:32px; border-radius:100%; text-align:center; color:#fff; line-height:30px; background:#6884de; font-weight:bold;  font-size:15px; }
.tit_a { display:inline-block; width:32px; height:32px; border-radius:100%; text-align:center; color:#fff; line-height:30px; background:#999; font-weight:bold;  font-size:15px; }

/* --------------------------------------------
 * 게시판 - 한줄답변(코멘트)
/* ------------------------------------------ */
.comment_gr {width:100%; padding:2% 0 1% 0;  background:#fff; border-top:1px solid #e5e5e5; margin-bottom:15px; float:left}
.bbs_none {width:100%; float:left;}
.bbs_none tr th {padding-bottom:5px; text-align:left;}
.bbs_none tr td {padding-bottom:5px;padding-left: 15px; text-align:left;color:#666; font-size:15px;padding-top:10px;border-bottom:1px solid #eee;}
.bbs_none tr td div{padding-bottom:5px; text-align:left;color:#666; font-size:15px;padding-bottom:10px;}
.bbs_none tr td.center {text-align:center; padding-bottom:3%;}
.bbs_none tr td.btn {padding-left:7px;}

.txt_date { color:#aaa; padding:0 5px; font-size:13px; font-weight:600; font-family:Tahoma, Geneva, sans-serif}
.txt_user { color:#000; padding-right:5px; font-size:16px;  font-weight:600;  }


/* --------------------------------------------
 * 게시판 - Write
/* ------------------------------------------ */
.bbs_write {width:100%; border-top:1px solid #222; float:left}
.bbs_write tr th  {text-align:center;  padding:10px 0;  background:#f7f7f7; border-bottom:1px solid #e5e5e5;  color:#333; font-size:16px; font-weight:600;  }
.bbs_write tr td {background:#fff; padding:10px 15px;  border-bottom:1px solid #e5e5e5;  padding:15px; font-size:15px;  text-align:left;}
.bbs_write tr td.editor {padding:20px 15px;  }
/*.bbs_write tr td span { background: url(../bbs/images/cmt.png) left center no-repeat; font-size:14px; color:#777;   padding:0 0 0 17px; margin-left:10px; }*/


/* --------------------------------------------
 * 게시판 - 비밀번호
/* ------------------------------------------ */
#pwd_wrap {width:70%; margin:0 auto;}
.pwd_box { width:90%; text-align:center; padding:8% 5%; border:1px solid #e5e5e5; background:#fafafa; border-radius:5px; margin:20% 0;  float:left}

/* --------------------------------------------
 * 게시판 - 페이지
/* ------------------------------------------ */
.paginate_gr {clear:both;width: 100%;text-align: center; display: flex;justify-content: center;	}
.paginate {display: inline-block;}
.paginate li {display:inline-block; width:32px; height:22px; padding-top:8px; border:1px solid #e5e5e5; border-right:0; background-color:#fff;  vertical-align:top; text-align:center; float:left !important;}
.paginate li:last-child {border-right:1px solid #e5e5e5;}
.paginate li a {color:#444; font:600 12px Tahoma, Sans-serif; text-decoration:none;}
.paginate li a:hover, .paginate li a:active, .paginate li a:focus {color:#ff4e00;}
.paginate li.on {background-color:#f8f8f8;}
.paginate li.on a {color:#ff4e00; }
.paginate li.prev {cursor:pointer;width:32px; height:30px; padding-top:0; background: url(../bbs/images/page_prev.gif) center no-repeat; }
.paginate li.first {cursor:pointer;width:32px; height:30px; padding-top:0; background:url(../bbs/images/page_first.gif) center no-repeat;}
.paginate li.next {cursor:pointer;width:32px; height:30px; padding-top:0;  background:url(../bbs/images/page_next.gif) center no-repeat; }
.paginate li.end {cursor:pointer;width:32px; height:30px; padding-top:0;  background:url(../bbs/images/page_end.gif) center no-repeat;}

/* --------------------------------------------
 * 게시판 - 버튼
/* ------------------------------------------ */
.btn_gr {width:100%; margin-bottom:25px;   overflow:hidden; }
.btn_right {position:relative; text-align:right;  margin:20px auto 0 auto;}
.btn_right a {display:inline-block; margin:0 0; border-radius:5px; font-size:15px;  color:#fff; font-weight:600; padding:0 30px;  background-color:#263068; border:1px solid #263068;  line-height:38px;  box-sizing:border-box; text-align:center; transition: all 0.3s ease-out;text-decoration:none;}
.btn_right a:hover {background-color:#303e8e; color:#fff;text-decoration:none;}

.btn_right a.line {background:#fff; border:1px solid #e5e5e5; color:#555;text-decoration:none;}
.btn_right a.line:hover {color:#333; background:#fff; border:1px solid #777;text-decoration:none;}

.btn_right a.list {background:#989da4; border:1px solid #989da4; color:#fff;text-decoration:none;}
.btn_right a.list:hover {color:#333; background:#fff; border:1px solid #777;text-decoration:none;}


/* --------------------------------------------
 * 게시판 - 위드플 여행후기
/* ------------------------------------------ */
.review_box {width:30%; height:288px; background:#fff; border:1px solid #e5e5e5; box-shadow:3px 3px 0 #eee; margin-bottom:4%;  float:left}
.review_gr {width:90%; height:175px; padding:30px 5%; float:left;overflow-y: hidden;}
.review_gr ul {list-style:none; padding:0; margin:0}
.review_gr li {color:#888; font-size:14px; }
.review_gr li.rv_title {color:#444; font-size:21px;  font-weight:600; padding-bottom:15px; }
.review_gr li.rv_title img { padding-left:5px; }

.review_gr02 {width:100%; height:60px; border-top:1px solid #e5e5e5; float:left}
.review_gr02 .rv_user {background:url(/main/withple/images/main/user.png) 28px 18px no-repeat; font-size:15px; color:#666;   padding-left:48px; padding-top:15px;  float:left}
.review_gr02 .rv_date {font-size:13px; color:gray; padding-right:20px; padding-top:15px;  float:right}

.mgr04 { margin-right:4%;}