@charset "utf-8";

/* sub step */
.step {width:100%; height:118px; margin-bottom:45px;}
.step>ul>li {float:left; text-align:center; height:118px;}
.step>ul>li.stepLi {width:16%;}
.step>ul>li.stepLi dt {text-align:center; margin-bottom:10px;}
.step>ul>li.stepLi dt img {width:100%; max-width:91px; height:auto; max-height:91px;}
.step>ul>li.stepLi dd {text-align:center; font-size:13px; color:#777777; font-weight:bold; line-height:15px;}
.step>ul>li.arr {width:5%; background:url(../../images/bg/bg_step_ar.gif) center no-repeat;}

/* sub 항구 선택 */
.selBox {padding-bottom:30px;}
.selBox + .selBox {border-top:1px dashed #e0e0e0; padding-top:30px; padding-bottom:0;}

.selBox .selectZone {width:100%; position:relative;}
.selBox .selectZone:after {content:" "; display:block; clear:both; *zoom:1;}
.selBox .selectZone .cal {width:235px; float:left; margin-right:40px;}

.selBox .selectZone .selectBox.depart {float:left;}
.selBox .selectZone .selectBox.arrive {float:right; margin-right:40px;}

.selBox .selectZone .arrBg {background:url(../../images/bg/bg_b_arr.gif) center no-repeat; width:163px; height:259px; float:left;}

.selectBox {width:260px;}
.selectBox dl dt {float:left; width:97px;}
.selectBox dl dt span {display:inline-block; width:100px; height:50px; line-height:24px; color:#fff; padding-right:16px; text-align:center; font-size:13px; font-weight:normal; background:#383838 url(../../images/bg/bg_dt.gif) right no-repeat;}
.selectBox dl dd {margin-left:130px;}
.selectBox dl dd+dd {margin-top:2px;}
.selectBox dl dd .sCheck {position:absolute;left:-9999px;letter-spacing: -0.3px}
.selectBox dl dd .sLabel .ps_check {display:inline-block; border:1px solid #9d9d9d; background:#fff; width:128px; height:25px; line-height:25px; cursor:pointer; text-align:center; font-size:13px; color:#333;}
.selectBox dl dd .sLabel.checked .ps_check, .selectBox dl dd .sLabel:hover .ps_check {display:inline-block; border:1px solid #ff641f; background:#ff641f; width:128px; height:25px; line-height:25px; cursor:pointer; text-align:center; font-size:13px; color:#fff; font-weight:bold;}

/* sub 여객선 객실 선택 */
.calTblBox {width:100%;}
.calTblBox+.calTblBox {margin-top:50px;}
.calTblBox .date {height:33px; margin-bottom:15px; position:relative; text-align:center;}
.calTblBox .date .ment {position:absolute; display:block; height:33px; line-height:33px; padding:0 25px; background:#444444; color:#fff; font-size:13px; top:0; left:0;}
.calTblBox .date>a {display:inline-block; padding:6px 0 5px;}
.calTblBox .date a+a {margin-left:20px;}
.calTblBox .date .dateBox {margin:0 30px; line-height:33px; font-size:17px; color:#333333;}
.calTblBox .date .dateBox a {display:inline-block; width:23px; height:33px; background:url(../../images/btn/btn_cal.gif) 0 no-repeat; text-indent:-1000em; margin-left:10px;}

/* 인원선택_배편확인 */
.spBox {width:48%;}
.spBox.dep {float:left;}
.spBox.arr {margin-left:52%;}

.spBox h4 {margin-bottom:15px;}

.spBox .way {width:100%; height:40px; margin-bottom:15px; text-align:center;}
.spBox .way .pk {width:40%; float:left; height:40px; background:#fd0365; color:#fff; font-size:15px; text-align:center; line-height:40px; border-radius:5px;}
.spBox .way .pk.right {float:none; margin-left:60%;}
.spBox .way .arrow {float:left; width:20%; height:40px; background:url(../../images/bg/bg_barr.gif) center no-repeat; background-size:42%;}

/* 인원선택 */
.ppBox {width:48%;}
.ppBox.dep {float:left;}
.ppBox.arr {float:right;}

.ppBox>span {font-size:13px; color:#fff; padding:10px 20px; display:inline-block; background:#444444; margin-bottom:10px;}

/* 기타정보 */
.etcBox {border-top:2px solid #595959; height:92px;}
.etcBox dt {font-size:13px; color:#333333; text-align:center; background:#f0f0f0; border-bottom:1px solid #d2d2d2; line-height:45px; height:45px; float:left;}
.etcBox dt span {border-right:1px solid #d2d2d2; display:block;}
.etcBox dd {font-size:13px; color:#333; line-height:45px; height:45px; text-align:left; border-bottom:1px solid #d2d2d2; vertical-align:middle; word-break:break-all; float:left;}
.etcBox dd span {padding:0 10px; border-right:1px solid #d2d2d2; line-height:45px; display:block;}
.etcBox dd span input.sz1 {width:85%;}
.etcBox dd span input.sz2 {width:18%;}
.etcBox dd span input.sz3 {width:30%;}

.etcBox dt.d1 {width:13%;}
.etcBox dd.d1 {width:20%;}
.etcBox dt.d2 {width:13%;}
.etcBox dd.d2 {width:20%;}
.etcBox dt.d3 {width:13%;}
.etcBox dd.d3 {width:21%;}
.etcBox dd.d3 span {border-right:none;}
.etcBox dt.d4 {width:13%;}
.etcBox dd.d4 {width:20%;}
.etcBox dt.d5 {width:13%;}
.etcBox dd.d5 {width:54%;}
.etcBox dd.d5 span {border-right:none;}
.etcBox dd.d5 span a {vertical-align:middle; margin-left:10px;}

/* 결제정보 */
.payBox {border:1px solid #c7c7c7; background:#f3f3f3; padding:20px 40px;}
.payBox .payInfo {float:left; width:80%; height:50px;}
.payBox .payInfo ul {height:50px; width:100%;}
.payBox .payInfo ul li {float:left; width:124px; height:50px;}
.payBox .payInfo ul li.li1 {padding-right:3%; background:url(../../images/bg/bg_plus.gif) right 22px no-repeat; margin-right:2%}
.payBox .payInfo ul li.li2 {padding-right:3%; margin-right:5%; background:url(../../images/bg/bg_eq.gif) right 27px no-repeat;}

.payBox .payInfo ul li dl dt {font-size:15px; color:#333333; margin-bottom:3px; line-height:17px; height:17px;}
.payBox .payInfo ul li dl dd input[type=text] {font-size:17px; font-weight:bold; color:#e50000; height:20px; line-height:20px; padding:4px 10px; text-align:right; width:70%;}
			.payBox .payInfo ul li dl dd input[type=text]::-webkit-input-placeholder {color:#e50000;}
			.payBox .payInfo ul li dl dd input[type=text]::-webkit-input-placeholder { color:#e50000; }
			.payBox .payInfo ul li dl dd input[type=text]::-moz-placeholder { color:#e50000; } /* firefox 19+ */
			.payBox .payInfo ul li dl dd input[type=text]:-ms-input-placeholder { color:#e50000; } /* ie */
			.payBox .payInfo ul li dl dd input[type=text]:-moz-placeholder { color:#e50000; }

.payBox .btnArea {margin-left:80%;}

/* 승선인원 정보입력 */
.ppInfoBox>span {display:inline-block; padding:10px 20px; background:#444444; color:#fff; font-size:13px; margin-bottom:10px;}

.radioBox {border:1px solid #c7c7c7; background:#f3f3f3; padding:20px 40px;}
.radioBox span {color:#333; font-size:15px; line-height:15px;}
.radioBox span input {vertical-align:middle;}
.radioBox span+span {margin-left:30px;}

/* 변경사항 요청 */
.pleaseBox {width:100%;}
.pleaseBox textarea {float:left; width:80%; border:1px solid #d2d2d2; padding:10px; height:200px; color:#666;}
			.pleaseBox textarea::-webkit-input-placeholder {color:#666;}
			.pleaseBox textarea::-webkit-input-placeholder { color:#666; }
			.pleaseBox textarea::-moz-placeholder { color:#666; } /* firefox 19+ */
			.pleaseBox textarea:-ms-input-placeholder { color:#666; } /* ie */
			.pleaseBox textarea:-moz-placeholder { color:#666; }
.pleaseBox .btnArea {margin-left:84%;}

/* 예약확인 */
.reservationBox {border:5px solid #1fcfff; padding:60px 130px; background:#fff; width:380px; height:209px; position:absolute; top:225px; left:50%; margin-left:-325px;}
.reservationBox h3 {border-bottom:2px solid #696969; padding-bottom:15px; font-size:24px; font-weight:bold; color:#333333;}
.reservationBox .inputBox {position:relative; padding-top:30px;}
.reservationBox .inputBox ul {padding-right:100px; width:100%; }
.reservationBox .inputBox ul li +li {margin-top:15px;}
.reservationBox .inputBox ul li input {width:90%;}
.reservationBox .inputBox ul li dl dt {font-size:13px; color:#333333; width:125px; text-indent:10px; float:left; line-height:25px; height:25px;}
.reservationBox .inputBox ul li dl dd {margin-left:125px; height:25px;}

.reservationBox .inputBox input.btnConf {display:inline-block; width:100%; height:50px; text-align:center; line-height:50px; font-size:15px; color:#fff; font-weight:bold; background:#2b2b2b; border:none; border-radius:5px; margin-top: 23px; margin-left: 50%; transform: translateX(-50%); }

/* 예약내역확인 */
.myBox {border:1px solid #ccc; padding:40px 30px;}

/* sub BtnArea */
.btnArea.step1 input {margin-left:40px;}

/* 패키지 */
.bookingTable {margin-top:30px;}


/* .sunsa_talk { margin-top: 10px;	font-size: 1.1em;	border: solid 1px #009fde;	border-radius: 5px;	color: #009fde; line-height: 1.4; } */