@charset "utf-8";

#ctnr_login{margin:0 auto 3rem auto;max-width:500px}
#ctnr_login h4{
    color: var(--b24-blue);
}
.strLoginInfoWrap{margin:1.2rem 0;text-align:left;line-height: 1.7;}
.strLoginInfoWrap a{display:inline-block;background-color:#d8f2ff;margin:3px 0;padding:3px}
.strLoginInfoTxt{line-height: 200%;}
#frmLogin{
    padding: 0 0 2rem 0;
    margin: 0 0 2rem 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#btnLogin{
    padding: 8px 0;
}

.sns_login{margin:0 auto 3rem auto;max-width:700px}

.btnSnsLoginWrap{text-align: center;}
.btnSnsLoginWrap::after{display:block;content:'';clear:both}
.btnSnsLogin{}
.btnSnsLogin a{display:block;padding:10px;border:1px solid #e1e1e1;line-height:30px;text-decoration:none;color:#000;}
.btnSnsLogin a::after{display:block;content:'';clear:both}
.btnSnsLogin img{display:block;margin: 0 auto;border-radius:4px;width:28px;height:28px;vertical-align: middle;}
@media (min-width: 992px) {
    .btnSnsLogin img{display:inline-block;}
}


.btnSnsLogin .login_text{display:inline-block;padding-left:5px;line-height:30px;font-size:14px;}

.btnLoginWrap::after{display:block;content: '';clear:both;}
.btnLoginWrap a{
    display: block;
    padding-bottom:2px;
    text-align: right;;
}
.btnLoginWrap a:nth-child(1){}
.btnLoginWrap a:nth-child(2){margin-top: 10px;}
.btnLoginWrap a strong {
    border-bottom:1px solid #0e68b8;
}
@media (min-width: 992px) {
    .strLoginInfoWrap{margin:2rem 0;}
    .btnLoginWrap a:nth-child(1){float:left}
    .btnLoginWrap a:nth-child(2){float:right;margin-top:0}
}










/* 아이디/비밀번호찾기 */
h3.find{display:block; color:#fff; font-size:38px; text-align:center; padding:41px 0 63px 0;}
h4.find{display:block; color:#558bc9; text-align:center;}
.strIdPwdFindWrap{display:block; padding:11px 0; text-align:center;}
p.strIdPwdFindTxt{
    margin: 0 auto;
    padding: 2rem 0;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    background-color: #efefef;
}
p.strIdPwdFindTxt i{
    display: block;
    margin: 0 0 2rem 0;
    font-size: 3rem;
    --fa-primary-color: #3fb7c2;
    --fa-secondary-color: #c75ae0;
}
p.strIdPwdFindTxt strong{color:#558bc9; font-size:16px;}
.container-result{max-width:700px}

.frmIdPwdFindWrap{display:block; margin:10px 0; overflow:hidden;}
.frmIdPwdFind{position:relative;}
.frmIdPwdFind h5{padding:1rem;text-align:center;color:#333; font-size:1.2rem; background-color: #f0f8ff;}
.frmIdPwdFind label{text-align: right;}
.frmIdPwdFindInfo{display:block; line-height:1.3em; color:#666;}
.frmIdPwdFindResult{display:block; line-height:1.6em; color:#333; font-size:18px; }
.frmIdPwdFindResult strong{color:#d13510; font-size:18px;}

.frmIdPwdFind ul{
    margin-top: 1rem;
    padding-left: 17px;
    list-style-type: disc;
}
.frmIdPwdFind ul li{}

/* .col-form-label{text-align:center} */
















/* 회원가입 */
h3.join{display:block; color:#fff; font-size:38px; text-align:center; font-weight:normal; padding:41px 0 63px 0;}
h4.join{display:block; line-height:1.4; color:#558bc9; margin:0; padding:0 0 var(--csh) 0; text-align:center;letter-spacing: -1px}
@media (min-width: 992px) {

}


.strJoinInfoWrap{margin:0 auto;position:relative; display:block; padding:0 0 11px 0; max-width: 600px}
p.strJoinInfoTxt{line-height:26px; color:#333; font-size:16px;}
p.strJoinInfoTxt strong{color:#1c589c; font-size:16px;}
.strJoinInfoWrap a{display:block; height:26px; line-height:26px; color:#1c589c; font-size:14px;  padding-left:29px; background:url('https://cdn.bluetravel.co.kr/common/images/bl_bluechip_info.png') left center no-repeat;}
.frmJoin{margin-top:42px;}
.frmJoin label{color:#333;  cursor:pointer;}
.frmJoin label strong {
    display: inline-block;
    width: 12px;
    height: 18px;
    margin-left: 8px;
    background: url(//cdn.bluetravel.co.kr/common/images/icon_require.png) left 5px no-repeat;
    text-indent: -9999em;
}

.frmJoin dl dd{float:left; height:40px; line-height:40px; padding:20px 0;}
.frmJoin dl dd.terms{height:230px;}
.frmJoin dl dd div{display:block; height:40px; line-height:40px; overflow:hidden;}
.frmJoin dl dd div input[type=text],
.frmJoin dl dd div input[type=password]{float:left; width:290px; height:38px; line-height:38px; border:1px solid #ccc; color:#bfbfbf; font-size:14px; padding:0 9px;}
.frmJoin dl dd div input[type=text].mobile{width:63px; text-align:center;}
.frmJoin dl dd div strong{float:left; height:40px; line-height:40px; color:#333; font-size:24px; padding:0 11px;}
.frmJoin dl dd div button{float:left; width:85px; height:30px; line-height:30px; color:#fff; font-size:14px; font-weight:700; text-align:center; margin-left:15px; margin-top:5px; border:none; background:url('http://cdn.bluetravel.co.kr/common/images/btn_duplicate_check.png') no-repeat;}
.frmJoin dl dd div label{color:#666; font-size:14px; cursor:pointer;}


.frmJoin .terms div{display:block; height:190px; line-height:1.8em; color:#555; font-size:12px; padding:4px 7px; border:1px solid #ccc; background-color:#fff; overflow-y:auto;}
.frmJoin .terms div h1{margin: 15px 0 10px 0;font-size:14px;}
.frmJoin .terms div h6{margin: 10px 0 5px 0;font-size:12px;}
.frmJoin .terms div p{font-size:11px;}
.frmJoin .terms div p strong{color:#000; font-size:11px; line-height:1.8em;}
.frmJoin .terms div a{color:#333; font-size:11px; }
.frmJoin .terms div a:hover{text-decoration:underline;}
.frmJoin .terms > p{
    display: block;
    margin-top: 6px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.frmJoin .terms > p label{margin-left: 5px;color:#000000; font-size:14px; cursor:pointer;}

.btnMemberJoinWrap{display:block;text-align: center;margin:3rem 0}
.btnMemberJoinWrap button{
    padding: 7px 2rem;
    margin: 0;
    border: 0;
    font-size: 1rem;
    background-color: #01369b;
    color: #fff;
}
/* .btnMemberJoinWrap button[type=submit]{border:1px solid #a82a0c; background-color:#d13510;} */
/* .btnMemberJoinWrap button[type=button]{border:1px solid #4c4c4c; background-color:#626262;} */
.btnCustomMadeWrap{margin-bottom: 3rem;text-align: center;}
.btnCustomMadeWrap a{}
.frmJoin .col-form-label{text-align:left}





.frmJoin .terms div .box {
    padding: 10px;
    background-color: #f3f3f3;
    margin: 10px 0;
}

.frmJoin .terms div h1{
    margin: 15px 0 10px 0;
    /* font-size: 1.2rem; */
    /* color: #01369b; */
    font-weight: bold;
}
.frmJoin .terms div li{list-style-type: inherit;}
.frmJoin .terms div p{margin:0 0 10px 0;}
.frmJoin .terms div .bul_s1{margin: 10px 0 10px 0;padding-left:15px;list-style:decimal}
.frmJoin .terms div .bul_s2{margin: 10px 0 10px 0;list-style:none;counter-reset: number;}
.frmJoin .terms div .bul_s2 > li:before{content: counter(number)")";counter-increment: number;position: relative;top: 0;width: auto;padding-right: 5px;}
.frmJoin .terms div .bul_s3{margin: 10px 0 10px 0;padding-left:15px;list-style: none;}
.frmJoin .terms div .bul_s3 > li:before{content:'';top:0;padding-right: 5px;}
.frmJoin .terms div .bul_s3 > li:nth-child(1):before{content:'①';}
.frmJoin .terms div .bul_s3 > li:nth-child(2):before{content:'②';}
.frmJoin .terms div .bul_s3 > li:nth-child(3):before{content:'③';}
.frmJoin .terms div .bul_s3 > li:nth-child(4):before{content:'④';}
.frmJoin .terms div .bul_s3 > li:nth-child(5):before{content:'⑤';}
.frmJoin .terms div .bul_s3 > li:nth-child(6):before{content:'⑥';}
.frmJoin .terms div .bul_s3 > li:nth-child(7):before{content:'⑦';}
.frmJoin .terms div .bul_s3 > li:nth-child(8):before{content:'⑧';}
.frmJoin .terms div .bul_s3 > li:nth-child(9):before{content:'⑨';}
.frmJoin .terms div .bul_s3 > li:nth-child(10):before{content:'⑩';}
.frmJoin .terms div .bul_s3 > li:nth-child(11):before{content:'⑪';}
.frmJoin .terms div .bul_s4{margin: 0 0 10px 0;padding-left:18px;list-style:none;}
.frmJoin .terms div .bul_s4 > li:before{content: '';display: inline-block;width: 3px;height: 3px;position: absolute;left: 0;top: 10px;}
.frmJoin .terms div h6 {
    font-weight: bold;
    text-decoration: underline;
}
.pl20 {
    padding-left: 20px;
}




/* #aboutBlueChip .modal-body{background-color:#fff} */
/* body.bluechip{background-color:#164b91;} */
body.payment{background-color:#cb1b0d;}
.popupNavi{margin:10px 20px 10px 15px; overflow:hidden;background-color:#fff}
.popupNavi h1{float:left; height:50px; line-height:50px; color:#fff; font-size:32px; padding-left:60px;}
/* .popupNavi h1.bluechip{background:url('http://cdn.bluetravel.co.kr/common/images/icon_about_bluechip.png') left center no-repeat;} */
.popupNavi h1.payment{background:url('http://cdn.bluetravel.co.kr/common/images/icon_about_payment.png') left center no-repeat;}
.popupNavi button{float:right; width:25px; height:50px; background:url('http://cdn.bluetravel.co.kr/common/images/btn_popup_close.png') center center no-repeat; text-indent:-9999em;}
.aboutBluechipWrap{
    display:block; padding:0; margin:0; background-color:#fff; overflow:hidden;
}
.aboutPaymentWrap{display:block; padding:15px; margin:0 4px; background-color:#fff; overflow:hidden;}

h2{color:#333; font-size:24px; }
h2:first-child{margin-top:0;}
.aboutBluechipTxt{
    line-height: 20px;
    text-align: left;
    border-left: 1px solid #13469b;
    padding-left: 20px;
    margin-left: 20px;
}
.aboutBluechipTxt p, .aboutBluechipTxt p span{color:#000; font-size:13px;}
.aboutPaymentTxt{line-height:24px; color:#000; font-size:18px; }
.aboutPaymentTxt p{color:#000; font-size:18px; }
.aboutBluechipWrap ol, .aboutPaymentWrap ol{margin-top:8px;}
.aboutBluechipWrap ol li, .aboutPaymentWrap ol li{line-height: 1.6; color:#000000; font-size:13px; list-style:decimal; margin-left:16px;}

.modal-dialog {
    max-width: 640px;
}
.modal-dialog-scrollable .modal-body {
    padding: 2rem;
}
#aboutBlueChip .modal-header {
    background-color: #1c8ec7;
    color: #ffffff;
    border-radius: 0;
    padding: 10px 1rem;;
    border: 0;
}

#aboutBlueChip .modal-header .btn-close {
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
#aboutBlueChip .popupNavi {
    padding: 0;
    margin: 0;
}
#aboutBlueChip .popupNavi h3 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    float: none;
    padding: 7px 0 2px 0px;
    margin: 0;
    border-bottom: 1px solid #000;
    height: auto;
    line-height: 100%;
    color: #142a69;
    font-weight: 500;
}
#aboutBlueChip .popupNavi h3 span {
    display: block;
    /* background-color: #13469b; */
    /* color: #fff; */
    /* padding: 0px 5px; */
    margin-left: 3px;
    font-size: .5em;
    font-weight: 400;
    margin-top: -5px;
}
#aboutBlueChip .popupNavi img {
    position: absolute;
    top: 36px;
    right: 1.5rem;
    height: 74px;
}
#aboutBlueChip .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}
#aboutBlueChip .modal-footer {
    display: none;
}
#aboutBlueChipLabel span {
    color: #dfdfdf;
    font-size: .8em;
}
.aboutBluechipWrap h5 {
    margin: 2rem 0 1rem 0;
}
.aboutBluechipWrap ol {
    margin: 0 0 1rem 0;
}


@media (min-width: 992px) {
    .modal-dialog-scrollable .modal-body {
        padding: 3rem;
    }
}


/* 회원+비회원 로그인 */
h4.rsv{display:block; line-height:60px; color:#558bc9; font-size:36px; padding:25px 0; text-align:center;}

.strRsvInfoTxt{list-style: disc;}
.strRsvInfoWrap{position:relative; display:block; padding:15px;text-align: left; max-width:600px;margin:0 auto}
.strRsvInfoWrap li{line-height:26px; color:#333; font-size:16px;}
.strRsvInfoWrap li p, .strRsvInfoWrap li p span{color:#333; font-size:16px;}
.strRsvInfoWrap a{height:26px; line-height:26px; color:#1c589c; font-size:14px;  padding-left:29px; background:url('http://cdn.bluetravel.co.kr/common/images/bl_bluechip_info.png') left center no-repeat;}
.frmRsvWrap{display:block; padding:0 15px; overflow:hidden;}
.frmRsvWrap h5{color:#333; font-size:32px;  margin-top:60px;}
.frmRsvWrap input[type=submit]{position:absolute; top:10px; left:400px; display:block; width:86px; height:80px; line-height:74px; color:#fff; font-size:24px;  text-align:center; border:1px solid #a82a0c; background-color:#d13510;}
/* 회원 로그인 */
/* .frmRsvMemberWrap{float:left; width:510px; margin-bottom:95px;}
.frmRsvLogin{position:relative; display:block; width:505px; padding-left:5px; margin-top:53px;}
.rsvLoginWrap{width:385px; height:120px; overflow:hidden;}
.rsvLoginWrap dt{clear:both; float:left; width:110px; height:50px; line-height:50px; color:#333; font-size:24px; }
.rsvLoginWrap dt label{color:#333; font-size:24px; }
.rsvLoginWrap dd{float:left; width:275px; height:40px; padding:5px 0;}
.rsvLoginWrap dd input{display:block; width:261px; height:38px; line-height:38px; color:#555; font-size:18px; padding:0 4px; border:1px solid #ccc;}
.btnRsvLoginWrap{clear:both; display:block; line-height:20px; color:#666; font-size:16px; padding-left:26px; margin-top:5px; background:url('http://cdn.bluetravel.co.kr/common/images/icon_v_mark_blue.png') 5px center no-repeat;}
.btnRsvLoginWrap strong{display:inline-block; height:20px; line-height:20px; padding:0 2px; border-bottom:1px solid #719cd0;}
.btnRsvLoginWrap strong a{color:#558bc9; font-size:16px; } */
/* 비회원 예약확인 */
/* .frmRsvGuestWrap{float:right; width:510px; padding-left:15px;}
.frmGuestLogin{position:relative; display:block; width:505px; padding-left:5px; margin-top:53px;}
.guestLoginWrap{width:385px; height:150px; overflow:hidden;}
.guestLoginWrap dt{clear:both; float:left; width:110px; height:50px; line-height:50px; color:#333; font-size:24px; }
.guestLoginWrap dt label{color:#333; font-size:24px; }
.guestLoginWrap dd{float:left; width:275px; height:40px; padding:5px 0;}
.guestLoginWrap dd input{display:block; width:260px; height:38px; line-height:38px; color:#555; font-size:18px; padding:0 4px; border:1px solid #ccc;}
.guestMobile{display:block; width:275px; height:40px; overflow:hidden;}
.guestMobile input[type=text]{float:left; width:73px;}
.guestMobile strong{float:left; width:11px; height:40px; line-height:40px; color:#333; font-size:24px;} */


.strRsvInfoTxt1 .bgbox {
    margin: 10px 0;
    padding: 10px;
    background-color: #e1e1e1;
    word-break: keep-all;
}