@charset "utf-8";

@media screen and (max-width:1100px) {


/* common */
#header .headCont {width:100%;}
#header .headCont .call {font-size:26px; font-weight:bold; color:#bef1ff; position:absolute; top:50%; margin-top:-13px; left:75px; word-spacing:-1px;}
#header .headCont .btnBox {position:absolute; top:15px; right:5px;}

#contents .mainCont {width:100%;}

#contents .mainNotice .noticeBtn {width:100%;}
#contents .mainNotice .noticeView {width:auto; padding:0 20px 50px 20px;}

#footer .footCont {width:100%;}
#footer .footHide {width:100%;}
#footer .footHide p {background:url(../../images/footM1.gif) 50px no-repeat;}
#footer .footHide span {right:55px;}

/* sub */
#contents.sub {width:100%;}
#contents.sub.type2 {width:100%;}

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

/* 여객선 객실 선택 */
.calTblBox {width:auto; padding:0 5px;}

}

@media screen and (max-width:1000px) {
.selBox .selectZone .arrBg {background:url(../../images/bg/bg_b_arr.gif) right no-repeat; width:80px; height:259px; float:left;}
}

@media screen and (max-width:960px) {
/* common */
#footer .footCont h6 {position:absolute; top:50%; margin-top:-10px; left:20px;}
#footer .footCont .account {width:195px; height:29px; background:url(../../images/bg/bg_account.gif) no-repeat; position:absolute; top:50%; margin-top:-15px; right:80px; text-indent:-1000em;}
#footer .footCont .more {position:absolute; top:50%; margin-top:-8px; right:20px; display:block; cursor:pointer;}
#footer .footCont .footInfo {margin-left:150px;}
#footer .footHide p {background:url(../../images/footM2.gif) 20px no-repeat;}
#footer .footHide span {right:20px;}
}

@media screen and (max-width:940px) {
/* common */
#header .headCont h1 {text-align:left; padding-left:80px;}
#header .headCont .call {font-size:26px; font-weight:bold; color:#bef1ff; position:absolute; top:18px; margin-top:0; left:auto; right:230px; word-spacing:-1px;}

.selBox .selectZone .arrBg {display:none;}
.selBox .selectZone .cal {width:235px; float:left; margin-right:25px;}

/* 기타정보 */
.etcBox dd span input.sz2 {width:16%;}

.selBox .selectZone .selectBox.arrive {float:right; margin-right:0px;}
}

@media screen and (max-width:900px) {
.selBox .selectZone .selectBox.depart:after {display:block; clear:both; content:" "; *zoom:1;}
.selBox .selectZone .selectBox.depart {margin-bottom:20px; float:none; margin-left:300px; width:auto;}
.selBox .selectZone .selectBox.arrive {float:none; margin-left:300px; width:auto;}

.selectBox dl dd .sLabel {display:block;}
.selectBox dl dd .sLabel .ps_check {display:inline-block; width:90%; height:25px; line-height:25px;}
.selectBox dl dd .sLabel.checked .ps_check, .selectBox dl dd .sLabel:hover .ps_check {display:inline-block; width:90%;}
}

