#reserve-confirm { padding-bottom: 60px; background: #f7f7f7; }
#reserve-confirm.finish { background: #f7f7f7; }
#reserve-confirm.finish .reserve-input { background: #f7f7f7; }
.reserve-check{position: relative; text-align: center; min-height: 140px; box-sizing: border-box; background: #f7f7f7;}
.reserve-check:before { content: ""; position: absolute; left: 50%; top: 90px; width: 41px; height: 31px; margin-left: -21px; background: url('/static/img/icon_ship2.png') no-repeat 0 0;  background-size: 41px 31px; }
.reserve-check .species{color:#4d585f; font-size: 11px;}
.reserve-check .vessel-ho .ho { color: #113898; font-size: 19px;}
.finish .reserve-check-complete{background: #4292f5; min-height:auto;  padding:20px 22px 13px 22px;}
.finish .reserve-check-complete .result{line-height:1.2em; width:100%; margin:0 auto; padding:6px 0 8px 0; color:#fff; font-size:11px; background: rgba(255,255,255,.1); border-radius:16px; text-align: center;}

.finish .reserve-check .status { /*position: absolute; left: 50%; margin-left: -62px; bottom: 24px; */ margin:60px auto 0 auto; width: 125px; height: 30px; padding-top:4px; box-sizing: border-box; text-align: center; background: #fff; color: #4292f5; font-size: 14px; border-radius: 30px; border:1px solid #e6e6e6;}

..reserve-check {
	position: relative; text-align: center; height: 135px; box-sizing: border-box;
	background: #005aaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #005aaa 0%, #025bac 29%, #277bd6 68%, #4292f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #005aaa 0%,#025bac 29%,#277bd6 68%,#4292f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #005aaa 0%,#025bac 29%,#277bd6 68%,#4292f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#reserve-confirm .vessel-sail { padding-top: 12px; padding-bottom:12px; background-color: #fff; border:1px solid #e3e3e3; margin:0 10px;}
#reserve-confirm .vessel-sail dl { padding: 0 24px 0 14px; }
#reserve-confirm .vessel-sail dl dt { color: #001c48; font-weight: 700;}
#reserve-confirm .vessel-sail dl dt:after { color: #001c48;  }
#reserve-confirm .vessel-sail dl dd { text-align: right; color: #4d585f; }
#reserve-confirm .vessel-sail dl dd strong { color: #0096ff; }

/*#reserve-confirm .vessel-sail.top-sail { margin: 15px 15px 0 15px; padding-top: 11px; padding-bottom: 11px; background-color: #fff; border:1px solid #ececec; }
#reserve-confirm .vessel-sail.top-sail dl { padding: 0 11px; }
#reserve-confirm .vessel-sail.top-sail dl dt { font-weight: 700; padding:8px 0 8px 10px;}
#reserve-confirm .vessel-sail.top-sail dl dd {padding:8px 0;}*/

#reserve-confirm .reserve-input .list .vessel-sail,
#reserve-confirm .reserve-input .list .vessel-sail dl { padding: 0; margin: 0; border:none;}
#reserve-confirm .reserve-input .list .vessel-sail dl + dl{border-top:1px solid #ededed; margin-top: 10px; padding-top: 10px;}
#reserve-confirm .reserve-input .vessel-sail dl dt { width: 100px; padding-left: 0; }
#reserve-confirm .reserve-input .vessel-sail dl dt:after { display: none; }
#reserve-confirm .reserve-input .accout-form .vessel-sail { padding-bottom: 5px; margin: 0 11px;}
#reserve-confirm .reserve-input .accout-form .selectbox{margin: 0 11px; background: #f7f7f7;}
#reserve-confirm .reserve-input .accout-form input{background: #f7f7f7; border-color:#e5e5e5;}
#reserve-confirm .reserve-input .list.cost dl dd strong { font-size: 18px; color: #f51a1a; }
#reserve-confirm .reserve-input .list .vessel-sail dt,
#reserve-confirm .reserve-input .list .vessel-sail dd { color: #90a1ba; }
#reserve-confirm .reserve-input .list .vessel-sail dd .bank-info{font-size: 15px;color:#086bf7;line-height: 21px;margin-top: 3px;}
#reserve-confirm .reserve-input .list .vessel-sail dl dt.highlight,
#reserve-confirm .reserve-input .list .vessel-sail dl dd.highlight {color: #4d585f; }
#reserve-confirm .reserve-input .list.point .selectbox{background: #f7f7f7;}
.reserve-input .list.reservation .item,
.reserve-input .list.cost .item { padding-top: 16px; padding-bottom: 10px;}
#reserve-confirm .reserve-input .list.reservation .vessel-sail dt,
#reserve-confirm .reserve-input .list.reservation .vessel-sail dd {color:#4d585f}
.reserve-input .list.point .item { padding-top: 8px; }
.reserve-input { padding: 0 11px 0; }
.reserve-input .list .item { padding: 22px 22px; background-color: #fff; border: 1px solid #e3e3e3; }
.reserve-input .list .item #inquiry{padding:0 0 0 10px; margin-top: -10px;}
.reserve-input .list .selectbox,
.reserve-input .list input,
.reserve-input .list textarea { border-radius: 0; font-size: 13px; }
.reserve-input .list .tit { padding: 20px 0 9px; }
.reserve-input .list .tit label,
.reserve-input .list .tit strong { display: block; font-size: 16px; color: #001c48; padding-left: 12px;}
.reserve-input dl dt.transform { padding-top: 12px; }
.reserve-input .list.information .item { border: none; }
.reserve-input .list.information .item { padding: 0; }
.reserve-input .list.information .phone { position: relative; }
.reserve-input .list.information .phone .selectbox { position: absolute; left: 1px; top: 0; width: 102px; height: 40px; z-index: 10; border: none; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.reserve-input .list.information .phone input { text-indent: 102px; border-top: none; border-bottom: none; }
.reserve-input .list.point dl dd strong { font-size: 18px; font-weight: 400;}
.reserve-input .list.point p { color: #f05353; padding-top: 5px; }
.reserve-input .list.payment .btn { display: block; height: 40px; font-size: 14px; border-radius: 4px; margin: 0 11px 6px 11px; background-color: #d0d0d0; }
.reserve-input .list.payment .btn.select { background-color: #0db2f0; }
.reserve-input .list.payment .btn span { display: inline-block; padding-left: 25px; padding-top: 10px; line-height: 20px; color: #fff; }
.reserve-input .list.payment .btn.card span { background: url('/static/img/icon_card_type1.png') no-repeat 0 14px; background-size: 21px 14px; }
.reserve-input .list.payment .btn.account span { background: url('/static/img/icon_account.png') no-repeat 0 11px; background-size: 19px 19px; }
.reserve-input .list.cost dl dd span { color: #f05353; }
.reserve-input .list.memo textarea { background-color: #f7f7f7; border-color:#e6e6e6;}
.reserve-input .list.memo label{padding-left: 0;}
.reserve-input .list.memo .checkbox{margin:15px 15px 15px 22px;}
.reserve-input .list.memo .checkbox input[type=checkbox]:checked + label span{font-weight: 700; color:#4d585f;}
.reserve-input .accout-form dl.cash{margin: 0 11px;}
.reserve-input .accout-form dl.cash dt { margin-top: 10px; margin-bottom: 3px; height: 30px; line-height: 30px; font-size: 13px; font-weight: 700; }
.reserve-input .accout-form label span { margin-left: 20px; font-size: 12px; color: #90a1ba; font-weight: 400; }
.reserve-input .accout-form .radio-box { float: right; }
.reserve-input .accout-form .information { border-top: 1px solid #e8e8e8; margin-top: 20px;}
.reserve-input .accout-form .information strong { padding:10px 11px  5px 11px; display: block; color: #4d585f; font-size: 13px; }
.reserve-input .accout-form .information p { font-size: 12px; color: #f05353;  padding:0 11px;}
#reserve-confirm .fbtn { z-index: 100; font-size: 0;}
#reserve-confirm .fbtn.col4 { /*left: 0; width: 100%; margin-left: 0;*/display:-webkit-flex;display:flex;width:100%;left:auto;margin: auto;max-width: 720px; }
#reserve-confirm .fbtn.col4 .btn.normal { position: relative;width: 25%; height: 60px; padding-top: 35px; display: inline-block; font-size: 11px; color: #f2f2f2; }
#reserve-confirm .fbtn.col4 .btn.normal:before { content:""; position: absolute; left: 0; top: 0; width: 1px; height: 100%;}
#reserve-confirm .fbtn.col4 .btn.normal.c1 { background: #00aeef url('/static/img/icon_list.png') no-repeat 50% 13px; background-size: 20px 17px;border-radius: 4px 0px 0px 4px; }
#reserve-confirm .fbtn.col4 .btn.normal.c2 { background: #00aeef url('/static/img/icon_mypage.png') no-repeat 50% 11px; background-size: 20px 18px; border-radius: 0px 0px 0px 0px;}
#reserve-confirm .fbtn.col4 .btn.normal.c3 { background: #00aeef url('/static/img/icon_util.png') no-repeat 50% 11px; background-size: 17px 19px; border-radius: 0px 0px 0px 0px;}
#reserve-confirm .fbtn.col4 .btn.normal.c4 { background: #00aeef url('/static/img/icon_main.png') no-repeat 50% 10px; background-size: 22px 19px; border-radius:0px 4px 4px 0px;}
/* [S] 2017-04-17 삭제 */
/*.reserve-input .information .name{display:-webkit-flex;display:flex;height:41px;box-sizing:border-box;border:1px solid #ccc;margin-bottom:-1px;font-size:0;white-space:nowrap}
.reserve-input .information .name em,
.reserve-input .information .name p{box-sizing:border-box;border-left:1px solid #ccc;line-height:39px}
.reserve-input .information .name em{-webkit-flex:inherit;flex:inherit;width:101px;color:#9ea3aa;text-align:center}
.reserve-input .information .name em:first-child{border-left:0}
.reserve-input .information .name p{-webkit-flex:1;flex:1;width:100%;padding-left:24px;color:#2a3757;font-weight:700}*/
/* [E] 2017-04-17 삭제 */

.information-list { padding: 0 11px; background: #f7f7f7; }
.information-list.type1 { background: #fff; }
.information-list .method-list {  padding-bottom: 0; }
.information-list .method-list .how-to{padding: 22px 10px; font-size: 11px; color:#4d585f; line-height: 15px; }
.information-list .title { padding-top: 20px; margin-bottom: 13px; }
.information-list .title strong { display: block; height: 21px; line-height: 20px; font-size: 16px; color: #2a3757; background: url('/static/img/icon_knowhow.png') no-repeat 0 0; background-size: 12px 21px; padding-left: 23px; }
.information-list .title strong span{margin-left: 10px; font-weight: 400;font-size: 11px;}
.information-list .subject { margin-bottom: 3px; background-color: #90a1ba; text-align: center; }
.information-list .subject strong { display: block; box-sizing: border-box; padding-top: 5px; height: 30px; font-weight: 400; color: #fefefe; font-size: 14px; }
.information-list .graph { margin-top: 11px; margin-bottom: 30px;}
.information-list .graph table th, .information-list .graph table td { font-size: 11px; padding: 4px; text-align: left; }
.information-list .graph table th { font-weight: 700; color: #2a3757; background-color: #eaf7ff;}
.information-list .graph table th span { color: #90a1ba; font-weight: 400; font-size: 11px; }
.information-list .graph table td { color: #4d585f; background-color: #fff; }

#alert-sns .contents { text-align: center; font-size: 0; }
#alert-sns .contents .btn { display: inline-block; box-sizing: border-box; width: 64px; height: 86px; padding-top: 70px; text-align: center; font-size: 13px; color: #808080; margin-left: 38px;  }
#alert-sns .contents .btn:first-child { margin-left: 0; }
#alert-sns .contents .btn-kakao { background: url('/static/img/icon_kakao.png') no-repeat 0 0; background-size: 64px 64px; }
#alert-sns .contents .btn-sns { background: url('/static/img/icon_sns.png') no-repeat 0 0; background-size: 64px 64px; }
.alert-type1.alert-wrap .display-table .td { vertical-align: bottom; }
.alert-type1.alert-wrap .alert-area { width: 100%; }
.alert-type1.alert-wrap .alert-area .title { border-radius: 0; background-color: #fff;  color: #2a3757; font-weight: 400; font-size: 16px; padding: 30px 0 0 0;}
.alert-type1.alert-wrap .alert-area .btn-close { right:10px; width:15px; height:15px;/*left: 10px; top: 10px; */}


/* ���� */
#reserve-vessel.hostel { background-color: #edeff2; }
.titlebar { position: relative; }
.titlebar:after{content:""; position:absolute; left:0; bottom:0; width:100%; background:#fff url('/static/img/tab_bg.png') repeat-x 0 bottom; background-size:100% auto; height:15px;}
.hostel .btnLink { position: absolute; right: 0; top: 20px; background-color: #90a1ba; height: 23px; line-height: 23px; display: block; color: #fff; border-radius: 4px; padding: 0 8px; margin-left: 10px;}
.hostel .reserve-input .list { position: relative; }
.hostel.finish .reserve-input { padding-bottom: 20px;}
.hostel .reserve-check:before { content: ""; position: absolute; left: 50%; bottom: 15px; width: 41px; height: 31px; margin-left: -21px; background: url('/static/img/icon_hostel.png') no-repeat 0 0;  background-size: 41px 31px; }
.hostel .vessel-sail dd.person { position: relative; }
.hostel .vessel-sail dd.person .alert { position: absolute; left: -110px; top: 30px; font-size: 11px; width: 100px; text-align: left; color: #f05353; }
.hostel .vessel-sail dd.person ul li { margin-bottom: 4px; }
.hostel .vessel-sail dd.person ul li div > * { display: inline-block; }
.hostel .vessel-sail dd.person label, .hostel .vessel-sail dd.person span { padding: 0 5px; }
.hostel .vessel-sail dd.person input { width: 50px; text-align: right; height: 28px; padding: 4px 13px; line-height: 1.1;}
.reserve-input .link {float:right;padding-right:13px;background:url('../img/icon_arrow.png') no-repeat 100% 11px;background-size:6px auto;font-weight:bold;font-size:12px; line-height: 30px; color:#005aaa}

.reserve-memo { padding: 15px 15px 30px; background-color: #fff; }
.reserve-memo p { color: #2a3757; }
.reserve-notice { background: #edeff2; padding: 12px; }
.reserve-notice .list { background-color: #fff; margin: 6px 0; padding: 18px 12px; }
.reserve-notice .list .title h3 { font-size: 16px; color: #4d585f; padding-bottom: 5px; font-weight: 700;}
.reserve-notice .list.summary { padding-top: 0; padding-bottom: 0; }
.reserve-notice .list.summary dl { font-size: 0; border-top: 1px solid #ebebeb; }
.reserve-notice .list.summary dl:first-child { border-top: none; }
.reserve-notice .list.summary dl dt, .reserve-notice .list.summary dl dd { display: inline-block; min-height: 24px; line-height: 24px; padding-top: 14px; padding-bottom: 14px;  }
.reserve-notice .list.summary dl dt { width: 30%; font-size: 13px; color: #90a1ba; }
.reserve-notice .list.summary dl dd { width: 70%; text-align: right; }
.reserve-notice .list.summary dl dd .btnLink { position: static; display: inline-block; }
.reserve-notice .list.summary dl dd.memo { padding-top: 0; margin-top: -14px; width: 100%; display: block; text-align: left; font-size: 10px; line-height: 15px; color: #9ea3aa; }
.reserve-notice .list.summary dl dd strong{ color: #f51a1a; font-size: 18px; }

.reserve-notice .list.charge h4 { padding-top: 15px; padding-bottom: 10px; font-weight: 700; color:#4d585f;}
.reserve-notice .list.charge table td, .reserve-notice .list.charge table th { font-size: 12px; color:#4d585f;}
.reserve-notice .list.charge table thead th { background-color: #eaf7ff; color: #2a3757; border-color: #eaf7ff; border-top-color: #ebebeb; border-bottom-color: #ebebeb; }
.reserve-notice .list.charge table thead th:first-child { border-left-color: #ebebeb;  }
.reserve-notice .list.charge table thead th:last-child { border-right-color: #ebebeb; }