@charset "utf-8";

h3.boardTitle{color:#fff; font-size:38px; text-align:center; font-weight:normal; padding:42px 0 62px 0;}
h4.boardTitle{color:#000; font-size:1.6rem; font-weight:400;}
h4.boardTitle *{vertical-align:bottom;}
h4.boardTitle span{color:#000; font-weight:200;}


/* h3.boardTitle{color:#fff; font-size:38px; text-align:center; font-weight:normal; padding:42px 0 62px 0;}
h4.boardTitle{color:#000; font-size:1.8rem; font-weight:400;}
h4.boardTitle *{vertical-align:bottom;}
h4.boardTitle span{color:#000; font-weight:100;} */
.boardTitleWrap p{line-height:18px; color:#000;}
.boardArticles{display:block; height:32px; line-height:32px; color:#999; text-align:right; padding:0 8px;font-size:12px}
.boardArticles span {display: inline-block;}
.boardArticles strong{color:#333; font-weight:normal; padding-left:3px;}







/* 여행문의 > 목록 */
.tblQnaList{width:100%;}
.tblQnaList th{text-align:center}
.tblQnaList td{color:#000; font-size:14px; background-color:#fff; text-align:center; padding:10px;}
.tblQnaList td.nodata{ color:#d13510; font-weight:500; }
.tblQnaList td.first{}
.tblQnaList td.subject{text-align:left; overflow:hidden;max-width:200px}
.tblQnaList td span{display:inline-block; width:40px; height:19px;background:url('https://cdn.bluetravel.co.kr/common/images/icon_qna_list_category.png') no-repeat; background-position:0 -58px; text-indent:-9999em; margin-right:12px;}
.tblQnaList td span.answer{background-position:0 -13px;}
.tblQnaList td.subject a{ 
    width: 72%;
    display: inline-block;
    color:#000; font-size:14px; text-decoration:none; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
.tblQnaList td.subject .etc{padding-left:56px;font-size:11px;color:#000}




/* 여행문의 > 등록 */
.boardQnaWriteInfoWrap{padding:2rem;background-color:#eee}
.boardQnaWriteInfoWrap .icon{color:brown; font-size:3rem}
.boardQnaWriteInfoWrap h5{color:#333; font-size:1.5rem; padding:0 0 1rem 0}
.boardQnaWriteInfoWrap ol{list-style:decimal;padding-left:20px; }
.boardQnaWriteInfoWrap ol li{line-height:18px; color:#000; margin-top:10px;}
.boardQnaWriteInfoWrap ol li b{color:#000;}
.boardQnaWriteInfoWrap ol li strong{color:#d13510; font-weight:500;}
.boardQnaWriteInfoWrap ol li a{color:#d13510; font-weight:500; text-decoration:underline;}
/* .frmSuggestRegistWrap{display:block; width:680px; padding:24px 29px; border:1px solid #ccc;} */


.frm_grid .row{align-items: center;}
.frm_grid label{display:block}
.frm_grid label strong{text-indent: -9999em;}
.frm_grid label strong:after{
    content: '\f621';
    font-family: var(--font-awesome);
    font-size: 10px;
    color: #f17474;
}


.tblSuggestRegist{width:680px;}
.tblSuggestRegist th{text-align:left; padding:6px 0;}
.tblSuggestRegist th label{display:inline-block; line-height:34px; color:#333; font-size:14px; font-weight:500;}
.tblSuggestRegist th label strong{display:inline-block; width:12px; height:34px; margin-left:1px; background:url('https://cdn.bluetravel.co.kr/common/images/icon_require.png') left 12px no-repeat; text-indent:-9999em;}
.tblSuggestRegist td{text-align:left; padding:6px 0;}
.tblSuggestRegist td strong{color:#333; font-size:13px;}
.tblSuggestRegist td label{color:#000; font-size:12px; }
.tblSuggestRegist td input[type=text], .tblSuggestRegist td input[type=password]{color:#444; font-size:14px; height:28px; line-height:28px; padding:0 5px; border:1px solid #dbdbdb;}
.tblSuggestRegist td textarea{line-height:20px; width:587px; height:168px; color:#444; font-size:14px; padding:5px; border:1px solid #dbdbdb;}
.antiSpamWrap{display:block; height:30px; margin-top:6px;}
.antiSpamWrap *{vertical-align:top;}
.antiSpamWrap img{display:inline-block; padding:3px 0;}
.antiSpamWrap button{display:inline-block; height:30px; line-height:26px; color:#fff; font-size:13px; font-weight:500; border:1px solid #8e1304; background-color:#d13510;}

/* 여행문의 > 상세 */
.boardQnaViewQueWrap{}
.boardQnaViewQueWrap h5{color:#1379bb; font-size:32px; font-family:'avenir black',sans-serif; padding:4px 0 11px 0;}
.boardQnaViewAnsWrap{display:block; margin-top:33px;}
.boardQnaViewAnsWrap h5{color:#d63c18; font-size:32px; font-family:'avenir black',sans-serif; padding:4px 0 11px 0;}
/* .boardQnaViewQueWrap .etc_info{margin-bottom:5px;font-size:12px;color:#444;text-align:right}
.boardQnaViewQueWrap .writer{margin-bottom:5px;text-align:right}
.boardQnaViewQueWrap .subject{padding:1rem;border-bottom:1px solid #ddd;font-weight: 500;background-color:#eee}
.boardQnaViewQueWrap .contents{padding:1rem;border:1px solid #dddddd;border-top:0}
.boardQnaViewQueWrap .tit{padding:1rem;background-color: #eee;}
.boardQnaViewQueWrap .cnt{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:1rem} */


.qnaViewWrap{
    border-top: 1px solid #0e68b8;
    border-bottom: 1px solid #0e68b8;
}
.qnaViewWrap .tit{
    padding: 10px;
    background-color: #ededed;
}
.qnaViewWrap .subject{
    padding: 1rem;
    background-color: #4693d7;
    color: #ffffff;
    margin-bottom: 10px;
}
.qnaViewWrap .cnt{padding:10px}
.qnaViewWrap .contents{border-top:1px solid #eee;padding:1rem}
.qnaViewWrap .answer_content{border-top:1px solid #eee;padding:1rem;}


/* 여행문의 > 삭제 */
.boardQnaDeleteWrap{display:block; width:490px; padding:0 124px; border:1px solid #ccc;}
.boardQnaDeleteTitle{display:block; width:375px; padding-left:115px; margin:61px 0 0 0; background:url('https://cdn.bluetravel.co.kr/common/images/bg_board_qna_delete.png') left center no-repeat;}
.boardQnaDeleteTitle h5{color:#333; font-size:30px;}
.boardQnaDeleteTitle p{color:#000; margin-top:10px;}
.frmBoardQnaDelete{display:block; width:490px; height:40px; margin:80px 0 5px 0; text-align:center;}
.frmBoardQnaDelete *{vertical-align:top;}
.frmBoardQnaDelete label{display:inline-block; width:165px; line-height:40px; color:#333; font-size:18px; font-weight:500; text-align:center;}
.frmBoardQnaDelete input[type=password]{display:inline-block; width:250px; height:38px; line-height:38px; color:#444; font-size:18px; padding:0 4px; border:1px solid #dbdbdb;}
.btnBoardQnaDeleteWrap{display:block; height:40px; text-align:center; margin:70px 0;}
.btnBoardQnaDeleteWrap *{vertical-align:top;}
.btnBoardQnaDeleteWrap input[type=submit]{display:inline-block; width:125px; height:40px; line-height:36px; color:#fff; font-size:18px; font-weight:700; border:1px solid #8e1304; background-color:#d13510;}
.btnBoardQnaDeleteWrap a{display:inline-block; width:123px; height:38px; line-height:36px; color:#fff; font-size:18px; font-weight:700; margin-left:7px; border:1px solid #727272; background-color:#8d8d8d;}

/* 자주 하는 질문 > 목록 */
/*
.faqCategoryWrap{display:block; padding:18px 18px 23px 18px; background-color:#4580c5;}
.faqCategory{display:block; overflow:hidden;}
.faqCategory li{float:left; padding:0 16px 0 17px; background:url('https://cdn.bluetravel.co.kr/common/images/line_lightblue_1x11.png') left 18px no-repeat;}
.faqCategory li:first-child{background:none;}
.faqCategory li div{line-height:16px; padding:14px 0 1px 0;}
.faqCategory li div:hover,
.faqCategory li div.active{border-bottom:1px solid #fff; background:url('https://cdn.bluetravel.co.kr/common/images/bl_v_mark_white.png') center top no-repeat;}
.faqCategory li div a{color:#fff; text-decoration:none;}
.faqCategory li div:hover a,
.faqCategory li div.active a{font-weight:500;}
*/

.faqCategoryWrap{margin:2rem 0}
.faqCategoryWrap .nav-pills{border-bottom:1px solid #4580c5}
.faqCategoryWrap .nav-pills a{color:#4580c5}
.faqCategoryWrap .nav-pills a.active{background-color:#4580c5}
.faqList{display:block; border:1px solid #ccc;  margin-top:30px; overflow:hidden;}
.faqList dt{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ccc;
    padding: 13px 0 13px 52px;
    background: url(https://cdn.bluetravel.co.kr/common/images/bg_faq_list_q.png) 15px 14px no-repeat #fff;
    overflow: hidden;
    cursor: pointer;
}
.faqList dt:first-child{border-top:0;}
.faqList dt a{
    display: block;
    width: calc(100% - 40px);
    line-height: 18px;
    color: #000;
    text-decoration: none;
}
.faqList dt span{
    width: 26px;
    height: 18px;
    background: url(https://cdn.bluetravel.co.kr/common/images/icon_faq_list_arrow.png) no-repeat;
    text-indent: -9999em;
}
.faqList dd{display:none; margin:0;color:#000; line-height:22px; padding:13px 46px 13px 52px; border-top:1px solid #ccc; background:url('https://cdn.bluetravel.co.kr/common/images/bg_faq_list_a.png') 15px 17px no-repeat #f8f8f8;}

.faqList dt.on span{background-position-y: -18px;}




/* 고객의 소리 > 입력 */
.suggestCategoryWrap{ margin:33px 0; overflow:hidden;}
/*
.suggestCategoryWrap li{float:left; margin-left:25px; text-align:center;}
.suggestCategoryWrap li:first-child{margin-left:0;}
*/
.suggestCategoryWrap li .suggest_ctgy_li{border-bottom:1px solid #ccc;cursor:pointer}
.suggestCategoryWrap li .suggest_ctgy_li:hover{cursor:pointer}
.suggestCategoryWrap li .suggest_ctgy_li.active{background-color: #efefef;}
.suggestCategoryWrap li label{display:block;  padding:15px 0; }
.suggestCategoryWrap li label h5{display:block; color:#333; font-size:18px;text-align:center}
.suggestCategoryWrap li label div.txt{display:block; line-height:20px; color:#000; padding-top:12px;text-align:center;height:120px}
.suggestCategoryWrap li label div.icon{font-size:5rem;line-height:1;text-align:center;color:#609fa1}
.suggestCategoryWrap li .suggest_ctgy_li.active label div.icon{color:#00a1dc}
.suggestCategoryWrap li p{display:block; padding:0 0 7px 0;text-align:center}
.suggestCategoryInfo{display:block; line-height:33px; color:#558bc9; font-size:12px; padding:0 10px; margin-top:11px;}
.frmSuggestRegistWrap{}
/* .frmSuggestRegistWrap .col-4:nth-child(1){padding-left:0}
.frmSuggestRegistWrap .col-4:nth-child(2){padding-left:0}
.frmSuggestRegistWrap .col-4:nth-child(3){padding-left:0} */
.tblSuggestRegist{}
.tblSuggestRegist th{text-align:left; padding:6px 0;}
.tblSuggestRegist th label{display:inline-block; line-height:34px; color:#333; font-size:14px; font-weight:500;}
.tblSuggestRegist th label strong{display:inline-block; width:12px; height:34px; margin-left:1px; background:url('https://cdn.bluetravel.co.kr/common/images/icon_require.png') left 12px no-repeat; text-indent:-9999em;}
.tblSuggestRegist td{text-align:left; padding:6px 0;}
.tblSuggestRegist td strong{color:#333; font-size:13px;}
.tblSuggestRegist td label{color:#000; font-size:12px; }
.tblSuggestRegist td input[type=text]{color:#444; font-size:14px; height:28px; line-height:28px; padding:0 5px; border:1px solid #dbdbdb;}
.tblSuggestRegist td textarea{line-height:20px;  height:168px; color:#444; font-size:14px; padding:5px; border:1px solid #dbdbdb;}

/* 고객의 소리 > 완료 */
.suggestResultWrap{display:block;  height:426px; text-align:center; border:1px solid #ccc;}
.suggestResultWrap h5{display:block;  height:62px; line-height:62px; color:#333; font-size:54px; font-family:'avenir black',sans-serif; padding:80px 0 32px 80px; margin:0 auto; background:url('https://cdn.bluetravel.co.kr/common/images/icon_arrow_duplex.png') 10px 84px no-repeat;}
.suggestResultWrap h6{line-height:38px; color:#558bc9; font-size:30px;}
.suggestResultWrap p{line-height:24px; color:#000; font-size:16px; margin-top:44px;}




/* 공지사항 > 목록 */
.tblNoticeList .subject a{display: block}
@media (min-width:768px){
    .tblNoticeList .subject a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
}

.tblNoticeList thead{background-color:#eee;border-top: 1px solid #000;border-bottom: 1px solid #000}
.tblNoticeList thead th{text-align:center}
/*
.tblNoticeList{width:100%; border:1px solid #ccc;}
.tblNoticeList th{height:43px; line-height:43px; color:#333; font-size:13px; border-bottom:1px solid #ccc; background-color:#f0f0f0; padding:0 10px; text-align:center}
.tblNoticeList td{padding:5px}
.tblNoticeList td.nodata{border-top:0 !important; color:#d13510; font-weight:500; }
.tblNoticeList td.first{border-top:0 !important;}
.tblNoticeList td.subject{text-align:left;}
.tblNoticeList td span{display:inline-block; width:52px; height:17px; background:url('https://cdn.bluetravel.co.kr/common/images/icon_notice_list_category.png') no-repeat; background-position:0 0; text-indent:-9999em;}
.tblNoticeList td span.event{background-position:0 -17px;}
.tblNoticeList td span.sales{background-position:0 -34px;}
.tblNoticeList td span.recruit{background-position:0 -51px;}
.tblNoticeList td.subject a{display:block; width:414px; color:#000; font-size:14px; text-decoration:none; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
@media (min-width:768px){
    .tblNoticeList td{padding:0.2rem}
}
@media (min-width:992px){
    .tblNoticeList td{padding:0.5rem}
}
@media (min-width:1200px){
    .tblNoticeList td{padding:1rem}
}
*/






/* 공지사항 > 내용 */
.noticeViewWrap{}
.noticeViewWrap div{}
.noticeViewWrap div.etc_info{text-align:right;font-size:small}
.noticeViewWrap div.subject{padding:15px;border:1px solid #eee;background-color:#f4f4f4}
.noticeViewWrap div.contents{padding:15px;border:1px solid #eee}
.noticeViewWrap div.tit{background-color:#f4f4f4}
.noticeViewWrap dt{float:left;width:100px;height:42px; margin:0px; line-height:42px; color:#333; font-size:13px; text-align:center; font-weight:500; border-bottom:1px solid #ccc; background-color:#f0f0f0;}
.noticeViewWrap dd{float:left;width:calc((100% - 300px) / 3);height:42px; margin:0px; line-height:42px; color:#000; font-size:14px; border-bottom:1px solid #ccc; padding:0 19px;}
.noticeViewWrap dd.subject{width:calc(100% - 100px);position:relative;}
.noticeViewWrap span.icon{display:inline-block; width:52px; height:17px; background:url('https://cdn.bluetravel.co.kr/common/images/icon_notice_list_category.png') no-repeat; background-position:0 0; text-indent:-9999em;}
.noticeViewWrap span.event{background-position:0 -17px;}
.noticeViewWrap span.sales{background-position:0 -34px;}
.noticeViewWrap span.recruit{background-position:0 -51px;}
.noticeViewWrap dd.numero{}
.noticeViewWrap dd.fecha{}
.noticeViewWrap dd.contar{}
.noticeViewWrap dd.contenido{width:100%;height:auto; line-height:18px; border-bottom:0; padding:38px 31px;}

.board_cate_notice{display:inline-block;padding:2px 4px;text-transform: uppercase;font-size:9px;background-color:#124b60;color:#fff;}

/* 개인정보 수입 및 이용안내 */
.agreementTitle{color:#333; font-size:24px; padding:37px 0 17px 0;}
.agreementWrap{display:block; height:188px; line-height:1.6em; color:#000; padding:12px; border:1px solid #ccc; overflow:auto;font-size:12px}
.agreement{display:block; padding:10px; text-align:right;}
.agreement label{color:#000;}




/* 버튼 */
.btnQnaListWrap{display:block; overflow:hidden;}
.btnQnaListLeftWrap{float:left; width:20%;}
.btnQnaListCenterWrap{float:left; width:60%;}
.btnQnaListRightWrap{text-align:right; margin:30px 0;}
.btnQnaListRightWrap a{display:inline-block; width:85px; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:700; text-align:center; background:url('https://cdn.bluetravel.co.kr/common/images/btn_darkgray_85x30.png') no-repeat;}
.btnQnaViewWrap{display:block; padding:30px 0px; text-align:right; overflow:hidden;}
.btnQnaViewWrap a{display:inline-block; width:85px; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:700; text-align:center;}
.btnQnaViewWrap a.dark{background:url('https://cdn.bluetravel.co.kr/common/images/btn_darkgray_85x30.png') no-repeat; margin-left:13px;}
.btnQnaViewWrap a.gray{background:url('https://cdn.bluetravel.co.kr/common/images/btn_gray_85x30.png') no-repeat; margin-left:3px;}
.btnBoardViewWrap{display:block; padding:30px 0px; overflow:hidden;}
a.list{display:inline-block; width:85px; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:700; text-align:center; background:url('https://cdn.bluetravel.co.kr/common/images/btn_darkgray_85x30.png') no-repeat;}
.btnSuggestWrap{display:block; padding:30px 0; text-align:center;}
.btnSuggestWrap *{vertical-align:top;}
.btnSuggestWrap input[type=submit]{display:inline-block; width:125px; height:40px; line-height:36px; color:#fff; font-size:18px; font-weight:700; border:1px solid #8e1304; background-color:#d13510;}
.btnSuggestWrap a{display:inline-block; width:123px; height:38px; line-height:36px; color:#fff; font-size:18px; font-weight:700; border:1px solid #727272; background-color:#8d8d8d;}

.btnBoardQnaWrap{margin:3rem auto;text-align: center;}
/*
.btnBoardQnaWrap{display:block; padding:30px 0; text-align:center;}
.btnBoardQnaWrap *{vertical-align:top;}
.btnBoardQnaWrap input[type=submit]{display:inline-block; width:125px; height:40px; line-height:36px; color:#fff; font-size:18px; font-weight:700; border:1px solid #8e1304; background-color:#d13510;}
.btnBoardQnaWrap a{display:inline-block; width:123px; height:38px; line-height:36px; color:#fff; font-size:18px; font-weight:700; border:1px solid #727272; background-color:#8d8d8d;}
*/

.boardTitleWrap {
    margin-bottom: 2rem;
}
.active>.page-link, .page-link.active {
    background-color: #163f7b;
    border-color: #070708;
}
.btnQnaListRightWrap a {
    background: none;
    border: 1px solid #000;
    color: #000;
    padding: 10px 20px;
    height: auto;
    width: auto;
    line-height: 1;
}
.btnQnaListRightWrap a:hover {
    border: 1px solid var(--b-blue);
    color: var(--b24-blue2);
}
.btnBoardQnaWrap a,
.btnBoardQnaWrap button {
    display: inline-block;
    padding: 10px 20px;
    width: auto;
    height: auto;
    background: none;
    border: 1px solid #000;
    color: #000;
    line-height: 1;
}
.btnBoardQnaWrap a,
.btnBoardQnaWrap button:hover {
    border: 1px solid var(--b-blue);
    color: var(--b24-blue2);
}


/* 
.btnBoardQnaWrap a.btn-secondary {
    border: 1px solid #ccc;
    color:
} */






.faqCategoryWrap .nav-pills {
    border-bottom: 1px solid var(--b24-blue2);
}

.faqCategoryWrap .nav-pills a {
    color: var(--b24-blue2);
}
.faqCategoryWrap .nav-pills a.active {
    background-color: var(--b24-blue2);
}