@media screen and (max-width:850px) {
/* common */
#header .headCont .call {font-size:20px; font-weight:bold; color:#bef1ff; position:absolute; top:22px; margin-top:0; left:auto; right:230px; word-spacing:-1px;}
.selBox .selectZone .cal {width:235px; float:left; margin-right:65px;}

.colTbll tbody tr td .selectW2 {width:80%; text-align:left;}
#contents .mainCont .mainBtn a {margin-left:10px;}

/* 기타정보 */
.etcBox {height:138px;}
.etcBox dt.d1 {width:20%;}
.etcBox dd.d1 {width:30%;}
.etcBox dt.d2 {width:20%;}
.etcBox dd.d2 {width:30%;}
.etcBox dd.d2 span {border-right:none;}
.etcBox dt.d3 {width:20%;}
.etcBox dd.d3 {width:30%;}
.etcBox dd.d3 span {border-right:1px solid #d2d2d2;}
.etcBox dt.d4 {width:20%;}
.etcBox dd.d4 {width:30%;}
.etcBox dd.d4 span {border-right:none;}
.etcBox dt.d5 {width:20%;}
.etcBox dd.d5 {width:80%;}
.etcBox dd.d5 span {border-right:none;}
.etcBox dd.d5 span a {vertical-align:middle; margin-left:10px;}

.etcBox dd span input.sz2 {width:20%;}

/* 결제정보 */
.payBox .payInfo ul li.li1 {padding-right:4%; background:url(../../images/bg/bg_plus.gif) right 22px no-repeat; margin-right:4%}
.payBox .payInfo ul li.li2 {padding-right:4%; margin-right:4%; background:url(../../images/bg/bg_eq.gif) right 27px no-repeat;}

/* 배편확인 */
.spBox {width:100%;}
.spBox.dep {float:none; margin-bottom:20px;}
.spBox.arr {margin-left:0;}
}

@media screen and (max-width:780px) {
/* common */
#contents .mainCont {padding-top:50px; position:relative; height:760px;}
#contents .mainCont .mainLink ul {padding:0 10%;}
#contents .mainCont .mainLink ul li {width:50%; text-align:center;}
#contents .mainCont .mainLink ul li+li {margin-left:0;}
#contents .mainCont .mainLink ul li+li+li {padding-top:10px;}
#contents .mainCont .mainLink ul li img {max-width:272px;}

#contents .mainCont .mainBtn {position:absolute; top:auto; bottom:50px; left:0; width:100%; text-align:center;}

#header .headCont .call {font-size:18px;}
#header .headCont h1 img {width:35%; max-width:295px;}

/* 여객선 객실 선택 */
.calTblBox .date {height:33px; margin-bottom:15px; position:relative; text-align:center; padding-top:40px; }
.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:50%; margin-left:-125px; width:200px; }

/* 예약 확인 */
.reservationBox {top:100px;}

.grayTab .tabInner h5 span.imp {font-size:14px; font-weight:bold; color:#fd0365; line-height:22px; margin-left:0px; display:block;}
}

@media screen and (max-width:730px) {
.mobile-hide { display: none; }
/* common */
#contents .mainCont .mainLink ul {padding:0 4%;}



#footer .footCont h6 {position:absolute; top:50%; margin-top:-10px; left:10px;}
#footer .footCont .footInfo {margin-left:120px;}
#footer .footCont .more {position:absolute; top:50%; margin-top:-8px; right:10px; display:block; cursor:pointer;}
#footer .footCont .account {width:195px; height:29px; background:url(../../images/bg/bg_account.gif) no-repeat; position:absolute; top:50%; margin-top:-15px; right:50px; text-indent:-1000em;}
#footer .footHide p {background:url(../../images/footM2.gif) 10px no-repeat;}
#footer .footHide span {right:10px;}

/* 결제정보 */
.payBox {padding:20px; height:100px; }

/* 승선인원 정보입력 */
.colTbll tbody tr td.select span+span {margin-left:10px;}

/* 변경요청사항 */
.pleaseBox textarea {float:left; width:75%; border:1px solid #d2d2d2; padding:10px; height:200px;}
.pleaseBox .btnArea {margin-left:80%;}
}

@media screen and (max-width:670px) {
.mobile-hide { display: none; }
/* common */
#header .headCont h1 img {width:30%; max-width:295px;}
#header .headCont .call {font-size:16px;}

#footer .footCont h6 {position:absolute; top:8px; margin-top:0px; left:10px;}
#footer .footCont .footInfo {margin-left:10px; padding-top:20px;}

#footer .footHide p {background:url(../../images/footM3.gif) 10px no-repeat;}

#contents .mainCont .mainLink ul {padding:0 5%;}
#contents .mainCont .mainLink ul li {width:49.5%; text-align:center;}
#contents .mainCont .mainLink ul li+li {margin-left:1%;}
#contents .mainCont .mainLink ul li+li+li {margin-left:0;}
#contents .mainCont .mainLink ul li+li+li+li {margin-left:1%;}

.colTbll thead th {font-size:12px;}
.colTbll tbody tr td {font-size:12px; line-height:18px; min-height:36px;}
.colTbll tbody tr td p {font-size:12px;}

.rowTbll tbody tr td {font-size:12px; line-height:18px;}
.rowTbll tbody tr th {font-size:12px; line-height:18px;}

/* step */
.step {width:100%; height:133px; margin-bottom:45px;}
.step>ul>li {float:left; text-align:center; height:133px;}

/* 배편 선택 */
.selBox .selectZone .cal {width:235px; float:left; margin-right:0;}
.selBox .selectZone .selectBox.depart {margin-bottom:20px; float:none; margin-left:250px; width:auto;}
.selBox .selectZone .selectBox.arrive {float:none; margin-left:250px; width:auto;}

/* 기타정보 */
.etcBox dt {font-size:12px;}
.etcBox dd span input.sz2 {width:16%;}
.payBox .payInfo ul li.li1 {padding-right:5%; background:url(../../images/bg/bg_plus.gif) right 22px no-repeat; margin-right:3%}
.payBox .payInfo ul li.li2 {padding-right:5%; margin-right:3%; background:url(../../images/bg/bg_eq.gif) right 27px no-repeat;}

/* 승선인원 정보입력 */
.colTbll tbody tr td.select span {display:block;}
.colTbll tbody tr td.select span+span {margin-left:0; margin-top:5px;}

/* 예약확인 */
.reservationBox {border:5px solid #1fcfff; padding:60px 15%; background:#fff; width:100%; height:312px; position:absolute; left:0; margin-left:0; box-sizing:border-box;}

.rowTbll.book col.thCol {width:15%;}
.rowTbll.book col.tdCol {width:18%;}
.rowTbll.book col.tdCol.last {width:19%;}
.rowTbll.book tbody td.pp span {display:block;}
.rowTbll.book tbody td.pp span+span {margin-left:0; margin-top:10px;}
}

@media screen and (max-width:630px) {
.mobile-hide { display: none; }
	#header .headCont .call {top:15px;}
}

@media screen and (max-width:600px) {
.mobile-hide { display: none; }
/* common */
#contents .mainCont{height:750px;}
#contents .mainCont .mainLink ul {padding:0;}
#contents .mainCont .mainLink ul li img {width:90%;}

#header .headCont h1 {text-align:left; padding-left:65px;}
#header .headCont .menu {width:45px; height:58px; position:absolute; display:block; left:5px; top:50%; margin-top:-29px; cursor:pointer;}
#header .headCont .menu img {width:100%;}

#header .headCont .btnBox .info {display:block; position:absolute; top:32px; right:0; width:272px; height:61px; text-indent:-1000em; background:url(../../images/bg/bg_fMent2.png) no-repeat;}

.section h4.type3 .btn {float:none; margin-top:5px;}

/* 항구선택 */
.grayTab .tabInner {padding:40px 10px;}

.selBox .selectZone .cal {width:235px; float:none; margin:0 auto; margin-bottom:20px;}
.selBox .selectZone .selectBox.depart {margin-bottom:0; float:left; width:49%; margin-left:0;}
.selBox .selectZone .selectBox.arrive {float:none; margin-left:50%; width:50%;}

/* 결제정보 */
.payBox .payInfo ul li dl dd input[type=text] {font-size:14px; font-weight:bold; color:#e50000; height:20px; line-height:20px; padding:4px 10px; text-align:right; width:70%;}
.payBox .btnArea .btnPk {font-size:15px;}

.pkTab>ul>li a {font-size:13px;}

.cateTab>ul>li a {font-size:13px;}
}

@media screen and (max-width:550px) {
.mobile-hide { display: none; }
/* common */
#contents {margin-bottom:70px;}

/* #footer {width:100%; height:170px; border-top:1px solid #c9c8d2; background:#e2e2e2; position:fixed; bottom:-100px; left:0;}
#footer .footCont {height:70px; position:relative;}
#footer .footCont h6 {position:absolute; top:50%; margin-top:-19px; left:10px;}
#footer .footCont p.copy {margin-left:10px; height:70px; background:url(../../images/footcopy.gif) center 57px no-repeat; text-indent:-1000em;}
#footer .footCont .account {width:195px; height:29px; background:url(../../images/bg/bg_account.gif) no-repeat; position:absolute; top:50%; margin-top:-23px; right:50px; text-indent:-1000em;}
#footer .footCont .more {position:absolute; top:50%; margin-top:-20px; right:10px; display:block; cursor:pointer;} */

/* step */
.step {width:100%; height:126px; margin-bottom:45px;}
.step>ul>li {float:left; text-align:center; height:126px;}

/* 결제정보 */
.payBox .payInfo ul li.li1 {padding-right:6%; background:url(../../images/bg/bg_plus.gif) right 22px no-repeat; margin-right:2%}
.payBox .payInfo ul li.li2 {padding-right:6%; margin-right:2%; background:url(../../images/bg/bg_eq.gif) right 27px no-repeat;}

/* 변경요청사항 */
.pleaseBox textarea {float:left; width:70%; border:1px solid #d2d2d2; padding:10px; height:200px;}
.pleaseBox .btnArea {margin-left:77%;}

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

/* 게시판 */
.grayTab2>ul>li {float:left; height:30px; width:100px; line-height:31px; font-size:13px; color:#333; text-align:center;}

.srboardList .selArea span.input input {padding:10px 0 11px 10px; height:12px; border:1px solid #d8d8d8; font-size:12px; color:#666666; width:95%;}

.spBox .way .pk {font-size:13px;}

.infoPopup {width:100%; left:auto; margin-left:0; top:50px;}
.infoPopup .cont {padding:20px;}
}

@media screen and (max-width:510px) {
.mobile-hide { display: none; }
#header .headCont h1 {text-align:center; padding-left:0px;}
#header .headCont h1 img {width:145px;}

#header .headCont .call {right:0px;}

#header .headCont .btnBox a {display:block; font-size:13px; width:62px; height:35px; line-height:35px; text-align:left; padding-left:40px; color:#009fde;}
#header .headCont .btnBox a+a {margin-left:0px;}
#header .headCont .btnBox a.btnWt1 {position:absolute; top:38px;}

#header .headCont .btnBox .info {display:block; position:absolute; top:68px; right:0; width:272px; height:61px; text-indent:-1000em; background:url(../../images/bg/bg_fMent3.png) no-repeat;}

#contents .mainCont {padding-top:40px; position:relative; height:750px;}
#contents .mainCont .mainBtn {position:absolute; top:auto; bottom:40px; left:0; width:100%; text-align:center;}

.btnArea.step1 input {margin-left:10px;}

.colTbll tbody tr td .selectW2 {width:95%; text-align:left;}

/* 기타정보 */
.etcBox {height:230px;}
.etcBox dt.d1 {width:35%;}
.etcBox dd.d1 {width:65%;}
.etcBox dd.d1 span {border-right:none;}
.etcBox dt.d2 {width:35%;}
.etcBox dd.d2 {width:65%;}
.etcBox dd.d2 span {border-right:none;}
.etcBox dt.d3 {width:35%;}
.etcBox dd.d3 {width:65%;}
.etcBox dd.d3 span {border-right:none;}
.etcBox dt.d4 {width:35%;}
.etcBox dd.d4 {width:65%;}
.etcBox dd.d4 span {border-right:none;}
.etcBox dt.d5 {width:35%;}
.etcBox dd.d5 {width:65%;}
.etcBox dd.d5 span {border-right:none;}
.etcBox dd.d5 span a {vertical-align:middle; margin-left:10px;}

.etcBox dd span input.sz1 {width:60%;}
.etcBox dd span input.sz2 {width:23%;}
.etcBox dd span input.sz3 {width:40%;}

/* 예약확인 */
.reservationBox {border:5px solid #1fcfff; padding:60px 10%; background:#fff; width:100%; height:328px; position:absolute; left:0; margin-left:0; box-sizing:border-box; top:50px;}

#footer .footHide span {top:40px; text-align:right;}
#footer .footHide span img {width:80%;}
}

@media screen and (max-width:480px) {
.mobile-hide { display: none; }
#contents .mainCont {padding-top:40px; position:relative; height:650px;}
#contents .mainCont .mainBtn {position:absolute; top:auto; bottom:40px; left:0; width:100%; text-align:center;}


/* step */
.step {width:100%; height:116px; margin-bottom:45px;}
.step>ul>li {float:left; text-align:center; height:116px;}
.step>ul>li.stepLi dd {font-size:12px;}

/* 항구선택 */
.selectBox dl dt {float:left; width:80px;}
.selectBox dl dt span {display:inline-block; width:64px; height:30px; line-height:30px; color:#fff; padding-right:16px; text-align:center; font-size:13px; font-weight:bold; background:#383838 url(../../images/bg/bg_dt.gif) right no-repeat;}
.selectBox dl dd {margin-left:90px;}

.btnGy {display:inline-block; width:140px; height:50px; line-height:50px; color:#fff; background:#5c5c5c; border:none; font-size:17px; font-weight:bold; border-radius:5px;}
.btnPk {display:inline-block; width:140px; height:50px; line-height:50px; color:#fff; background:#fd0365; border:none; font-size:17px; font-weight:bold; border-radius:5px;}

.etcBox dd span input.sz3 {width:40%;}
.etcBox dd.d5 span a.btnGrs {padding:0 5px; margin-left:5px;}

/* 결제정보 */
.payBox .payInfo ul li.li1 {padding-right:5%; background:url(../../images/bg/bg_plus.gif) right 22px no-repeat; margin-right:3%}
.payBox .payInfo ul li.li2 {padding-right:5%; margin-right:3%; background:url(../../images/bg/bg_eq.gif) right 27px no-repeat;}

.payBox .payInfo {float:none; width:100%; height:50px;}
.payBox .btnArea {margin-left:0; text-align:center; margin-top:15px;}
.payBox .btnArea .btnPk {width:40%;}

.cateTab>ul>li a {font-size:12px;}
}

@media screen and (max-width:430px) {
.mobile-hide { display: none; }
#contents .mainCont {padding-top:40px; position:relative; height:650px;}
#contents .mainCont .mainBtn a {display:inline-block; width:160px; height:50px; text-align:center; line-height:50px; font-size:17px; font-weight:bold; color:#fff; background:#fd0365; border-radius:5px;}

#contents .mainCont .mainLink ul li img {width:100%;}

.selectBox dl dt {float:none; width:100%;}
.selectBox dl dt span {display:block; width:70%; height:30px; line-height:30px; color:#fff; padding-right:16px; text-align:center; font-size:13px; font-weight:bold; background:#383838 url(../../images/bg/bg_dt.gif) right no-repeat; margin-bottom:10px;}
.selectBox dl dd {margin-left:0;}



/* 여객선 객실 선택 */
.calTblBox .date .ment {position:absolute; display:block; height:33px; line-height:33px; padding:0 15px; background:#444444; color:#fff; font-size:13px; top:5px; left:50%; margin-left:-115px; width:200px; }
.calTblBox .date a+a {margin-left:15px;}
.calTblBox .date .dateBox {margin:0 20px; line-height:33px; font-size:15px; color:#333333;}

/* 인원선택 */
.ppBox {width:100%;}
.ppBox.dep {float:none; margin-bottom:20px;}
.ppBox.arr {margin-left:0;}

.colTbll tbody tr td .selectW2 {width:80%; text-align:left;}

/* 결제정보 */
.payBox .payInfo ul li dl dt {font-size:13px; color:#333333; margin-bottom:3px; line-height:17px; height:17px;}

.payBox .payInfo ul li.li1 {padding-right:6%; background:url(../../images/bg/bg_plus.gif) right 22px no-repeat; margin-right:2%}
.payBox .payInfo ul li.li2 {padding-right:6%; margin-right:2%; background:url(../../images/bg/bg_eq.gif) right 27px no-repeat;}

.payBox .payInfo ul li dl dd input[type=text] {font-size:13px;}

/* 변경요청사항 */
.pleaseBox textarea {float:left; width:60%; border:1px solid #d2d2d2; padding:10px; height:200px;}
.pleaseBox .btnArea {margin-left:68%;}

/* 예약확인 */
.reservationBox {border:5px solid #1fcfff; padding:60px 5%; background:#fff; width:100%; height:331px; position:absolute; left:0; margin-left:0; box-sizing:border-box;}
.reservationBox .inputBox ul li dl dt {font-size:13px; color:#333333; width:100px; text-indent:10px; float:left; line-height:25px; height:25px;}
.reservationBox .inputBox ul li dl dd {margin-left:100px; height:25px;}

/* 게시판 */
.grayTab2>ul>li {float:left; height:30px; width:auto; line-height:31px; font-size:13px; color:#333; text-align:center;}
.grayTab2>ul>li>a {text-align:center; display:block; line-height:30px; font-size:13px; color:#666; border:1px solid #c7c7c7; padding:0 15px;}

.srboardList .selArea span.input {position:relative; width:40%; display:inline-block; margin-right:10px;}
.srboardList .selArea span.input input {padding:10px 0 11px 10px; height:12px; border:1px solid #d8d8d8; font-size:12px; color:#666666; width:95%;}

.pkTab>ul>li a {font-size:12px;}

#footer .footCont h6 {left:5px;}
#footer .footCont .footInfo {margin-left:5px;}
#footer .footCont .account {width:165px; height:29px; background:url(../../images/bg/bg_account.gif) 0 no-repeat; background-size:100%; right:43px;}

#footer .footHide p {background:url(../../images/footM3.gif) 5px no-repeat;}
#footer .footHide span {right:5px;}
#footer .footHide span img {width:70%;}
}

@media screen and (max-width:410px) {
.mobile-hide { display: none; }
#contents .mainCont {padding-top:40px; position:relative; height:650px;}
#contents .mainCont .mainBtn a {display:inline-block; width:140px; height:50px; text-align:center; line-height:50px; font-size:17px; font-weight:bold; color:#fff; background:#fd0365; border-radius:5px;}
#contents .mainCont .mainBtn a {margin-left:5px;}

/* 결제정보 */
.payBox .payInfo ul li.li1 {padding-right:6%; background:url(../../images/bg/bg_plus.gif) right 22px no-repeat; background-size:15%; margin-right:2%}
.payBox .payInfo ul li.li2 {padding-right:6%; margin-right:2%; background:url(../../images/bg/bg_eq.gif) right 27px no-repeat; background-size:15%;}

.payBox .payInfo ul li dl dd input[type=text] {font-size:12px;}

#footer .footHide p {background:url(../../images/footM4.gif) 5px no-repeat;}
}

@media screen and (max-width:380px) {
.mobile-hide { display: none; }
#contents {margin-bottom:100px;}

/* #footer {width:100%; height:200px; border-top:1px solid #c9c8d2; background:#e2e2e2; position:fixed; bottom:-100px; left:0;}
#footer .footCont {height:100px; position:relative;}
#footer .footCont h6 {position:absolute; top:15px; margin-top:-0; left:10px;}
#footer .footCont p.copy {margin-left:10px; height:100px; background:url(../../images/footcopy.gif) 0 85px no-repeat; text-indent:-1000em;}
#footer .footCont .account {width:195px; height:29px; background:url(../../images/bg/bg_account.gif) no-repeat; position:absolute; top:45px; margin-top:0; right:auto; left:10px; text-indent:-1000em;}
#footer .footCont .more {position:absolute; top:50%; margin-top:-8px; right:10px; display:block; cursor:pointer;} */

.btnGy {display:inline-block; width:120px; height:50px; line-height:50px; color:#fff; background:#5c5c5c; border:none; font-size:17px; font-weight:bold; border-radius:5px;}
.btnPk {display:inline-block; width:120px; height:50px; line-height:50px; color:#fff; background:#fd0365; border:none; font-size:17px; font-weight:bold; border-radius:5px;}

.btnArea.step1 input {margin-left:5px;}

/* 기타정보 */
.etcBox dd span input.sz1 {width:60%;}
.etcBox dd span input.sz2 {width:20%;}
.etcBox dd span input.sz3 {width:30%;}
.etcBox dd.d5 span a.btnGrs {padding:0 5px; margin-left:5px;}

/* 결제정보 */
.payBox {border:1px solid #c7c7c7; background:#f3f3f3; padding:10px 5px;}

.payBox .payInfo ul li dl dt {font-size:12px; color:#333333; margin-bottom:3px; line-height:17px; height:17px;}

.payBox .payInfo ul li.li1 {padding-right:7%; background:url(../../images/bg/bg_plus.gif) right 22px no-repeat; background-size:15%; margin-right:1%}
.payBox .payInfo ul li.li2 {padding-right:7%; margin-right:1%; background:url(../../images/bg/bg_eq.gif) right 27px no-repeat; background-size:15%;}

.payBox .btnArea .btnPk {height:40px; line-height:40px;}

/* 예약확인 */
.reservationBox .inputBox ul {padding-right:80px;}
.reservationBox .inputBox input.btnConf {display:inline-block; width:70px; height:66px; text-align:center; line-height:66px; font-size:15px; color:#fff; font-weight:bold; background:#fd0365; border:none; border-radius:5px; position:absolute; top:30px; right:0;}

.spBox .way .pk {font-size:12px;}

.cateTab>ul>li a {font-size:11px;}
}

@media screen and (max-width:350px) {
.mobile-hide { display: none; }
#contents .mainCont {padding-top:40px; position:relative; height:650px;}
/*#contents .mainCont {padding-top:40px; position:relative; height:550px;}*/

#header .headCont h1 img {width:135px;}



#contents .mainCont .mainBtn a {display:inline-block; width:120px; height:50px; text-align:center; line-height:50px; font-size:17px; font-weight:bold; color:#fff; background:#fd0365; border-radius:5px;}

#contents .mainCont .mainBtn {position:absolute; top:auto; bottom:20px; left:0; width:100%; text-align:center;}

/* step */
.step {width:100%; height:95px; margin-bottom:45px;}
.step>ul>li {float:left; text-align:center; height:95px;}

/* 여객선 객실 선택 */
.calTblBox .date a+a {margin-left:10px;}
.calTblBox .date .dateBox {margin:0 10px; line-height:33px; font-size:13px; color:#333333;}

/* 기타정보 */
.etcBox dd span input.sz1 {width:50%;}
.etcBox dd span input.sz2 {width:18%;}
.etcBox dd span input.sz3 {width:20%;}
.etcBox dd.d5 span a.btnGrs {padding:0 5px; margin-left:5px;}

/* 변경요청사항 */
.pleaseBox textarea {float:left; width:55%; border:1px solid #d2d2d2; padding:10px; height:200px;}
.pleaseBox .btnArea {margin-left:65%;}
}