@charset "UTF-8";

/***** 공통 *****/

/* 취소선*/ 
.cancle_line{ text-decoration: line-through red; }
.center { text-align:center; }
/* 라디오박스 */
.chk-radio { position:relative }
.chk-radio input[type="radio"] {
  width:1px;
  height:1px;
  padding:0;
  border:0 none;
  margin:0;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.chk-radio label { cursor:pointer; line-height:3rem;}
.chk-radio label span {
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
  width:3rem;
  height:3rem;
  border-radius:100%;
  border:1px solid #D9D9D9;
  background:#fff;
  position:relative;
  padding:0.5rem;
}
.chk-radio input[type="radio"]:checked + label span:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:#1B878E;
  width:60%;
  height:60%;
  border-radius:100%;
}

/* 라디오박스(아이콘용) */
.chk-radio-i { position:relative }
.chk-radio-i input[type="radio"] {
  width:1px;
  height:1px;
  padding:0;
  border:0 none;
  margin:0;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.chk-radio-i label { cursor:pointer; }
.chk-radio-i label span {
  display:inline-block;
  background:url('../../images/egovframework/sub/v.png') no-repeat 50% 50%;
  vertical-align:middle;
  cursor:pointer;
  background-size:contain;
  position:relative;
}
.chk-radio-i input[type="radio"]:checked + label span {
  background:url('../../images/egovframework/sub/v.png') no-repeat 50% 50%;
  background-size:contain;
}

/* 체크박스 */
.chk { position:relative }
.chk input[type="checkbox"] {
  width:1px;
  height:1px;
  padding:0;
  border:0 none;
  margin:0;
  position:absolute;
  left:0;
  top:0;
	  overflow:hidden;
  clip:rect(0 0 0 0);
}
.chk label { cursor:pointer; }
.chk label span {
  display:inline-block;
  background:url('../../images/egovframework/sub/v.png') no-repeat 50% 50%;
  vertical-align:middle;
  cursor:pointer;
  background-size:contain;
}
.chk input[type="checkbox"]:checked + label span {
  background:url('../../images/egovframework/sub/v.png') no-repeat 50% 50%;
  background-size:contain;
}


/* 셀렉트박스 기본 */
.select {
	width:100%;
	flex:1;
	border:1px solid #cac6c2;
	border-radius:0.5rem;
	height:9rem;
    padding:0 2rem;
	color:#8e8e8e;
    background: #fff url('../../images/egovframework/sub/ico-select-basic-off.png') no-repeat;
    background-position: right 2rem center;
    font-size: 2.4rem;
    outline: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.select::-ms-expand { display: none; }

.select-icon {
	width:100%;
	flex:1;
	border:2px solid #F25B6A;
	border-radius:0.5rem;
	height:5rem;
  padding:0 1.5rem;
	color:#8e8e8e;
  background: #fff url('../../images/egovframework/sub/ico-select-new.png') no-repeat;
  background-position: right 0 center;
  font-size: 1.8rem;
  outline: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select-icon:focus { outline:0; border:2px solid #F25B6A !important; }
.select-icon::-ms-expand { display: none; }

/* 셀렉트박스 메인 */
.select.main {
	width:100%;
	flex:1;
	height:5rem;
	color:#8e8e8e;
	padding-left:1rem;
	border-radius:0;
  background: #fff url('../../images/egovframework/main/ico-select-off.png') no-repeat;
  background-position: right 1.5rem center;
  font-size: 2rem;
  outline: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select.main::-ms-expand { display: none; }

.select.sm { height:7rem !important; }
.select.h6 { height:5rem !important; border-radius:0.5rem !important; }
.select.frm { padding-right:6rem; font-size:1.6rem; width:auto !important; height:5rem !important; border-radius:0.5rem !important; }

/* 셀렉트박스 디자인 */
.select-hidden {
  display: none;
  visibility: hidden;
}
.select-c::-ms-expand {
	display: none;
}
.select-c {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  text-align:left;
}
.select-styled:after {
  content: "";
  width:100%;
  height:100%;
  background:url('../../images/egovframework/sub/ico-select-basic-off.png') 95% center no-repeat;
  position: absolute;
  top:0;
  right:1rem;
}
.select-styled:active:after, .select-styled.active:after {
  background:url('../../images/egovframework/sub/ico-select-basic-on.png') 95% center no-repeat;
}
.select-options {
  display:none;
  position: absolute;
  top: 6.6rem;
  left: -1px;
  z-index: 10;
  margin: 0;
  padding:0 2rem 2rem 2rem;
  width:101%;
  height:28rem;
  list-style: none;
  background:#fff;
  border-radius:0 0 0.5rem 0.5rem;
  overflow-y:auto;
  border:1px solid #333;
  border-top:0;
}
.select-options { -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;scrollbar-color:#D9D9D9;scrollbar-width:thin;  }
.select-options::-webkit-scrollbar{width:0.8rem; border-radius:0.8rem;}
.select-options::-webkit-scrollbar-track{background:#fff;  }
.select-options::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:100px}
.select-options::-webkit-scrollbar-thumb:hover{background:#ccc; -webkit-text-size-adjust:none;}

.select-options li {
  margin: 0 !important;
  padding:0 2rem;
  line-height:5.5rem !important;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  font-size:2rem;
  border-top:1px solid #cac6c2;
  color:#333;
}
.select-options li:last-child {
	border-bottom:1px solid #cac6c2;
}
.select-options li:hover {
  background:#F4FEFF;
}
.select-options li[rel="hide"] {
  display: none;
}


/* 파일첨부 */
.filebox { display:flex; align-items:center; }
.filebox .upload-name {
    height: 5rem;
    padding: 0 1rem;
    border: 1px solid #cac6c2;
    width: 78%;
    color: #999999;
	border-radius:0.5rem;
}
.filebox label {
    padding: 0 2rem;
    color: #fff;
    background-color: #767676;
    cursor: pointer;
    height: 5rem;
	line-height:5rem;
    margin-left: 1rem;
	font-size:1.7rem;
	border-radius:0.5rem;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}


/* 폼 */
.frm_input { font-size:1.8rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:9rem; padding:0 2rem; }
.frm_input.sm { font-weight:400; font-size:1.8rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:7rem; padding:0 2rem; }
.frm_input.frm { font-weight:400; font-size:1.8rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:5rem; padding:0 2rem; }
.frm_input.member { font-weight:400; font-size:1.8rem; color:#666 !important; width:100%; height:5rem; background-color:#f8f8f8 !important; }
.frm_input.member.white { background-color:#fff !important; font-size:1.8rem; }
.frm_input.member:focus { background-color:#fff !important; border:1px solid #F25B6A !important }
.frm_input.memberJoin { font-weight:400; font-size:1.8rem; color:#666; width:100%; height:5rem; background-color:#f8f8f8 !important; }
.frm_input.memberJoin:focus { background-color:#fff !important; border:1px solid #F25B6A !important }
.frm_input.memberJoin.nobg { background-color:#fff !important; }
/* 텍스트 아레아 전용 스타일 23-02-20 배광민추가 */
.frm_input_area { font-size:1.8rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:9rem; padding:0 2rem; }
.frm_input_area.sm { font-weight:400; font-size:1.8rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:7rem; padding:0 2rem; }
.frm_input_area.frm { font-weight:400; font-size:1.8rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:5rem; padding:0 2rem; }
.frm_input_area.member { font-weight:400; font-size:1.8rem; color:#666 !important; width:100%; height:5rem; background-color:#f8f8f8 !important; }
.frm_input_area.memberJoin { font-weight:400; font-size:1.8rem; color:#666; width:100%; height:5rem; background-color:#f8f8f8 !important; }
.frm_input_area.memberJoin:focus { background-color:#fff !important; border:1px solid #F25B6A !important }
.frm_input_area.memberJoin.nobg { background-color:#fff !important; }
textarea.frm_input { padding:1.5rem 2rem; }
textarea.frm_input_area { padding:1.5rem 2rem; }



/* 레이아웃 정렬 */
.no-flex { display:block !important; }
.d-flex { display:flex; }
.flex-direction-row { flex-direction: row; }
.flex-direction-column { flex-direction: column; }

.align-items-start { align-items:flex-start }
.align-items-center { align-items:center }
.align-items-end { align-items:flex-end }

.justify-content-start { justify-content:flex-start }
.justify-content-center { justify-content:center }
.justify-content-end { justify-content:flex-end }
.justify-content-between { justify-content:space-between }

.flex-wrap { flex-wrap:wrap }

.mt-auto { margin-top:auto; }
.ml-auto { margin-left:auto; }
.mr-auto { margin-right:auto; }
.mb-auto { margin-bottom:auto; }

.col-auto { flex:1; width:auto; }
.col-50 { width:50% !important; }
.col-100 { width:100% !important; }

/* 텍스트 정렬 */
.text-left { text-align:left !important; }
.text-center { text-align:center !important; }
.text-right { text-align:right !important; }

/* 마진&여백 */
.p-0 { padding:0 !important; }
.pt-1 { padding-top:1rem !important; }
.pt-015 { padding-top:1.5rem !important; }
.pt-2 { padding-top:2rem !important; }
.pt-3 { padding-top:3rem !important; }
.pt-4 { padding-top:4rem !important; }
.pt-5 { padding-top:5rem !important; }
.pt-6 { padding-top:6rem !important; }
.pt-7 { padding-top:7rem !important; }
.pt-8 { padding-top:8rem !important; }
.pt-9 { padding-top:9rem !important; }
.pt-10 { padding-top:10rem !important; }
.pt-30 { padding-top:30rem !important; }
.pt-33 { padding-top:33rem !important; }

.pl-1 { padding-left:1rem !important; }
.pl-2 { padding-left:2rem !important; }
.pl-3 { padding-left:3rem !important; }
.pl-4 { padding-left:4rem !important; }
.pl-5 { padding-left:5rem !important; }
.pl-6 { padding-left:6rem !important; }
.pl-7 { padding-left:7rem !important; }
.pl-8 { padding-left:8rem !important; }
.pl-9 { padding-left:9rem !important; }
.pl-10 { padding-left:10rem !important; }

.pr-1 { padding-right:1rem !important; }
.pr-2 { padding-right:2rem !important; }
.pr-3 { padding-right:3rem !important; }
.pr-4 { padding-right:4rem !important; }
.pr-5 { padding-right:5rem !important; }
.pr-6 { padding-right:6rem !important; }
.pr-7 { padding-right:7rem !important; }
.pr-8 { padding-right:8rem !important; }
.pr-9 { padding-right:9rem !important; }
.pr-10 { padding-right:10rem !important; }

.pb-1 { padding-bottom:1rem !important; }
.pb-015 { padding-bottom:1.5rem !important; }
.pb-2 { padding-bottom:2rem !important; }
.pb-3 { padding-bottom:3rem !important; }
.pb-4 { padding-bottom:4rem !important; }
.pb-5 { padding-bottom:5rem !important; }
.pb-6 { padding-bottom:6rem !important; }
.pb-7 { padding-bottom:7rem !important; }
.pb-8 { padding-bottom:8rem !important; }
.pb-9 { padding-bottom:9rem !important; }
.pb-10 { padding-bottom:10rem !important; }

.mt-0 { margin-top:0rem !important; }
.mt-1 { margin-top:1rem !important; }
.mt-2 { margin-top:2rem !important; }
.mt-3 { margin-top:3rem !important; }
.mt-4 { margin-top:4rem !important; }
.mt-5 { margin-top:5rem !important; }
.mt-6 { margin-top:6rem !important; }
.mt-7 { margin-top:7rem !important; }
.mt-8 { margin-top:8rem !important; }
.mt-9 { margin-top:9rem !important; }
.mt-10 { margin-top:10rem !important; }
.mt-11 { margin-top:11rem !important; }
.mt-12 { margin-top:12rem !important; }
.mt-15 { margin-top:15rem !important; }
.mt-20 { margin-top:20rem !important; }
/* 배광민 추가 */
.mt-30 { margin-top:30rem !important; }

.ml-05 { margin-left:0.5rem !important; }
.ml-1 { margin-left:1rem !important; }
.ml-015 { margin-left:1.5rem !important; }
.ml-2 { margin-left:2rem !important; }
.ml-3 { margin-left:3rem !important; }
.ml-4 { margin-left:4rem !important; }
.ml-5 { margin-left:5rem !important; }
.ml-6 { margin-left:6rem !important; }
.ml-7 { margin-left:7rem !important; }
.ml-8 { margin-left:8rem !important; }
.ml-9 { margin-left:9rem !important; }
.ml-10 { margin-left:10rem !important; }

.mr-05 { margin-right:0.5rem !important; }
.mr-1 { margin-right:1rem !important; }
.mr-2 { margin-right:2rem !important; }
.mr-3 { margin-right:3rem !important; }
.mr-4 { margin-right:4rem !important; }
.mr-5 { margin-right:5rem !important; }
.mr-6 { margin-right:6rem !important; }
.mr-7 { margin-right:7rem !important; }
.mr-8 { margin-right:8rem !important; }
.mr-9 { margin-right:9rem !important; }
.mr-10 { margin-right:10rem !important; }

.mb-1 { margin-bottom:1rem !important; }
.mb-2 { margin-bottom:2rem !important; }
.mb-3 { margin-bottom:3rem !important; }
.mb-4 { margin-bottom:4rem !important; }
.mb-5 { margin-bottom:5rem !important; }
.mb-6 { margin-bottom:6rem !important; }
.mb-7 { margin-bottom:7rem !important; }
.mb-8 { margin-bottom:8rem !important; }
.mb-9 { margin-bottom:9rem !important; }
.mb-10 { margin-bottom:10rem !important; }
.mb-015 { margin-bottom:1.5rem !important; }
.mb-025 { margin-bottom:2.5rem !important; }
.mb-055 { margin-bottom:5.5rem !important; }

.border-top-0 { border-top:0 !important; }
.border-bottom-0 { border-bottom:0 !important; }

/* 버튼 */
.btnWrap {  margin:0 auto; text-align:center; display:flex; }
.btn { padding:2rem 10.5rem; font-size:3rem; color:#fff; }
/* gfn_alertmodal 버튼 */
.btn.alert-modal-btn-sm { padding:0rem 1rem; font-weight:700; color:#fff;}  
.btn.btn-sm { padding:1.25rem 8rem; font-size:2.3rem; font-weight:700; color:#fff; }

.btn.btn-primary { background:#149AAF !important; }

/* important 제거 */
.btn.btn-next { background:#767676;  }
.btn.btn-apply { background:#767676; }
.btn.btn-gray { background:#767676; } 
.btn.btn-gray.active { background:#149AAF; }
.btn.btn-outline { border:1px solid #767676 !important; background:#fff !important; color:#444 !important; }

.btn.btn-calculator { width:20rem; padding:1.25rem 0; font-size:1.8rem; color:#333; border:1px solid #3E3A39; border-radius:3rem; }
.btn.btn-calculator span { margin-right:1rem; width:3.4rem; height:3.8rem; display:inline-block; vertical-align:middle; background:url('../../images/egovframework/sub/ico-calculator.png') 50% 50% no-repeat; background-size:contain; }

.btn.btn-change { font-weight:500; width:10rem; height:5rem; padding:0; background:#767676; font-size:2.2rem; color:#fff; border-radius:2.5rem; }
.btn.btn-delete { font-weight:500; width:10rem; height:5rem; padding:0; border:1px solid #666; font-size:2.2rem; color:#666; border-radius:2.5rem; }

.btn.btn-apply { font-weight:500; width:15rem; height:5rem; padding:0; background:#767676; font-size:2.2rem; color:#fff; border-radius:2.5rem; }
.btn.btn-submit { font-weight:700; width:100%; height:8rem; padding:0; background:#767676; font-size:3rem; color:#fff; border-radius:0.5rem; }

.btn.btn-write-request { width:16rem; height:6rem; padding:0; font-size:2.4rem; font-weight:500; background:#F25B6A; color:#fff; border-radius:0.5rem; }

.btn.btn-member { width:100%; height:6rem; padding:0; background:#149AAF; font-size:2rem; font-weight:500; color:#fff; border-radius:0.5rem; }
/* 결제 확인 비활성화시 배광민 추가 */
.btn.btn-member:disabled { width:100%; height:6rem; padding:0; background:#666; font-size:2rem; font-weight:500; color:#fff; border-radius:0.5rem; }
/* 회원탈퇴버튼 */
.btn.btn-revoke {width: 100%; height: 6rem; padding: 0;background: #F25B6A;font-size: 2rem;font-weight: 500;color: #fff;border-radius: 0.5rem;}
.btn.btn-revoke.btn-auto { display:inline-block !important; flex:auto !important; width:auto !important; padding:0 6rem; }

.btn.btn-member.btn-outline { width:16rem; border:1px solid #D9D5D2; background:#fff; font-size:1.8rem; font-weight:400; color:#767676; }
.btn.btn-member.btn-outline.round { width:11rem; height:4rem; border-radius:2rem; border:1px solid #D9D5D2; background:#fff; font-size:1.8rem; font-weight:500; color:#666; }

.btn.btn-member.btn-auto { display:inline-block !important; flex:auto !important; width:auto !important; padding:0 6rem; }

.btn.btn-request { font-weight:500;  height:5rem; padding:0 3rem; background:#149AAF; font-size:2.2rem; color:#fff; border-radius:0.5rem; } 

.btn.btn-link { font-weight:700; width:49rem;  height:8rem; line-height:8rem; padding:0 3rem; background:#83796F; font-size:3rem; color:#fff; border-radius:0.5rem; } 

.btn.boardBtn { padding:0 !important; width:27rem !important; height:8rem !important; font-size:3rem !important; font-weight:700 !important; border-radius:0.5rem; }
.btn.boardBtn.btn-board-cancel { color:#666 !important; }



/* 테이블 */
table.tbl-list { width:100%; flex:1; border-top:2px solid #b2ada7; }
table.tbl-list:before { content:""; position:absolute; top:0; left:0; width:100%; display:block; border-top:2px solid #b2ada7; }
table.tbl-list th { text-align:center; height:6rem; background:#f6f6f4; font-weight:500; padding:1.5rem; font-size:2rem; color:#333;  border-bottom:1px solid #c5c1bc; }
table.tbl-list td { text-align:center; padding:2rem; font-weight:400; font-size:2rem; color:#666; border-bottom:1px solid #c5c1bc; }
.tc-blue { color:#149AAF !important; }
.tc-red { color:#F25B6A !important; }
.tc-black { color:#222 !important; font-weight:500 !important; }
.tc-yellow { color:#B0901C !important; }

table.tbl-list.border-top-red { border-top:2px solid #F25B6A; }
table.tbl-list.border-top-blue { border-top:2px solid #149AAF; }

table.tbl-list .border-right-1 { border-right:1px solid #cac6c2; }
/* 오류수정 */
table.tbl-list .border-left-1 { border-left:1px solid #cac6c2; }
table.tbl-list .btn-link  { display:flex; align-items:center; justify-content:center; margin:0 auto; width:15rem; height:5rem; border-radius:2.5rem; background:#6B655F; font-size:2.2rem; color:#fff; }

table.tbl-list.padWide td { padding:3rem; }

table.tbl-list.padWide.txtBig th,
table.tbl-list.padWide.txtBig td { font-size:2.4rem; }

table.tbl-list.type-B td { text-align:left; padding:2rem 1.5rem; }
table.tbl-list.type-B td:nth-child(1) { text-align:center; }
table.tbl-list.type-B td:last-child { text-align:right; padding-right:2rem; }
table.tbl-list.type-B td.gray { color:#8e8e8e; font-weight:400;  }
table.tbl-list.type-B td a { font-weight:500; color:#333; }
table.tbl-list.type-B .btn-status { width:9rem; height:3.5rem; border-radius:0.3rem; background:#149AAF; font-size:1.8rem; color:#fff; font-weight:500; }
table.tbl-list.type-B .btn-status.gray { background:#8e8e8e; }
table.tbl-list.type-B tr:hover { background:#f9f9f9; }

table.tbl-list.hover tr:hover { background:#F4FEFF; }

table.tbl-list .ico-file { display:block; margin:0 auto; width:1.2rem; height:2.4rem; background:url('../../images/egovframework/sub/ico-file.png') 50% 50% no-repeat; background-size:contain; }


table.tbl-list.border { width:100%; flex:1; border-top:2px solid #b2ada7;  }
table.tbl-list.border th { border-right:1px solid #c5c1bc; border-bottom:1px solid #c5c1bc; }
table.tbl-list.border td { border-right:1px solid #c5c1bc; border-bottom:1px solid #c5c1bc; }
table.tbl-list.border .border-right-0 { border-right:0; }

table.tbl-list.th-bg th { background:#ebeae6; }


.board-gray { font-size:2rem; color:#8e8e8e; }

.board-category { border-radius:1rem; font-size:1.8rem; font-weight:500; display:block; margin:0 auto; width:9rem; height:3.6rem; line-height:3.6rem; text-align:center; }
.board-category.nomargin { margin:0; }
.board-category.basicnews { border:1px solid #8e8e8e; }
.board-category.repair { border:1px solid #00757C; background:#00757C; color:#fff; }
.board-category.news { border:1px solid #C93241; background:#C93241; color:#fff;  }
.board-category.basic { border:1px solid #333; background:#333; color:#fff;  }

.board-category.answerReady {  background:#00757C; color:#fff; }
.board-category.answerEnd {  background:#8e8e8e; color:#fff; }

.board-type { font-size:2rem; font-weight:400; color:#8e8e8e; }

.relative { position:relative; }
.absolute { position:absolute; }


/***** 헤더 *****/
.btn_toggle_quick { width:3.8rem; height:3.8rem; background:url('../../images/egovframework/main/quick_btn_off.png') 50% 50% no-repeat; background-size:contain; position:fixed; top:14rem; right:1.5rem; z-index:99999999 }
.btn_toggle_quick.active { width:3.8rem; height:3.8rem; background:url('../../images/egovframework/main/quick_btn_on.png') 50% 50% no-repeat; background-size:contain; position:fixed; top:14rem; right:1.5rem; z-index:99999999 }

.quick { position:fixed; top:18.5rem; right:-11.5rem; z-index:999; width:11.5rem; height:57rem; background:#fff; box-shadow:0 10px 10px -8px rgba(0,0,0,.1); transition:all 0.3s ease-out; border-radius:3rem 0 0 0; overflow:hidden; }
.quick.active { position:fixed; top:18.5rem; right:0; z-index:999;  width:11.5rem; height:57rem; background:#fff; box-shadow:0 10px 10px -8px rgba(0,0,0,.1); }
.quick ul { height:100%; display:flex; flex-direction: column;  }
.quick ul li { position:relative; width:100%; flex:1; display:flex; flex-direction: column; align-items:center; justify-content:center; background:url('../../images/egovframework/main/line.png') 0 100% no-repeat; }
.quick ul li:last-child { background:none; }
.quick ul li { text-align:center; font-size:1.6rem; color:#333; }
.quick ul li a { text-align:center; font-size:1.6rem; color:#333; }
.quick ul li i.ico { display:block; margin:0 0 0.5rem; }
.quick ul li:nth-child(1) { background:#FFD84F; }
.quick ul li .txt-sm { font-size:1.4rem; font-weight:400; color:#666; }
.quick ul li .txt-tel { font-weight:700; color:#B0901C; font-size:1.9rem; margin:0.5rem 0 0; }
.quick ul li .new { position:absolute; top:1.5rem; left:1.5rem; background:#EA594E; border:2px solid #222; width:4.8rem; height:2.2rem; border-radius:1rem; line-height:2rem; text-align:center; font-size:1.2rem; font-weight:700; color:#fff; }

.btn_top { display:none; width:6rem; height:6rem; background:url('../../images/egovframework/main/btn_top.png') 0 0 no-repeat; position:fixed; bottom:40px; right:40px; z-index:999 }

#header { box-shadow:0 0 20px -1px rgba(0,0,0,.1); background:#fff;  }
#header .naviWrap { max-width:150rem; margin:0 auto; height:11rem; background:#fff; }
#header .naviWrap .logo img { width:20.2rem; /*height:5rem;*/ }
#header .naviWrap .gnb { height:100%; margin-left:4rem; }
#header .naviWrap .gnb li { display:flex; align-items:center;  height:100%;  }
#header .naviWrap .gnb li a { font-size:2rem; color:#222; padding:0 3rem; }
#header .naviWrap .gnb li:hover > .Depth2-Menu { display:block; }
#header .naviWrap .gnb li:hover a { color:#CDAC38; }
#header .naviWrap .member li { margin-left:4rem; padding-top:3rem; }
#header .naviWrap .member li:nth-child(1) { background:url('../../images/egovframework/main/icon.png') 50% 0 no-repeat; }
#header .naviWrap .member li:nth-child(2) { background:url('../../images/egovframework/main/icon-1.png') 50% 0 no-repeat; }
#header .naviWrap .member li.logout { background:url('../../images/egovframework/main/icon-1-2.png') 50% 0 no-repeat; }
#header .naviWrap .member li:nth-child(3) { background:url('../../images/egovframework/main/icon-2.png') 50% 0 no-repeat; }
/* 사이트맵 관련 자식 선택자 수정 */
#header .naviWrap .member li:nth-child(4) { background:url('../../images/egovframework/main/icon-3.png') 50% 0 no-repeat; }
#header .naviWrap .member li a { font-size:1.55rem; color:#333; font-weight:400;  }
#header .naviWrap .member li button { font-size:1.55rem; color:#333; font-weight:400; }

/* 2depth */
.Depth2-Menu { display:none; position:absolute; top:11rem; left:0; background:rgba(255,255,255,.9); width:100%; height:32rem; z-index:99; box-shadow:inset 0 0 10px -5px rgba(0,0,0,.2); }
.Depth2-Menu .wrap { max-width:150rem; margin:0 auto; position:relative; height:100%; }
.Depth2-Menu .wrap .title { width:22rem; height:100%; position:relative;  }
.Depth2-Menu .wrap .title div { box-shadow:inset 0 0 10px -5px rgba(0,0,0,.2); position:absolute; top:0; right:0; width:200rem; height:100%;  text-align:right; background:#fff; padding:4rem 11rem 4rem 0; font-size:2.8rem; font-weight:700; color:#222; z-index:2; }

.Depth2-Menu .wrap ul { flex:1; display:flex; margin:4rem 0; }
.Depth2-Menu .wrap ul li { flex:1; display:block !important; border-right:1px solid #D9D9D9; padding:0 !important; margin:0 !important; }
.Depth2-Menu .wrap ul li:last-child { border:0; }
.Depth2-Menu .wrap ul li a { font-size:2.2rem !important; font-weight:500 !important; color:#514539 !important;}
.Depth2-Menu .wrap ul li a:hover { text-decoration:underline; }


.Depth2-Menu .wrap ul ul { flex:1; display:block; margin:2rem 0 0; }
.Depth2-Menu .wrap ul ul li { display:block !important; width:100%; border-right:0; padding:0 !important; margin:0 !important; line-height:4rem; }
.Depth2-Menu .wrap ul ul li:last-child { border:0; }
.Depth2-Menu .wrap ul ul li a { font-size:1.8rem !important; font-weight:400 !important; color:#555 !important; letter-spacing:-0.1rem; }
.Depth2-Menu .wrap ul ul li a:hover { color:#CDAC38 !important; text-decoration:underline; }

/* 전체메뉴 */
#TotalMenu { display:none; position:absolute; top:11rem; left:0; width:100%; background:#f9f9f9; z-index:9999999; box-shadow:0 0 15px -1px rgba(0,0,0,.2); }
#TotalMenu .wrap { max-width:150rem; margin:0 auto; }
#TotalMenu .header { height:8rem; background:#8e8e8e; }
#TotalMenu .header h2 { font-size:2.8rem; font-weight:700; color:#fff; }
#TotalMenu .header span { font-size:2.2rem; font-weight:500; color:#fff; }
#TotalMenu .header span:before { content:""; display:inline-block; vertical-align:middle; height:2rem; border-right:1px solid rgba(255,255,255,.3); margin:0 2rem; }
#TotalMenu .header .allMenu-close { margin-left:auto; width:3.6rem; height:3.6rem; background:url('../../images/egovframework/sub/ico-close.png') 50% 50% no-repeat; background-size:contain; }

#TotalMenu .body { padding:3.5rem 0 4rem; }
#TotalMenu .body .col { width:22rem; margin-right:3.6rem; }
#TotalMenu .body .col:last-child { margin:0; }
#TotalMenu .body .col .tit { border-bottom:2px solid #cac6c2; padding-bottom:1rem; }
#TotalMenu .body .col .tit h3 { display:flex; align-items:center; font-size:2.4rem; font-weight:500; color:#333; position:relative; }
#TotalMenu .body .col .tit h3:after { content:""; transition:all 0.1s ease-out; position:relative; left:0; margin-left:auto; width:2.2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-totalmenu-arrow-off.png') 50% 50% no-repeat; background-size:contain; }

#TotalMenu .body .col .tit.active { border-bottom:2px solid #F25B6A; }
#TotalMenu .body .col .tit.active h3 { color:#F25B6A; }
#TotalMenu .body .col .tit.active h3:after { transition:all 0.1s ease-out; background-image:url('../../images/egovframework/sub/ico-totalmenu-arrow-on.png'); position:relative; left:-0.5rem; }

#TotalMenu .body .col ul { margin:1rem 0 0; }
#TotalMenu .body .col li {  }
#TotalMenu .body .col li a { display:block; padding:1rem 0; font-size:1.8rem; font-weight:400; color:#666; }
#TotalMenu .body .col li a:hover { font-size:1.8rem; font-weight:700; color:#222; text-decoration:underline; }


/***** 본문 *****/
#container .visual { text-align:center; position:relative; height:64rem;  }
#container .visual .wind-video { width:100%; height:100%; object-fit: cover; }
#container section.container { max-width:150rem; margin:0 auto; position:relative; top:-3rem  }
#container section.container h2 { font-size:4.4rem; font-weight:700; color:#6B655F; margin-top:1rem;  }

/* 서브배너 */
#container-sub .visual h2 { font-size:4rem; color:#222; }
#container-sub .reservation-step { max-width:150rem; margin:4rem auto; }
#container-sub .reservation-step ul { display:flex; align-items:center; }
#container-sub .reservation-step ul li { display:flex; align-items:center; font-size:1.8rem; font-weight:400; color:#333; }
#container-sub .reservation-step ul li:after { content:""; width:5.5rem; height:1.2rem; margin:0 2rem; display:inline-block; background:url('../../images/egovframework/sub/ico-arrow-black.png') 50% 50% no-repeat; background-size:cover; }
#container-sub .reservation-step ul li:last-child:after { background:none !important; margin:0 !important; width:0 !important; height:0 !important; }
#container-sub .reservation-step ul li span { margin-right:1.5rem; display:flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:900; color:#83796F; width:3.5rem; height:3.5rem; border-radius:50%; border:1px solid #D1D0C8; }
#container-sub .reservation-step ul li.active { font-size:2.6rem; font-weight:700; color:#B6941E; }
#container-sub .reservation-step ul li.active span { width:6rem; height:6rem; border:0; background:url('../../images/egovframework/sub/ico-step-active.png') 50% 50% no-repeat; background-size:cover;  }

/*
#container-sub .visual.travelPackage { text-align:center; position:relative; height:35rem; background:url('../../images/egovframework/sub/s_visual.png') 50% 0 no-repeat; }
#container-sub .visual.travel-reservation { border-bottom-left-radius:50rem 8rem; border-bottom-right-radius:50rem 8rem; text-align:center; position:relative; height:35rem; background:url('../../images/egovframework/sub/s_visual_dark.png') 50% 0 no-repeat; }
*/
#container-sub .visual {  }
#container-sub .visual .v-title { max-width:150rem; height:100%; margin:0 auto; display:flex; align-items:center; }

/* 고속페리 비주얼 */
#container-sub .visual.travelPackage { text-align:center; position:relative; height:14.8rem; background:url('../../images/egovframework/sub/s_visual.png') 50% 0 no-repeat; background-size:cover; }

/* 이벤트/혜택 비주얼 */
#container-sub .visual.travelPackage2 { text-align:center; position:relative; height:14.8rem; background:url('../../images/egovframework/sub/s_visual2.png') 50% 0 no-repeat; background-size:cover; }

/* 고객센터 비주얼 */
#container-sub .visual.travelPackage3 { text-align:center; position:relative; height:14.8rem; background:url('../../images/egovframework/sub/s_visual3.png') 50% 0 no-repeat; background-size:cover; }

/* 한일고속 비주얼 */
#container-sub .visual.travelPackage4 { text-align:center; position:relative; height:14.8rem; background:url('../../images/egovframework/sub/s_visual4.png') 50% 0 no-repeat; background-size:cover; }

/* 예매하기 비주얼 */
#container-sub .visual.travel-reservation { border-bottom-left-radius:50rem 8rem; border-bottom-right-radius:50rem 8rem; text-align:center; position:relative; height:35rem; background:url('../../images/egovframework/sub/s_visual.png') 50% 0 no-repeat; background-size:cover; }


#container-sub section.container { max-width:150rem; margin:0 auto; }
#container-sub section.container.wide { width:100%; max-width:100%; margin:0 auto; }
#container-sub .responsive { max-width:150rem; margin:0 auto; position:relative; height:100%; }


/***** 푸터 *****/
#footer { background:#756C66; padding:6rem 0 7rem; margin:13rem 0 0; }
#footer .container { max-width:150rem; margin:0 auto; }
#footer .container ul.info-link { margin:1rem 0 0; display:flex; align-items:center; }
#footer .container ul.info-link li { display:flex; align-items:center; }
#footer .container ul.info-link li:after { content:""; margin:0 2rem; width:1px; height:0.7rem; background:rgba(255,255,255,.2); }
#footer .container ul.info-link li a { font-size:1.6rem; color:#fff; font-weight:700; }
#footer .container ul.info-link li a.hcolor { color:#FFD84F; }
#footer .container .copyright { margin:3rem 0 0; font-size:1.6rem; font-weight:400; color:rgba(255,255,255,.7); }
/***** 푸터 막대기 변경 수정자 배광민 2023-02-16 백부장님 요청사항  */
#footer .copyright span { display: inline-block; content: ""; margin: 0 1rem; width: 1px; height: 0.7rem; background: rgba(255,255,255,.2); }
/* 푸터 사이즈 18로 조정 */
#footer .container .csBanner { position:relative; top:2rem; width:24rem; height:18rem; text-align:center; background:#8B8279; }
#footer .container .csBanner .csBanner-tit { font-size:2.4rem; color:#fff; padding:7rem 0 0; font-weight:700; background:url('../../images/egovframework/main/footer-icon.png') 50% 2rem no-repeat; }
#footer .container .csBanner .tel { margin:1rem 0 0.5rem; }
#footer .container .csBanner .tel a { font-size:3rem; color:#FFD84F; font-weight:700; margin:0.7rem 0 0; }
#footer .container .csBanner .csBanner-link a { font-weight:1.4rem; color:#FFD84F; text-decoration:underline; }


/* 메인 스와이프 */
#container .swiperWrap { max-width:150rem; margin:0 auto; position:relative; }
#container .swiperWrap .swiper-button-next::after,
#container .swiperWrap .swiper-button-prev::after {
  display: none;
}
#container .swiperWrap .swiper-button-prev {
  width:6.1rem;
  height:6.1rem;
  left:-13rem;
  background: url('../../images/egovframework/main/slide-left.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:9;
}
#container .swiperWrap .swiper-button-next {
  width:6.1rem;
  height:6.1rem;
  right:-13rem;
  background: url('../../images/egovframework/main/slide-right.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:9;
}

#container .reservation { position:relative; width:150rem; margin:0 auto; text-align:Center; z-index:99; top:-10rem; }
#container .reservation .tab li { width:20rem; height:5rem; margin-right:0.1rem; }
#container .reservation .tab li i.ico { display:inline-block; vertical-align:middle; margin-right:1rem; }
#container .reservation .tab li:nth-child(1) i.ico { width:3.3rem; height:2.4rem; background:url('../../images/egovframework/main/reservation-tab1-off.png') 50% 0 no-repeat; }
#container .reservation .tab li:nth-child(2) i.ico { width:3.1rem; height:1.1rem; background:url('../../images/egovframework/main/reservation-tab2-off.png') 50% 0 no-repeat; }
#container .reservation .tab li:nth-child(3) i.ico { width:3rem; height:2.3rem; background:url('../../images/egovframework/main/reservation-tab3-off.png') 50% 0 no-repeat; }
#container .reservation .tab li:nth-child(1) button.active i.ico { width:3.3rem; height:2.4rem; background:url('../../images/egovframework/main/reservation-tab1-on.png') 50% 0 no-repeat; }
#container .reservation .tab li:nth-child(2) button.active i.ico { width:3.1rem; height:1.1rem; background:url('../../images/egovframework/main/reservation-tab2-on.png') 50% 0 no-repeat; }
#container .reservation .tab li:nth-child(3) button.active i.ico { width:3rem; height:2.3rem; background:url('../../images/egovframework/main/reservation-tab3-on.png') 50% 0 no-repeat; }
#container .reservation .tab li button { color:#fff; font-size:2rem; width:100%; height:100%; background:rgba(117,118,110,.7); }
#container .reservation .tab li button.active { color:#443600; background:rgba(255,216,79,.9); }

#container .reservation .tab-area { display:none; }
#container .reservation .tab-area.active { display:block; }

#container .reservation .form { height:10rem; padding:0 3rem; background:rgba(107,101,95,.9); }
#container .reservation .form .select-box-area { width:23rem; display:flex; border-radius:0.5rem; overflow:hidden; }
#container .reservation .form .select-box-area:nth-child(1),
#container .reservation .form .select-box-area:nth-child(2),
#container .reservation .form .select-box-area:nth-child(3),
#container .reservation .form .select-box-area:nth-child(4) { }
#container .reservation .form .select-box-area input { width:100%; height:5rem; border:0; border-radius:0; }
#container .reservation .form .btn-save { margin-left:auto; width:17rem; height:5rem; background:#FFD84F; font-size:2.2rem; color:#443600; font-weight:700; }

#container .reservation .form .select-box-area .select { width:100%; height:5rem; border:0; font-size:1.9rem; font-weight:500; color:#454C62; }

#container .reservation .form .select-box-area .ico1 {
  background:#fff url('../../images/egovframework/main/Group-1.png') 1.5rem 50% no-repeat;
  padding-left:5.5rem;
}

#container .reservation .form .select-box-area .ico2 {
  background:#fff url('../../images/egovframework/main/Group.png') 1.5rem 50% no-repeat;
  padding-left:5.5rem;
}

#container .reservation .form .select-box-area .ico3 {
  background:#fff url('../../images/egovframework/main/Vector.png') 1.5rem 50% no-repeat;
  padding-left:5.5rem;
}

#container .reservation .form .select-box-area .ico4 {
  background:#fff url('../../images/egovframework/main/Vector-1.png') 1.5rem 50% no-repeat;
  padding-left:9rem;
}


/***** 한일고속페리 선박소개 *****/
/* 고객 요청 사항 수정 */
#container .swiperWrap .info-swiper { padding:7rem 0 0 0; position:relative; overflow:hidden; }
#container .swiperWrap .info-swiper .swiper-slide { transition:all 0.2s ease-out; top:0; width:46rem; height:51rem; background:#fff; border-radius:2rem; background:#fff; overflow:hidden; box-shadow:3px 3px 10px 5px rgba(0,0,0,.03); }
#container .swiperWrap .info-swiper .swiper-slide .thumbnail { height:24rem; text-align:center; overflow:hidden; }
#container .swiperWrap .info-swiper .swiper-slide .thumbnail img { width:100%; height:100%; object-fit:cover; }
/* 삭제금지 */
#container .swiperWrap .info-swiper .swiper-slide-active { /* transition:all 0.2s ease-out; top:-3rem; box-shadow:0 10px 15px 10px rgba(0,0,0,.3); */ }
#container .swiperWrap .info-swiper .swiper-slide .txt { padding:3.5rem 3rem; }
#container .swiperWrap .info-swiper .swiper-slide .txt .titArea { padding:0 0 2rem; background:url('../../images/egovframework/main/line.png') 0 100% repeat-x;  }
#container .swiperWrap .info-swiper .swiper-slide .txt .titArea h4 { font-size:2.6rem; color:#B0901C; font-weight:700; }
#container .swiperWrap .info-swiper .swiper-slide .txt .titArea a { font-size:1.8rem; color:#6B655F; font-weight:400; }
#container .swiperWrap .info-swiper .swiper-slide .txt .timeArea { padding:3.5rem 0; }
#container .swiperWrap .info-swiper .swiper-slide .txt .timeArea div:nth-child(1) { width:11rem; text-align:left; }
#container .swiperWrap .info-swiper .swiper-slide .txt .timeArea div:nth-child(2) { flex:1; text-align:center; background:url('../../images/egovframework/main/addr-Arrow.png') 50% 2rem no-repeat; }
#container .swiperWrap .info-swiper .swiper-slide .txt .timeArea div:nth-child(3) { width:11rem; text-align:right; }
#container .swiperWrap .info-swiper .swiper-slide .txt .timeArea .addr strong { margin:0 0 1.5rem; display:block; font-size:3.6rem; font-weight:700; color:#6B655F }
#container .swiperWrap .info-swiper .swiper-slide .txt .timeArea .addr:nth-child(1) p { width:100%; font-size:2rem; color:#6B655F; line-height:150%;  }
#container .swiperWrap .info-swiper .swiper-slide .txt .timeArea .addr label,
#container .swiperWrap .info-swiper .swiper-slide .txt .timeArea .addr span { font-size:2rem; color:#6B655F; }
#container .swiperWrap .info-swiper .swiper-slide .txt .timeArea .addr:nth-child(3) p { width:100%; font-size:2rem; color:#6B655F; line-height:150%;  }
/* 삭제금지 */
#container .swiperWrap .info-swiper .swiper-slide:hover{transition:all 0.2s ease-out; top:-3rem; box-shadow:0 10px 15px 10px rgba(0,0,0,.3);}

/***** 여행패키지 *****/
#container .package-bg { height:68rem; background:url('../../images/egovframework/main/package-bg.png') 50% 50% no-repeat; }
#container .swiperWrap .package-swiper { padding:7rem 0; position:relative; overflow:hidden; }
#container .swiperWrap .package-swiper .swiper-slide { transition:all 0.2s ease-out; top:0; width:46rem; overflow:hidden; }
#container .swiperWrap .package-swiper .swiper-slide .thumbnail { height:26rem; text-align:center; overflow:hidden; border-radius:1rem; }
#container .swiperWrap .package-swiper .swiper-slide .thumbnail img { width:100%; height:100%;  }
/* 삭제금지 */
#container .swiperWrap .package-swiper .swiper-slide:hover{top:-3rem;}
#container .swiperWrap .package-swiper .swiper-slide:hover .txt h4 a { color:#D6A600; text-decoration:underline; }
#container .swiperWrap .package-swiper .swiper-slide .txt { padding:2.5rem 0; }
#container .swiperWrap .package-swiper .swiper-slide .txt h4 { font-size:2.6rem; font-weight:700; line-height:140%; }
#container .swiperWrap .package-swiper .swiper-slide .txt h4 a { font-size:2.6rem; font-weight:700; line-height:140%; color:#333; }
#container .swiperWrap .package-swiper .swiper-slide .txt p { font-size:1.7rem; margin:1rem 0 0; height:4.5rem; color:#6B655F; line-height:150%; }
#container .swiperWrap .package-swiper .swiper-slide .txt .txt-chk { margin:1rem 0 0; font-size:1.7rem; color:#6B655F;  background:url('../../images/egovframework/main/txt-chk.png') 0 50% no-repeat; padding-left:2rem; }

/***** 프로모션 *****/
#container .swiperWrap .promotion-swiper { padding:7rem 0 0; position:relative; overflow:hidden; }
#container .swiperWrap .promotion-swiper .swiper-slide { transition:all 0.2s ease-out; top:0; width:46rem; overflow:hidden; }
#container .swiperWrap .promotion-swiper .swiper-slide .thumbnail { height:26rem; text-align:center; overflow:hidden; border-radius:1rem; }
#container .swiperWrap .promotion-swiper .swiper-slide .thumbnail img { width:100%; height:100%;  }
#container .swiperWrap .promotion-swiper .swiper-slide:hover .txt h4 a { color:#D6A600; text-decoration:underline; }
#container .swiperWrap .promotion-swiper .swiper-slide .txt { padding:2.5rem 0; }
#container .swiperWrap .promotion-swiper .swiper-slide .txt h4 { font-size:2.6rem;font-weight:700; line-height:140%; }
#container .swiperWrap .promotion-swiper .swiper-slide .txt h4 a { font-size:2.6rem; font-weight:700; line-height:140%; color:#333; }
#container .swiperWrap .promotion-swiper .swiper-slide .txt p { font-size:1.7rem; margin:1rem 0 0; height:4.5rem; color:#6B655F; }
#container .swiperWrap .promotion-swiper .swiper-slide .txt .datetime { font-size:1.8rem; font-weight:700; color:#83796F; border-top:1px solid #d9d9d9; margin:1rem 0 0; padding:1rem 0 0; }


/***** 스페셜 서비스 *****/
#container .swiperWrap .service-swiper { padding:7rem 0 0; position:relative; overflow:hidden; }
#container .swiperWrap .service-swiper .swiper-slide { transition:all 0.2s ease-out; top:0; width:46rem; overflow:hidden; }
#container .swiperWrap .service-swiper .swiper-slide .thumbnail { height:26rem; text-align:center; overflow:hidden; border-radius:1rem; }
#container .swiperWrap .service-swiper .swiper-slide .thumbnail img { width:100%; height:100%;  }
/* 삭제금지 */
#container .swiperWrap .service-swiper .swiper-slide:hover{top:-3rem;}
#container .swiperWrap .service-swiper .swiper-slide:hover .txt h4 a { color:#D6A600; text-decoration:underline; }
#container .swiperWrap .service-swiper .swiper-slide .txt { padding:2.5rem 0; }
#container .swiperWrap .service-swiper .swiper-slide .txt h4 { font-size:2.6rem;font-weight:700; line-height:140%; }
#container .swiperWrap .service-swiper .swiper-slide .txt h4 a { font-size:2.6rem; font-weight:700; line-height:140%; color:#333; }
#container .swiperWrap .service-swiper .swiper-slide .txt p { font-size:1.7rem; margin:1rem 0 0; height:4.5rem; color:#6B655F; }
#container .swiperWrap .service-swiper .swiper-slide .txt .datetime { font-size:1.8rem; font-weight:700; color:#83796F; border-top:1px solid #d9d9d9; margin:1rem 0 0; padding:1rem 0 0; }
/*  여행패키지 날짜 추가에따른 수정 */
#container .swiperWrap .package-swiper .swiper-slide .txt .datetime { font-size:1.8rem; font-weight:700; color:#83796F; border-top:1px solid #d9d9d9; margin:1rem 0 0; padding:1rem 0 0; }

/***** 고객편의 *****/
#container .swiperWrap .convenience-swiper { padding:7rem 0 0; position:relative; overflow:hidden; }
#container .swiperWrap .convenience-swiper .swiper-slide { transition:all 0.2s ease-out; top:0; width:46rem; overflow:hidden; }
#container .swiperWrap .convenience-swiper .swiper-slide .thumbnail { height:26rem; text-align:center; overflow:hidden; border-radius:1rem; }
#container .swiperWrap .convenience-swiper .swiper-slide .thumbnail img { width:100%; height:100%;  }
/* 삭제금지 */
#container .swiperWrap .convenience-swiper .swiper-slide:hover{top:-3rem;}
#container .swiperWrap .convenience-swiper .swiper-slide:hover .txt h4 a { color:#D6A600; text-decoration:underline; }
#container .swiperWrap .convenience-swiper .swiper-slide .txt { padding:2.5rem 0; }
#container .swiperWrap .convenience-swiper .swiper-slide .txt h4 { font-size:2.6rem;font-weight:700; line-height:140%; }
#container .swiperWrap .convenience-swiper .swiper-slide .txt h4 a { font-size:2.6rem; font-weight:700; line-height:140%; color:#333; }
#container .swiperWrap .convenience-swiper .swiper-slide .txt p { font-size:1.7rem; margin:1rem 0 0; height:4.5rem; color:#6B655F; }
#container .swiperWrap .convenience-swiper .swiper-slide .txt .datetime { font-size:1.8rem; font-weight:700; color:#83796F; border-top:1px solid #d9d9d9; margin:1rem 0 0; padding:1rem 0 0; }

/***** 제휴 *****/
#container .swiperWrap .partner-swiper { padding:7rem 0 0; position:relative; overflow:hidden; }
#container .swiperWrap .partner-swiper .swiper-slide { transition:all 0.2s ease-out; top:0; width:46rem; overflow:hidden; }
#container .swiperWrap .partner-swiper .swiper-slide .thumbnail { height:26rem; text-align:center; overflow:hidden; border-radius:1rem; }
#container .swiperWrap .partner-swiper .swiper-slide .thumbnail img { width:100%; height:100%;  }
/* 삭제금지 */
#container .swiperWrap .partner-swiper .swiper-slide:hover{top:-3rem;}
#container .swiperWrap .partner-swiper .swiper-slide:hover .txt h4 a { color:#D6A600; text-decoration:underline; }
#container .swiperWrap .partner-swiper .swiper-slide .txt { padding:2.5rem 0; }
#container .swiperWrap .partner-swiper .swiper-slide .txt h4 { font-size:2.6rem;font-weight:700; line-height:140%; }
#container .swiperWrap .partner-swiper .swiper-slide .txt h4 a { font-size:2.6rem; font-weight:700; line-height:140%; color:#333; }
#container .swiperWrap .partner-swiper .swiper-slide .txt p { font-size:1.7rem; margin:1rem 0 0; height:4.5rem; color:#6B655F; }
#container .swiperWrap .partner-swiper .swiper-slide .txt .datetime { font-size:1.8rem; font-weight:700; color:#83796F; border-top:1px solid #d9d9d9; margin:1rem 0 0; padding:1rem 0 0; }

/***** 서브 - 공통 *****/
/* 백부장님 요청사항 */
#container-sub section.container h2 { font-size:3.5rem; font-weight:700; color:#222; }
#container-sub section.container .subNavi { margin:0 0 2.5rem; } 
#container-sub section.container .subNavi ul li { font-size:1.55rem; color:#6B655F; }
#container-sub section.container .subNavi ul li:after { content:""; width:0.4rem; height:0.7rem; margin:0 1rem; display:inline-block; background:url('../../images/egovframework/sub/Union.png') 100% 50% no-repeat; }
#container-sub section.container .subNavi ul li:last-child:after { background:none; margin:0; }

#container-sub section.container .titWrap { background:rgba(217,217,217,.2); height:9rem; padding:0 4rem; }
#container-sub section.container .titWrap .chk.chk-Package label { font-size:2rem; color:#666; }
#container-sub section.container .titWrap .chk.chk-Package label span { position:relative; top:-2px; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
#container-sub section.container .titWrap .chk.chk-Package input[type="checkbox"]:checked + label span { background-color:#14ABB5; }
#container-sub section.container .titWrap .btn-lang { padding-left:3.5rem; font-size:1.8rem; font-weight:500; color:#6B655F; text-decoration:underline; background:url('../../images/egovframework/sub/ico-lang.png') 0 50% no-repeat; background-size:contain; }


/***** 목록 *****/
#container-sub section.container .dataResult .sort a { font-size:1.7rem; color:#918A83; font-weight:400; display:flex; align-items:center; justify-content:center; width:11rem; height:3.5rem; border:1px solid #ddd; border-radius:1.8rem; }
#container-sub section.container .dataResult .sort a:last-child { margin-left:0.5rem; }
#container-sub section.container .dataResult .sort a.active { background:#333; color:#fff; }

#container-sub section.container .dataResult .sort select { width:18rem; height:6rem !important; border-radius:0.5rem; font-size:1.8rem; }
#container-sub section.container .dataResult .sort input { width:32rem; height:6rem !important; background:#fff !important; padding-right:9rem; }
#container-sub section.container .dataResult .sort input:focus,
#container-sub section.container .dataResult .sort select:focus { border:1px solid #333 !important; }

#container-sub section.container .dataResult .sort .txt-delete { display:none; position:absolute; top:1.5rem; right:6rem; width:2.8rem; height:2.8rem;  background:url('../../images/egovframework/sub/ico-delete.png') 50% 50% no-repeat; background-size:contain; }

#container-sub section.container .dataResult .sort .btn-sch { position:absolute; top:1.5rem; right:2rem; width:2.8rem; height:2.8rem;  background:url('../../images/egovframework/sub/ico-list-sch.png') 50% 50% no-repeat; background-size:contain; }

#container-sub section.container .dataResult .s-tit { font-size:3.5rem; font-weight:700; color:#333; }
#container-sub section.container .dataResult .s-tit span { color:#149AAF; }


/* 갤러리형 */
#container-sub section.container .dataResult .data-row { display:flex; flex-wrap:wrap; margin:2.5rem 0 0; }
#container-sub section.container .dataResult .data-row li { display:flex; flex-direction:column; width:46rem; height:52rem; border:1px solid #D9D5D2; margin-bottom:5.5rem; margin-right:5.5rem; }
#container-sub section.container .dataResult .data-row li:nth-child(3n) { margin-right:0; }
#container-sub section.container .dataResult .data-row .thumbnail { height:26rem; text-align:center; overflow:hidden; }
/* 썸네일 크기 조절을 위한 수정 */
#container-sub section.container .dataResult .data-row .thumbnail img { width:100%; height:100%;}
#container-sub section.container .dataResult .data-row .txt { flex:1; padding:3.5rem 3rem; }
#container-sub section.container .dataResult .data-row .txt h4 { font-size:2.8rem;font-weight:500; line-height:140%; }
#container-sub section.container .dataResult .data-row .txt h4 a { font-size:2.8rem;font-weight:500; line-height:140%; color:#333 }
#container-sub section.container .dataResult .data-row .txt p { font-size:1.6rem; margin:1rem 0 0; height:4.5rem; color:#8e8e8e; }
#container-sub section.container .dataResult .data-row .txt .price { font-size:2.8rem; font-weight:700; color:#333; }
#container-sub section.container .dataResult .data-row .datetime { height:5rem; line-height:5rem; padding:0 3rem; border-top:1px solid #ddd; font-size:1.8rem; color:#83796F; }
#container-sub section.container .dataResult .data-row .datetime span { display:inline-block; vertical-align:middle; margin-right:0.5rem; width:2rem; height:1.8rem; background:url('../../images/egovframework/sub/datetime-icon.png') 50% 50% no-repeat; background-size:contain; position:relative; top:-2px; }
#container-sub section.container .dataResult .data-row li:hover { border:1px solid #F46170; }
#container-sub section.container .dataResult .data-row li:hover .txt h4 { text-decoration:underline; font-weight:700;}
#container-sub section.container .dataResult .data-row li:hover .txt h4 a { font-size:2.8rem;font-weight:700; line-height:140%; color:#333 }
#container-sub section.container .dataResult .data-row.special li { height:46rem;  }


/* 목록형 갤러리 */
#container-sub section.container .dataResult .data-row-gallerylist { margin:2.5rem 0 0; border-top:2px solid #D1D0C8; border-bottom:1px solid #959595; }
#container-sub section.container .dataResult .data-row-gallerylist li.col { display:flex; padding:5rem 4rem; height:36rem; background: url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
#container-sub section.container .dataResult .data-row-gallerylist li.col:last-child { background:none; }
#container-sub section.container .dataResult .data-row-gallerylist li.col:hover { background-color:#F4FEFF; }
#container-sub section.container .dataResult .data-row-gallerylist .thumbnail { width:46.4rem; height:26rem; text-align:center; overflow:hidden; border-radius:0.5rem;  }
/* 이미지 잘려보이는 현상 개선 */
#container-sub section.container .dataResult .data-row-gallerylist .thumbnail img { width:100%; height:100%; object-fit:cover; position:relative; top:-2px; }
#container-sub section.container .dataResult .data-row-gallerylist .txt { flex:1; padding-left:4rem; letter-spacing:-0.2px; }
#container-sub section.container .dataResult .data-row-gallerylist .txt h4 { font-size:2.8rem; font-weight:700; }
#container-sub section.container .dataResult .data-row-gallerylist .txt p { font-size:1.8rem; font-weight:400; color:#666; }
#container-sub section.container .dataResult .data-row-gallerylist .txt ul.list { border-top:1px solid #D1D0C8; }
#container-sub section.container .dataResult .data-row-gallerylist .txt ul.list li { padding-left:1.5rem; font-size:1.8rem; font-weight:400; color:#666; background:url('../../images/egovframework/sub/ico-dot2.png') 0 1rem no-repeat; }
#container-sub section.container .dataResult .data-row-gallerylist .txt a.link { margin:3rem 0 0; display:block; width:20rem; height:5rem; line-height:5rem; text-align:center; border-radius:0.3rem; background:#149AAF; font-size:2rem; color:#fff; font-weight:700; }



/***** 페이징 *****/
.pagingWrap { text-align:center; }
.pagingWrap ul { display:flex; align-items:center; justify-content:center; position:relative; left:-4px; }
.pagingWrap ul li { display:flex; align-items:center; justify-content:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; height:4.5rem; text-align:center; }

/* 링크 타입 */
.pagingWrap ul li:first-child { border-left:1px solid #d5d5d5; }
.pagingWrap ul li a { font-weight:400; height:100%; display:flex; align-items:center; justify-content:center; font-size:1.7rem; color:#999; padding:0 2rem; }
.pagingWrap ul li a.num { width:5rem; }
.pagingWrap ul li a.active { background:#999; color:#fff; }
.pagingWrap ul li a:hover { background:#999; color:#fff; }
.pagingWrap ul li a.prev:before { content:""; display:inline-block; margin-right:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-prev.png') 0 50% no-repeat; }
.pagingWrap ul li a.next:after { content:""; display:inline-block; margin-left:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-next.png') 0 50% no-repeat; }

/* 버튼 타입 */
.pagingWrap ul li button { font-weight:400; height:100%; display:flex; align-items:center; justify-content:center; font-size:1.7rem; color:#999; padding:0 2rem; }
.pagingWrap ul li button.num { width:5rem; }
.pagingWrap ul li button.active { background:#999; color:#fff; }
.pagingWrap ul li button:hover { background:#999; color:#fff; }
.pagingWrap ul li button.prev:before { content:""; display:inline-block; margin-right:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-prev.png') 0 50% no-repeat; }
.pagingWrap ul li button.next:after { content:""; display:inline-block; margin-left:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-next.png') 0 50% no-repeat; }



/***** 선박 예매하기(여행일정선택)  *****/
#container-sub .basic-data { z-index:99999; border-radius:2rem; box-shadow:0 0 15px 1px rgba(0,0,0,.15); position:relative; top:0; width:150rem; margin:0 auto 6rem; background:#fff;  }

#container-sub .basic-data .hd { height:9.5rem; border-bottom:2px solid #d9d9d9; padding:3rem; }
#container-sub .basic-data .hd .tab { text-align:left; }
#container-sub .basic-data .hd .tab li {  }
#container-sub .basic-data .hd .tab li button { color:#666; font-size:1.8rem; font-weight:400; width:7rem; height:3.5rem; margin-right:0.5rem;  border-radius:1.8rem; border:1px solid #8e8e8e }
#container-sub .basic-data .hd .tab li button.active { border:0; color:#fff; background:rgba(244,97,112,1); }

#container-sub .basic-data .addr { width:47rem; }

#container-sub .basic-data .datetime { flex:1 }
#container-sub .basic-data .datetime .col { padding:3rem 4rem; height:100%; border-right:1px solid #d9d9d9; }
#container-sub .basic-data .datetime .col:last-child { }
#container-sub .basic-data .datetime .col label { display:block; font-size:2rem; font-weight:400; color:#8e8e8e; }
#container-sub .basic-data .datetime .col p { font-size:3rem; color:#333; margin:1rem 0 0; }

#container-sub .basic-data .person { width:29rem; }
#container-sub .basic-data .btnArea { width:25rem; margin:0 auto; text-align:center; }

#container-sub .basic-data .datetime .btn-travel-reservation-sch { width:17rem; height:8rem; border-radius:1rem; background:#767676; font-size:2.6rem; color:#fff; }
#container-sub .basic-data .datetime .btn-travel-reservation-sch span { display:inline-block; vertical-align:middle; margin-right:1rem; width:4rem; height:4rem; background:url('../../images/egovframework/sub/ico-sch.png') 50% 50% no-repeat; background-size:contain; }


/***** 선박 예매하기(여행일정선택) 다구간 *****/
#container-sub .basic-data-row { z-index:99999; border-radius:2rem; box-shadow:0 0 15px 1px rgba(0,0,0,.15); position:relative; top:0; width:150rem; margin:0 auto 6rem; background:#fff;  }

#container-sub .basic-data-row .hd { height:9.5rem; border-bottom:2px solid #d9d9d9; padding:3rem; }
#container-sub .basic-data-row .hd .tab { text-align:left; }
#container-sub .basic-data-row .hd .tab li {  }
#container-sub .basic-data-row .hd .tab li button { color:#666; font-size:1.8rem; font-weight:400; width:7rem; height:3.5rem; margin-right:0.5rem;  border-radius:1.8rem; border:1px solid #8e8e8e }
#container-sub .basic-data-row .hd .tab li button.active { border:0; color:#fff; background:rgba(244,97,112,1); }

#container-sub .basic-data-row .addr { width:47rem; }

#container-sub .basic-data-row .datetime { flex:1 }
#container-sub .basic-data-row .datetime .col { padding:3rem 4rem;  height:100%; border-right:1px solid #d9d9d9; }
#container-sub .basic-data-row .datetime .col:last-child { }
#container-sub .basic-data-row .datetime .col label { display:block; font-size:2rem; font-weight:400; color:#8e8e8e; }
#container-sub .basic-data-row .datetime .col p { font-size:3rem; color:#333; margin:1rem 0 0; }
#container-sub .basic-data-row .datetime .border-top { border-top:1px solid #d9d9d9; }

#container-sub .basic-data-row .person { width:29rem; }
#container-sub .basic-data-row .btnArea { width:25rem; margin:0 auto; text-align:center; }

#container-sub .basic-data-row .datetime .btn-travel-reservation-sch { width:17rem; height:8rem; border-radius:1rem; background:#767676; font-size:2.6rem; color:#fff; }
#container-sub .basic-data-row .datetime .btn-travel-reservation-sch span { display:inline-block; vertical-align:middle; margin-right:1rem; width:4rem; height:4rem; background:url('../../images/egovframework/sub/ico-sch.png') 50% 50% no-repeat; background-size:contain; }



#container-sub section.container .travel-reservation h3 { font-size:3.5rem; font-weight:700; color:#83796F; }
#container-sub section.container .travel-reservation .addr {  }
#container-sub section.container .travel-reservation .addr:before { content:""; margin:0 3rem; width:0.1rem; height:2rem; background:#BDBDBD; }
#container-sub section.container .travel-reservation .addr span { font-size:3rem; color:#333; } 
#container-sub section.container .travel-reservation .addr .ico { width:4.3rem; height:1.2rem; margin:0 2rem; background:url('../../images/egovframework/sub/ico-arrow-red.png') 50% 50% no-repeat; }


/* 가는 여정 스와이프 */
#container-sub .swiperWrap.reservation { max-width:150rem; display:flex; align-items:center; justify-content:center;  position:relative; border-radius:1rem; height:13rem; background:#D1D0C8;  }
#container-sub .swiperWrap.reservation .swiper-button-next::after,
#container-sub .swiperWrap.reservation .swiper-button-prev::after {
  display: none;
}
#container-sub .swiperWrap.reservation .swiper-button-prev {
  width:9rem;
  height:7.2rem;
  left:-3rem;
  background: url('../../images/egovframework/sub/ico-reservation-prev.png') 50% 50% no-repeat;
  z-index:9;
}
#container-sub .swiperWrap.reservation .swiper-button-next {
  width:9rem;
  height:7.2rem;
  right:-3rem;
  background: url('../../images/egovframework/sub/ico-reservation-next.png') 50% 50% no-repeat;
  background-size:contain;
  z-index:9;
}

#container-sub .swiperWrap.reservation .reservation-swiper { max-width:130rem; height:100%; margin:0 auto; position:relative; overflow:hidden;  }
#container-sub .swiperWrap.reservation .reservation-swiper .swiper-slide { margin:0; display:flex; align-items:center; justify-content:center; height:100%; }
#container-sub .swiperWrap.reservation .reservation-swiper .swiper-slide div { cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s ease-out; font-weight:400; color:#333; font-size:1.9rem; text-align:center; width:8.5rem !important; height:8.5rem !important; background:#fff; border-radius:50%; }

#container-sub .swiperWrap.reservation .reservation-swiper .swiper-slide div.active { cursor:auto; font-size:2.1rem; background:#F25B6A; color:#fff; transition:all 0.2s ease-out; width:9.5rem !important; height:9.5rem !important; border-radius:50%; }


/* 오는 여정 스와이프 */
#container-sub .swiperWrap.reservation-Comeback { max-width:150rem; display:flex; align-items:center; justify-content:center;  position:relative; border-radius:1rem; height:13rem; background:#D1D0C8;  }
#container-sub .swiperWrap.reservation-Comeback .swiper-button-next::after,
#container-sub .swiperWrap.reservation-Comeback .swiper-button-prev::after {
  display: none;
}
#container-sub .swiperWrap.reservation-Comeback .swiper-button-prev {
  width:9rem;
  height:7.2rem;
  left:-3rem;
  background: url('../../images/egovframework/sub/ico-reservation-prev.png') 50% 50% no-repeat;
  
  z-index:9;
}
#container-sub .swiperWrap.reservation-Comeback .swiper-button-next {
  width:9rem;
  height:7.2rem;
  right:-3rem;
  background: url('../../images/egovframework/sub/ico-reservation-next.png') 50% 50% no-repeat;
  background-size:contain;
  z-index:9;
}

#container-sub .swiperWrap.reservation-Comeback .reservation-swiper-Comeback { max-width:130rem; height:100%; margin:0 auto; position:relative; overflow:hidden;  }
#container-sub .swiperWrap.reservation-Comeback .reservation-swiper-Comeback .swiper-slide { margin:0; display:flex; align-items:center; justify-content:center; height:100%; }
#container-sub .swiperWrap.reservation-Comeback .reservation-swiper-Comeback .swiper-slide div { cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s ease-out; font-weight:400; color:#333; font-size:1.9rem; text-align:center; width:8.5rem !important; height:8.5rem !important; background:#fff; border-radius:50%; }

#container-sub .swiperWrap.reservation-Comeback .reservation-swiper-Comeback .swiper-slide div.active { cursor:auto; font-size:2.1rem; background:#F25B6A; color:#fff; transition:all 0.2s ease-out; width:9.5rem !important; height:9.5rem !important; border-radius:50%; }


#container-sub section.container .travel-reservation table.tbl-hd th { font-size:2.4rem; font-weight:400; border-top:2px solid #123123; height:6rem; background:#f6f6f4; border-bottom:1px solid #dddbd8; }
#container-sub section.container .travel-reservation table.tbl-hd th:nth-child(1) { width:33rem; text-align:right; padding-right:7.5rem;  }
#container-sub section.container .travel-reservation table.tbl-hd th:nth-child(2) { width:35rem; }
#container-sub section.container .travel-reservation table.tbl-hd th:nth-child(3) { text-align:left; padding-left:12rem; }

#container-sub section.container .travel-reservation ul.tbl-list:after { content:""; display:block; width:100%; height:1px; margin:5rem 0 0; background: url('../../images/egovframework/sub/line.png') 0 0 no-repeat; }

#container-sub section.container .travel-reservation ul.tbl-list.noline:after { display:none; }

#container-sub section.container .travel-reservation ul.tbl-list li { cursor:pointer; display:flex; align-items:center; height:8rem; padding:2rem 4rem 2rem 0; border:1px solid #D1D0C8; border-radius:0.5rem; margin:0 0 1rem; }
#container-sub section.container .travel-reservation ul.tbl-list li .time-1 { margin-left:9rem; font-size:2.8rem; }
#container-sub section.container .travel-reservation ul.tbl-list li .name { display:flex; align-items:center; font-size:2.4rem; }
#container-sub section.container .travel-reservation ul.tbl-list li .name img { margin-right:1rem; }
#container-sub section.container .travel-reservation ul.tbl-list li .time-sm { font-size:2rem; font-weight:500; color:#767676; }

#container-sub section.container .travel-reservation ul.tbl-list li .row { display:flex; align-items:center; border-right:1px solid #BDBDBD; padding:0 0 0 6rem; }
#container-sub section.container .travel-reservation ul.tbl-list li .row:nth-child(1) { width:33rem; padding:0 8rem 0 5rem; }
#container-sub section.container .travel-reservation ul.tbl-list li .row:nth-child(2) { width:38rem; }
#container-sub section.container .travel-reservation ul.tbl-list li .row:last-child { flex:1; border:0; }

#container-sub section.container .travel-reservation ul.tbl-list li .txt { font-size:2.2rem; color:#666; }

#container-sub section.container .travel-reservation ul.tbl-list li:hover { background:#149AAF; }
#container-sub section.container .travel-reservation ul.tbl-list li:hover span { color:#fff !important; }

#container-sub section.container .travel-reservation ul.tbl-list li.active { background:#149AAF; }
#container-sub section.container .travel-reservation ul.tbl-list li.active span { color:#fff !important; }

#container-sub section.container .travel-reservation ul.tbl-list li .img { width:8rem; }

#container-sub section.container .travel-reservation ul.tbl-list li.disabled { background:#F1F1F1; }
#container-sub section.container .travel-reservation ul.tbl-list li.disabled span { font-weight:300; color:#8e8e8e !important; }
#container-sub section.container .travel-reservation ul.tbl-list li.disabled span.name { font-weight:400;  }
#container-sub section.container .travel-reservation ul.tbl-list li.disabled span.txt { font-weight:400;  }
#container-sub section.container .travel-reservation ul.tbl-list li.disabled img { filter: grayscale(100%); }


#container-sub section.container .travel-reservation ul.tbl-list li .ico-p { margin-left:1rem; display:flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border-radius:50%; background:#8D00FC; font-size:1.8rem; color:#fff; }


/***** 인원차량선택 팝업 *****/
.mask { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.1); z-index:999; }
#sch-pop .popContainer { z-index:99999; border-radius:1rem; box-shadow:0 0 15px 1px rgba(0,0,0,.15); position:absolute; top:0; left:50%; width:150rem; height:41rem; margin-left:-75rem; overflow:hidden; }

#sch-pop .popContainer .hd { height:8rem; background:#149AAF; padding:0 3rem; }
#sch-pop .popContainer .hd h4 { font-size:2.8rem; color:#fff; font-weight:700; }
#sch-pop .popContainer .hd .pop-close { margin-left:auto; width:3.6rem; height:3.6rem; background:url('../../images/egovframework/sub/ico-close.png') 50% 50% no-repeat; background-size:contain; }

#sch-pop .popContainer .colWrap { height:33rem; }
#sch-pop .popContainer .colWrap .ico { position:absolute; top:9rem; right:-2.7rem; width:5.2rem; height:5.2rem; background:url('../../images/egovframework/sub/ico-link.png') 50% 50% no-repeat; background-size:contain; z-index:99 }

#sch-pop .popContainer .colWrap .col { height:100%; text-align:center; position:relative; padding:3rem; }
#sch-pop .popContainer .colWrap .col strong { font-size:2.4rem; color:#333; display:block; margin:0 0 1rem; }
#sch-pop .popContainer .colWrap .col p { height:5rem; font-size:1.7rem; color:#666; letter-spacing:-0.5px;  }

#sch-pop .popContainer .colWrap .col .Calculation { width:18rem; margin:2rem auto 0;  padding-bottom:1.5rem; border-bottom:1px solid #d9d9d9; }
#sch-pop .popContainer .colWrap .col .Calculation input { border:0; width:auto !important; flex:1 !important; text-align:center; font-size:2.6rem; } 
#sch-pop .popContainer .colWrap .col .Calculation input:focus { border:0 !important; outline:none !important; } 

#sch-pop .popContainer .colWrap .col .Calculation button.btn-minus { width:3.6rem; height:3.6rem; background:url('../../images/egovframework/sub/ico-minus.png') 50% 50% no-repeat; background-size:contain; }
#sch-pop .popContainer .colWrap .col .Calculation button.btn-plus { width:3.6rem; height:3.6rem; background:url('../../images/egovframework/sub/ico-plus.png') 50% 50% no-repeat; background-size:contain; }

#sch-pop .popContainer .colWrap .col.left { width:33rem; height:100%; background:#fff; border-bottom-right-radius:1rem; margin-right:0.5rem; }

#sch-pop .popContainer .colWrap .col.right { flex:1; height:100%; background:#fff; border-bottom-left-radius:1rem; }
#sch-pop .popContainer .colWrap .col.right .Wrap { margin:0 4.5rem; }
#sch-pop .popContainer .colWrap .col.right .ftWrap .btn-apply { margin-left:29rem; }



/***** 선박 예매하기(예약 및 승객정보) *****/
#container-sub .basic-data-ticket { z-index:99999; position:relative; top:0; width:150rem; margin:0 auto 6rem; background:#fff; }

#container-sub .basic-data-ticket { justify-content:space-between; }
#container-sub .basic-data-ticket .ico { position:absolute; top:13rem; left:0; width:100%; text-align:center; }
#container-sub .basic-data-ticket .start { background:#fff; width:74rem; border-radius:2rem; box-shadow:0 0 15px 1px rgba(0,0,0,.15); overflow:hidden;}
#container-sub .basic-data-ticket .box { background:#fff; width:74rem; border-radius:2rem; box-shadow:0 0 15px 1px rgba(0,0,0,.15); overflow:hidden; }

#container-sub .basic-data-ticket .box .hd { font-size:3rem; font-weight:400; color:#fff; display:flex; align-items:center; height:9.5rem; background:#767676; padding:0 6rem; }
#container-sub .basic-data-ticket .box .hd span { width:3rem; height:3.3rem; margin-right:1rem; background:url('../../images/egovframework/sub/ico-tit.png') 50% 50% no-repeat; }
#container-sub .basic-data-ticket .box .name { display:flex; align-items:center; justify-content:center;  width:14rem; padding:0; height:7rem; font-size:2rem; color:#fff; font-weight:500; border-radius:3.5rem; border:1rem solid #696969; padding-left:3rem; background:#383838 url('../../images/egovframework/sub/ico-arrow-short.png') 2rem 50% no-repeat; }

#container-sub .basic-data-ticket .box .txtWrap { padding:2rem 4rem; height:17rem; }

#container-sub .basic-data-ticket .box .txtWrap ul.info-inline { padding:0 2rem; }
#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li { flex:1; }
#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li:nth-child(1) { margin-right:auto; text-align:left; }
#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li:nth-child(2) { width:18rem; margin:0 auto; text-align:center; }
#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li:nth-child(3) { margin-left:auto; text-align:right; }

#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li .addr { font-size:3rem; color:#333; }
#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li .time { font-size:4rem; color:#149AAF; line-height:3.2rem; }
#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li .time span { font-size:2.4rem; color:#767676; }
#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li .time.gray { font-size:4rem; color:#666; line-height:3.2rem;  }

#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li .time-sm { font-size:2.2rem; color:#767676; background:url('../../images/egovframework/sub/ico-long-arrow.png') 50% 100% no-repeat; }
#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li .time-sm img { display:inline-block; vertical-align:middle; margin-top:-3px; }

#container-sub .basic-data-ticket .box .txtWrap ul.info-inline li .prd-name { font-size:2.6rem; color:#F25B6A; }


#container-sub .basic-data-ticket .box .txtWrap2 { padding:0 4rem 3rem;  }
#container-sub .basic-data-ticket .box .txtWrap2 ul { background:#F8F8F8; padding:2.5rem 2rem; border-top:2px solid #d2d2d2; }
#container-sub .basic-data-ticket .box .txtWrap2 ul li .col { margin:0 0 1.5rem; }
#container-sub .basic-data-ticket .box .txtWrap2 ul li .col:last-child { margin:0; }

#container-sub .basic-data-ticket .box .txtWrap2 ul li span { font-size:1.8rem; color:#333; }
#container-sub .basic-data-ticket .box .txtWrap2 ul li .row:nth-child(2) span { color:#666; }

#container-sub .basic-data-ticket .box .txtWrap2 ul li .ico-peple { margin-right:2rem; width:2.5rem; height:2.5rem; background:url('../../images/egovframework/sub/ico-peple.png') 50% 50% no-repeat; }
#container-sub .basic-data-ticket .box .txtWrap2 ul li .ico-car { margin-right:2rem; width:2.5rem; height:2.5rem; background:url('../../images/egovframework/sub/ico-car.png') 50% 50% no-repeat; }
#container-sub .basic-data-ticket .box .txtWrap2 ul li .ico-animal { margin-right:2rem; width:2.5rem; height:2.5rem; background:url('../../images/egovframework/sub/ico-animal.png') 50% 50% no-repeat; }

#container-sub .basic-data-ticket .box .txtWrap2 ul li .ico-x { font-weight:400; font-size:2.4rem; color:#F25B6A; padding-left:2.5rem; background:url('../../images/egovframework/sub/ico-x.png') 0 50% no-repeat;  background-size:1.4rem; }

#container-sub .basic-data-ticket .box .txtWrap2 ul li .width-tit { width:8rem; }



#container-sub .travel-reservation .info { width:95rem; }
#container-sub .travel-reservation .info .prd-list .hd { padding:0 2.5rem; height:7rem; background:rgba(217,217,217,.2); border-top:1px solid #333; }
#container-sub .travel-reservation .info .prd-list .hd .btn-toggle { font-weight:500; padding-right:6rem; font-size:2.8rem; background:url('../../images/egovframework/sub/ico-toggle-off.png') 100% 50% no-repeat;  } 
#container-sub .travel-reservation .info .prd-list .hd .btn-toggle.active { background:url('../../images/egovframework/sub/ico-toggle-on.png') 100% 50% no-repeat; }

#container-sub .travel-reservation .info .prd-list li { position:relative; padding:4rem 0; height:34rem; border-bottom:1px solid #BDBDBD; }
/*
#container-sub .travel-reservation .info .prd-list li .thumbnail { width:40rem; height:22.5rem; overflow:hidden; }
#container-sub .travel-reservation .info .prd-list li .thumbnail img { width:100%; height:100%; object-fit: cover; }
*/

/* 스와이프 */
/* 2023-04-10 lkw : #container-sub .travel-reservation .info .prd-list li.active { border:2px solid #F25B6A;  } 추가 */
#container-sub .travel-reservation .info .prd-list li { padding:1.5rem 2.5rem;  margin-bottom:1rem;}
#container-sub .travel-reservation .info .prd-list li.active { border:2px solid #F25B6A;  border-radius:0.5rem;}
#container-sub .travel-reservation .info .prd-list li .Rooms-swiper { width:40rem; height:27rem; position:relative; overflow:hidden; }
#container-sub .travel-reservation .info .prd-list li .Rooms-swiper .swiper-slide { width:40rem; height:23rem; border-radius:0.5rem; overflow:hidden; }
#container-sub .travel-reservation .info .prd-list li .Rooms-swiper .swiper-slide img { width:100%; height:100%; object-fit: cover; }

#container-sub .travel-reservation .info .prd-list li .Rooms-swiper .swiper-pagination { bottom:0 !important; z-indeX:9999999; }
#container-sub .travel-reservation .info .prd-list li .Rooms-swiper .swiper-pagination-bullet {  width:1.2rem; height:1.2rem; background:#BCBCBC; opacity: 1; }
#container-sub .travel-reservation .info .prd-list li .Rooms-swiper .swiper-pagination-bullet-active { width: 4rem; transition: width .5s; border-radius: 5px; background: #149AAF; border: 1px solid transparent; }


#container-sub .travel-reservation .info .prd-list li .txt-info { padding:0 4rem; flex:1; }
#container-sub .travel-reservation .info .prd-list li .txt-info .name { font-size:2.2rem; color:#666; }
#container-sub .travel-reservation .info .prd-list li .txt-info .description { display:flex; align-items:center; font-size:3.4rem; color:#333; margin:0.8rem 0 2rem;  }
#container-sub .travel-reservation .info .prd-list li .txt-info .txt { font-size:2.4rem; font-weight:400; color:#83796F; }
#container-sub .travel-reservation .info .prd-list li .control {  display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%;  }

#container-sub .travel-reservation .info .prd-list li .roomPlus { position:absolute; left:0; bottom:-5.9rem; width:100%; text-align:center; }
#container-sub .travel-reservation .info .prd-list li .btn-roomPlus { margin:0 auto; width:11.6rem; height:11.6rem; background:url('../../images/egovframework/sub/ico-roomPlus.png') 50% 50% no-repeat; background-size:contain; }
/* 03-13 이경우차장님 추가 */
#container-sub .travel-reservation .info .prd-list li .btn-roomChange { margin:0 auto; width:11.6rem; height:11.6rem; background:url('../../images/egovframework/sub/ico-roomChange.png') 50% 50% no-repeat; background-size:contain; }
#container-sub .travel-reservation .info .prd-list li .btn-roomChoice { margin:0 auto; width:11.6rem; height:11.6rem; background:url('../../images/egovframework/sub/ico-roomChoice.png') 50% 50% no-repeat; background-size:contain; }

#container-sub .travel-reservation .info .prd-list .txt-guide { font-weight:400; font-size:1.5rem; color:#514539; letter-spacing:-0.5px; }

#container-sub .travel-reservation .info .prd-list.h-auto ul { display:flex; flex-wrap:wrap; margin:4rem 0 0; }
/* #container-sub .travel-reservation .info .prd-list.h-auto li { width:47rem; height:9rem; padding:1.5rem 2.5rem; border:2px dotted #d9d9d9; margin-bottom:1rem; border-radius:0.5rem; } */
#container-sub .travel-reservation .info .prd-list.h-auto li { width:47rem; height:12rem; padding:1.5rem 2.5rem; border:2px dotted #d9d9d9; margin-bottom:1rem; border-radius:0.5rem; }
#container-sub .travel-reservation .info .prd-list.h-auto li:nth-child(odd) { margin-right:1rem; }

#container-sub .travel-reservation .info .prd-list.h-auto li .txt .name { font-weight:400; font-size:2.4rem; color:#8e8e8e; margin:0 0 0.5rem; }
#container-sub .travel-reservation .info .prd-list.h-auto li .txt .tag { font-size:1.8rem; color:#333; font-weight:400; }

#container-sub .travel-reservation .info .prd-list.h-auto li .txt2 .owner { display:flex; align-items:center; justify-content:center; width:10rem; height:3.5rem; border-radius:1.8rem; background:#f3f2f1; font-weight:400; font-size:1.8rem; color:#666; }
#container-sub .travel-reservation .info .prd-list.h-auto li .txt2 .owner span { margin-right:0.5rem; width:1.5rem; height:1.2rem; background:url('../../images/egovframework/sub/ico-chk-color-off.png') 50% 50% no-repeat; background-size:contain; }

#container-sub .btn-schedule-refresh { padding-left:4rem; width:26rem; height:5rem; font-size:2.2rem; font-weight:400; color:#fff; border-radius:2.5rem; background:#149AAF url('../../images/egovframework/sub/ico-refresh.png') 0.5rem 50% no-repeat; }


#container-sub .travel-reservation .info .prd-list.h-auto li.active { border:2px solid #F25B6A;  }
#container-sub .travel-reservation .info .prd-list.h-auto li.active .txt .name { color:#333; font-weight:500; }
#container-sub .travel-reservation .info .prd-list.h-auto li.active .txt .name span { margin-left:1.5rem; font-size:2rem; color:#F25B6A; font-weight:400;  }
#container-sub .travel-reservation .info .prd-list.h-auto li.active .txt2 .owner { display:flex; align-items:center; justify-content:center; width:10rem; height:3.5rem; border-radius:1.8rem; background:#C93241; font-weight:400; font-size:1.8rem; color:#fff; }
#container-sub .travel-reservation .info .prd-list.h-auto li.active .txt2 .owner span { margin-right:0.5rem; width:1.5rem; height:1.2rem; background:url('../../images/egovframework/sub/ico-chk-color-on.png') 50% 50% no-repeat; background-size:contain; }


.border-top-2 { border-top:2px solid #000 !important; }
.border-bottom-1 { background:none !important; border-bottom:1px solid #000 !important; }
.btn-tooltip { width:3rem; height:3rem; background:url('../../images/egovframework/sub/ico-important.png') 50% 50% no-repeat; background-size:contain; }


#container-sub .travel-reservation .paymentWrap { width:49rem; margin:7rem 0 0; padding:4rem 3rem; border-radius:4rem; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.1); }
#container-sub .travel-reservation .paymentWrap .tit { height:7rem; background:#f2f1ef; padding:0 2rem; border-radius:0.5rem; }
#container-sub .travel-reservation .paymentWrap .tit h3 { font-weight:500 !important; font-size:3rem !important; color:#222 !important; }

#container-sub .travel-reservation .paymentWrap .tit.sale { background:#149AAF; }
#container-sub .travel-reservation .paymentWrap .tit.sale h3 { color:#fff !important; }

#container-sub .travel-reservation .paymentWrap .tit .addr { font-size:1.8rem; color:#C93241; }

#container-sub .travel-reservation .paymentWrap .txt { padding:0 1rem; }
#container-sub .travel-reservation .paymentWrap .txt li { display:flex;  padding:1.5rem 1rem; background: url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
#container-sub .travel-reservation .paymentWrap .txt li label { width:9rem; font-size:1.8rem; font-weight:400; color:#6B6661; }
#container-sub .travel-reservation .paymentWrap .txt li p { flex:1; font-size:2.4rem; font-weight:400; color:#333; text-align:right; line-height:100%; }
#container-sub .travel-reservation .paymentWrap .txt li .sm { font-size:1.6rem; color:#807373; font-weight:400; display:block; margin:1rem 0 0; }
#container-sub .travel-reservation .paymentWrap .txt .bigPay { font-size:2.5rem; font-weight:700; color:#83796F; }

#container-sub .travel-reservation .paymentWrap .txt.sale { height:21rem; background:#fff7dc; border:2px solid #CDAC38; border-radius:0.5rem; }
#container-sub .travel-reservation .paymentWrap .txt.sale li { align-items:center; padding:1.5rem; height:33.333%; background: url('../../images/egovframework/sub/line-yellow.png') 0 100% no-repeat; }
#container-sub .travel-reservation .paymentWrap .txt.sale li:last-child { background:none; }
#container-sub .travel-reservation .paymentWrap .txt.sale li label { width:auto; font-weight:500; font-size:2.3rem; color:#F25B6A; }
#container-sub .travel-reservation .paymentWrap .txt.sale li p { flex:1; font-size:2.4rem; font-weight:400; color:#333; text-align:right; line-height:100%; }
#container-sub .travel-reservation .paymentWrap .txt.sale li .pay { font-size:2.2rem; font-weight:700; color:#149AAF; }
#container-sub .travel-reservation .paymentWrap .txt.sale li .btn-coupon { font-size:2rem; font-weight:400; width:15rem; height:4.5rem; background:#FFEBA6; border:1px solid #cdac38; border-radius:0.3rem; }
#container-sub .travel-reservation .paymentWrap .txt.sale li .coupon-delete { letter-spacing:-1px; padding:0 1rem; height:3rem; background:#7C7369; border-radius:0.3rem; font-size:1.7rem; font-weight:400; color:#fff; }
#container-sub .travel-reservation .paymentWrap .txt.sale li .coupon-delete span { width:1.6rem; height:1.6rem; display:inline-block; position:relative; top:-1px; margin-left:0.5rem; vertical-align:middle; background: url('../../images/egovframework/sub/ico-close.png') 0 0 no-repeat; background-size:contain; }



#container-sub .travel-reservation .paymentWrap .txt.pay { height:auto; border-top:1px solid #b7b7b7; border-bottom:3px solid #6e6e6e; padding:1rem 1rem 1.5rem; }
#container-sub .travel-reservation .paymentWrap .txt.pay li { align-items:center; height:auto; background:none; padding:0.7rem 1rem; }
#container-sub .travel-reservation .paymentWrap .txt.pay li label { width:auto; font-weight:500; font-size:2.3rem; color:#333; }
#container-sub .travel-reservation .paymentWrap .txt.pay li p { flex:1; font-size:2.4rem; font-weight:400; color:#333; text-align:right; line-height:100%; }
#container-sub .travel-reservation .paymentWrap .txt.pay li .pay { font-size:2.2rem; font-weight:700; color:#333; }

#container-sub .travel-reservation .paymentWrap .txt.pay li:nth-child(2) label { width:auto; font-weight:400; font-size:1.8rem; color:#6B6661; }
#container-sub .travel-reservation .paymentWrap .txt.pay li:nth-child(2) p { flex:1; font-size:2.4rem; font-weight:400; color:#333; text-align:right; line-height:100%; }
#container-sub .travel-reservation .paymentWrap .txt.pay li:nth-child(2) .pay { font-size:2.2rem; font-weight:300; color:#333; }

#container-sub .travel-reservation .paymentWrap .txt.pay li:nth-child(3) label { width:auto; font-weight:400; font-size:1.8rem; color:#6B6661; }
#container-sub .travel-reservation .paymentWrap .txt.pay li:nth-child(3) p { flex:1; font-size:2.4rem; font-weight:400; color:#333; text-align:right; line-height:100%; }
#container-sub .travel-reservation .paymentWrap .txt.pay li:nth-child(3) .pay { font-size:2.2rem; font-weight:300; color:#333; }


#container-sub .travel-reservation .paymentWrap .totalPay { display:flex; align-items:center; padding:2.3rem 2rem; }
#container-sub .travel-reservation .paymentWrap .totalPay label { font-size:2.6rem; font-weight:700; color:#222; }
#container-sub .travel-reservation .paymentWrap .totalPay p { flex:1; font-size:3.2rem; font-weight:700; color:#F25B6A; text-align:right; }





/***** 팝업(공통) *****/
.modal { display:flex; align-items:center; justify-content:center; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:9999999; }
.modal .popContainer { width:150rem; max-height: calc(100% - 5rem); display:flex; align-items:center; flex-direction:column; z-index:99999; border-radius:1rem; box-shadow:0 0 15px 1px rgba(0,0,0,.15); background:#fff; overflow:hidden; }
.modal .popContainer .popHeader { display:flex; width:100%; align-items:center; height:8rem; background:#149AAF; padding:0 3rem; }
.modal .popContainer .popHeader h4 { display:flex; align-items:center; height:8rem; font-size:3rem; color:#fff; font-weight:700; }
.modal .popContainer .popHeader .pop-close { margin-left:auto; width:3.5rem; height:3.5rem; background:url('../../images/egovframework/sub/ico-close.png') 50% 50% no-repeat; background-size:contain;  }
.modal .popContainer .popContents { width:100%; height:100%; flex:1; overflow-x:hidden; overflow-y:auto; padding:4rem 4rem 1rem; margin:0.5rem 1rem 0.5rem 0; }
.modal .popContainer .popFooter { width:100%; padding:5rem 3.5rem; text-align:center; }
.modal .popContainer .popFooter .btnWrap { text-align:center; justify-content:center; }
.modal .popContainer .popFooter .btn { width:27rem; padding:0; height:8rem; background:#149AAF; border-radius:0.5rem; }
.modal .popContainer .popFooter .btn.w-490 { width:49rem; }
.modal .popContainer .popFooter .btn.w-auto { width:auto; padding:0 4rem; }
.modal img { max-width:100%; height:auto; }

/* 스크롤바 커스텀 */
.modal .popContainer .popContents { -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;scrollbar-color:#D9D9D9;scrollbar-width:thin;}
.modal .popContainer .popContents::-webkit-scrollbar{width:1rem; border-radius:1rem;}
.modal .popContainer .popContents::-webkit-scrollbar-track{background:#fff;  }
.modal .popContainer .popContents::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:100px}
.modal .popContainer .popContents::-webkit-scrollbar-thumb:hover{background:#ccc; -webkit-text-size-adjust:none;}


/* 객실변경 팝업 */
.modal .roomchange .prd-list .hd { font-size:2.4rem; color:#666; font-weight:400; padding:0 2.5rem; height:11rem; background:rgba(217,217,217,.2); border-top:1px solid #333; }
.modal .roomchange .prd-list .hd strong { font-weight:700; color:#6B655F; }
.modal .roomchange .prd-list .hd div:nth-child(2) { font-size:2.2rem; }
.modal .roomchange .prd-list .hd strong.c-blue { font-size:3rem; color:#149AAF; }

.modal .roomchange .prd-list li { position:relative; display:flex; align-items:flex-start; padding:4rem 0; height:34rem; border-bottom:1px solid #BDBDBD; }
/*
.modal .roomchange .prd-list li .thumbnail { width:40rem; height:22.5rem; overflow:hidden; }
.modal .roomchange .prd-list li .thumbnail img { width:100%; height:100%; object-fit: cover; }
*/
/* 스와이프 */
.modal .roomchange .prd-list li .Rooms-swiper { width:40rem; height:27rem; position:relative; overflow:hidden; }
.modal .roomchange .prd-list li .Rooms-swiper .swiper-slide { width:40rem; height:23rem; border-radius:0.5rem; overflow:hidden; }
.modal .roomchange .prd-list li .Rooms-swiper .swiper-slide img { width:100%; height:100%; object-fit: cover; }

.modal .roomchange .prd-list li .Rooms-swiper .swiper-pagination { bottom:0 !important; z-indeX:9999999; }
.modal .roomchange .prd-list li .Rooms-swiper .swiper-pagination-bullet {  width:1.2rem; height:1.2rem; background:#BCBCBC; opacity: 1; }
.modal .roomchange .prd-list li .Rooms-swiper .swiper-pagination-bullet-active { width: 4rem; transition: width .5s; border-radius: 5px; background: #149AAF; border: 1px solid transparent; }

.modal .roomchange .prd-list li .txt-info { padding:0 4rem; flex:1; }
.modal .roomchange .prd-list li .txt-info .name { font-size:2.2rem; color:#666; }
.modal .roomchange .prd-list li .txt-info .description { display:flex; align-items:center; font-size:3.4rem; color:#333; margin:0.5rem 0 1rem; }
.modal .roomchange .prd-list li .txt-info .status { margin-left:1rem; display:flex; align-items:center; padding:0 1.5rem; border-radius:1.6rem; height:3.2rem; background:#FFEBA6; border:1px solid #CDAC38; font-size:1.8rem; color:#89650A; }
.modal .roomchange .prd-list li .txt-info .txt { font-size:1.8rem; font-weight:400; color:#666; line-height:2.8rem; }
.modal .roomchange .prd-list li .txt-info .txt strong { font-weight:500; color:#222; }

.modal .roomchange .prd-list li .control { display:flex; align-items:flex-end; justify-content:center; flex-direction:column;  padding:3.5rem 3rem 0 0; }
.modal .roomchange .prd-list li .control .tit {  display:flex; align-items:center; padding:0 1.5rem; font-size:1.8rem; color:#fff; height:3.2rem; background:#767676; border-radius:0.3rem; }
.modal .roomchange .prd-list li .control .price { display:flex; align-items:center; margin:2rem 0 2.5rem; font-size:1.6rem; font-weight:400; color:#443600; }
.modal .roomchange .prd-list li .control .price strong { margin-left:1rem; font-size:3.4rem; color:#F25B6A; font-weight:900; }


.modal .roomchange .prd-list li .control .chk.chk-roomchange label { display:flex; align-items:center; justify-content:center; border:1px solid #cac6c2; border-radius:0.3rem; height:5rem; width:14rem; font-size:1.8rem; font-weight:400; color:#8e8e8e; }
.modal .roomchange .prd-list li .control .chk.chk-roomchange label span { position:relative; top:0; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
.modal .roomchange .prd-list li .control .chk.chk-roomchange input[type="checkbox"]:checked + label { border:1px solid #149aaf; color:#222; }
.modal .roomchange .prd-list li .control .chk.chk-roomchange input[type="checkbox"]:checked + label span { background-color:#14ABB5; }
.modal .roomchange .prd-list li:hover { }
.modal .roomchange .prd-list li.active { background:#F4FEFF; }

.modal .roomchange .prd-list li .control .guestRoom { margin:1.5rem 0 0; font-size:2rem; font-weight:400; color:#333; }
.modal .roomchange .prd-list li .control .guestRoom strong { font-weight:700; color:#149AAF; }
.modal .roomchange .prd-list li .control .guestRoom strong:after { content:""; display:inline-block; vertical-align:middle; border-right:1px solid #BDBDBD; height:1rem; margin:0 1rem; }
.modal .roomchange .prd-list li .control .guestRoom strong:last-child:after { border-right:0; margin-right:0; }



/* 선박예매 안내사항 팝업 */
.modal .Infomation ul.tabs { display:flex; align-items:Center; }
.modal .Infomation ul.tabs li { cursor:pointer; width:50%; line-height:8rem; text-align:center; background:#f3f2f1; font-size:2.8rem; font-weight:400; color:#83796F; }
.modal .Infomation ul.tabs li.active { background:#83796F; color:#fff; }

.modal .Infomation .tab-content { display:none; padding:0 0 4rem; }
.modal .Infomation .tab-content.active { display:block; }
.modal .Infomation .tab-content .col { border-bottom:1px solid #d9d9d9; margin:4rem 0 0; padding:0 0 3rem; }
.modal .Infomation .tab-content .col:last-child { border:0; }
.modal .Infomation .tab-content label { display:block; font-size:2.8rem; color:#333; margin:0 0 1rem; }
.modal .Infomation .tab-content p { font-size:2.4rem; font-weight:400; color:#666; line-height:3.5rem; }
.modal .Infomation .tab-content .space { margin-left:12.2rem; }
.modal .Infomation .tab-content ul.txt-list li { font-size:2.4rem; font-weight:400; color:#666; line-height:3.5rem; padding-left:2rem; background:url('../../images/egovframework/sub/ico-dot.png') 0 1.5rem no-repeat; }

/* 결제하기 팝업 */
.modal .Payment h5 { font-size:2.8rem; font-weight:500; color:#333; margin:0 0 2rem; }
.modal .Payment .h-100 { min-height:100%; height:100%; position:relative; padding-left:7rem; }
.modal .Payment .tbl-tit-red { position:absolute; top:0; left:0; font-size:2rem; color:#fff; font-size:700; display:flex; align-items:center; justify-content:center; width:6rem; height:100%; flex:1; border-radius:0.5rem; background:#F25B6A; }

.modal .Payment .tbl-tit-red span { flex:1; display:flex; align-items:center; justify-content:center; writing-mode: vertical-rl; text-orientation: mixed; }
.modal .Payment .tbl-tit-blue { position:absolute; top:0; left:0; font-size:2rem; color:#fff; font-size:700; display:flex; align-items:center; justify-content:center; width:6rem; height:100%; flex:1; border-radius:0.5rem; background:#149AAF; }

.modal .Payment .tbl-tit-blue span { flex:1; display:flex; align-items:center; justify-content:center; writing-mode: vertical-rl; text-orientation: mixed; }

.modal .Payment .w-120 { width:12rem !important; }
.modal .Payment .w-430 { width:43rem !important; }

.modal .Payment .bg-blue { background:#f3fafb !important; border-left:1px solid #c5c1bc;  border-right:1px solid #c5c1bc;  }
.modal .Payment .bg-blue.border-no { border-left:0 !important;  border-right:0 !important; }


/* 수정 */
.modal .Payment .totalWrap { display:flex; align-items:flex-start; }
.modal .Payment .totalWrap .payInfo { width:92rem; }
.modal .Payment .totalWrap h2 { font-size:3.4rem; color:#333; border-bottom:1px solid #D1D0C8; padding:0 0 1rem; }
.modal .Payment .totalWrap .payInfo .col label { margin-right:9rem; font-size:2rem;  }
.modal .Payment .totalWrap .payInfo .col select { flex:none; width:32rem;  height:5rem; font-size:1.8rem !important; padding-right:5rem; }
.modal .Payment .totalWrap .payInfo .bankBox { margin:1rem 0 0; background:#FBFBFB; border:1px solid #dddad8; border-radius:0.5rem; padding:2rem 3rem; }
.modal .Payment .totalWrap .payInfo .bankBox h3 { font-size:2.2rem; color:#333; font-weight:500; margin:0 0 1rem; }
.modal .Payment .totalWrap .payInfo .bankBox label { width:10rem; margin:0; }
.modal .Payment .totalWrap .payInfo .frm_input { height:5rem; font-size:1.8rem !important; }
.modal .Payment .totalWrap .payInfo .frm_input::placeholder  {  color: #958D85;	font-size:1.8rem;	font-weight:400; }

.modal .Payment .totalWrap .payTotal { flex:1; }
.modal .Payment .totalWrap .payTotal h5.total { font-size:2.4rem; font-weight:700; color:#333; margin:0; height:8rem; line-height:8rem; padding-right:4rem; text-align:right; background:#FBFBFB url('../../images/egovframework/main/line.png') 0 100% repeat-x;}
.modal .Payment .totalWrap .payTotal .price { height:25.5rem; display:flex; align-items:center; justify-content:flex-end; font-size:4.5rem; font-weight:700; color:#F25B6A; padding-right:4rem; background:#F8F8F5; }
.modal .Payment .totalWrap .payTotal .price span { font-size:2.4rem; color:#333; margin-right:1rem; }
/* 수정 */


.modal .Payment .agreeWrap .agree-hidden { display:none; border:1px solid #149AAF; border-radius:0.5rem; padding:3rem; }
.modal .Payment .agreeWrap .agree-hidden label { display:block; font-size:2.4rem; color:#222; margin:0 0 1rem; }
.modal .Payment .agreeWrap .agree-hidden ul.txt-list li { font-size:2rem; font-weight:400; color:#666; line-height:3.5rem; padding-left:2rem; background:url('../../images/egovframework/sub/ico-dot.png') 0 1.5rem no-repeat; }

.modal .Payment .agreeWrap .toggleWrap { border:1px solid #149AAF; border-radius:0.5rem; padding:3rem; margin:0 0 0.5rem; }
.modal .Payment .agreeWrap .toggleWrap strong { font-size:2.4rem; color:#222; font-weight:500; }
.modal .Payment .agreeWrap .toggleWrap .btn-agree-toggle { display:flex; align-items:center; }
.modal .Payment .agreeWrap .toggleWrap .btn-agree-toggle p { margin-left:2rem; font-size:2rem; color:#046170; }
.modal .Payment .agreeWrap .toggleWrap .btn-agree-toggle span { margin-left:1rem; display:inline-block; vertical-align:middle; width:1.3rem; height:0.8rem; background:url('../../images/egovframework/sub/ico-arrow-off.png') 50% 50% no-repeat; }
.modal .Payment .agreeWrap .toggleWrap .btn-agree-toggle.active span { width:1.3rem; height:0.8rem; background:url('../../images/egovframework/sub/ico-arrow-on.png') 50% 50% no-repeat; }

.modal .Payment .agreeWrap .toggleWrap .chk.chk-agree label { font-size:2.4rem; color:#149AAF; }
.modal .Payment .agreeWrap .toggleWrap .chk.chk-agree label span { margin-left:1rem; position:relative; top:-2px; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
.modal .Payment .agreeWrap .toggleWrap .chk.chk-agree input[type="checkbox"]:checked + label span { background-color:#14ABB5; }



/* 예약완료 팝업 */
.modal .reservationComplete { width:80rem !important; }
.modal .reservationComplete .popContents { }
.modal .reservationComplete .txt-basic { font-size:2.4rem; font-weight:400; }
.modal .reservationComplete h5 { font-size:3.2rem; font-weight:500; color:#333; margin:2.5rem 0 3rem; }
.modal .reservationComplete th { width:20rem; }
.modal .reservationComplete td { font-size:2.4rem; text-align:left !important; padding:0 3rem !important; }
.modal .reservationComplete td .tc-red { font-size:2.4rem; }
.modal .reservationComplete .txt-guide { font-size:1.8rem; font-weight:400; color:#666; margin:3rem 0 0; }
/* 03-13 이경우차장님수정 */
.modal .reservationComplete .popFooter .btn { background:#767676; }


/* 메인 선박예매 팝업 */
.modal .reservation .popContents { padding:3rem; }
.modal .reservation .tab li { width:20rem; height:5rem; margin-right:0.1rem; }
.modal .reservation .tab li i.ico { display:inline-block; vertical-align:middle; margin-right:1rem; }
.modal .reservation .tab li:nth-child(1) i.ico { width:3.3rem; height:2.4rem; background:url('../../images/egovframework/main/reservation-tab1-off.png') 50% 0 no-repeat; }
.modal .reservation .tab li:nth-child(2) i.ico { width:3.1rem; height:1.1rem; background:url('../../images/egovframework/main/reservation-tab2-off.png') 50% 0 no-repeat; }
.modal .reservation .tab li:nth-child(3) i.ico { width:3rem; height:2.3rem; background:url('../../images/egovframework/main/reservation-tab3-off.png') 50% 0 no-repeat; }
.modal .reservation .tab li:nth-child(1) button.active i.ico { width:3.3rem; height:2.4rem; background:url('../../images/egovframework/main/reservation-tab1-on.png') 50% 0 no-repeat; }
.modal .reservation .tab li:nth-child(2) button.active i.ico { width:3.1rem; height:1.1rem; background:url('../../images/egovframework/main/reservation-tab2-on.png') 50% 0 no-repeat; }
.modal .reservation .tab li:nth-child(3) button.active i.ico { width:3rem; height:2.3rem; background:url('../../images/egovframework/main/reservation-tab3-on.png') 50% 0 no-repeat; }
.modal .reservation .tab li button { color:#fff; font-size:2rem; width:100%; height:100%; background:rgba(117,118,110,.7); }
.modal .reservation .tab li button.active { color:#443600; background:rgba(255,216,79,.9); }

.modal .reservation .tab-area { display:none; }
.modal .reservation .tab-area.active { display:block; }

.modal .reservation .form { height:10rem; padding:0 3rem; background:rgba(107,101,95,.9); }
.modal .reservation .form .select-box-area { width:23rem; display:flex; border-radius:0.5rem; overflow:hidden; }
.modal .reservation .form .select-box-area:nth-child(1),
.modal .reservation .form .select-box-area:nth-child(2),
.modal .reservation .form .select-box-area:nth-child(3),
.modal .reservation .form .select-box-area:nth-child(4) { }
.modal .reservation .form .btn-save { margin-left:auto; width:17rem; height:5rem; background:#FFD84F; font-size:2.2rem; color:#443600; font-weight:700; }

.modal .reservation .form .select-box-area .select { width:100%; height:5rem; border:0; font-size:1.9rem; font-weight:500; color:#454C62; }
.modal .reservation .form .select-box-area input { width:100%; height:5rem; border:0; border-radius:0; }

.modal .reservation .form .select-box-area .ico1 {
  background:#fff url('../../images/egovframework/main/Group-1.png') 1.5rem 50% no-repeat;
  padding-left:5.5rem;
}

.modal .reservation .form .select-box-area .ico2 {
  background:#fff url('../../images/egovframework/main/Group.png') 1.5rem 50% no-repeat;
  padding-left:5.5rem;
}

.modal .reservation .form .select-box-area .ico3 {
  background:#fff url('../../images/egovframework/main/Vector.png') 1.5rem 50% no-repeat;
  padding-left:5.5rem;
}

.modal .reservation .form .select-box-area .ico4 {
  background:#fff url('../../images/egovframework/main/Vector-1.png') 1.5rem 50% no-repeat;
  padding-left:9rem;
}


/***** 모달용 인원차량선택 팝업 *****/
#sch-pop-modal .mask { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.1); z-index:999; }
/* 삭제금지 23-02-02 배광민 */
#sch-pop-modal .popContainer { border-radius:1rem; box-shadow:0 0 15px 1px rgba(0,0,0,.15); width:130rem; height:41rem;  }

#sch-pop-modal .popContainer .hd { width:100%; height:8rem; background:#149AAF; padding:0 3rem; }
#sch-pop-modal .popContainer .hd h4 { height:8rem; line-height:8rem; font-size:2.8rem; color:#fff; font-weight:700; }
#sch-pop-modal .popContainer .hd .pop-close-sch { margin-left:auto; width:3.6rem; height:3.6rem; background:url('../../images/egovframework/sub/ico-close.png') 50% 50% no-repeat; background-size:contain; }

#sch-pop-modal .popContainer .colWrap { margin:3rem 0 0; }
#sch-pop-modal .popContainer .colWrap .ico { position:absolute; top:9rem; right:-2rem; width:5rem; height:5rem; background:url('../../images/egovframework/sub/ico-link.png') 50% 50% no-repeat; background-size:contain; z-index:99 }

#sch-pop-modal .popContainer .colWrap .col { height:100%; text-align:center; position:relative; padding:1rem; }
#sch-pop-modal .popContainer .colWrap .col strong { font-size:2rem; color:#333; display:block; margin:0 0 1rem; }
#sch-pop-modal .popContainer .colWrap .col p { height:5rem; font-size:1.7rem; color:#666; letter-spacing:-0.5px;  }

#sch-pop-modal .popContainer .colWrap .col .Calculation { width:16rem; margin:2rem auto 0;  padding-bottom:1.5rem; border-bottom:1px solid #d9d9d9; }
#sch-pop-modal .popContainer .colWrap .col .Calculation input { border:0; width:auto !important; flex:1 !important; text-align:center; font-size:2.6rem; } 
#sch-pop-modal .popContainer .colWrap .col .Calculation input:focus { border:0 !important; outline:none !important; } 

#sch-pop-modal .popContainer .colWrap .col .Calculation button.btn-minus { width:3.6rem; height:3.6rem; background:url('../../images/egovframework/sub/ico-minus.png') 50% 50% no-repeat; background-size:contain; }
#sch-pop-modal .popContainer .colWrap .col .Calculation button.btn-plus { width:3.6rem; height:3.6rem; background:url('../../images/egovframework/sub/ico-plus.png') 50% 50% no-repeat; background-size:contain; }

#sch-pop-modal .popContainer .colWrap .col.left {  width:30rem; height:100%; background:#fff; border-bottom-right-radius:1rem; margin-right:0.5rem; }

#sch-pop-modal .popContainer .colWrap .col.right { flex:1; height:100%; background:#fff; border-bottom-left-radius:1rem; }
#sch-pop-modal .popContainer .colWrap .col.right .Wrap { margin:0 3rem; }
#sch-pop-modal .popContainer .ftWrap { }
#sch-pop-modal .popContainer .ftWrap .btn-apply { margin:0 auto; }







/* 선박예매확인 - 예매내역 */
#container-sub section.container .Reservation-history { }
#container-sub section.container .Reservation-history .p-tit { font-size:3.5rem; color:#83796F; }
#container-sub section.container .Reservation-history .btn-Reservation { font-weight:700; font-size:2.2rem; color:#fff; width:25rem; height:5rem; background:#F25B6A; border-radius:0.3rem; }
#container-sub section.container .Reservation-history .btn-Reservation span { display:inline-block; vertical-align:middle; margin-right:0.5rem; width:2.9rem; height:2.4rem; background:url('../../images/egovframework/sub/ico-notice.png') 50% 50% no-repeat; }

#container-sub section.container .Reservation-history .info { background:#fbfbfa; border:1px solid #6b655f; padding:3rem; border-radius:0.3rem; }
#container-sub section.container .Reservation-history .info p { font-size:2rem; font-weight:400; color:#6B655F; line-height:3rem; }

#container-sub section.container .Reservation-history .Ticketing-sch { padding:4rem; background:#f8f5ed; border:2px solid #8e8e8e; border-radius:0.3rem; }
#container-sub section.container .Reservation-history .Ticketing-sch h3 { font-size:3.5rem; font-weight:700; color:#222; }

#container-sub section.container .Reservation-history .Ticketing-sch .btn-toggle { font-weight:500; padding-right:6rem; font-size:2.8rem; background:url('../../images/egovframework/sub/ico-toggle-off.png') 100% 50% no-repeat;  } 

#container-sub section.container .Reservation-history .Ticketing-sch .line { color:#8e8e8e; font-size:2rem; }
#container-sub section.container .Reservation-history .Ticketing-sch input,
#container-sub section.container .Reservation-history .Ticketing-sch select { width:100%; }


#container-sub section.container .Reservation-history .Ticketing-sch .col-500 { width:50rem; }
#container-sub section.container .Reservation-history .Ticketing-sch .col-265 { width:26.5rem; }
#container-sub section.container .Reservation-history .Ticketing-sch .btn-sch { width:27rem; height:8rem; border-radius:0.5rem; font-size:3rem; font-weight:700; color:#fff; }
#container-sub section.container .Reservation-history .Ticketing-sch .btn-sch.find1 { background:#83796F; }
#container-sub section.container .Reservation-history .Ticketing-sch .btn-sch.find2 { background:#149AAF; }



/* 선박예매확인 - 예매상세내역 */
.goList .cancle-button { background: #F25B6A; }
.goList .cancle-button span { box-sizing: content-box; padding:10px; margin-right: 1rem; width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-rev-5.png') 50% 50% no-repeat; background-size:contain; }
#container-sub section.container .Reservation-Detail { }
#container-sub section.container .Reservation-Detail .p-tit { font-size:2.5rem; color:#83796F; }
#container-sub section.container .Reservation-Detail .sub-tit { font-size:1.8rem; color:#222; font-weight:400; }
#container-sub section.container .Reservation-Detail .sub-tit strong { color:#F25B6A; }
#container-sub section.container .Reservation-Detail .sub-tit:before { content:""; margin:0 2rem; display:inline-block; vertical-align:middle; border-left:1px solid #BDBDBD; height:2rem; }

#container-sub section.container .Reservation-Detail .btn-Reservation-info { width:12rem; height:3rem; background:#807373; font-size:1.7rem; font-weight:500; color:#fff; border-radius:0.3rem; }

#container-sub section.container .Reservation-Detail .itemWrap { display:flex; align-items:center; }
#container-sub section.container .Reservation-Detail .itemWrap .btn-Reservation-item { display:flex; align-items:center; justify-content:center; font-weight:500; font-size:2rem; color:#fff; width:15rem; height:5rem; background:#F25B6A; border-radius:0.5rem; }
/* 예매확인 수정 */
#container-sub section.container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(1) { background:#666; }
#container-sub section.container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(2) { background:#0c00b3; }


#container-sub section.container .Reservation-Detail .itemWrap .btn-Reservation-item span { display:inline-block; vertical-align:middle; margin-right:1rem; }
/* 예매확인 상세 수정 */
#container-sub section.container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(1) span { width:2.6rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-rev-1.png') 50% 50% no-repeat; background-size:contain; }
#container-sub section.container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(2) span { width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-rev-5.png') 50% 50% no-repeat; background-size:contain; }

#container-sub section.container .Reservation-Detail .h-100 { min-height:100%; height:100%; position:relative; padding-left:7rem; }

#container-sub section.container .Reservation-Detail .tbl-tit { position:absolute; top:0; left:0; font-size:2rem; color:#fff; font-size:700; display:flex; align-items:center; justify-content:center; width:6rem; height:100%; flex:1; border-radius:0.5rem; background:#6B655F; }

#container-sub section.container .Reservation-Detail .tbl-tit span { flex:1; display:flex; align-items:center; justify-content:center; letter-spacing:2px; writing-mode: vertical-rl; text-orientation: upright; }


#container-sub section.container .Reservation-Detail .tbl-tit2 { position:absolute; top:0; left:0; font-size:2rem; color:#fff; font-size:700; display:flex; align-items:center; justify-content:center; width:6rem; height:100%; flex:1; border-radius:0.5rem; background:#767676; }

#container-sub section.container .Reservation-Detail .tbl-tit2 span { flex:1; display:flex; align-items:center; justify-content:center; letter-spacing:2px; writing-mode: vertical-rl; text-orientation: upright; }



#container-sub section.container .Reservation-Detail .txt-guide { font-size:2rem; font-weight:400; color:#222; }


#container-sub section.container .Reservation-Detail .btn-Passenger-control { width:30rem; height:4rem; background:#F4FEFF; font-size:1.8rem; font-weight:400; color:#149AAF; border:1px solid #149AAF; border-radius:0.3rem; }

#container-sub section.container .Reservation-Detail .btn-Passenger-change { width:12rem; height:3rem; background:#807373; font-size:1.7rem; font-weight:500; color:#fff; border-radius:0.3rem; }


/* 승객정보 입력/수정 팝업 */
.modal .Passenger-change form label { display:block; font-size:2.2rem; color:#333; font-weight:500; margin:0 0 1rem; }
.modal .Passenger-change form input,
.modal .Passenger-change form select { width:100%; }
.modal .Passenger-change form .col-120 { width:12rem; }
.modal .Passenger-change form .col-150 { width:15rem; }
.modal .Passenger-change form .col-200 { width:20rem; }
.modal .Passenger-change form .row { padding:0 0 3rem; margin:0 0 3rem; background:url('../../images/egovframework/main/line.png') 0 100% repeat-x; }
.modal .Passenger-change form .row:last-child { background:none !important; padding:0; margin:0; }
.modal .Passenger-change form .btn-row-apply { width:9.5rem; height:7rem; background:#F25B6A; font-size:2rem; font-weight:500; color:#fff; border-radius:0.5rem; }
/* 230202 경우차장님이 추가 */
.modal .Passenger-change form .btn-row-apply:disabled { border: 1px solid #666; background:#F1F1F1; color: #666; opacity: 0.4; cursor: default; }
.modal .Passenger-change form .btn-row-apply:enabled { background:#F25B6A; color:#fff;}
/* ===================*/


.modal .Passenger-change form .btn-row-delete { display:flex; align-items:center; justify-content:center; width:4rem; height:7rem; background:#F5f5f5; color:#D9D9D9; border:1px solid #cac6c2; border-radius:0.5rem; }
.modal .Passenger-change form .btn-row-delete:after { content:""; width:1.6rem; height:0.2rem; background:#D9D9d9; }
/* 230209 이경우 추가 */
.modal .Passenger-change form .btn-row-delete:disabled { border: 1px solid #666; background:#F1F1F1; color: #666; opacity: 0.4; cursor: default; }
.modal .Passenger-change form .btn-row-delete:enabled { background:#767676; color:#fff;}
/* ===================*/
.modal .Passenger-change form .btn-row-plus { display:flex; align-items:center; justify-content:center; width:26rem; height:6rem; background:#F4FEFF; border-radius:0.5rem; border:1px solid #149AAF; font-size:2.4rem; font-weight:500; color:#149AAF; }
.Passenger-change form .btn-row-plus:before { content:"+"; font-weight:300; font-size:3.2rem; margin-right:1rem;  }
.modal .Passenger-change form .msg { display:flex; align-items:center; justify-content:center; background:#FFF5F6; height:15rem; border:1px solid #F25B6A; border-radius:0.5rem; }
.modal .Passenger-change form .msg .ico { margin-right:2rem; width:4.2rem; height:4.2rem; background:url('../../images/egovframework/sub/ico-important2.png') 50% 50% no-repeat; background-size:contain;  }
.modal .Passenger-change form .msg p.big { font-size:3rem; font-weight:500; }
.modal .Passenger-change form .msg p.sm { font-size:2.2rem; font-weight:400; margin:1rem 0 0 }
.modal .Passenger-change .popFooter .btn.btn-cs-apply { width:27rem; padding:0; height:8rem; background:#83796F; border-radius:0.5rem; }



/***** 로그인 *****/
#container-sub section.container.member h2.p-tit { font-size:4rem; font-weight:700; color:#222; }

#container-sub section.container.member .LoginconBox { width:72rem; margin:0 auto; border-radius:2rem; border:1px solid #E6E6E6; box-shadow:0 0 20px 5px rgba(0,0,0,.05); overflow:hidden; }
#container-sub section.container.member .LoginconBox ul.tabs { height:6rem; display:flex; align-items:center; }
#container-sub section.container.member .LoginconBox ul.tabs li { display:flex; align-items:center; justify-content:center; width:50%; height:100%; text-align:center; cursor:pointer; border-bottom:1px solid #E6E6E6; background:#F5F5F5; }

#container-sub section.container.member .LoginconBox ul.tabs li:first-child { border-right:1px solid #E6E6E6; }
#container-sub section.container.member .LoginconBox ul.tabs li { font-size:2rem; font-weight:400; color:#767676 }
#container-sub section.container.member .LoginconBox ul.tabs li.active { font-weight:500; color:#149AAF; background:#fff;  border-bottom:0; } 

#container-sub section.container.member .LoginconBox .tab-content { display:none; }
#container-sub section.container.member .LoginconBox .tab-content.active { display:block; }

#container-sub section.container.member .LoginconBox form { padding:4rem 12rem; }

/* 공통 */
input.member.id { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-id.png') 2rem 50% no-repeat; }
input.member.password { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-name.png') 2rem 50% no-repeat; }
input.member.name { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-name.png') 2.3rem 50% no-repeat; }
input.member.birth { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-birth.png') 2rem 50% no-repeat; }
input.member.hp { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-hp.png') 2.3rem 50% no-repeat; }
input.member.email { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-email.png') 2.3rem 50% no-repeat; }

#container-sub section.container.member .LoginconBox .chk.id-save label { font-weight:500; font-size:1.8rem; color:#666; }
#container-sub section.container.member .LoginconBox .chk.id-save label span { position:relative; top:-2px; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1.4rem; margin-right:1rem; }
#container-sub section.container.member .LoginconBox .chk.id-save input[type="checkbox"]:checked + label span { background-color:#14ABB5; }

#container-sub section.container.member .LoginconBox .ft-link { display:flex; align-items:center; justify-content:center; }
#container-sub section.container.member .LoginconBox .ft-link li:after { content:""; display:inline-block; vertical-align:middle; height:1.4rem; border-right:1px solid #A6A6A6; margin:0 1rem; }
#container-sub section.container.member .LoginconBox .ft-link li:last-child:after {  border:0; margin:0; }
#container-sub section.container.member .LoginconBox .ft-link li a,
#container-sub section.container.member .LoginconBox .ft-link li button { font-size:1.8rem; font-weight:400; color:#666 }
#container-sub section.container.member .LoginconBox .ft-link li a:hover { font-weight:500; color:#00757C; text-decoration:underline; }
#container-sub section.container.member .LoginconBox .ft-link li button:hover { font-weight:500; color:#00757C; text-decoration:underline; }


#container-sub section.container.member .sns-login { padding:4rem 12rem; background:url('../../images/egovframework/sub/line.png') 50% 0 repeat-x; }
#container-sub section.container.member .sns-login button.btn-sns { position:relative; width:100%; height:6rem; padding:0; font-size:1.8rem; font-weight:500; color:#333; border:1px solid #D9D5D2; border-radius:0.5rem; }
#container-sub section.container.member .sns-login button.btn-sns.btn-sns-google { background:url('../../images/egovframework/member/ico-sns-google.png') 2rem 50% no-repeat;  }
#container-sub section.container.member .sns-login button.btn-sns.btn-sns-naver { background:url('../../images/egovframework/member/ico-sns-naver.png') 2.3rem 50% no-repeat;  }
#container-sub section.container.member .sns-login button.btn-sns.btn-sns-kakao { background:url('../../images/egovframework/member/ico-sns-kakao.png') 2rem 50% no-repeat;  }
#container-sub section.container.member .sns-login button.btn-sns:after { content:""; position:absolute; top:1.5rem; right:2rem; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/member/ico-arrow.png') 50% 50% no-repeat; background-size:contain; }



/* 로그인 - 아이디찾기 팝업 */
.modal .memberFindId { width:56rem !important; }
.modal .memberFindId .popHeader { background:#767676 !important; }
.modal .memberFindId .popContents { padding:4rem !important; }
.modal .memberFindId ul.tabs { height:7rem; display:flex; align-items:center; border:1px solid #D9D5D2; border-bottom:0; }
.modal .memberFindId ul.tabs li { display:flex; align-items:center; justify-content:center; width:50%; height:100%; text-align:center; cursor:pointer; border-bottom:1px solid #14ABB5;  background:#F5F5F5; }
.modal .memberFindId ul.tabs li:first-child { border-right:1px solid #E6E6E6; }
.modal .memberFindId ul.tabs li { font-size:2rem; font-weight:400; color:#767676 }
.modal .memberFindId ul.tabs li.active { font-weight:500; color:#149AAF; background:#fff; border:1px solid #14ABB5; border-bottom:0; } 
.modal .memberFindId .txt-guide { font-size:1.6rem; font-weight:400; color:#00757C; letter-spacing:-0.2px; }
.modal .memberFindId .count { font-size:1.8rem; }
.modal .memberFindId .tab-content { display:none; }
.modal .memberFindId .tab-content.active { display:block; }

/* 로그인 - 비번 팝업 */
.modal .memberFindPw { width:56rem !important; }
.modal .memberFindPw .popHeader { background:#767676 !important; }
.modal .memberFindPw .popContents { padding:4rem !important; }
.modal .memberFindPw ul.tabs { height:7rem; display:flex; align-items:center; border:1px solid #D9D5D2; border-bottom:0; }
.modal .memberFindPw ul.tabs li { display:flex; align-items:center; justify-content:center; width:50%; height:100%; text-align:center; cursor:pointer; border-bottom:1px solid #14ABB5;  background:#F5F5F5; }
.modal .memberFindPw ul.tabs li:first-child { border-right:1px solid #E6E6E6; }
.modal .memberFindPw ul.tabs li { font-size:2rem; font-weight:400; color:#767676 }
.modal .memberFindPw ul.tabs li.active { font-weight:500; color:#149AAF; background:#fff; border:1px solid #14ABB5; border-bottom:0; } 
.modal .memberFindPw .txt-guide { font-size:1.6rem; font-weight:400; color:#00757C; letter-spacing:-0.2px; }
.modal .memberFindPw .count { font-size:1.8rem; }
.modal .memberFindPw .tab-content { display:none; }
.modal .memberFindPw .tab-content.active { display:block; }



/***** 회원가입 *****/
#container-sub section.container.member .step { margin:4rem 0; }
#container-sub section.container.member .step ul { display:flex; align-items:center; justify-content:center; }
#container-sub section.container.member .step ul li { display:flex; align-items:center; font-size:1.8rem; font-weight:400; color:#767676; }
#container-sub section.container.member .step ul li:after { content:""; width:5.1rem; height:1.2rem; margin:0 2rem; display:inline-block; background:url('../../images/egovframework/member/ico-arrow-gray.png') 50% 50% no-repeat; }
#container-sub section.container.member .step ul li:last-child:after { background:none !important; margin:0 !important; width:0 !important; height:0 !important; }
#container-sub section.container.member .step ul li span { margin-right:1rem; display:flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:900; color:#767676; width:3.5rem; height:3.5rem; border-radius:50%; border:1px solid #767676; }
#container-sub section.container.member .step ul li.active { font-size:2.2rem; font-weight:700; color:#F25B6A; }
#container-sub section.container.member .step ul li.active span { width:4.8rem; height:4.8rem; border:0; background:url('../../images/egovframework/member/ico-step-active.png') 50% 50% no-repeat; }
#container-sub section.container.member .step ul li.active:after { content:""; width:5.1rem; height:1.2rem; margin:0 2rem; display:inline-block; background:url('../../images/egovframework/member/ico-arrow-red.png') 50% 50% no-repeat; }

#container-sub section.container.member .JoinconBox { width:72rem; margin:0 auto; border-radius:2rem; border:1px solid #E6E6E6; box-shadow:0 0 20px 5px rgba(0,0,0,.05); overflow:hidden; }
#container-sub section.container.member .JoinconBox .hd { height:7.2rem; background:#F5F5F5; border-bottom:1px solid #e6e6e6; padding:0 4rem; }
#container-sub section.container.member .JoinconBox .hd p { font-weight:400; font-size:1.8rem; color:#333; }
#container-sub section.container.member .JoinconBox .hd p span { font-weight:500; }
#container-sub section.container.member .JoinconBox .txt { padding:1.5rem 4rem; }
#container-sub section.container.member .JoinconBox .txt ul li { padding:1.5rem 0; background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
#container-sub section.container.member .JoinconBox .txt ul li:last-child { background:none; }
#container-sub section.container.member .JoinconBox .txt .toggleAgree { display:none; height:15rem; overflow-y:auto; padding:2rem 0; font-size:1.5rem; color:#777; }
#container-sub section.container.member .JoinconBox .txt .toggleAgree p { line-height:150%; }
#container-sub section.container.member .JoinconBox .txt .txt-guide { font-size:1.6rem; font-weight:400; color:#149AAF; }

/* 백부장님 요청사항 */
#container-sub section.container.member .JoinconBox .chk.agree label { width:auto !important; font-weight:500 !important; font-size:1.6rem !important; color:#666 !important;  }
#container-sub section.container.member .JoinconBox .chk.agree label span { position:relative; top:-2px; width:2.3rem; height:2.3rem; background-color:#999; border-radius:50%; background-size:1.4rem; margin-right:1rem; }
#container-sub section.container.member .JoinconBox .chk.agree input[type="checkbox"]:checked + label span { background-color:#00757C; }

#container-sub section.container.member .JoinconBox .txt .col.line { background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
#container-sub section.container.member .JoinconBox .txt .col label { width:19rem; font-size:1.8rem; font-weight:500; color:#333; }
/* 배광민 추가 작은 라벨 */
#container-sub section.container.member .JoinconBox .txt .col .small-label {font-size:1.6rem;}
#container-sub section.container.member .JoinconBox .txt .col input { flex:1; }
#container-sub section.container.member .JoinconBox .txt .col select { height:5rem; font-size:1.8rem; color:#767676; padding:0 2rem; border-radius:0.5rem; }
#container-sub section.container.member .JoinconBox .txt .col select:focus { border:1px solid #F25B6A !important }
#container-sub section.container.member .JoinconBox .w-250 { width:25rem !important; }
#container-sub section.container.member .JoinconBox .w-100 { width:10rem !important; }
#container-sub section.container.member .JoinconBox .w-200 { width:20rem !important; }
#container-sub section.container.member .JoinconBox .completion { font-size:2.4rem; color:#333; }
#container-sub section.container.member .JoinconBox .completion span { font-weight:500; color:#14ABB5; }

#container-sub section.container.member .banner { width:72rem; margin:0 auto; background:url('../../images/egovframework/main/line.png') 50% 0 repeat-x; }
#container-sub section.container.member .banner img { width:100%; height:100%; object-fit: cover; }


/***** 여행패키지 *****/

/* 공통 상세 */
#container-sub section.container .dataDetail .prdInfo { padding:3.5rem 4rem; background:#fff; border-radius:0.5rem; border:1px solid #D1D0C8; }
#container-sub section.container .dataDetail .prdInfo .thumbnail { width:51.5rem; height:28.8rem; overflow:hidden; }
#container-sub section.container .dataDetail .prdInfo .thumbnail img { width:100%; height:100%; object-fit: cover; }
#container-sub section.container .dataDetail .prdInfo .txt { flex:1; }
#container-sub section.container .dataDetail .prdInfo .txt .subject { border-bottom:1px solid #D9D9D9; padding:0 0 2.5rem; }
/* #container-sub section.container .dataDetail .prdInfo .txt .subject. { border-bottom:1px solid #D9D9D9; padding:0 0 2.5rem; } */
#container-sub section.container .dataDetail .prdInfo .txt .subject h3 { font-size:3.6rem; color:#333; font-weight:700; }
#container-sub section.container .dataDetail .prdInfo .txt .subject h3.medium { font-size:3.6rem; color:#333; font-weight:500; }
#container-sub section.container .dataDetail .prdInfo .txt .subject .sub-tit { font-size:2.2rem; color:#6B655F; font-weight:400; margin:1.5rem 0 0; }
#container-sub section.container .dataDetail .prdInfo .txt ul.info { margin:2.5rem 0 0; }
#container-sub section.container .dataDetail .prdInfo .txt ul.info li { margin:0 0 2rem; }
#container-sub section.container .dataDetail .prdInfo .txt ul.info label { width:14rem; font-size:2rem; color:#8E8E8E; font-weight:500; }
#container-sub section.container .dataDetail .prdInfo .txt ul.info label.ico-1 { padding-left:3.5rem; background:url('../../images/egovframework/sub/ico-detail-d.png') 0 50% no-repeat; }
#container-sub section.container .dataDetail .prdInfo .txt ul.info label.ico-2 { padding-left:3.5rem; background:url('../../images/egovframework/sub/ico-detail-m.png') 0 50% no-repeat; }
#container-sub section.container .dataDetail .prdInfo .txt ul.info label.ico-3 { padding-left:3.5rem; background:url('../../images/egovframework/sub/ico-detail-c.png') 0 50% no-repeat; }
#container-sub section.container .dataDetail .prdInfo .txt ul.info p { font-size:2.4rem; color:#333; font-weight:500; margin-left:4rem; }
#container-sub section.container .dataDetail .prdInfo .price { text-align:center; font-size:3.4rem; font-weight:900; color:#F25B6A; letter-spacing:-0.5px; }
#container-sub section.container .dataDetail .prdInfo .datetime { font-size:2rem; font-weight:400; color:#8e8e8e; }
/* 콘텐츠의 태그마다 글씨사이즈 변경 */
#container-sub section.container .dataDetail .content { padding:7rem; background:#fff; border-radius:0.5rem; border-bottom:1px solid #d8d8d8; overflow:hidden; }
#container-sub section.container .dataDetail .content h1 {border-bottom: 3px double #999;font-size: 24px;line-height: 28px;margin: 52px 0 15px;padding-bottom: 7px;}
#container-sub section.container .dataDetail .content h2 {border-bottom: 1px solid #dbdbdb; font-size: 22px; line-height: 23px; margin: 20px 0 13px; padding-bottom: 7px;}
#container-sub section.container .dataDetail .content h3 { font-size: 20px; margin: 18px 0 2px;}
#container-sub section.container .dataDetail .content h4 { font-size: 18px; margin: 10px 0 2px;}
#container-sub section.container .dataDetail .content h5 { line-height: 17px; margin: 9px 0 -4px;}
#container-sub section.container .dataDetail .content h6 { line-height: 17px; margin: 9px 0 -4px;}
#container-sub section.container .dataDetail .content p {     font-size: 1.6rem;    line-height: 170%;    font-weight: 400;}
#container-sub section.container .dataDetail .content p.txt { line-height:160%; font-size:2rem; color:#666; font-weight:500;  }
#container-sub section.container .dataDetail .content strong { font-weight: 700;}
#container-sub section.container .dataDetail .content em { font-style: italic;}
#container-sub section.container .dataDetail .content del { color: #999; text-decoration: line-through;}
#container-sub section.container .dataDetail .content blockquote >:first-child { margin-top: 0; }



/* 신청하기 폼 */
#container-sub section.container .dataDetail .prdRequest { background:#F8F5ED; padding:2rem; border:2px solid #8e8e8e; border-radius:0.5rem; }
#container-sub section.container .dataDetail .prdRequest.fixed { z-index:999999; position:fixed; bottom:0; left:50%; width:150rem; margin-left:-75rem; }
#container-sub section.container .dataDetail .prdRequest button.btn-info { width:2.4rem; height:2.4rem; background:url('../../images/egovframework/sub/ico-info.png') 50% 50% no-repeat; background-size:contain; }
#container-sub section.container .dataDetail .prdRequest h5 { font-size:2.5rem; font-weight:700; color:#222; }
#container-sub section.container .dataDetail .prdRequest .w-120 { width:12rem !important; }
#container-sub section.container .dataDetail .prdRequest .w-300 { width:30rem !important; }
#container-sub section.container .dataDetail .prdRequest .w-640 { width:71rem !important; }
#container-sub section.container .dataDetail .prdRequest .w-445{ width:44.5rem !important; }
#container-sub section.container .dataDetail .prdRequest .col-auto { color:#8e8e8e; }

#container-sub section.container .dataDetail .prdRequest .chk.agree { height:3rem; }
#container-sub section.container .dataDetail .prdRequest .chk.agree label { font-size:1.6rem; font-weight:500; color:#666; }
#container-sub section.container .dataDetail .prdRequest .chk.agree label span { position:relative; top:-2px; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
#container-sub section.container .dataDetail .prdRequest .chk.agree input[type="checkbox"]:checked + label span { background-color:#14ABB5; }
#container-sub section.container .dataDetail .prdRequest .chk.agree label button.btn-more { position:relative; top:-3px; font-size:1.6rem; color:#149AAF; }

#container-sub section.container .dataDetail .prdRequest p.txt-guide { height:3rem; font-size:1.7rem; font-weight:500; color:#666; }
/*#container-sub section.container .dataDetail .prdRequest p.txt-ex { font-size:1.6rem; font-weight:400; color:#ff0000 }*/
#container-sub section.container .dataDetail .prdRequest p.txt-ex { font-size:1.6rem; font-weight:400; color:#999; }


/* 하단 버튼 */
.btn-detail { height:5rem; line-height:5rem; font-size:2rem; font-weight:500; color:#333; }
.btn-detail.prev { padding-left:7rem; background:url('../../images/egovframework/sub/ico-detail-prev.png') 0 50% no-repeat; background-size:contain; }
.btn-detail.next { padding-right:7rem; background:url('../../images/egovframework/sub/ico-detail-next.png') 100% 50% no-repeat; background-size:contain; }
.btn-detail.edit { padding-left:7rem; background:url('../../images/egovframework/sub/ico-detail-edit.png') 0 50% no-repeat; background-size:contain; }
.btn-detail.delete { padding-right:7rem; background:url('../../images/egovframework/sub/ico-detail-delete.png') 100% 50% no-repeat; background-size:contain; }
.detailFoot .line:after { content:""; height:1.4rem; border-right:1px solid #8e8e8e; margin:0 2.5rem; }
.btn-detail.list { padding-right:7rem; background:url('../../images/egovframework/sub/ico-detail-list.png') 100% 50% no-repeat; background-size:contain; }


/* 답변 */
#container-sub section.container .dataDetail .csComment { background:#ECECE9; padding:4rem; border:1px solid #D1D0C8; border-radius:0.5rem; }
#container-sub section.container .dataDetail .csComment .writer .w-name { font-size:2.4rem; font-weight:700; color:#333; }
#container-sub section.container .dataDetail .csComment .writer .ico-new { width:2.4rem; height:2.4rem; text-align:center; line-height:2.4rem; border-radius:0.3rem; font-size:1.5rem; font-weight:700; color:#fff; background:#F25B6A; }
#container-sub section.container .dataDetail .csComment .writer .w-datetime { font-size:2rem; font-weight:400; color:#666; }
#container-sub section.container .dataDetail .csComment .memo p { font-size:1.8rem; font-weight:400; color:#666; }

/* 첨부파일 */
#container-sub section.container .dataDetail .csFile { background:#ECECE9; padding:4rem; border:1px solid #D1D0C8; border-radius:0.5rem; }
#container-sub section.container .dataDetail .csFile .writer .w-name { padding-left:2.5rem; font-size:2.4rem; font-weight:700; color:#333; background:url('../../images/egovframework/sub/ico-file-view.png') 0 50% no-repeat;  }
#container-sub section.container .dataDetail .csFile .writer a { font-size:1.6rem; font-weight:1.6rem; font-weight:400; color:#666; text-decoration:underline; }
#container-sub section.container .dataDetail .csFile .writer a:hover { color:#333; font-weight:700; }
#container-sub section.container .dataDetail .csFile .writer li { margin-right:1rem; }

#container-sub section.container .dataDetail .csFile .writer button.btn-fileDownload { font-size:2rem; font-weight:500; color:#fff; width:29rem; height:6rem; background:#149AAF; border-radius:0.5rem; }
#container-sub section.container .dataDetail .csFile .writer button.btn-fileDownload span { margin-right:0.5rem; width:2.8rem; height:2.8rem; display:inline-block; vertical-align:middle; background:url('../../images/egovframework/sub/ico-file-download.png') 0 50% no-repeat; background-size:contain; position:relative; top:-2px; }



/* 개인정보 동의 팝업 */
.modal .Privacy { width:75rem !important; }
.modal .Privacy .popContents h5 { font-size:2.4rem; font-weight:500; margin:0 0 1rem; }
.modal .Privacy .popContents ul { margin:0 0 3rem; }
.modal .Privacy .popContents ul:last-child { margin:0; }
.modal .Privacy .popContents ul li { font-size:2rem; font-weight:400; color:#666; }
.modal .Privacy .popContents ol { margin:0 0 3rem; padding-left:2rem; }
.modal .Privacy .popContents ol:last-child { margin:0; }
.modal .Privacy .popContents ol li { font-size:2rem; font-weight:400; color:#666; }
.modal .Privacy .popContents .col-blue { color:#149AAF; }
.modal .Privacy .popContents p { font-size:2rem; font-weight:400; color:#666; }
.modal .Privacy .popContents .nomargin { margin:0; }
.list-style-type-none { }
.ul-hangul { list-style-type:hangul; padding-left:3rem; }
.ul-line li { padding-left:1.5rem; background:url('../../images/egovframework/sub/ul-line.png') 0 1.5rem no-repeat; }


/***** 마이페이지 *****/
#container-sub section.container .Mypage .basicInfo { border:1px solid #149AAF; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:2rem; overflow:hidden; }
#container-sub section.container .Mypage .basicInfo .hd { height:10rem; background:#149AAF; padding:0 4rem; }
#container-sub section.container .Mypage .basicInfo .hd .welcome span { font-size:2rem; font-weight:400; color:#fff; }
#container-sub section.container .Mypage .basicInfo .hd .welcome span.big { font-size:3.2rem; font-weight:500; color:#fff; }
/* 마이페이지 이전 버전으로 롤백 */
#container-sub section.container .Mypage .basicInfo ul.data { height:12rem; }
#container-sub section.container .Mypage .basicInfo ul.data li { height:7.2rem; display:flex; align-items:center; position:relative; width:33.333%; padding:0 4rem;  }
#container-sub section.container .Mypage .basicInfo ul.data li:last-child:after { border:0; }
#container-sub section.container .Mypage .basicInfo ul.data li:after { content:""; position:absolute; right:0; height:4rem; border-right:1px solid #D9D9D9; }
#container-sub section.container .Mypage .basicInfo ul.data li:nth-child(1) .ico { width:7.2rem; height:7.2rem; border-radius:100%; background:#F5F5F5 url('../../images/egovframework/member/ioc-mypage-reservation.png') 50% 50% no-repeat;  }

#container-sub section.container .Mypage .basicInfo ul.data li:nth-child(2) .ico { width:7.2rem; height:7.2rem; border-radius:100%; background:#F5F5F5 url('../../images/egovframework/member/ioc-mypage-coupon.png') 50% 50% no-repeat;  }

#container-sub section.container .Mypage .basicInfo ul.data li:nth-child(3) .ico { width:7.2rem; height:7.2rem; border-radius:100%; background:#F5F5F5 url('../../images/egovframework/member/ioc-mypage-list.png') 50% 50% no-repeat;  }


#container-sub section.container .Mypage .basicInfo ul.data li p { font-size:2.4rem; font-weight:500; color:#333; }
#container-sub section.container .Mypage .basicInfo ul.data li a { font-size:3.6rem; font-weight:500; color:#F25B6A; }
#container-sub section.container .Mypage .basicInfo ul.data li a:hover { text-decoration:underline; }

/* 예매내역 */
#container-sub section.container .Reservation-history .p-tit { font-size:3.5rem; color:#83796F; }
#container-sub section.container .Reservation-history .btn-Reservation { font-weight:700; font-size:2.2rem; color:#fff; padding:0 2rem; height:5rem; background:#F25B6A; border-radius:0.3rem; }
#container-sub section.container .Reservation-history .btn-Reservation span { display:inline-block; vertical-align:middle; margin-right:0.5rem; width:2.9rem; height:2.4rem; background:url('../../images/egovframework/sub/ico-notice.png') 50% 50% no-repeat; }

/* 문의내역 */
#container-sub section.container .Request-history .p-tit { font-size:3.5rem; color:#83796F; }
#container-sub section.container .Request-history .btn-Reservation { font-weight:700; font-size:2.2rem; color:#fff; padding:0 2rem;  height:5rem; background:#F25B6A; border-radius:0.3rem; }
#container-sub section.container .Request-history .btn-Reservation span { display:inline-block; vertical-align:middle; margin-right:0.5rem; width:2.9rem; height:2.4rem; background:url('../../images/egovframework/sub/ico-more-plus.png') 50% 50% no-repeat; }

/* 서비스 바로가기 */
#container-sub section.container .Service { background:#8B8279; padding:3.5rem 8rem 3.5rem 13rem; border-radius:0.5rem; }
#container-sub section.container .Service .p-tit { font-size:3.5rem; font-weight:700; color:#fff; position:relative; }
#container-sub section.container .Service .p-tit:before { content:""; display:block; position:absolute; top:1.2rem; left:-4.5rem; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/member/ico-servoce.png') 50% 50% no-repeat; background-size:contain; }
#container-sub section.container .Service .p-tit span { color:#FFEA9C; }
#container-sub section.container .Service .description { font-size:2.2rem; font-weight:400; color:#EAE8E6; }

#container-sub section.container .Service button.bt { width:15rem; height:15rem; display:flex; justify-content:center; border-radius:100%; box-shadow:0 0 15px 5px rgba(0,0,0,.1); }

#container-sub section.container .Service button.btn-myapge-coupon { padding:8rem 0 0; font-size:2rem; font-weight:400; color:#333; background:#fff url('../../images/egovframework/member/ico-mypage-foot-coupon-off.png') 50% 3.5rem no-repeat; }
#container-sub section.container .Service button.btn-myapge-coupon:hover { background:#FFD84F url('../../images/egovframework/member/ico-mypage-foot-coupon-on.png') 50% 3.5rem no-repeat; }

#container-sub section.container .Service button.btn-myapge-info { padding:8rem 0 0; font-size:2rem; font-weight:400; color:#333; background:#fff url('../../images/egovframework/member/ico-mypage-foot-info-off.png') 50% 2.5rem no-repeat; }

#container-sub section.container .Service button.btn-myapge-info:hover { padding:8rem 0 0; font-size:2rem; font-weight:400; color:#333; background:#FFD84F url('../../images/egovframework/member/ico-mypage-foot-info-on.png') 50% 2.5rem no-repeat; }

#container-sub section.container .Service button.btn-myapge-special { padding:8rem 0 0; font-size:2rem; line-height:100%; font-weight:400; color:#333; background:#fff url('../../images/egovframework/member/ico-mypage-foot-special-off.png') 50% 2.5rem no-repeat; }

#container-sub section.container .Service button.btn-myapge-special:hover { padding:8rem 0 0; font-size:2rem; line-height:100%; font-weight:400; color:#333; background:#FFD84F url('../../images/egovframework/member/ico-mypage-foot-special-on.png') 50% 2.5rem no-repeat; }


/* 정보수정 팝업 */
.modal .memberChange { width:74rem !important; }
.modal .memberChange .popContents { padding:4rem !important; }

.modal .memberChange .popContents .JoinconBox .txt { }
.modal .memberChange .popContents .JoinconBox .txt ul li { padding:1.5rem 0; background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
.modal .memberChange .popContents .JoinconBox .txt ul li:last-child { background:none; }
.modal .memberChange .popContents .JoinconBox .txt .toggleAgree { display:none; height:15rem; overflow-y:auto; padding:2rem 0; font-size:1.5rem; color:#777; }
.modal .memberChange .popContents .JoinconBox .txt .toggleAgree p { line-height:150%; }
.modal .memberChange .popContents .JoinconBox .txt .txt-guide { font-size:1.6rem; font-weight:400; color:#149AAF; }

/* 회원탈퇴 추가 */
.modal .memberChange .popContents .JoinconBox .txt .member-revoke { font-size:1.6rem; font-weight:400; color:#F25B6A; cursor: pointer; }
.modal .memberChange .popContents .JoinconBox .txt .member-revoke:hover { text-decoration: underline; color: #F25B6A; }

.modal .memberChange .popContents .JoinconBox .chk.agree label { width:auto !important; font-weight:500 !important; font-size:1.8rem !important; color:#666 !important;  }
.modal .memberChange .popContents .JoinconBox .chk.agree label span { position:relative; top:-2px; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1.4rem; margin-right:1rem; }
.modal .memberChange .popContents .JoinconBox .chk.agree input[type="checkbox"]:checked + label span { background-color:#14ABB5; }

.modal .memberChange .popContents .JoinconBox .txt .col.line { background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
.modal .memberChange .popContents .JoinconBox .txt .col label { width:19rem; font-size:1.8rem; font-weight:500; color:#333; }
.modal .memberChange .popContents .JoinconBox .txt .col input { flex:1; }
.modal .memberChange .popContents .JoinconBox .txt .col select { height:5rem; font-size:1.8rem; color:#767676; padding:0 2rem; border-radius:0.5rem; }
.modal .memberChange .popContents .JoinconBox .txt .col select:focus { border:1px solid #F25B6A !important }

.modal .memberChange .popContents .JoinconBox .btn-member.hp { background:#767676; }
.modal .memberChange .popContents .JoinconBox .btn-member.hp span { margin-right:1rem; position:relative; top:-1px; display:inline-block; vertical-align:middle; width:1.2rem; height:2rem; background:url('../../images/egovframework/member/ico-hp-white.png') 50% 50% no-repeat; }

/* 나의 쿠폰 팝업 */
.modal .memberCoupon { width:74rem !important; height:75rem; }
.modal .memberCoupon .popContents { padding:4rem !important; }
.modal .memberCoupon .popContents .JoinconBox .txt { }
.modal .memberCoupon .popContents .JoinconBox .txt .col select { width:20rem; height:5rem; font-size:1.8rem; color:#767676; padding:0 2rem; border-radius:0.5rem; }
.modal .memberCoupon .popContents .JoinconBox .txt .col select:focus { border:1px solid #F25B6A !important }
.modal .memberCoupon .popContents .JoinconBox table tr:hover { background:#f9f9f9; }

/* 호수 지정 선택 팝업 */
.modal .roomNumber h5 { font-size:2.4rem; font-weight:500; color:#333; }
.modal .roomNumber .popContents { padding-right:2rem; }
.modal .roomNumber .roomInfo { padding:2rem 3rem; border-top:1px solid #959595; background:#f7f7f7; position:relative; }
.modal .roomNumber .roomInfo .chk-radio label { font-size:2rem; font-weight:500; color:#222; line-height:2.6rem; }
.modal .roomNumber .roomInfo .chk-radio label span { width:2.6rem; height:2.6rem; margin-right:1rem; top:-2px; }
.modal .roomNumber .roomInfo .chk-radio input[type="radio"]:checked + label span:before { width:1.4rem; height:1.4rem;  }
.modal .roomNumber .roomInfo .info { display:flex; align-items:center; font-size:2rem; font-weight:500; }
.modal .roomNumber .roomInfo .info span { display:inline-block; vertical-align:middle; margin-right:1rem; position:relative; top:0; width:2rem; height:2rem; border:1px solid #666; background:#FBF2CE; }

/* 2024-04-29[s] */
.modal .roomNumber .roomInfo .imageWrap { margin:0 auto; display:flex; align-items:center; justify-content:center; padding:0 2rem 2rem; }
/* 2024-04-29[e] */

.modal .roomNumber .roomInfo .imageWrap .pinch-zoom { width:110rem; height:25rem; overflow:hidden; }
.modal .roomNumber .roomInfo .imageWrap .pinch-zoom div { }
.modal .roomNumber .roomInfo .imageWrap .tit { font-size:1.6rem; font-weight:400; width:10rem; height:10rem; text-align:center; padding:2.5rem 0; background:#fff; border-radius:100%; }
.modal .roomNumber .roomInfo .imageWrap .tit strong { font-size:2rem; color:#666 }
.modal .roomNumber .roomInfo .imageWrap img { transition:all 0.2s ease-in; width:100%; height:100%; object-fit:contain; }

/* 2024-04-29[s] */
.modal .roomNumber .roomInfo .infoTxt { width:110rem; margin:0 auto; text-align:right; padding:0 1.5rem 1rem; font-size:1.4rem; color:#333; }
/* 2024-04-29[e] */

.modal .roomNumber .roomInfo .zoomBtn { position:absolute; right:3rem; bottom:3rem; display:flex; flex-direction:column; }
.modal .roomNumber .roomInfo .zoomBtn button { box-shadow:0 0 10px 5px rgba(0,0,0,.05); display:flex; align-items:center; justify-content:center; width:5rem; height:5rem; background:#fff; border:1px solid #ccc; border-radius:0.3rem; margin:0 0 0.5rem; }
.modal .roomNumber .roomInfo .zoomBtn button.btn-zoom-in:before { content:"+"; position:relative; top:-2px; font-size:4rem; margin:0; }
.modal .roomNumber .roomInfo .zoomBtn button.btn-zoom-out:before { content:"-"; position:relative; top:-2px; font-size:4rem; margin:0; }
.modal .roomNumber .roomInfo .zoomBtn button.active { border:2px solid #149AAF; }

.modal .roomNumber .roomList { display:flex; flex-wrap:wrap; }
.modal .roomNumber .roomList li { margin-bottom:2rem; width:33.3%; padding:0 1rem; }
.modal .roomNumber .roomList li .wrap { cursor:pointer; height:6rem; padding:0 2rem; display:flex; align-items:center; border:1px solid #cac6c2; border-radius:0.5rem; }
.modal .roomNumber .roomList li .wrap.active { border:2px solid #F25B6A; }
.modal .roomNumber .roomList li .txt span { display:inline-block; vertical-align:middle; }
.modal .roomNumber .roomList li .txt span:nth-child(1) { height:2rem; line-height:2rem; font-size:2.4rem; font-weight:500; color:#333; border-right:1px solid #D1D0C8; padding-right:1.5rem; margin-right:1.5rem; }
.modal .roomNumber .roomList li .txt span:nth-child(2) { font-size:2rem; font-weight:400; color:#333; }
.modal .roomNumber .roomList li .txt span strong { font-weight:700; color:#F25B6A; }
.modal .roomNumber .roomList .chk-radio-i label { font-size:2rem; font-weight:400; color:#767676; }
.modal .roomNumber .roomList .chk-radio-i label span.ico { margin-right:0.5rem; top:-2px; width:2.4rem; height:2.4rem; background-color:#D1D0C8;  border-radius:50%; background-size:1.3rem; }
.modal .roomNumber .roomList .chk-radio-i input[type="radio"]:checked + label span.ico { background-color:#149AAF;  }
.modal .roomNumber .roomData { display:flex; align-items:center; justify-content:center; height:8rem; background:#F4FEFF; border:2px solid #149AAF; border-radius:0.5rem; }
.modal .roomNumber .roomData { font-size:3rem; font-weight:500; color:#333; }
.modal .roomNumber .roomData strong { margin-right:4rem; }
.modal .roomNumber .roomData span { color:#149AAF; }
.modal .roomNumber .roomData span:after { content:""; display:inline-block; vertical-align:middle; height:2rem; border-right:1px solid #D1D0C8; margin:0 2rem; }
.modal .roomNumber .roomData span:last-child:after { display:none; }

.modal .roomNumber .roomData.yellow { background:#FFF1BF; border:2px solid #DFAE00; }
.modal .roomNumber .roomData.yellow strong { color:#EA594F; }
.modal .roomNumber .roomData.yellow span { color:#333; }


/* 호수 지정 선택 팝업(캡슐형) */
.modal .roomNumber-capsule h5 { font-size:2.4rem; font-weight:500; color:#333; }
.modal .roomNumber-capsule .popContents { padding-right:2rem; }
.modal .roomNumber-capsule .roomInfo { padding:2rem 3rem; border-top:1px solid #959595; background:#f7f7f7; position:relative; }
.modal .roomNumber-capsule .roomInfo .chk-radio label { font-size:2rem; font-weight:500; color:#222; line-height:2.6rem; }
.modal .roomNumber-capsule .roomInfo .chk-radio label span { width:2.6rem; height:2.6rem; margin-right:1rem; top:-2px; }
.modal .roomNumber-capsule .roomInfo .chk-radio input[type="radio"]:checked + label span:before { width:1.4rem; height:1.4rem;  }
.modal .roomNumber-capsule .roomInfo .info { display:flex; align-items:center; font-size:2rem; font-weight:500; }
.modal .roomNumber-capsule .roomInfo .info div:nth-child(1) span { display:inline-block; vertical-align:middle; margin-right:0.5rem; position:relative; top:-2px; width:2rem; height:2rem; border:1px solid #666; background:#FFDFCD; }
.modal .roomNumber-capsule .roomInfo .info div:nth-child(2) span { display:inline-block; vertical-align:middle; margin-right:0.5rem; position:relative; top:-2px; width:2rem; height:2rem; border:1px solid #666; background:#B2EDC3; }
.modal .roomNumber-capsule .roomInfo .imageWrap { margin:0 auto; display:flex; align-items:center; justify-content:center; padding:2rem; }
.modal .roomNumber-capsule .roomInfo .imageWrap .pinch-zoom { width:110rem; height:25rem; overflow:hidden; }
.modal .roomNumber-capsule .roomInfo .imageWrap .pinch-zoom div { }
.modal .roomNumber-capsule .roomInfo .imageWrap .tit { font-size:1.6rem; font-weight:400; width:10rem; height:10rem; text-align:center; padding:2.5rem 0; background:#fff; border-radius:100%; }
.modal .roomNumber-capsule .roomInfo .imageWrap .tit strong { font-size:2rem; color:#666 }
.modal .roomNumber-capsule .roomInfo .imageWrap img { transition:all 0.2s ease-in; width:100%; height:100%; object-fit:contain; }

.modal .roomNumber-capsule .roomInfo .zoomBtn { position:absolute; right:3rem; bottom:3rem; display:flex; flex-direction:column; }
.modal .roomNumber-capsule .roomInfo .zoomBtn button { box-shadow:0 0 10px 5px rgba(0,0,0,.05); display:flex; align-items:center; justify-content:center; width:5rem; height:5rem; background:#fff; border:1px solid #ccc; border-radius:0.3rem; margin:0 0 0.5rem; }
.modal .roomNumber-capsule .roomInfo .zoomBtn button.btn-zoom-in:before { content:"+"; position:relative; top:-2px; font-size:4rem; margin:0; }
.modal .roomNumber-capsule .roomInfo .zoomBtn button.btn-zoom-out:before { content:"-"; position:relative; top:-2px; font-size:4rem; margin:0; }
.modal .roomNumber-capsule .roomInfo .zoomBtn button.active { border:2px solid #149AAF; }

.modal .roomNumber-capsule .roomList { width:63rem;  }
.modal .roomNumber-capsule .roomList li { width:46rem; margin:0 0 2rem; }
.modal .roomNumber-capsule .roomList li .wrap { cursor:pointer; height:6rem; padding:0 2rem; display:flex; align-items:center; border:1px solid #cac6c2; border-radius:0.5rem; }
.modal .roomNumber-capsule .roomList li .wrap.active { border:2px solid #F25B6A; }
.modal .roomNumber-capsule .roomList li .txt span { display:inline-block; vertical-align:middle; }
.modal .roomNumber-capsule .roomList li .txt span:nth-child(1) { height:2rem; line-height:2rem; font-size:2.4rem; font-weight:500; color:#333; border-right:1px solid #D1D0C8; padding-right:1.5rem; margin-right:1.5rem; }
.modal .roomNumber-capsule .roomList li .txt span:nth-child(2) { font-size:2rem; font-weight:400; color:#333; }
.modal .roomNumber-capsule .roomList li .txt span strong { font-weight:700; color:#F25B6A; }
.modal .roomNumber-capsule .roomList .chk-radio-i label { font-size:2rem; font-weight:400; color:#767676; }
.modal .roomNumber-capsule .roomList .chk-radio-i label span.ico { margin-right:0.5rem; top:-2px; width:2.4rem; height:2.4rem; background-color:#D1D0C8;  border-radius:50%; background-size:1.3rem; }
.modal .roomNumber-capsule .roomList .chk-radio-i input[type="radio"]:checked + label span.ico { background-color:#149AAF;  }

.modal .roomNumber-capsule .roomData { display:flex; align-items:center; justify-content:center; height:8rem; background:#F4FEFF; border:2px solid #149AAF; border-radius:0.5rem; }
.modal .roomNumber-capsule .roomData { font-size:3rem; font-weight:500; color:#333; margin-top: 3rem; }
.modal .roomNumber-capsule .roomData strong { margin-right:4rem; }
.modal .roomNumber-capsule .roomData span { color:#149AAF; }
.modal .roomNumber-capsule .roomData span:after { content:""; display:inline-block; vertical-align:middle; height:2rem; border-right:1px solid #D1D0C8; margin:0 2rem; }
.modal .roomNumber-capsule .roomData span:last-child:after { display:none; }

.modal .roomNumber-capsule .text-guide { font-size:1.8rem; color:#666;  }
.modal .roomNumber-capsule .text-guide span { margin-left:1.4rem; }

.modal .roomNumber-capsule .seatWrap { position:relative; }
.modal .roomNumber-capsule .seatWrap .info { position:absolute; bottom:0; left:-10rem; text-align:right; font-size:1.6rem; font-weight:400; color:#333; }
/* 2023-04-03 lkw :   margin 제거 */
.modal .roomNumber-capsule .seatWrap .info div:nth-child(1) {/*  margin:0 0 1rem; */ }
.modal .roomNumber-capsule .seatWrap .info span { margin-right:1rem; width:1.6rem; height:1.6rem;  border:1px solid #ccc; display:inline-block; vertical-align:middle; }
.modal .roomNumber-capsule .seatWrap .s-man { background:#DBF1F3; }
.modal .roomNumber-capsule .seatWrap .s-women { background:#FFE7EB ; }
.modal .roomNumber-capsule .seatWrap li { border:1px solid #d9d9d9; position:relative; padding:3.5rem;  }
/* .modal .roomNumber-capsule .seatWrap li:nth-child(1) { width:46rem; border-right:0; } */
.modal .roomNumber-capsule .seatWrap li:nth-child(1) { width:46rem; }
.modal .roomNumber-capsule .seatWrap li:nth-child(2) { flex:1; }
.modal .roomNumber-capsule .seatWrap li .doorA { font-size:2rem; color:#333; position:absolute; top:-1.3rem; left:50%; width:13rem; text-align:center; margin-left:-6.5rem; background:#fff; }
.modal .roomNumber-capsule .seatWrap li .doorC { font-size:2rem; color:#333; position:absolute; bottom:-1.3rem; left:50%; width:13rem; text-align:center; margin-left:-6.5rem; background:#fff; }

.modal .roomNumber-capsule .seatWrap li .doorB { font-size:2rem; color:#333; position:absolute; top:-1.3rem; right:0; width:13rem; text-align:center; margin-right:2rem; background:#fff; }
.modal .roomNumber-capsule .seatWrap li .doorD { font-size:2rem; color:#333; position:absolute; bottom:-1.3rem; right:0; width:13rem; text-align:center; margin-right:2rem; background:#fff; }
.modal .roomNumber-capsule .seatWrap li .list button.btn-seat { margin:0 0 1rem; width:6rem; line-height:3rem; height:3rem; background:#f2f1ef; font-size:2rem; font-weight:400; color:#666; text-align:center; }
.modal .roomNumber-capsule .seatWrap li .list button.btn-seat:disabled{ border: 1px solid #666; color: #666; opacity: 0.4; cursor: default; }
/* 배광민 추가 객실 정렬 start*/
.modal .roomNumber-capsule .seatWrap li .list button.long { width:10rem; }
.modal .roomNumber-capsule .seatWrap li .list button.left { text-align: left; padding-left: 1rem;}
.modal .roomNumber-capsule .seatWrap li .list button.right { text-align: right; padding-right: 1rem; }
.modal .roomNumber-capsule .seatWrap li .list button.red { background:#FFE7EB; }
.modal .roomNumber-capsule .seatWrap li .list button.blue { background:#DBF1F3; }
.modal .roomNumber-capsule .seatWrap li .list button.blue:disabled { border: 1px solid #666; color: #666; opacity: 0.4; cursor: default; }
.modal .roomNumber-capsule .seatWrap li .list button.red:disabled { border: 1px solid #666; color: #666; opacity: 0.4; cursor: default; }
.flex-right { justify-content: flex-end; }
/* 배광민 추가 객실 정렬 end*/
/* 캡슐룸 제외 클릭 */
.modal .roomNumber-capsule .seatWrap li .list button.btn-seat[data-checked="true"] { background:#149aaf; color:#fff; }
.modal .roomNumber-capsule .seatWrap li .list button.btn-seat:disabled[data-checked="true"] { background:#f2f1ef; color:#666; }
.modal .roomNumber-capsule .seatWrap li .list button.btn-seat.active { background:#149aaf; color:#fff; }


.modal .roomNumber-capsule .seatWrap .chk { }
.modal .roomNumber-capsule .seatWrap .chk label { display:block;  width:6rem; line-height:3rem; height:3rem; font-size:2rem; font-weight:400; color:#666; text-align:center; }
.modal .roomNumber-capsule .seatWrap .chk input[type="checkbox"]:checked + label { background:#149aaf; color:#fff; }
/* .modal .roomNumber-capsule .seatWrap .chk input[type="checkbox"]:disabled + label { background:#F1F1F1 !important; cursor: default;} */
.modal .roomNumber-capsule .seatWrap .chk input[type="checkbox"]:disabled + label { border: 1px solid #666; /*background:#F1F1F1;*/ color: #666; opacity: 0.4; cursor: default;}
.modal .roomNumber-capsule .seatWrap .chk input[type="checkbox"]:disabled + .s-man { background:#DBF1F3;}
.modal .roomNumber-capsule .seatWrap .chk input[type="checkbox"]:disabled + .s-women { background:#FFE7EB;}

.modal .roomNumber-capsule .seatWrap .chk .selected { background:#149aaf !important; color:#fff !important; } 

.modal .roomNumber-capsule .seatWrap li .list .list-wrap { width:50%; padding:0 2rem; }
.modal .roomNumber-capsule .seatWrap li .list .list-wrap .chk:nth-child(odd) { margin-right:1rem; }


.border-top-right { border-top:1px solid #666; border-right:1px solid #666; padding:0.5rem; }
.border-right { border-right:1px solid #666; padding:0.5rem; }

.border-top-left { border-top:1px solid #666; border-left:1px solid #666; padding:0.5rem; }
.border-left { border-left:1px solid #666; padding:0.5rem; }

.border-bottom-left { border-bottom:1px solid #666; border-left:1px solid #666; padding:0.5rem; }
.border-bottom-right { border-bottom:1px solid #666; border-right:1px solid #666; padding:0.5rem; }


.focus {position:fixed; border:1px solid red; background-color:rgb(128, 0, 0, 0.3);z-index:9999999; }
.highlight { border:1px solid red; }


/* 로그인 알림 팝업 */
.modal .alert-login { width:56rem; }
.modal .alert-login .popContents { padding:3rem !important; }
.modal .alert-login .popContents .ico { opacity:0.4; margin:0 auto 2rem; width:7.2rem; height:7.2rem; background:url('../../images/egovframework/sub/ico-important-login.png') 50% 50% no-repeat; background-size:contain;  }
.modal .alert-login .popContents p.big { text-align:center; font-size:3.2rem; font-weight:500; color:#333; }
.modal .alert-login .popContents p.info { margin:2rem 0 0; text-align:center; font-size:1.8rem; font-weight:400; color:#666; }


/* 인원정보 오류 알림 팝업 */
.modal .alert { width:80rem !important; }
.modal .alert .popHeader { background:#F25B6A; }
.modal .alert .text-notice { width:100%; flex:1;  height:8rem; background:#FFF7DC; padding:0 3.5rem; }
.modal .alert .text-notice p { display:flex; align-items:center; height:8rem; font-size:2.2rem; font-weight:400; color:#666; }
.modal .alert .popContents { padding:3rem 4rem 0 !important; }
.modal .alert .popContents th { width:28rem; }
.modal .alert .popContents td { text-align:left; }
.modal .alert .popContents .msgWrap { height:10rem; display:flex; align-items:center; justify-content:center; background:#FFF5F6; border-radius:0.5rem; border:1px solid #F25B6A; }
.modal .alert .popContents .msgWrap p { font-size:3rem; font-weight:500; color:#F25B6A; }
.modal .alert .popContents .msgWrap .ico { margin-right:2rem; width:4.2rem; height:4.2rem; background:url('../../images/egovframework/sub/ico-important2.png') 50% 50% no-repeat; background-size:contain;  }

/* 객실삭제 팝업 */
.modal .alert-roomDel { width:80rem !important; }
.modal .alert-roomDel .popHeader { background:#F25B6A; }
.modal .alert-roomDel .text-notice { width:100%; flex:1;  height:8rem; background:#FFF7DC; padding:0 3.5rem; }
.modal .alert-roomDel .text-notice p { display:flex; align-items:center; height:8rem; font-size:2.2rem; font-weight:400; color:#666; }
.modal .alert-roomDel .popContents { padding:3rem 4rem 0 !important; }
.modal .alert-roomDel .popContents th { width:28rem; }
.modal .alert-roomDel .popContents td { text-align:left; }
.modal .alert-roomDel .popContents .msgWrap { height:10rem; display:flex; align-items:center; justify-content:center; background:#FFF5F6; border-radius:0.5rem; border:1px solid #F25B6A; }
.modal .alert-roomDel .popContents .msgWrap p { font-size:3rem; font-weight:500; color:#F25B6A; }
.modal .alert-roomDel .popContents .msgWrap .ico { margin-right:2rem; width:4.2rem; height:4.2rem; background:url('../../images/egovframework/sub/ico-important2.png') 50% 50% no-repeat; background-size:contain;  }

/* 쿠폰 적용 팝업 */
.modal .Coupon { width:68rem !important; }
.modal .Coupon .popContents { padding:3rem 4rem 0 !important; }
.modal .Coupon .popContents h5 { font-size:2.4rem; font-weight:500; color:#333; }
.modal .Coupon .popContents ul.Coupon-list { border-top:1px solid #333; }
.modal .Coupon .popContents ul.Coupon-list li { cursor:pointer; padding:3rem 0; background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
.modal .Coupon .popContents ul.Coupon-list li:last-child { background:none; }
.modal .Coupon .popContents ul.Coupon-list li .bg { padding:2.5rem 3rem; position:relative; width:54rem; height:20rem; background:url('../../images/egovframework/sub/ico-coupon-bg-none.png') 50% 50% no-repeat; background-size:cover; }
.modal .Coupon .popContents ul.Coupon-list li .bg .txt1 { font-size:2.8rem; font-weight:400; color:#767676; }
.modal .Coupon .popContents ul.Coupon-list li .bg .txt2 { font-size:2rem; font-weight:400; color:#8e8e8e; margin:0.3rem 0 0; }
.modal .Coupon .popContents ul.Coupon-list li .bg .txt3 { position:absolute; bottom:1.5rem; left:3rem; font-size:2rem; font-weight:400; color:#8e8e8e; }
.modal .Coupon .popContents ul.Coupon-list li .bg .txt4 { position:absolute; top:6.5rem; right:4rem; font-size:2.4rem; font-weight:400; color:#767676; }

.modal .Coupon .popContents ul.Coupon-list li.active .bg { background:url('../../images/egovframework/sub/ico-coupon-bg-active.png') 50% 50% no-repeat; background-size:cover; }
.modal .Coupon .popContents ul.Coupon-list li.active .bg .txt1 { font-size:2.8rem; font-weight:700; color:#333; }
.modal .Coupon .popContents ul.Coupon-list li.active .bg .txt2 { font-size:2rem; font-weight:500; color:#F25B6A; }
.modal .Coupon .popContents ul.Coupon-list li.active .bg .txt3 { position:absolute; bottom:1.5rem; left:3rem; font-size:2rem; font-weight:500; color:#666; }
.modal .Coupon .popContents ul.Coupon-list li.active .bg .txt4 { position:absolute; top:6.5rem; right:4rem; font-size:2.4rem; font-weight:700; color:#fff; }
.modal .Coupon .btn.active { background:#F25B6A !important; }


/* 차량승선관련안내사항 팝업 */
.modal .CarAgree { width:99rem !important; }
.modal .CarAgree .popContents { padding-top:0; }
.modal .CarAgree .col { border-bottom:1px solid #d9d9d9; margin:4rem 0 0; padding:0 0 3rem; }
.modal .CarAgree .col.none { border:0; }
.modal .CarAgree label { display:block; font-size:2.4rem; color:#149AAF; font-weight:500; margin:0 0 1rem; }
.modal .CarAgree p { font-size:2rem; font-weight:400; color:#666; line-height:3.5rem; }
.modal .CarAgree ul.txt-list li { font-size:2rem; font-weight:400; color:#666; line-height:3.5rem; padding-left:2rem; background:url('../../images/egovframework/sub/ico-dot.png') 0 1.5rem no-repeat; }
.modal .CarAgree ol li { font-size:2rem; font-weight:400; color:#666; line-height:3.5rem; margin-left:3rem; }
.modal .CarAgree .chk.chk-agree { background:#F4FEFF; border:1px solid #149AAF; border-radius:0.5rem; padding:2rem 3rem; }
.modal .CarAgree .chk.chk-agree label { font-size:2.4rem; color:#149AAF; }
.modal .CarAgree .chk.chk-agree label span { margin-left:1rem; position:relative; top:-2px; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
.modal .CarAgree .chk.chk-agree input[type="checkbox"]:checked + label span { background-color:#14ABB5; }


/* 차량정보 입력/수정 팝업 */
.modal .Car-change { width:99rem !important; }
.modal .Car-change form label { display:block; font-size:2.2rem; color:#333; font-weight:500; margin:0 0 1rem; }
.modal .Car-change form input,
.modal .Car-change form select { width:100%; }
.modal .Car-change form .row { padding:0 0 3rem; margin:0 0 3rem; background:url('../../images/egovframework/main/line.png') 0 100% repeat-x; }
.modal .Car-change form .row:last-child { background:none !important; padding:0; margin:0; }
.modal .Car-change form .row .col { position:relative; }
.modal .Car-change form input.combobox { background: #fff url('../../images/egovframework/sub/ico-select-basic-off.png') no-repeat; background-position: right 3rem center; }
.modal .Car-change form input.combobox.active { border:1px solid #333 !important; border-bottom:0 !important; box-shadow:0 0 15px 5px rgba(0,0,0,.05);  }

.modal .Car-change form .row .col .combobox-Layer { display:none; z-index:99; border-radius:0 0 0.5rem 0.5rem; padding:0 2rem 2rem; box-shadow:0 15px 15px 5px rgba(0,0,0,.05); position:absolute; top:10.8rem; left:0; border:1px solid #333; border-top:0; width:100%; height:25rem; overflow-y:auto; background:#fff; }

.modal .Car-change form .row .col .combobox-Layer.active { display:block; }

.modal .Car-change form .row .col .combobox-Layer tr { cursor:pointer; }
.modal .Car-change form .row .col .combobox-Layer tr:hover { background:#F4FEFF; }

.modal .Car-change form .row .col .combobox-Layer { -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;scrollbar-color:#D9D9D9;scrollbar-width:thin; }
.modal .Car-change form .row .col .combobox-Layer::-webkit-scrollbar{width:1rem; border-radius:1rem;}
.modal .Car-change form .row .col .combobox-Layer::-webkit-scrollbar-track{background:#fff;  }
.modal .Car-change form .row .col .combobox-Layer::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:100px}
.modal .Car-change form .row .col .combobox-Layer::-webkit-scrollbar-thumb:hover{background:#ccc; -webkit-text-size-adjust:none;}

.modal .Car-change form .btn-Cars-row-delete { display:flex; align-items:center; justify-content:center; width:4rem; height:7rem; background:#F5f5f5; color:#D9D9D9; border:1px solid #cac6c2; border-radius:0.5rem; }
.modal .Car-change form .btn-Cars-row-delete:after { content:""; width:1.6rem; height:0.2rem; background:#D9D9d9; }

.modal .Car-change form .btn-Cars-row-plus { display:flex; align-items:center; justify-content:center; width:26rem; height:6rem; background:#F4FEFF; border-radius:0.5rem; border:1px solid #149AAF; font-size:2.4rem; font-weight:500; color:#149AAF; }
.Car-change form .btn-Cars-row-plus:before { content:"+"; font-weight:300; font-size:3.2rem; margin-right:1rem;  }

.modal .Car-change form .msg { display:flex; align-items:center; justify-content:center; padding:3rem; background:#FFF5F6; border:1px solid #F25B6A; border-radius:0.5rem; }
.modal .Car-change form .msg .ico { margin-right:3rem; width:5.6rem; height:5.6rem; background:url('../../images/egovframework/sub/ico-important2.png') 50% 50% no-repeat; background-size:contain;  }
.modal .Car-change form .msg p.big { font-size:3rem; font-weight:500; }
.modal .Car-change form .msg p.sm { font-size:2.2rem; font-weight:400; margin:1rem 0 0 }
.modal .Car-change form .msg p.sm2 { font-size:2rem; font-weight:400; margin:0rem 0 0 }
.modal .Car-change .popFooter .btn.btn-cs-apply { width:27rem; padding:0; height:8rem; background:#83796F; border-radius:0.5rem; }

/***** 운항 스케줄 *****/
#container-sub section.container .Schedule h3.p-tit { font-size:3.5rem; font-weight:700; color:#83796F; }
#container-sub section.container .Schedule .mianTxt { font-size:2.4rem; font-weight:400; color:#6B655F; line-height:150%; }
#container-sub section.container .Schedule .dateWrap { border-bottom:1px solid #e9e9e5; }
#container-sub section.container .Schedule .dateWrap .col { width:74rem; }
#container-sub section.container .Schedule .dateWrap .col:nth-child(1) { margin-right:2rem; }
#container-sub section.container .Schedule .dateWrap .btn-select-Schedule { border:1px solid #bbb; width:100%; border-radius:1rem; font-size:3.5rem; font-weight:700; color:#8e8e8e;  height:12rem;  text-align:center; }

#container-sub section.container .Schedule .dateWrap .txt-guide { font-size:2rem; color:#F25B6A; font-weight:400; }
#container-sub section.container .Schedule .dateWrap .btn-select-Schedule span { display:inline-block; vertical-align:middle; width:7rem; height:1rem; background:url('../../images/egovframework/sub/ico-arrow-sm.png') 50% 50% no-repeat; }

#container-sub section.container .Schedule .dateWrap .btn-select-Schedule.active { background:#149AAF; color:#fff; }
#container-sub section.container .Schedule .dateWrap .btn-select-Schedule.active span { background:url('../../images/egovframework/sub/ico-arrow-sm-active.png') 50% 50% no-repeat; }

#container-sub section.container .Schedule .datepickerWrap { position:relative; border:1px solid #767676; border-radius:1rem; width:74rem; height:58rem; padding:4rem; }
#container-sub section.container .Schedule .datepickerWrap .mask { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); }

#container-sub section.container .Schedule .datepickerWrap .datepicker-header { padding:2rem; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-header .btn-month-prev { width:3.6rem; height:3.6rem; background:url('../../images/egovframework/sub/ico-datepicker-prev.png') 50% 50% no-repeat; background-size:contain; }

#container-sub section.container .Schedule .datepickerWrap .datepicker-header .month { margin:0 2rem; font-size:3.5rem; font-weight:700; color:#222; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-header .month span { margin:0 1rem; width:1.6rem; height:1.6rem; display:inline-block; background:url('../../images/egovframework/sub/ico-datepicker-line.png') 50% 50% no-repeat; }

#container-sub section.container .Schedule .datepickerWrap .datepicker-header .btn-month-next { width:3.6rem; height:3.6rem; background:url('../../images/egovframework/sub/ico-datepicker-next.png') 50% 50% no-repeat; background-size:contain; }

#container-sub section.container .Schedule .datepickerWrap .datepicker-header .Destination li { font-size:2.4rem; font-weight:500; color:#222; margin-left:1rem;  }
#container-sub section.container .Schedule .datepickerWrap .datepicker-header .Destination li:nth-child(1) { width:3rem; height:3rem; background:url('../../images/egovframework/sub/ico-datepicker-1.png') 50% 50% no-repeat; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-header .Destination li:nth-child(3) { width:2rem; height:2rem; background:url('../../images/egovframework/sub/ico-datepicker-arrow.png') 50% 50% no-repeat; }

/* 달력 */
#container-sub section.container .Schedule .datepickerWrap .datepicker-body table { border-collapse: separate; border-spacing: 0; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body th { width:6rem; height:7rem; background:#f6f6f6; border-top:1px solid #d1d0c8; border-bottom:1px solid #d1d0c8; text-align:center; font-size:2.2rem; font-weight:500; color:#222; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body td { padding:1rem 0 0; text-align:center; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body td.last-date button { color:#8E8E8E !important; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body th:first-child { border-left:1px solid #d1d0c8; border-radius:3.5rem 0 0 3.5rem; overflow:hidden; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body th:last-child { border-right:1px solid #d1d0c8; border-radius:0 3.5rem 3.5rem 0; overflow:hidden; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body th:first-child,
#container-sub section.container .Schedule .datepickerWrap .datepicker-body td:first-child { padding-left:2rem; color:#D20000; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body th:last-child,
#container-sub section.container .Schedule .datepickerWrap .datepicker-body td:last-child { padding-right:2rem; color:#005CB0; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body .btn-date { display:inline-block; cursor:pointer; margin:0 auto; width:6rem; height:6rem; font-size:2.2rem; color:#222; font-weight:400; text-align:center; }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body .today { color:#149AAF; font-weight:700; border-radius:100%; border:1px solid #149AAF; }
/* 달력사용시 밑줄문제로 추가 */
#container-sub section.container .Schedule .datepickerWrap .datepicker-body .dayBox { width: 54px; height: 54px;  text-align: center;  display: flex; margin: 0 auto;  }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body .boxUnder {border-bottom: 2px solid rgb(20, 154, 175); }
#container-sub section.container .Schedule .datepickerWrap .datepicker-body .btn-date.active { background:#d0ebef; border-radius:100%; border:0 !important; }

#container-sub section.container .Schedule .datepickerWrap .datepicker-body .btn-date.scheduleTrue {  border-bottom:2px solid #149AAF; }

#container-sub section.container.wideBg { width:100%; max-width:100%; background:#F6F6F3;  padding:0 0 13rem; }
#container-sub section.container.wideBg .Schedule h4.s-tit { font-size:3.5rem; font-weight:700; color:#222; }
#container-sub section.container.wideBg .Schedule h4.s-tit span { display:inline-block; vertical-align:middle; width:7rem; height:1rem; background:url('../../images/egovframework/sub/ico-schedule-ad.png') 50% 50% no-repeat; }
#container-sub section.container.wideBg .Schedule .mianTxt { font-size:2rem; font-weight:400; color:#6B655F; }

#container-sub section.container.wideBg .Schedule .Schedule-List { display:flex; }
#container-sub section.container.wideBg .Schedule .Schedule-List li { width:48rem; height:70rem; padding:4rem; background:#fff; border-radius:2rem; overflow:hidden; margin-right:3rem; }
#container-sub section.container.wideBg .Schedule .Schedule-List li:nth-child(3n) { margin:0; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .ShipName { font-size:3.5rem; font-weight:500; color:#222; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .thumbnail { width:40rem; height:20rem; overflow:hidden; border-radius:0.5rem; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .txt { padding:2rem 0; border-bottom:1px solid #d9d9d9; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .txt p { font-size:2rem; font-weight:400; color:#6B655F; line-height:3.5rem; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .txt strong { font-weight:700; color:#B0901C; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .price { padding:3rem 0 0; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .price dl { font-size:2rem; color:#6B655F; font-weight:400; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .price dl strong { font-size:3.5rem; font-weight:700; color:#F25B6A; margin-right:1rem; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .price dl dt { padding-left:3rem; background:url('../../images/egovframework/sub/ico-price.png') 0 50% no-repeat; }
#container-sub section.container.wideBg .Schedule .Schedule-List li a.p-link { font-size:2rem; color:#83796F; font-weight:500; width:15rem; height:5rem; line-height:5rem; border:1px solid #83796F; border-radius:0.5rem; }
#container-sub section.container.wideBg .Schedule .Schedule-List li .btnWrap a.p-link:hover { color:#fff; background:#83796F;  }


/* 운항 스케줄 상세 팝업 */
.modal .Schedule { width:80rem !important; }
.modal .Schedule .popHeader { height:12rem; justify-content:center; position:relative; }
.modal .Schedule .popHeader h4 { height:12rem; font-size:3.5rem; font-weight:700; color:#fff; }
.modal .Schedule .popHeader h4 span { display:inline-block; vertical-align:middle; width:7rem; height:1rem; background:url('../../images/egovframework/sub/ico-arrow-sm-active.png') 50% 50% no-repeat;  }
.modal .Schedule .popHeader .pop-close { position:absolute; top:4.3rem; right:3rem; }
.modal .Schedule .popContents { padding:3rem 4rem;  }
.modal .Schedule .popContents .datetime { text-align:center; font-size:2.8rem; color:#83796F; font-weight:400; }
.modal .Schedule .popContents .datetime strong { font-weight:500; }
.modal .Schedule .popContents .datetime span { padding-left:5rem; background:url('../../images/egovframework/sub/datetime-icon-yellow.png') 50% 50% no-repeat; }

.modal .Schedule .popContents .tbl-hd { display:flex; align-items:center; height:6rem; background:#83796F; padding:0 4rem;  }
/*.modal .Schedule .popContents .tbl-hd .row:nth-child(1) { width:29rem; }*/
/* 운항스케줄 팝업 수정 */
.modal .Schedule .popContents .tbl-hd .row:nth-child(1) { width:40%; }
.modal .Schedule .popContents .tbl-hd .row:nth-child(2) { width:50%; text-align:center; }
.modal .Schedule .popContents .tbl-hd .row:nth-child(3) { width:10%; }
.modal .Schedule .popContents .tbl-hd .time { font-size:2.4rem; font-weight:700; color:#fff; }
.modal .Schedule .popContents .tbl-hd .time span { display:inline-block; vertical-align:middle; margin:0 3rem; width:1rem; height:1.5rem; background:url('../../images/egovframework/sub/ico-time-arrow.png') 50% 50% no-repeat; }

.modal .Schedule .popContents ul.tbl-list { margin:1rem 0 0; }
.modal .Schedule .popContents ul.tbl-list li { display:flex; align-items:center; height:7rem; padding:0 4rem; border:1px solid #D1D0C8; border-radius:0.5rem; margin:0 0 1rem; }
/* 2023-04-10 lkw : filter: .modal .Schedule .popContents ul.tbl-list li.cancel의 grayscale(100%); 주석 */
.modal .Schedule .popContents ul.tbl-list li.cancel { opacity:0.6; /* filter: grayscale(100%); */ background:#F1F1F1; }
.modal .Schedule .popContents ul.tbl-list li .img { width:8rem; }
.modal .Schedule .popContents ul.tbl-list li .name { font-size:2.4rem; font-weight:500; color:#222; margin-left:1rem; }
.modal .Schedule .popContents ul.tbl-list li .time { font-size:2.4rem; font-weight:400; color:#222; }
.modal .Schedule .popContents ul.tbl-list li .time span { display:inline-block; vertical-align:middle; margin:0 2rem; width:1rem; height:1.5rem; background:url('../../images/egovframework/sub/ico-time-arrow.png') 50% 50% no-repeat; }

.modal .Schedule .popContents ul.tbl-list li .row { display:flex; align-items:center; text-align:center; }
.modal .Schedule .popContents ul.tbl-list li .row:nth-child(1) { width:40%; }
.modal .Schedule .popContents ul.tbl-list li .row:nth-child(2) { width:50%; text-align:center; }

.modal .Schedule .popContents ul.status { display:flex; align-items:center; justify-content:flex-end }
.modal .Schedule .popContents ul.status li { display:flex; align-items:center; font-size:2rem; color:#767676; font-weight:400; margin-left:1.8rem; }
.modal .Schedule .popContents ul.status li span { padding-left:2.5rem; }
.modal .Schedule .popContents ul.status li:nth-child(1) span {  width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-schedule-ok.png') 0 50% no-repeat; background-size:contain; }
.modal .Schedule .popContents ul.status li:nth-child(2) span {  width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-schedule-no.png') 0 50% no-repeat; background-size:contain; }
.modal .Schedule .popContents ul.status li:nth-child(3) span {  width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-schedule-cancel.png') 0 50% no-repeat; background-size:contain; }
.modal .Schedule .popContents ul.status li:nth-child(4) span {  width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-schedule-basic.png') 0 50% no-repeat; background-size:contain; }

/***** FAQ *****/
#container-sub section.container .dataResult.faq ul.faq-Tab { display:flex; align-items:center; overflow:hidden; }
#container-sub section.container .dataResult.faq ul.faq-Tab li { border-radius:0.3rem 0.3rem 0 0; flex:1 auto; position:relative; display:flex; align-items:center; justify-content:center; cursor:pointer; height:7rem; background:#F7F7F7; border-bottom:1px solid #149AAF; }
#container-sub section.container .dataResult.faq ul.faq-Tab li:after { content:""; position:absolute; top:3.3rem; right:0; height:1.3rem; border-right:1px solid #D9D9D9; }
#container-sub section.container .dataResult.faq ul.faq-Tab li:last-child:after { border:0; }
#container-sub section.container .dataResult.faq ul.faq-Tab li span { display:flex; align-items:center; justify-content:center; font-size:2.4rem; font-weight:400 !important; color:#767676; text-align:center; }
#container-sub section.container .dataResult.faq ul.faq-Tab li.active { border:1px solid #149AAF; border-bottom:0; background:#fff; }
#container-sub section.container .dataResult.faq ul.faq-Tab li.active:after { border:0; }
#container-sub section.container .dataResult.faq ul.faq-Tab li.active span { font-weight:700 !important; color:#149AAF; }
#container-sub section.container .dataResult.faq .faq-tab-content { display:none; }
#container-sub section.container .dataResult.faq .faq-tab-content.active { display:block; }
#container-sub section.container .dataResult.faq ul.faqList { }
#container-sub section.container .dataResult.faq ul.faqList li { padding-left:4rem; display:flex; align-items:center;  height:8rem; border-bottom:1px solid #eee; }
#container-sub section.container .dataResult.faq ul.faqList li .type-Q { width:3.2rem; height:3.2rem; text-align:center; line-height:3.2rem; border-radius:50%; background:#149AAF; font-size:1.6rem; font-weight:700; color:#fff; }

#container-sub section.container .dataResult.faq ul.faqList li .type-A { width:3.2rem; height:3.2rem; text-align:center; line-height:3.2rem; border-radius:50%; background:#767676; font-size:1.6rem; font-weight:700; color:#fff; }
#container-sub section.container .dataResult.faq ul.faqList li .category { width:19rem; font-size:2rem; font-weight:400; color:#8e8e8e;  }
#container-sub section.container .dataResult.faq ul.faqList li .subject { font-size:2rem; font-weight:500; color:#333; }
#container-sub section.container .dataResult.faq ul.faqList li .subject.active { font-weight:700 !important; color:#F25B6A !important; text-decoration:underline !important; }
#container-sub section.container .dataResult.faq ul.faqList li button.btn-faq-toggle { width:8rem; height:8rem; background: url('../../images/egovframework/sub/ico-tab-toggle-off.png') 50% 50% no-repeat; }
#container-sub section.container .dataResult.faq ul.faqList li button.btn-faq-toggle.active { background: url('../../images/egovframework/sub/ico-tab-toggle-on.png') 50% 50% no-repeat; }
#container-sub section.container .dataResult.faq ul.faqList li.answer { background:#FAFAFA; padding-right:4rem; }
#container-sub section.container .dataResult.faq ul.faqList li.answer .subject { margin-left:23rem !important; font-size:2rem !important; font-weight:400 !important; color:#666; }

/***** 고속페리 *****/

/* 서브 공통 탭 */
#container-sub section.container .dataResult ul.Link-Tab { display:flex; align-items:center; overflow:hidden; }
#container-sub section.container .dataResult ul.Link-Tab li { border-radius:0.3rem 0.3rem 0 0; flex:1 auto; position:relative; display:flex; align-items:center; justify-content:center; cursor:pointer; height:7rem; background:#f5f5f5; border-bottom:1px solid #989089; }
#container-sub section.container .dataResult ul.Link-Tab li:after { content:""; position:absolute; top:3.3rem; right:0; height:1.3rem; border-right:1px solid #D9D9D9; }
#container-sub section.container .dataResult ul.Link-Tab li:last-child:after { border:0; }
#container-sub section.container .dataResult ul.Link-Tab li a { text-transform: uppercase; display:flex; align-items:center; justify-content:center; font-size:2.4rem; font-weight:400 !important; color:#767676; text-align:center; }
#container-sub section.container .dataResult ul.Link-Tab li.active { border:1px solid #989089; border-bottom:0; background:#fff; }
#container-sub section.container .dataResult ul.Link-Tab li.active:after { border:0; }
#container-sub section.container .dataResult ul.Link-Tab li.active a { font-weight:700 !important; color:#B0901C; }

#container-sub section.container .dataResult ul.Link-Tab li span { margin:0 1rem; width:3.8rem; height:1.2rem; background: url('../../images/egovframework/sub/ico-step-off.png') 50% 50% no-repeat; }
#container-sub section.container .dataResult ul.Link-Tab li.active span { margin:0 1rem; width:3.8rem; height:1.2rem; background: url('../../images/egovframework/sub/ico-step-on.png') 50% 50% no-repeat; }


/* 선박소개 */
/*
#container-sub section.container .dataResult.AboutFerry ul.Link-Tab { display:flex; align-items:center; overflow:hidden; }
#container-sub section.container .dataResult.AboutFerry ul.Link-Tab li { border-radius:0.3rem 0.3rem 0 0; flex:1 auto; position:relative; display:flex; align-items:center; justify-content:center; cursor:pointer; height:7rem; background:#f5f5f5; border-bottom:1px solid #989089; }
#container-sub section.container .dataResult.AboutFerry ul.Link-Tab li:after { content:""; position:absolute; top:3.3rem; right:0; height:1.3rem; border-right:1px solid #D9D9D9; }
#container-sub section.container .dataResult.AboutFerry ul.Link-Tab li:last-child:after { border:0; }
#container-sub section.container .dataResult.AboutFerry ul.Link-Tab li a { text-transform: uppercase; display:flex; align-items:center; justify-content:center; font-size:2.4rem; font-weight:400 !important; color:#767676; text-align:center; }
#container-sub section.container .dataResult.AboutFerry ul.Link-Tab li.active { border:1px solid #989089; border-bottom:0; background:#fff; }
#container-sub section.container .dataResult.AboutFerry ul.Link-Tab li.active:after { border:0; }
#container-sub section.container .dataResult.AboutFerry ul.Link-Tab li.active a { font-weight:700 !important; color:#B0901C; }
*/
#container-sub section.container .dataResult.AboutFerry h3.p-tit { font-size:4rem; font-weight:700; color:#333; }
#container-sub section.container .dataResult.AboutFerry h3.p-tit.font-30 { font-size:3rem; font-weight:700; color:#333; }
#container-sub section.container .dataResult.AboutFerry .mianTxt { font-size:1.8rem; font-weight:400; color:#666; line-height:150%; }
#container-sub section.container .dataResult.AboutFerry .titleWrap { border-bottom:1px solid #958D85; padding:0 0 2rem; margin-top:12rem !important; }

#container-sub section.container .dataResult.AboutFerry ul.Link-Tab.h-100 li { height:10rem; }

#container-sub section.container .dataResult.AboutFerry .SubTitleWrap div:nth-child(1) strong { padding-left:3.5rem; font-size:2rem; font-weight:700; color:#333; background: url('../../images/egovframework/business/ico-map-1.png') 0 0.5rem no-repeat; background-size:2rem; }

#container-sub section.container .dataResult.AboutFerry .SubTitleWrap div:nth-child(2) strong { padding-left:3.5rem; font-size:2rem; font-weight:700; color:#333; background: url('../../images/egovframework/business/ico-map-2.png') 0 0.5rem no-repeat; background-size:2rem; }

#container-sub section.container .dataResult.AboutFerry .SubTitleWrap p { line-height:170%; padding-left:2rem; font-size:2rem; font-weight:400; color:#6B655F; }

.dataResult .p-tit { font-size:3.8rem !important; color:#83796F !important; }


ul.FerryList li { padding:4rem 0; background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
ul.FerryList li:last-child { background:none; }
ul.FerryList li h4.addr { font-size:3.6rem; font-weight:700; color:#333; }
ul.FerryList li h4.addr span { display:inline-block; vertical-align:middle; margin:0 5rem; width:9.8rem; height:1.2rem; background: url('../../images/egovframework/sub/ico-about-longArrow.png') 50% 50% no-repeat; background-size:contain; }
ul.FerryList li .box { border:1px solid #D1D0C8; padding:4rem; border-radius:0.5rem; box-shadow:0 0 15px 3px rgba(0,0,0,.05); }
ul.FerryList li .box:hover { border:1px solid #149AAF; background:#F4FEFF; }
ul.FerryList li .box .thumbnail { width:46.5rem; height:26rem; border-radius:0.5rem; overflow:hidden; }
ul.FerryList li .box .thumbnail img { width:100%; height:100%; object-fit: cover; }
ul.FerryList li .box .txt .titArea { border-bottom:1px solid #ddd;  }
ul.FerryList li .box .txt .titArea h5 { font-size:3.6rem; font-weight:700; color:#333; }
ul.FerryList li .box .txt .titArea span.col-1 { font-size:2.2rem; color:#F25B6A; font-weight:500; }
ul.FerryList li .box .txt .titArea span.col-1:after { content:""; display:inline-block; vertical-align:middle; height:1.8rem; border-right:1px solid #D9D9D9; margin:0 1rem; }
ul.FerryList li .box .txt .titArea span.col-2 { font-size:2.2rem; color:#9B7E1A; font-weight:500; }
ul.FerryList li .box .txt .titArea p { font-size:2.2rem; font-weight:400; color:#666; padding-left:1.5rem; font-size:1.8rem; font-weight:400; color:#666; background:url('../../images/egovframework/sub/ico-dot2.png') 0 50% no-repeat; }

ul.FerryList li .box .txt .titArea a.link { display:block; width:16rem; height:5rem; font-size:2.2rem; font-weight:700; color:#fff; background:#767676; border-radius:0.5rem; display:flex; align-items:center; justify-content:center; }

ul.FerryList li .box:hover .txt .titArea a.link { background:#149AAF; }

ul.FerryList li .box .txt dl { display:flex; align-items:center; margin:0.8rem 0 0; }
ul.FerryList li .box .txt dl dt { width:13rem; font-size:2rem; font-weight:400; color:#8E8E8E; }
ul.FerryList li .box .txt dl dd { flex:1; font-size:2rem; font-weight:500; color:#333;  }

ul.FerryList li .box .txt .description dl:nth-child(1) dt { padding-left:3.5rem; background: url('../../images/egovframework/sub/ico-about-time.png') 0 50% no-repeat; }
ul.FerryList li .box .txt .description dl:nth-child(2) dt { padding-left:3.5rem; background: url('../../images/egovframework/sub/ico-about-day.png') 0 50% no-repeat; }
ul.FerryList li .box .txt .description dl:nth-child(3) dt { padding-left:3.5rem; background: url('../../images/egovframework/sub/ico-about-option.png') 0 50% no-repeat; }

ul.FerryList li .box .line { display:inline-block; vertical-align:middle; height:1.4rem; border-right:1px solid #555; margin:0 1rem; }


/* 상세 */
/* 배광민 수정 */
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .visualWrap { height:84rem; position: relative; }
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .visualWrap img { width:100%; height:100%; object-fit: cover; }
/* pc-play & stop */
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .visualWrap button { position: absolute;}
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .visualWrap button img { width: 240px; height: 240px; }


#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .thumbnail { width:46.5rem; height:26rem; border-radius:0.5rem; overflow:hidden; }
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .thumbnail img { width:100%; height:100%; object-fit: cover; background: 50% 50% no-repeat;}

#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info { display:flex; flex-wrap:wrap; }
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul { flex:1;  }
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li { display:flex; align-items:center; height:6rem; border-bottom:1px solid #ededea; display:flex; align-items:center;  }
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div { display:flex; align-items:center; }
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div:nth-child(1) { width:50%; padding-right:4rem; }
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div:nth-child(2) { flex:1;  }
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div strong { width:11rem; font-size:2rem; padding-left:1.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/sub/ico-dot2.png') 0 1.3rem no-repeat; }
#container-sub section.container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div p { font-size:2rem; font-weight:500; color:#666;  }


.AboutFerry-Rooms-bg { background:#F6F6F3; }
.AboutFerry-Rooms-bg.white { background:#fff; }
.AboutFerry-Rooms-bg h3.p-tit { font-size:4rem; font-weight:700; color:#333; }
.AboutFerry-Rooms-bg .mianTxt { font-size:1.8rem; font-weight:400; color:#666; line-height:150%; }

ul.RoomsList li { padding:4rem 0; background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
ul.RoomsList li:last-child { background:none; }
ul.RoomsList li h4.addr { font-size:3.5rem; font-weight:700; color:#333; }
ul.RoomsList li h4.addr span { display:inline-block; vertical-align:middle; margin:0 5rem; width:9.8rem; height:1.2rem; background: url('../../images/egovframework/sub/ico-about-longArrow.png') 50% 50% no-repeat; background-size:contain; }
ul.RoomsList li .box { border-radius:0.5rem; }

ul.RoomsList.bg-none li { background:none; }

/* 스와이프 */
ul.RoomsList li .box .Rooms-swiper { width:46.4rem; height:30rem; position:relative; overflow:hidden;  }
ul.RoomsList li .box .Rooms-swiper .swiper-slide { width:46.4rem; height:26rem; border-radius:0.5rem; overflow:hidden; }
ul.RoomsList li .box .Rooms-swiper .swiper-slide img { width:100%; height:100%; }

ul.RoomsList li .box .Rooms-swiper .swiper-pagination { bottom:0 !important; z-indeX:9999999; }
ul.RoomsList li .box .Rooms-swiper .swiper-pagination-bullet {  width:1.2rem; height:1.2rem; background:#BCBCBC; opacity: 1; }
ul.RoomsList li .box .Rooms-swiper .swiper-pagination-bullet-active { width: 4rem; transition: width .5s; border-radius: 5px; background: #149AAF; border: 1px solid transparent; }


ul.RoomsList li .box .Rooms-swiper .swiper-button-next::after,
ul.RoomsList li .box .Rooms-swiper .swiper-button-prev::after {
  display: none;
}
ul.RoomsList li .box .Rooms-swiper .swiper-button-prev {
  margin-top:-4.8rem;
  width:4.8rem;
  height:4.8rem;
  left:1rem;
  background: url('../../images/egovframework/sub/ico-prev-white.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:9;
}
ul.RoomsList li .box .Rooms-swiper .swiper-button-next {
  margin-top:-4.8rem;
  width:4.8rem;
  height:4.8rem;
  right:1rem;
  background: url('../../images/egovframework/sub/ico-next-white.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:9;
}


/* 스와이프 off */
ul.RoomsList li .box .Rooms-swiper-off { width:46.4rem; height:30rem; position:relative; overflow:hidden;  }
ul.RoomsList li .box .Rooms-swiper-off .swiper-slide { width:46.4rem; height:26rem; border-radius:0.5rem; overflow:hidden; }
ul.RoomsList li .box .Rooms-swiper-off .swiper-slide img { width:100%; height:100%; object-fit: cover; }


ul.RoomsList li .box .txt .titArea { border-bottom:1px solid #ddd;  }
ul.RoomsList li .box .txt .titArea h5 { font-size:3.6rem; font-weight:700; color:#83796F; }
ul.RoomsList li .box .txt .titArea h5.afterline:after { content:""; display:inline-block; vertical-align:middle; height:2rem; border-right:1px solid #D9D9D9; margin:0 1rem 0 2rem; }
ul.RoomsList li .box .txt .titArea span.col-1 { font-size:2.2rem; color:#F25B6A; font-weight:500; }
ul.RoomsList li .box .txt .titArea span.col-1:after { content:""; display:inline-block; vertical-align:middle; height:1.8rem; border-right:1px solid #D9D9D9; margin:0 1rem; }
ul.RoomsList li .box .txt .titArea span.col-2 { font-size:2.2rem; color:#9B7E1A; font-weight:500; }
ul.RoomsList li .box .txt .titArea span.mark { position:relative; top:3px; font-size:1.8rem; color:#89650A; font-weight:500; line-height:3rem; padding:0 1rem; background:#ffeba6; border:1px solid #cdac38; border-radius:1.5rem; }

ul.RoomsList li .box .txt .titArea p { font-size:2.2rem; font-weight:400; color:#666; }

ul.RoomsList li .box .txt dl { display:flex;  margin:0.8rem 0 0; }
ul.RoomsList li .box .txt dl dt { margin-right:3rem; font-size:2rem; font-weight:500; color:#333; }
ul.RoomsList li .box .txt dl dd { font-size:2rem; font-weight:400; color:#8E8E8E;  }

ul.RoomsList li .box .txt .description dl.ico-1 dt { padding-left:3.5rem; background: url('../../images/egovframework/sub/ico-about-rooms-1.png') 0.5rem 0.6rem no-repeat; }
ul.RoomsList li .box .txt .description dl.ico-2 dt { padding-left:3.5rem; background: url('../../images/egovframework/sub/ico-about-rooms-2.png') 0.2rem 0.8rem no-repeat; }
ul.RoomsList li .box .txt .description dl.ico-3 dt { padding-left:3.5rem; background: url('../../images/egovframework/sub/ico-about-rooms-3.png') 0.2rem 0.6rem no-repeat; }

ul.RoomsList li .box .line { display:inline-block; vertical-align:middle; height:1.4rem; border-right:1px solid #555; margin:0 1rem; }


/* 레스토랑 스와이프 */
.swiperWrap-big { max-width:150rem; margin:0 auto; position:relative; padding:4rem 0; }
.swiperWrap-big  .swiper-button-next::after,
.swiperWrap-big  .swiper-button-prev::after {
  display: none;
}
.swiperWrap-big  .swiper-button-prev {
  width:6.1rem;
  height:6.1rem;
  left:-13rem;
  background: url('../../images/egovframework/main/slide-left.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:9;
}
.swiperWrap-big  .swiper-button-next {
  width:6.1rem;
  height:6.1rem;
  right:-13rem;
  background: url('../../images/egovframework/main/slide-right.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:9;
}

.swiperWrap-big .Rooms-swiper-big { padding:0 0 7rem; position:relative; overflow:hidden; border-bottom:1px solid #958D85; }
.swiperWrap-big .Rooms-swiper-big .swiper-slide { }
.swiperWrap-big .Rooms-swiper-big .swiper-slide .thumbnail { height:74rem; }
.swiperWrap-big .Rooms-swiper-big .swiper-slide img { width:100%; height:100%; object-fit: cover; }
.swiperWrap-big .Rooms-swiper-big .swiper-pagination { bottom:3rem !important; z-indeX:9999999; }
.swiperWrap-big .Rooms-swiper-big .swiper-pagination-bullet {  width:1.2rem; height:1.2rem; background:#BCBCBC; opacity: 1; }
.swiperWrap-big .Rooms-swiper-big .swiper-pagination-bullet-active { width: 4rem; transition: width .5s; border-radius: 5px; background: #149AAF; border: 1px solid transparent; }


/* 썸네일 스와이프 */
.swiperWrap-menu { max-width:150rem; margin:0 auto; position:relative; padding:4rem 0; }
.swiperWrap-menu  .swiper-button-next::after,
.swiperWrap-menu  .swiper-button-prev::after {
  display: none;
}
.swiperWrap-menu  .swiper-button-prev {
  width:6.1rem;
  height:6.1rem;
  left:-13rem;
  background: url('../../images/egovframework/main/slide-left.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:9;
}
.swiperWrap-menu  .swiper-button-next {
  width:6.1rem;
  height:6.1rem;
  right:-13rem;
  background: url('../../images/egovframework/main/slide-right.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:9;
}

.swiperWrap-menu .Rooms-swiper-menu { padding:0; position:relative; overflow:hidden; }
.swiperWrap-menu .Rooms-swiper-menu .swiper-slide { }
.swiperWrap-menu .Rooms-swiper-menu .swiper-slide .thumbnail { width:46.4rem; height:26rem; }
.swiperWrap-menu .Rooms-swiper-menu .swiper-slide .txt { margin:1.5rem 0 0; font-size:2.4rem; font-size:500; color:#666; }
.swiperWrap-menu .Rooms-swiper-menu .swiper-slide img { width:100%; height:100%; object-fit: cover; }
.swiperWrap-menu .Rooms-swiper-menu .swiper-pagination { bottom:3rem !important; z-indeX:9999999; }
.swiperWrap-menu .Rooms-swiper-menu .swiper-pagination-bullet {  width:1.2rem; height:1.2rem; background:#BCBCBC; opacity: 1; }
.swiperWrap-menu .Rooms-swiper-menu .swiper-pagination-bullet-active { width: 4rem; transition: width .5s; border-radius: 5px; background: #149AAF; border: 1px solid transparent; }


/* 한일고속페리 */
#container-sub section.container .whyHanilExpress { padding:13rem 0 0; position:relative; }
#container-sub section.container .whyHanilExpress .bg-video {z-index:-1; position:absolute; top:0rem; right:-10rem; width:82rem; }
#container-sub section.container .whyHanilExpress .bg-video video { width:100%; height:100%; object-fit:contain; }
#container-sub section.container .whyHanilExpress .conWrap {  position:relative;  }
#container-sub section.container .whyHanilExpress .conWrap.width { width:85rem; }
#container-sub section.container .whyHanilExpress .conWrap h3.p-tit { font-size:4rem; color:#333 !important; font-weight:400 !important; }
#container-sub section.container .whyHanilExpress .conWrap h3.p-tit strong { color:#333; }
#container-sub section.container .whyHanilExpress .conWrap .border-bottom { border-bottom:1px dashed #ccc; padding:0 0 3rem; margin:0 0 2rem; }
#container-sub section.container .whyHanilExpress .conWrap .mianTxt { margin:2rem 0 0; font-size:2rem; font-weight:400; color:#666; line-height:150%; }
#container-sub section.container .whyHanilExpress .conWrap .tag { display:inline-block; border-radius:2.5rem; padding:0 3rem; height:5rem; background:#148393; font-size:2.4rem; color:#fff; text-align:center; line-height:5rem; }

#container-sub section.container .whyHanilExpress .imgWrap img { width:100%; height:100%; object-fit:cover; }
#container-sub section.container .whyHanilExpress .conWrap .areaWrap { display:flex; align-items:center; }

#container-sub section.container .whyHanilExpress .box-info { display:flex; align-items:center; }
#container-sub section.container .whyHanilExpress .box-info li { padding:0 4rem; display:flex; width:33.3%; height:10rem; align-items:center; border:1px solid #149AAF; border-radius:1rem; }
#container-sub section.container .whyHanilExpress .box-info li:nth-child(2) { margin:0 1.5rem; }
#container-sub section.container .whyHanilExpress .box-info li p { font-size:2.4rem; color:#333; }
#container-sub section.container .whyHanilExpress .box-info li p span { color:#149AAF; }
#container-sub section.container .whyHanilExpress .box-info li:nth-child(1) { background: url('../../images/egovframework/whyHanilExpress/whyHanilExpress-ico-1.png') 90% 50% no-repeat; }
#container-sub section.container .whyHanilExpress .box-info li:nth-child(2) { background: url('../../images/egovframework/whyHanilExpress/whyHanilExpress-ico-2.png') 90% 50% no-repeat; }
#container-sub section.container .whyHanilExpress .box-info li:nth-child(3) { background: url('../../images/egovframework/whyHanilExpress/whyHanilExpress-ico-3.png') 90% 50% no-repeat; }

#container-sub section.container .whyHanilExpress .box-info2 { display:flex; align-items:center; }
#container-sub section.container .whyHanilExpress .box-info2 li {display:flex; width:50%; padding:3rem 6rem 3rem 0; }
#container-sub section.container .whyHanilExpress .box-info2 li .thumbnail-grid { width:14rem; height:14rem; margin-right:4rem; }
#container-sub section.container .whyHanilExpress .box-info2 li .thumbnail-grid img { width:100%; height:100%; object-fit:cover; }
#container-sub section.container .whyHanilExpress .box-info2 li .txt { flex:1; }
#container-sub section.container .whyHanilExpress .box-info2 li p.tc-red { font-size:2.4rem; font-weight:700; }
#container-sub section.container .whyHanilExpress .box-info2 li p {  font-size:1.8rem; color:#555; font-weight:400;  }



/* 선박요금 */
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab { margin:3rem 0; padding:0 0 3rem; display:flex; align-items:center; overflow:hidden; border-bottom:1px solid #a59e97; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab.border-0 { border:0; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab li { border-radius:0.3rem 0.3rem 0 0; position:relative; display:flex; align-items:center; justify-content:center; cursor:pointer; height:5rem; padding:0 4rem; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab li:after { content:""; position:absolute; top:50%; right:0; margin-top:-0.65rem; height:1.3rem; border-right:1px solid #D9D9D9; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab li:last-child:after { border:0; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab li span { display:flex; align-items:center; justify-content:center; font-size:2.2rem; font-weight:400 !important; color:#958D85; text-align:center; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab li.active { background:#149AAF; border-radius:2.5rem; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab li.active:after { border:0; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab li.active span { text-align:center; font-weight:500 !important; color:#fff; }


#container-sub section.container .dataResult.AboutFerry .Sub-Tab-content { display:none; padding:0 0 10rem; }
#container-sub section.container .dataResult.AboutFerry .Sub-Tab-content.active { display:block;  }
#container-sub section.container .dataResult.AboutFerry .Sub-Tab-content .Working { padding:12rem 0; text-align:center; background:#f9f9f9; font-size:1.7rem; }

#container-sub section.container .dataResult.AboutFerry .FeeSearch { display:flex; align-items:center; justify-content:center; background:#F4FEFF; border:1px solid #149AAF; padding:4rem; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch input { width:40rem; height:6rem !important; background:#fff !important; padding-right:9rem; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch input:focus { border:1px solid #333 !important; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch .txt-delete { display:none; position:absolute; top:1.5rem; right:2rem; width:2.8rem; height:2.8rem;  background:url('../../images/egovframework/sub/ico-delete.png') 50% 50% no-repeat; background-size:contain; }


/* 수정 */

#container-sub section.container .dataResult.AboutFerry .FeeSearch .btn-sch { width:18rem; height:5rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#fff; border:1px solid #149AAF; font-size:1.8rem; font-weight:500; color:#767676; }

#container-sub section.container .dataResult.AboutFerry .FeeSearch .btn-sch.active { width:18rem; height:5rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#149AAF; border:1px solid #149AAF; font-size:1.8rem; font-weight:500; color:#fff;  }

#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab.ico-version li { width:24rem; height:6rem; border-radius:3rem; border:1px solid #999999; text-align:center; font-size:2.2rem; font-weight:400 !important; color:#958D85; text-align:center; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab.ico-version li:not(:last-child) { margin-right:2rem; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab.ico-version li.active { font-weight:700 !important; color:#333; background:none; border-radius:3rem; border:3px solid #149AAF; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }

#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab.ico-version li:nth-child(1) span { margin-right:1rem; width:3rem; height:3rem; display:inline-block; background:url('../../images/egovframework/sub/ico-pay-gold.png') 50% 50% no-repeat; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab.ico-version li:nth-child(2) span { margin-right:1rem; width:4.6rem; height:5rem; display:inline-block; background:url('../../images/egovframework/sub/ico-pay-silver.png') 50% 50% no-repeat; }
#container-sub section.container .dataResult.AboutFerry ul.Sub-Tab.ico-version li:nth-child(3) span { margin-right:1rem; width:2.9rem; height:3rem; display:inline-block; background:url('../../images/egovframework/sub/ico-pay-blue.png') 50% 50% no-repeat; }


#container-sub section.container .dataResult.AboutFerry .FeeSearchWrap.arrow-1 { position: relative; }
#container-sub section.container .dataResult.AboutFerry .FeeSearchWrap.arrow-1:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 1rem 2rem 1.3rem;
	border-color: #F4FEFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -1.7rem; 
	left:11rem; 
}

#container-sub section.container .dataResult.AboutFerry .FeeSearchWrap.arrow-1:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 1rem 2rem 1.3rem;
	border-color: #149AAF transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -1.9rem;
	left:11rem;
}


#container-sub section.container .dataResult.AboutFerry .FeeSearchWrap.arrow-2 { position: relative; }
#container-sub section.container .dataResult.AboutFerry .FeeSearchWrap.arrow-2:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 1rem 2rem 1.3rem;
	border-color: #F4FEFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -1.7rem; 
	left:37rem; 
}

#container-sub section.container .dataResult.AboutFerry .FeeSearchWrap.arrow-2:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 1rem 2rem 1.3rem;
	border-color: #149AAF transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -1.9rem;
	left:37rem;
}

#container-sub section.container .dataResult.AboutFerry .FeeSearchWrap.arrow-3 { position: relative; }
#container-sub section.container .dataResult.AboutFerry .FeeSearchWrap.arrow-3:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 1rem 2rem 1.3rem;
	border-color: #F4FEFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -1.7rem; 
	left:63rem; 
}

#container-sub section.container .dataResult.AboutFerry .FeeSearchWrap.arrow-3:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 1rem 2rem 1.3rem;
	border-color: #149AAF transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -1.9rem;
	left:63rem;
}

#container-sub section.container .dataResult.AboutFerry .FeeSearch-sch { display:flex; align-items:center; justify-content:center; border-bottom:1px solid #D1D0C8; padding:3rem; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-sch input { width:40rem; height:5rem !important; background:#fff !important; padding-right:9rem; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-sch input:focus { border:1px solid #333 !important; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-sch .txt-delete { display:none; position:absolute; top:1.2rem; right:2rem; width:2.8rem; height:2.8rem;  background:url('../../images/egovframework/sub/ico-delete.png') 50% 50% no-repeat; background-size:contain; }

#container-sub section.container .dataResult.AboutFerry .FeeSearch-sch .btn-sch { width:16rem; height:5rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#149AAF; }

#container-sub section.container .dataResult.AboutFerry .FeeSearch-sch .btn-sch .ico-search { position:relative; top:-2px; display:inline-block; vertical-align:middle; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/sub/ico-search-white.png') 50% 50% no-repeat; background-size:contain;  }

#container-sub section.container .dataResult.AboutFerry .FeeSearch-sch .btn-back { width:16rem; height:5rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#958D85; }
/* 수정 */


#container-sub section.container .dataResult.AboutFerry .FeeSearch .btn-back { width:16rem; height:6rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#958D85; }

#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result .col.line { padding:0 0 5rem; background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list { }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list tr:nth-child(even) { border:1px solid #BDBDBD; border-radius:0.5rem; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list td { position:relative;  }
/* #container-sub section.container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list td:after { content:""; position:absolute; top:50%; right:0; height:3rem; margin-top:-1.5rem; border-right:1px solid #BDBDBD; } */
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list td:not(.exceptChild):after { content:""; position:absolute; top:50%; right:0; height:3rem; margin-top:-1.5rem; border-right:1px solid #BDBDBD; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list td:last-child:after { border:0; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list .blank { padding:0; height:2rem; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list .h-10 { padding:0; height:1rem; }

#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result .no-data { text-align:center; padding:8rem 0; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result .no-data strong { display:inline-block; vertical-align:middle; font-size:3rem; font-weight:500; color:#958D85; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result .no-data .btn-tooltip { opacity:0.5; margin-right:1rem; width:4.2rem; height:4.2rem; display:inline-block; vertical-align:middle; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result .no-data p { font-size:2rem; font-weight:400; color:#958D85; margin:0 0 0.5rem; }
#container-sub section.container .dataResult.AboutFerry .FeeSearch-Result .no-data .bt-01 { margin-right:1rem; padding:1rem 2rem; font-size:2rem; font-weight:500; width:12rem; height:5rem; background:#958D85; color:#fff; border-radius:0.5rem; }




/* 승선절차 */
#container-sub section.container .dataResult.AboutFerry.Stepcountry h4.addr { font-size:3.5rem; font-weight:700; color:#333; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry h4.addr span { position:relative; top:-0.5rem; display:inline-block; vertical-align:middle; margin:0 2rem; width:4.2rem; height:1.8rem; background: url('../../images/egovframework/sub/ico-Stepcountry-arrow.png') 50% 50% no-repeat; background-size:contain; }

#container-sub section.container .dataResult.AboutFerry.Stepcountry ul.RoomsList li .box .txt .titArea { border:0; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry ul.RoomsList li .box .txt .titArea h5 { font-size:3.5rem; font-weight:500; color:#222; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry ul.RoomsList li .box .txt .titArea .step { text-transform:uppercase; font-size:1.8rem; color:#00757C; font-weight:700; }

#container-sub section.container .dataResult.AboutFerry.Stepcountry .description p.mainTxt {  font-size:2rem; line-height:160%; font-weight:400; color:#666; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .description div.mainTxt {  font-size:2rem; line-height:160%; font-weight:400; color:#666; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .description div.mainTxt ul.dot { list-style-type:"·"; margin-left:0; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .description div.mainTxt ul.dot li { line-height:160%; padding:0 0 0 1.5rem; background:none; font-size:1.9rem; font-weight:400; color:#958D85; }

#container-sub section.container .dataResult.AboutFerry.Stepcountry .description ul { list-style-type:"※ "; margin-left:2.4rem; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .description ul li { line-height:160%; padding:0; background:none; font-size:1.9rem; font-weight:400; color:#958D85; }


#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap { background:#f8f5ed; border:1px solid #958d85; padding:5rem; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-txt p.i-tit { position:relative; font-size:3.5rem; line-height:7rem; font-weight:700; color:#222; background: url('../../images/egovframework/Stepcountry/ico-petcase.png') 0 50% no-repeat; background-size:contain; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-txt p.i-tit span { position:relative; top:-0.3rem; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-txt p { font-size:2.2rem; font-weight:400; color:#6B655F; }

#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-img li .thumbnail { width:35rem; height:19.6rem; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-img li .thumbnail img { width:100%; height:100%; object-fit: cover; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-img li p { font-size:2rem; font-weight:500; text-align:center; color:#222; margin:1.5rem 0 0; }

#container-sub section.container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap { background:#f4feff; padding:3rem 4rem; border:1px solid #a0d9e1; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap .i-txt p.i-tit { position:relative; font-size:3.5rem; font-weight:700; color:#222; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap button.btn-tab { font-size:2.4rem; color:#666; font-weight:400; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap button.btn-tab span {
  content:"";
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
  width:2rem;
  height:2rem;
  border-radius:100%;
  border:1px solid #D9D9D9;
  background:#fff;
  position:relative;
  margin-right:1rem;
}

#container-sub section.container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap button.btn-tab.active span:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:#1B878E;
  width:60%;
  height:60%;
  border-radius:100%;
}

#container-sub section.container .dataResult.AboutFerry.Stepcountry .RoomsList.toggle li.toggle-con { display:none; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .RoomsList.toggle li.toggle-con.active { display:block; }


#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap { background:#EFEFEA url('../../images/egovframework/Stepcountry/img-petticket.png') 100% 100% no-repeat; background-size:contain; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap .i-txt { padding:8rem 0; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap .i-txt .i-tit { font-size:3.5rem; color:#222; font-weight:700; }

#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li { padding:0.5rem 0; font-size:2rem; font-weight:400; color:#6B655F; margin:0 0 2rem; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(1) { padding-left:6rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-1.png') 0 0 no-repeat;  }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(2) { padding-left:6rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-2.png') 0 0 no-repeat;  }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(3) { padding-left:6rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-3.png') 0 0 no-repeat; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(4) { padding-left:6rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-4.png') 0 0 no-repeat; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(5) { padding-left:6rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-5.png') 0 0 no-repeat; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(6) { padding-left:6rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-6.png') 0 0 no-repeat; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(7) { padding-left:6rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-7.png') 0 0 no-repeat; }
#container-sub section.container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(8) { padding-left:6rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-8.png') 0 0 no-repeat; }

#container-sub section.container .dataResult.AboutFerry.Stepcountry .border-top { border-top:1px solid #958D85; }

/* 고객편의 */
ul.FerryList-type2 li { padding:4rem 0 0; /*background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat;*/ }
ul.FerryList-type2 li:last-child { background:none; }
ul.FerryList-type2 li h4.addr { font-size:3.5rem; font-weight:700; color:#83796F; }
ul.FerryList-type2 li h4.addr:after { content:""; display:inline-block; vertical-align:middle; position:relative; top:-2px; margin:0 3rem; height:2rem; border-right:1px solid #BDBDBD; }
ul.FerryList-type2 li .sub-tit { font-size:3rem; font-weight:500; color:#333; }

ul.FerryList-type2 li .box { border:1px solid #D1D0C8; padding:4rem; border-radius:0.5rem; box-shadow:0 0 15px 3px rgba(0,0,0,.05); }
ul.FerryList-type2 li .box:hover { border:1px solid #149AAF; background:#F4FEFF; }
ul.FerryList-type2 li .box .thumbnail { width:46.5rem; height:26rem; border-radius:0.5rem; overflow:hidden; }
ul.FerryList-type2 li .box .thumbnail img { width:100%; height:100%; object-fit: cover; }
ul.FerryList-type2 li .box .txt .titArea { border-bottom:1px solid #ddd; padding:0 0 2rem; }
ul.FerryList-type2 li .box .txt .titArea h5 { font-size:3rem; font-weight:700; color:#333; }
ul.FerryList-type2 li .box .txt .titArea p { font-size:2.2rem; font-weight:400; color:#666; padding-left:1.5rem; font-size:1.8rem; font-weight:400; color:#666; background:url('../../images/egovframework/sub/ico-dot2.png') 0 50% no-repeat; }

ul.FerryList-type2 li .box .txt .titArea a.link { display:block; width:16rem; height:5rem; font-size:2.2rem; font-weight:700; color:#fff; background:#767676; border-radius:0.5rem; display:flex; align-items:center; justify-content:center; }

ul.FerryList-type2 li .box:hover .txt .titArea a.link { background:#149AAF; }

ul.FerryList-type2 li .box .txt dl { display:flex; margin:0.8rem 0 0; }
ul.FerryList-type2 li .box .txt dl dt { width:13rem; font-size:2rem; font-weight:400; color:#8E8E8E; }
ul.FerryList-type2 li .box .txt dl dd { flex:1; font-size:2rem; font-weight:500; color:#333;  }

ul.FerryList-type2 li .box .txt .description dl:nth-child(1) dt { padding-left:3.5rem; background: url('../../images/egovframework/customer/ico-parking-p.png') 0 0.6rem no-repeat; }
ul.FerryList-type2 li .box .txt .description dl:nth-child(2) dt { padding-left:3.5rem; background: url('../../images/egovframework/customer/ico-parking-m.png') 0 0.6rem no-repeat; }

#container-sub section.container .dataResult.AboutFerry .txtWrap { margin:4rem 0 0; }
#container-sub section.container .dataResult.AboutFerry .txtWrap .col { width:50%; }
#container-sub section.container .dataResult.AboutFerry .txtWrap .col:nth-child(1) { margin-right:0.5rem; }
#container-sub section.container .dataResult.AboutFerry .txtWrap .col:nth-child(2) { margin-left:0.5rem; }
#container-sub section.container .dataResult.AboutFerry .txtWrap .col .thumbnail { height:45rem; }
#container-sub section.container .dataResult.AboutFerry .txtWrap .col .thumbnail img { width:100%; height:100%; object-fit: cover; }
#container-sub section.container .dataResult.AboutFerry .txtWrap h4 { font-size:3.5rem; font-weight:700; color:#333; margin:1rem 0 0; }
#container-sub section.container .dataResult.AboutFerry .txtWrap p { font-size:2rem; font-weight:400; color:#666; margin:1.5rem 0 0; padding-right:1rem; }



#container-sub section.container .dataResult.AboutFerry .msgWrap { border-radius:0.5rem; border:1px solid #F25B6A; padding:4.5rem; background:#FFF5F6 url('../../images/egovframework/sub/ico-important2.png') 4rem 4rem no-repeat;  }

#container-sub section.container .dataResult.AboutFerry .msgWrap ul { list-style-type:"※ "; margin-left:10rem; }
#container-sub section.container .dataResult.AboutFerry .msgWrap ul li { line-height:160%; padding:0; background:none; font-size:2.2rem; font-weight:400; color:#222; }

#container-sub section.container .dataResult.AboutFerry .Working { padding:12rem 0; text-align:center; background:#f9f9f9; font-size:1.7rem; }



/* 수화물 배송 & 자전거 선적 */
#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box { align-items:center; border-radius:0.5rem; padding:4rem; border:1px solid #BC9409; box-shadow:0 0 15px 5px rgba(0,0,0,.1); }
#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list { margin-left:6rem; }
#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li { margin:0 0 2rem; position:relative; }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li:nth-child(1):before { content:"01"; position:absolute; top:0; left:-5rem;  width:3.6rem; height:3.6rem; background:#149AAF; text-align:center; line-height:3.6rem; font-size:1.8rem; font-weight:700; color:#fff; border-radius:100%;  }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li:nth-child(2):before { content:"02"; position:absolute; top:0; left:-5rem;  width:3.6rem; height:3.6rem; background:#149AAF; text-align:center; line-height:3.6rem; font-size:1.8rem; font-weight:700; color:#fff; border-radius:100%;  }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li:nth-child(3):before { content:"03"; position:absolute; top:0; left:-5rem;  width:3.6rem; height:3.6rem; background:#149AAF; text-align:center; line-height:3.6rem; font-size:1.8rem; font-weight:700; color:#fff; border-radius:100%;  }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li:nth-child(4):before { content:"04"; position:absolute; top:0; left:-5rem;  width:3.6rem; height:3.6rem; background:#149AAF; text-align:center; line-height:3.6rem; font-size:1.8rem; font-weight:700; color:#fff; border-radius:100%;  }


#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(1):before { content:"01"; position:absolute; top:0; left:-5rem;  width:3.6rem; height:3.6rem; background:#BC9409; text-align:center; line-height:3.6rem; font-size:1.8rem; font-weight:700; color:#fff; border-radius:100%;  }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(2):before { content:"02"; position:absolute; top:0; left:-5rem;  width:3.6rem; height:3.6rem; background:#BC9409; text-align:center; line-height:3.6rem; font-size:1.8rem; font-weight:700; color:#fff; border-radius:100%;  }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(3):before { content:"03"; position:absolute; top:0; left:-5rem;  width:3.6rem; height:3.6rem; background:#BC9409; text-align:center; line-height:3.6rem; font-size:1.8rem; font-weight:700; color:#fff; border-radius:100%;  }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(4):before { content:"04"; position:absolute; top:0; left:-5rem;  width:3.6rem; height:3.6rem; background:#BC9409; text-align:center; line-height:3.6rem; font-size:1.8rem; font-weight:700; color:#fff; border-radius:100%;  }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(5):before { content:"05"; position:absolute; top:0; left:-5rem;  width:3.6rem; height:3.6rem; background:#BC9409; text-align:center; line-height:3.6rem; font-size:1.8rem; font-weight:700; color:#fff; border-radius:100%;  }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li p { font-size:2.4rem; font-weight:500; color:#333; }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list-s { list-style-type:"·"; margin:1rem 0 0; }
#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list-s li { padding-left:1rem; margin:0; font-size:1.8rem; font-weight:400; color:#555; }
#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list-s li:before { display:none; }

#container-sub section.container .dataResult.AboutFerry .txtWrap .shadow-box img { max-width:100%; }

#container-sub section.container .dataResult.AboutFerry .txtWrap .msgWrap { background-position:4rem 50%; }












/* 고객의 말씀 등록 */
#container-sub section.container .dataWrite .WriteconBox { background:#F6F6F4; border-radius:0.5rem; padding:4rem; border:1px solid #D1D0C8; }
#container-sub section.container .dataWrite .WriteconBox .hd { border-bottom:1px solid #D1D0C8; }
#container-sub section.container .dataWrite .WriteconBox .hd h3 { font-size:2.8rem; color:#333; font-weight:500; } 
#container-sub section.container .dataWrite .WriteconBox .hd p { font-size:1.8rem; color:#555; font-weight:400; } 


#container-sub section.container .dataWrite .WriteconBox .txt .col label { display:block; font-size:1.8rem; font-weight:500; color:#333; margin:0 0 1rem; }

#container-sub section.container .dataWrite .WriteconBox .txt .col select { height:5rem; font-size:1.8rem; color:#767676; padding:0 3.5rem 0 2rem; border-radius:0.5rem; }
#container-sub section.container .dataWrite .WriteconBox .txt .col select:focus { border:1px solid #F25B6A !important }

#container-sub section.container .dataWrite .WriteconBox .txt .col .sign { font-size:1.6rem; color:#514539; }

#container-sub section.container .dataWrite .WriteconBox textarea { height:12rem; }

.w-460 { width:46rem !important; }
.w-150 { width:15rem !important; }
.w-160 { width:16rem !important; }



/***** 한일고속 *****/

/* ceo인사말 */
#container-sub section.container .dataResult.CompanyFerry.Welcome { padding:0 0 16rem; }
#container-sub section.container .dataResult.CompanyFerry.Welcome .titArea { margin:8rem 0 0; padding:0 0 5rem; }
#container-sub section.container .dataResult.CompanyFerry.Welcome .border-bottom { border-bottom:1px solid #aaa; }
/* 백부장님 요청사항 */
#container-sub section.container .dataResult.CompanyFerry.Welcome .titArea h3 { font-size:3.2rem; font-weight:500; color:#333; }
#container-sub section.container .dataResult.CompanyFerry.Welcome .titArea h3 img { width:30rem; position:relative; top:-1rem; }
#container-sub section.container .dataResult.CompanyFerry.Welcome .titArea .titTxt { font-size:2.4rem; font-weight:400; color:#333; line-height:160%; }

#container-sub section.container .dataResult.CompanyFerry.Welcome .contents { }
#container-sub section.container .dataResult.CompanyFerry.Welcome .contents .txtZone { width:75rem; padding-right:6rem; }
#container-sub section.container .dataResult.CompanyFerry.Welcome p.mainTxt { font-size:2.2rem; font-weight:400; color:#555; line-height:4rem; }
#container-sub section.container .dataResult.CompanyFerry.Welcome p.name { font-size:2rem; font-weight:500; color:#333;  }
#container-sub section.container .dataResult.CompanyFerry.Welcome p.name strong { margin-left:2rem; font-size:2.9rem; font-weight:500; color:#333;  }



#container-sub section.container .dataResult.CompanyFerry.Welcome .contents .imgZone { flex:1; }
#container-sub section.container .dataResult.CompanyFerry.Welcome .contents .imgZone img { }
#container-sub section.container .dataResult.CompanyFerry.Welcome .contents .imgZone img:last-child { margin-left:3rem;  }

#container-sub section.container .dataResult.CompanyFerry.Welcome .ftTxtWrap div:first-child { width:75rem; }
#container-sub section.container .dataResult.CompanyFerry.Welcome .ftTxtWrap .name p { font-weight:500; }
#container-sub section.container .dataResult.CompanyFerry.Welcome .ftTxtWrap .name p img { position:relative; top:-1rem; }

.CompanyFerry-Welcome-bg { height:50rem; background:url('../../images/egovframework/company/img-welcome-bg.png') 50% 100% no-repeat; background-size:cover; }

/* 한일고속소개 */
#container-sub section.container .dataResult.CompanyFerry.Aboutus .contents { }
#container-sub section.container .dataResult.CompanyFerry.Aboutus .contents .imgZone { width:70rem; }
#container-sub section.container .dataResult.CompanyFerry.Aboutus .contents .imgZone .con-img img { width:100%; }
#container-sub section.container .dataResult.CompanyFerry.Aboutus .contents .imgZone .ico { top:5rem; right:-13rem; z-index:9; }
#container-sub section.container .dataResult.CompanyFerry.Aboutus .contents .txtZone { flex:1; padding-left:13rem; }
#container-sub section.container .dataResult.CompanyFerry.Aboutus .contents .txtZone h3 { font-size:4.2rem; font-weight:500; color:#222; line-height:130%; }
#container-sub section.container .dataResult.CompanyFerry.Aboutus .contents .txtZone h3 span { font-weight:400; }
#container-sub section.container .dataResult.CompanyFerry.Aboutus .contents .txtZone h4 { font-size:3rem; font-weight:700; color:#149AAF; line-height:130%; }
#container-sub section.container .dataResult.CompanyFerry.Aboutus .contents .txtZone p.mainTxt { font-size:2rem; font-weight:400; color:#666; line-height:160%; }

#container-sub section.container .dataResult.CompanyFerry.Aboutus ul.imgList li {  width:25%; }
#container-sub section.container .dataResult.CompanyFerry.Aboutus ul.imgList li img { width:35rem; }


.CompanyFerry-Aboutus-bg { margin:5rem 0 0; }
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus { padding:6rem 6rem 0; background:#fff; border-radius:0.5rem 0.5rem 0 0; }

.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone { flex:none !important; width:89rem !important; padding:0 !important; }
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone h3 { font-size:4.2rem; font-weight:500; color:#222; line-height:130%; }
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone h3 span { font-weight:400; }
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone h4 { font-size:3rem; font-weight:700; color:#149AAF; line-height:130%; }
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone p.mainTxt { font-size:2rem; font-weight:400; color:#666; line-height:160%; }

.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone { flex:1 !important; width:auto !important; }
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li { padding-top:13rem; text-align:center; margin:0 3.5rem; }
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li p { font-size:3rem; font-weight:500; color:#B0901C; }
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li:nth-child(1) { width:10rem; height:10rem; background:url('../../images/egovframework/company/ico-about-1.png') 50% 0 no-repeat; background-size:cover; } 
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li:nth-child(2) { width:10rem; height:10rem; background:url('../../images/egovframework/company/ico-about-2.png') 50% 0 no-repeat; background-size:cover; } 
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li:nth-child(3) { width:10rem; height:10rem; background:url('../../images/egovframework/company/ico-about-3.png') 50% 0 no-repeat; background-size:cover; } 

.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus ul.imgList li {  width:25% !important; }
.CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus ul.imgList li img { width:32rem !important; }


/* 연혁 */
.CompanyFerry-Aboutus-bg2 { background:#F6F6F3; padding:5rem 0 15rem; }
.CompanyFerry-Aboutus-bg2 .historyTabs {  border-bottom:1px solid #e2e2dc; position:relative; }
.CompanyFerry-Aboutus-bg2 .historyTabs h3 { font-size:3.5rem; padding:0 0 2.5rem; font-weight:700; color:#83796F; }

.CompanyFerry-Aboutus-bg2 .historyTabs .Tabs { position:absolute; right:0; bottom:-1rem; }
.CompanyFerry-Aboutus-bg2 .historyTabs .Tabs li { position:relative; cursor:pointer; font-size:2.4rem; font-weight:400; color:#8A8875; margin-left:4rem; padding:0 0 4rem; }
.CompanyFerry-Aboutus-bg2 .historyTabs .Tabs li .mark { }
.CompanyFerry-Aboutus-bg2 .historyTabs .Tabs li.active { font-size:3rem; font-weight:700; color:#F25B6A; background:url('../../images/egovframework/company/ico-mark.png') 50% 100% no-repeat; background-size:2rem; }

.CompanyFerry-Aboutus-bg2 .historyTabs-Contents { display:none; position:relative; padding-top:7.5rem; }
.CompanyFerry-Aboutus-bg2 .historyTabs-Contents.active { display:block; }

.CompanyFerry-Aboutus-bg2 .historyTabs-Contents h4 { position:absolute; top:5rem; left:0; font-size:5rem; font-weight:700; color:#6B655F; }
.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiperWrap { margin-left:30rem; flex:1;  position:relative;  }
.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiperWrap .history-swiper { overflow:hidden; }

.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiperWrap .thumbnail { width:37.5rem; height:26rem; }
.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiperWrap .thumbnail img { width:100%; height:100%; }


.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-button-next::after,
.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-button-prev::after {
  display: none;
}
.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-button-prev {
  width:9rem;
  height:7.2rem;
  left:-3rem;
  background: url('../../images/egovframework/sub/ico-reservation-prev.png') 50% 50% no-repeat;
  
  z-index:9;
}
.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-button-next {
  width:9rem;
  height:7.2rem;
  right:-3rem;
  background: url('../../images/egovframework/sub/ico-reservation-next.png') 50% 50% no-repeat;
  background-size:contain;
  z-index:9;
}

.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-slide h5 { height:5rem; font-size:2.4rem; font-weight:400; color:#666; }
.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-slide h5 strong { color:#B0901C; }
.CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-slide p.txt { margin:2rem 0 0; font-size:2rem; font-weight:400; color:#666; }



/* 고속버스사업 */
.CompanyFerry-Business-bg { margin:27rem 0 0; position:relative; z-index:9; height:54rem; background:url('../../images/egovframework/business/img-bg.png') 50% 0 no-repeat; background-size:cover; }
.CompanyFerry-Business-bg section.container { height:100%; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business { position:relative; height:100%; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea { padding:5rem; background:#fff; position:relative; top:-21rem; border-radius:0.5rem 0.5rem 0 0; border-radius:2rem; box-shadow:0 0 15px 5px rgba(0,0,0,.1); }

.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico {  position:absolute; bottom:11rem; left:50%; transform:translateX(-50%); text-align:center; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico img { }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico ul { display:flex; width:80rem;  }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico ul li p { font-weight:500; font-size:3.5rem; color:#fff; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico ul li strong { color:#FFD84F; font-size:6.5rem; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico ul li div { display:inline-block; padding:0 3rem; font-size:2rem; color:#333; border-radius:1.6rem; height:3.2rem; line-height:3.2rem; background:rgba(255,255,255,.6); }


.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea h4 { padding-left:8rem; margin:0 0 4rem; font-size:4rem; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico-1.png') 0 0 no-repeat; background-size:7rem; }

.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea h4 span { color:#B0901C; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea p { padding:4rem 0 0; font-size:2rem; font-weight:400; color:#666; line-height:150%; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea p strong { font-weight:500; color:#333; }

.CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea .line { background:url('../../images/egovframework/main/line.png') 50% 0 repeat-x; }

.dataResult.CompanyFerry.Business .txtZone { width:75rem; }
.dataResult.CompanyFerry.Business .imgZone { flex:1;  text-align:center;  }
.dataResult.CompanyFerry.Business .imgZone img:first-child { margin-right:3rem; }

.dataResult.CompanyFerry.Business .txtArea h4 { padding-left:8rem; font-size:4rem; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico-2.png') 0 0 no-repeat; background-size:7rem; }

.dataResult.CompanyFerry.Business .txtArea h4 span { color:#B0901C; }
.dataResult.CompanyFerry.Business .txtArea p { padding:4rem 0 0; font-size:2rem; font-weight:400; color:#666; line-height:150%; }
.dataResult.CompanyFerry.Business .txtArea p strong { font-weight:500; color:#333; }

/* 노선 및 요금안내 */
.CompanyFerry-Business-bg2 { position:relative; z-index:9; background:#F6F6F3;  }
.CompanyFerry-Business-bg2 { padding:0 0 10rem; }
.CompanyFerry-Business-bg2 .searchWrap { height:17rem; background:#fff; border-radius:0 0 2rem 2rem; box-shadow:0 5px 15px -5px rgba(0,0,0,.1); }
.CompanyFerry-Business-bg2 .searchWrap .form .btn-save { margin-left:2.5rem; width:17rem; height:5rem; background:#FFD84F; font-size:2.2rem; color:#443600; font-weight:700; }
.CompanyFerry-Business-bg2 .searchWrap .form .select-box-area { position:relative; display:flex; align-items:center; width:27rem !important; height:7rem !important; line-height:7rem !important; border:1px solid #cac6c2; border-radius:0.5rem; padding:2rem; }

.CompanyFerry-Business-bg2 .searchWrap .form .select-box-area.active { border:1px solid #333 !important; }
.CompanyFerry-Business-bg2 .searchWrap .form .select-box-area.active .select-c { color:#333; }
.CompanyFerry-Business-bg2 .searchWrap .form .select-box-area .select-c { width:27rem !important; height:7rem !important; line-height:7rem !important; font-size:2.4rem; font-weight:500; color:#958D85; background:none !important; }

.CompanyFerry-Business-bg2 .searchWrap .form .select-box-area .ico1 {
  width:7rem;
  height:4rem;
  background:#fff url('../../images/egovframework/business/ico-from.png') 0 50% no-repeat;
  /*background-size:;*/
}

.CompanyFerry-Business-bg2 .searchWrap .form .select-box-area .ico2 {
  width:7rem;
  height:4rem;
  background:#fff url('../../images/egovframework/business/ico-to.png') 0 50% no-repeat;
  /*background-size:;*/
}

.CompanyFerry-Business-bg2 .searchWrap .btn-sch { width:17rem; height:7rem; background:#149AAF; font-size:2.6rem; font-weight:700; color:#fff; border-radius:1rem; }
.CompanyFerry-Business-bg2 .searchWrap .btn-sch span { display:inline-block; position:relative; top:-2px; margin-right:1rem; vertical-align:middle; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/sub/ico-sch-white.png') 0 0 no-repeat; background-size:contain; }

.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li { margin:5rem 0 0;  border:1px solid #B0901C; border-radius:0.5rem; overflow:hidden; }
.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .header { display:flex; align-items:center; height:7.5rem; background:#f1eee3; border-bottom:1px solid #B0901C; padding:0 4rem; }
.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .header h4 { font-size:3.5rem; font-weight:700; color:#6B655F; }
.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .header h4 span:nth-child(1) { display:inline-block; vertical-align:middle; width:4rem; height:1rem; margin:0 1rem; background:url('../../images/egovframework/business/ico-arrow.png') 50% 50% no-repeat; background-size:contain; }

.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body { padding:0 4rem; background:#fff; }
.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div { display:flex; align-items:center; height:6rem; background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:last-child { background:none; }

.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl { display:flex; align-items:center; }
.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl:nth-child(1) { width:78rem; }

.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl dd { display:flex; align-items:center; font-size:2rem; color:#666; }
.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl dd p:after { content:""; display:inline-block; height:1.2rem; border-right:1px solid #D9D9D9; margin:0 2rem; }
.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl dd p:last-child:after { display:none; }

.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(1) dl:nth-child(1) dt { width:15rem; font-size:2rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-1.png') 0 50% no-repeat; }

.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(1) dl:nth-child(2) dt { width:15rem; font-size:2rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-2.png') 0 50% no-repeat; }

.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(2) dl:nth-child(1) dt { width:15rem; font-size:2rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-3.png') 0 50% no-repeat; }

.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(2) dl:nth-child(2) dt { width:15rem; font-size:2rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-4.png') 0 50% no-repeat; }

.CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(3) dl:nth-child(1) dt { width:15rem; font-size:2rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-5.png') 0 50% no-repeat; }


/* 영업소 안내 */
.CompanyFerry-Business-bg2 ul.infoList li { font-size:2rem; font-weight:400; color:#6B655F; padding-bottom:3rem; background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; margin:0 0 3rem; }
.CompanyFerry-Business-bg2 ul.infoList li:last-child { margin:0; background:none; }
.CompanyFerry-Business-bg2 ul.infoList li h4 { font-size:3rem; font-weight:700; color:#333; }
.CompanyFerry-Business-bg2 ul.infoList li p { font-size:2rem; font-weight:400; color:#666; margin:1rem 0 0; line-height:160%; }
.CompanyFerry-Business-bg2 ul.infoList li h4 span { font-size:1.8rem; font-weight:700; border-radius:50%; color:#fff; display:inline-block; vertical-align:middle; width:3.5rem; height:3.5rem; text-align:center; line-height:3.5rem; background:#6B655F;  margin-right:1rem; }


.dataResult.CompanyFerry.Business .imgZone2 img { width:100%; height:100%; object-fit: cover; }
.dataResult.CompanyFerry.Business .txtZone2 { position:relative; }
.dataResult.CompanyFerry.Business .txtZone2 h4 { font-size:3rem; font-weight:700; color:#333; margin:0 0 2rem; }
.dataResult.CompanyFerry.Business .txtZone2 dl { font-size:2rem; border-bottom:1px solid #e9e9e5; padding:2rem 0; }
.dataResult.CompanyFerry.Business .txtZone2 dl.border-0 { border:0; }
.dataResult.CompanyFerry.Business .txtZone2 dt { width:18rem; font-weight:500; color:#333; padding-left:1.2rem; background:url('../../images/egovframework/sub/ico-dot2.png') 0 1.3rem no-repeat; }
.dataResult.CompanyFerry.Business .txtZone2 dd { flex:1; font-weight:400; color:#666; }
.dataResult.CompanyFerry.Business .txtZone2 .btn-detail.list { position:absolute; right:0; bottom:0; }


/* 숭차권 예약 */
.dataResult.CompanyFerry.Business .mapList { }
.dataResult.CompanyFerry.Business .mapList li { width:50%; }

.dataResult.CompanyFerry.Business .mapList li .box { height:44rem; border:1px solid #bbb; border-radius:1rem; padding:4rem; }
.dataResult.CompanyFerry.Business .mapList li .box h4 { font-size:3.5rem; font-weight:500; color:#222; }

.dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box { background:url('../../images/egovframework/business/img-map-1.png') 92% 50% no-repeat; background-size:26rem; }
.dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box h4 strong { color:#149AAF; }

.dataResult.CompanyFerry.Business .mapList li:nth-child(2) .box { background:url('../../images/egovframework/business/img-map-2.png') 92% 50% no-repeat; background-size:26rem; }
.dataResult.CompanyFerry.Business .mapList li:nth-child(2) .box h4 strong { color:#F25B6A; }

.dataResult.CompanyFerry.Business .mapList li .box .line { width:40rem; border-bottom:1px solid #ddd; padding:0 0 3rem; margin:0 0 3rem; }
.dataResult.CompanyFerry.Business .mapList li .box .line dl { font-size:2rem; padding:0.3rem 0; }
.dataResult.CompanyFerry.Business .mapList li .box .line dt { font-weight:500; color:#333; padding-left:3rem; }
.dataResult.CompanyFerry.Business .mapList li .box .line dt:after { content:""; display:inline-block; height:1.2rem; border-right:1px solid #D9D9D9; margin:0 2rem; }

.dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box .line dl:nth-child(1) dt { background:url('../../images/egovframework/business/ico-ticket-1.png') 0 50% no-repeat; }
.dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box .line dl:nth-child(2) dt { background:url('../../images/egovframework/business/ico-ticket-2.png') 0 50% no-repeat; }
.dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box .line dl:nth-child(3) dt { background:url('../../images/egovframework/business/ico-ticket-3.png') 0 50% no-repeat; }

.dataResult.CompanyFerry.Business .mapList li:nth-child(2) .box .line dl:nth-child(1) dt { background:url('../../images/egovframework/business/ico-ticket-1.png') 0 50% no-repeat; }
.dataResult.CompanyFerry.Business .mapList li:nth-child(2) .box .line dl:nth-child(2) dt { background:url('../../images/egovframework/business/ico-ticket-2.png') 0 50% no-repeat; }
.dataResult.CompanyFerry.Business .mapList li:nth-child(3) .box .line dl:nth-child(3) dt { background:url('../../images/egovframework/business/ico-ticket-3.png') 0 50% no-repeat; }

.dataResult.CompanyFerry.Business .mapList li .box .line dd { flex:1; font-weight:400; color:#666; }
.dataResult.CompanyFerry.Business .mapList li .box p { font-size:2rem; font-weight:400; color:#83796F; }

/* 고객 요청사항 수정 2023-02-03 */
.dataResult.CompanyFerry.Business .mapList li a.btn-link { display:block; width:100%; height:8rem; line-height:8rem; text-align:center;  font-size:3rem; font-weight:700;  border-radius:0.5rem; color:#83796F; background:#fff; border:1px solid #83796F; }
.dataResult.CompanyFerry.Business .mapList li.active a.btn-link { background:#83796F; color:#fff; }

.dataResult.CompanyFerry.Business .mapList li.active .box { background-color:#f8f5ed; } 
.dataResult.CompanyFerry.Business .mapList li.active a.btn-link { color:#83796F; background:#fff; border:1px solid #83796F; }



.dataResult.CompanyFerry.Business p.txt-guide { font-size:1.8rem; font-weight:400; color:#666; }


.CompanyFerry-Business-bg2 ul.infoList.ico2 li:nth-child(1) h4 span { display:inline-block; vertical-align:middle; width:7.7rem; height:3.9rem; background: url('../../images/egovframework/business/ico-info2-1.png') 0 0 no-repeat; background-size:contain; }

.CompanyFerry-Business-bg2 ul.infoList.ico2 li:nth-child(2) h4 span { display:inline-block; vertical-align:middle; width:7.7rem; height:3.9rem; background: url('../../images/egovframework/business/ico-info2-2.png') 0 0 no-repeat; background-size:contain; }

.CompanyFerry-Business-bg2 ul.infoList.ico2 li:nth-child(3) h4 span { display:inline-block; vertical-align:middle; width:7.7rem; height:3.9rem; background: url('../../images/egovframework/business/ico-info2-3.png') 0 0 no-repeat; background-size:contain; }

.CompanyFerry-Business-bg2 ul.infoList.ico2 li:nth-child(4) h4 span { display:inline-block; vertical-align:middle; width:7.7rem; height:3.9rem; background: url('../../images/egovframework/business/ico-info2-4.png') 0 0 no-repeat; background-size:contain; }

.CompanyFerry-Business-bg2 .txt-guide2 { font-size:2rem; color:#F25B6A; line-height:160%; }





/* 선박사업 */
.CompanyFerry-Business-bg { margin:27rem 0 0; position:relative; z-index:9; height:54rem; background:url('../../images/egovframework/business/img-bg2.png') 50% 0 no-repeat; background-size:cover; }
.CompanyFerry-Business-bg section.container { height:100%; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness { position:relative; height:100%; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea { padding:8rem 5rem 5rem; position:relative; top:-21rem; border-radius:0.5rem 0.5rem 0 0; border-radius:2rem; box-shadow:0 0 15px 5px rgba(0,0,0,.1); background:#fff url('../../images/egovframework/business/ico-addr.png') 92% 3.5rem no-repeat; background-size:58.1rem; }

.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico {  position:absolute; bottom:11rem; left:50%; transform:translateX(-50%); text-align:center; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico img { }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico ul { display:flex; width:80rem;  }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico ul li p { font-weight:500; font-size:3.5rem; color:#fff; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico ul li strong { color:#FFD84F; font-size:6.5rem; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico ul li div { display:inline-block; padding:0 3rem; font-size:2rem; color:#333; border-radius:1.6rem; height:3.2rem; line-height:3.2rem; background:rgba(255,255,255,.6); }


.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea h4 { padding-left:8rem; margin:0 0 7rem; font-size:4rem; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico2-1.png') 0 0 no-repeat; background-size:7rem; }

.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea h4 span { color:#B0901C; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea p { padding:6rem 0 0; font-size:2.5rem; font-weight:400; color:#666; line-height:150%; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea p strong { font-weight:500; color:#333; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea .txt-tit { font-size:5rem; font-weight:700; color:#F25B6A; }

.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea .line { background:url('../../images/egovframework/main/line.png') 50% 0 repeat-x; }

.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt1 { position:absolute; bottom:3rem; left:5rem; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt1 p {  text-transform: uppercase; font-size:2.5rem; font-weight:500; color:#fff; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt1 p strong { font-size:4rem; font-weight:500; color:#fff; }

.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt2 { position:absolute; bottom:3rem; left:50%; padding-left:5rem;  }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt2 p {  text-transform: uppercase; font-size:2.5rem; font-weight:500; color:#fff; }
.CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt2 p strong { font-size:4rem; font-weight:500; color:#fff; }


.CompanyFerry-Business-bg3 { position:relative; z-index:9; background:#F6F6F3;  }


.dataResult.CompanyFerry.Shipbusiness .imgZone img:first-child { margin-right:3rem; }

.dataResult.CompanyFerry.Shipbusiness .txtArea h4 { padding-left:8rem; font-size:4rem; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico2-2.png') 0 0 no-repeat; background-size:7rem; }

.dataResult.CompanyFerry.Shipbusiness .txtArea h4 span { color:#149AAF; }
.dataResult.CompanyFerry.Shipbusiness .txtArea p { padding:4rem 0 0; font-size:2rem; font-weight:400; color:#666; line-height:150%; }
.dataResult.CompanyFerry.Shipbusiness .txtArea p strong { font-weight:500; color:#333; }

.dataResult.CompanyFerry.Shipbusiness .imgZone li { width:48rem;  background:#fff; border-radius:1rem; padding:4rem 3rem; margin-right:5rem; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li:last-child { margin-right:0; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .thumbnail { width:100%; height:16rem; overflow:hidden; border-radius:0.5rem; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .thumbnail img { width:100%; height:100%; object-fit: cover; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .txt { line-height:auto; margin:2rem 0 2rem;  }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .txt strong { line-height:auto; display:block; font-size:3rem; font-weight:500; color:#222; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .txt span { line-height:auto; display:block; font-size:2.2rem; font-weight:500; color:#B0901C; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .tag { margin:1rem 0 0; display:block; font-size:1.6rem; font-weight:500; color:#333; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .tag strong { color:#149AAF; font-weight:500; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .tag.t1 { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-ss-t1.png') 0 50% no-repeat; background-size:contain; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .tag.t2 { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-ss-t2.png') 0.5rem 50% no-repeat; background-size:contain; }
.dataResult.CompanyFerry.Shipbusiness .imgZone li .tag.t3 { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-ss-t3.png') 0 50% no-repeat; background-size:contain; }


.dataResult.CompanyFerry.Shipbusiness .txtZone2 { width:65%; }
.dataResult.CompanyFerry.Shipbusiness .imgZone2 { flex:1; margin-left:5rem; text-align:center;  }
.dataResult.CompanyFerry.Shipbusiness .imgZone2 img { width:100%; height:100%; object-fit: cover;}

.dataResult.CompanyFerry.Shipbusiness .txtArea2 h4 { padding-left:8rem; font-size:4rem; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico2-3.png') 0 0 no-repeat; background-size:7rem; }

.dataResult.CompanyFerry.Shipbusiness .txtArea2 h4 span { color:#149AAF; }
.dataResult.CompanyFerry.Shipbusiness .txtArea2 p { padding:4rem 0 0; font-size:2rem; font-weight:400; color:#666; line-height:150%; }
.dataResult.CompanyFerry.Shipbusiness .txtArea2 p strong { font-weight:500; color:#333; }


/* 오시는길 */
.dataResult.CompanyFerry.Map .mapApi { background:#f9f9f9; font-size:2.5rem; font-weight:400; color:#999; text-align:center; }
.dataResult.CompanyFerry.Map .TitleInfo .thumbnail { width:46rem; height:26rem; overflow:hidden; margin-right:5rem; }
.dataResult.CompanyFerry.Map .TitleInfo .thumbnail img { width:100%; height:100%; object-fit: cover;} 
.dataResult.CompanyFerry.Map .TitleInfo .txt { flex:1; }
.dataResult.CompanyFerry.Map .TitleInfo .txt h4 { font-size:3rem; font-weight:700; color:#333; border-bottom:1px solid #dcdcd6; padding-bottom:2rem; }
.dataResult.CompanyFerry.Map .TitleInfo .txt ul { margin:2rem 0 0; }
.dataResult.CompanyFerry.Map .TitleInfo .txt ul li { font-size:2rem; font-weight:400; color:#6B655F; line-height:180%; }
.dataResult.CompanyFerry.Map .TitleInfo .txt ul li strong { font-weight:700; color:#333; margin-right:2rem; }
.dataResult.CompanyFerry.Map .TitleInfo .txt ul li:nth-child(1) { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-map-info-1.png') 0 50% no-repeat; }
.dataResult.CompanyFerry.Map .TitleInfo .txt ul li:nth-child(2) { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-map-info-2.png') 0 50% no-repeat; }
.dataResult.CompanyFerry.Map .TitleInfo .txt ul li:nth-child(3) { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-map-info-3.png') 0 50% no-repeat; }
.dataResult.CompanyFerry.Map .TitleInfo .txt ul li:nth-child(4) { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-map-info-4.png') 0 50% no-repeat; }
.dataResult.CompanyFerry.Map .TitleInfo .txt ul li:nth-child(5) { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-map-info-5.png') 0 50% no-repeat; }



/* 안전여행 */
.dataResult.CompanyFerry.safetravel .txtArea h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-1.png') 0 0 no-repeat; background-size:7rem; }

.dataResult.CompanyFerry.safetravel .txtArea h4 span { color:#149AAF; }
.dataResult.CompanyFerry.safetravel .txtArea p { padding:2rem 0 0; font-size:2rem; font-weight:400; color:#666; line-height:150%; }
.dataResult.CompanyFerry.safetravel .txtArea p strong { font-weight:500; color:#333; }


.dataResult.CompanyFerry.safetravel .imgZone li { width:46.5rem; height:40rem; background:#fff; border:1px solid #D9D5D2; border-radius:1rem; margin-right:5.5rem; }
.dataResult.CompanyFerry.safetravel .imgZone li:last-child { margin-right:0; }
.dataResult.CompanyFerry.safetravel .imgZone li .thumbnail { height:26rem; overflow:hidden; border-radius:0.5rem; }
.dataResult.CompanyFerry.safetravel .imgZone li .thumbnail img { width:100%; height:100%; object-fit: cover; }
.dataResult.CompanyFerry.safetravel .imgZone li .txt { padding:4rem 2.5rem; }
.dataResult.CompanyFerry.safetravel .imgZone li .txt p { letter-spacing:-3px; font-size:2.8rem; font-weight:500; color:#149AAF;  }
.dataResult.CompanyFerry.safetravel .imgZone li .txt strong { font-weight:500; color:#149AAF; }


.CompanyFerry-safetravel-bg {  background:#F6F6F3; height:47.5rem; position:relative; margin:20rem 0 0; }
.CompanyFerry-safetravel-bg .line-bg { margin:20rem 0 0; height:1px; background:url('../../images/egovframework/main/line.png') 0 100% repeat-x; }
.CompanyFerry-safetravel-bg.none { background:#fff; margin:40rem 0 0; }
.CompanyFerry-safetravel-bg h6 { font-size:2.4rem; font-weight:500; color:#333; }
.CompanyFerry-safetravel-bg section.container { height:100%; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel { height:100%; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .imgZone { width:67rem; position:relative;  }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .imgZone .thumbnail { position:absolute; top:50%; left:0; transform:translateY(-50%); }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .imgZone .thumbnail img { width:100%; height:100%; object-fit: cover;}
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .txtZone { flex:1; padding:5rem 0; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .txtZone p { font-size:1.8rem; font-weight:400; color:#555; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .txtArea p strong { font-weight:500; color:#555; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .txtArea .line { border-top:1px solid #e6e6e0; margin-top:2rem; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-2.png') 0 0 no-repeat; background-size:7rem; }

.CompanyFerry-safetravel-bg.none .dataResult.CompanyFerry.safetravel h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-3.png') 0 0 no-repeat; background-size:7rem; }

.CompanyFerry-safetravel-bg.list { height:auto; padding:0 0 8rem; }
.CompanyFerry-safetravel-bg.list .dataResult.CompanyFerry.safetravel h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-4.png') 0 0 no-repeat; background-size:7rem; }

.CompanyFerry-safetravel-bg.list .txtZone { padding-bottom:0rem !important; }

.CompanyFerry-safetravel-bg.list ul.txtList li { margin:3rem 0 0; background:#fff; border-radius:0.5rem; padding:4rem; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }

.CompanyFerry-safetravel-bg.list ul.txtList li .txt { flex:1; padding-right:5rem; }
.CompanyFerry-safetravel-bg.list ul.txtList li .txt h5 { font-size:2.4rem; font-weight:500; color:#333; }

.CompanyFerry-safetravel-bg.list ul.txtList li .txt h5 span { font-size:1.8rem; font-weight:700; border-radius:50%; color:#fff; display:inline-block; vertical-align:middle; width:3.5rem; height:3.5rem; text-align:center; line-height:3.5rem; background:#6B655F;  margin-right:1rem; }

.CompanyFerry-safetravel-bg.list ul.txtList li .txt p { font-size:1.8rem; font-weight:400; color:#555; border-top:1px solid #d9d9d9; line-height:160%; }
.CompanyFerry-safetravel-bg.list ul.txtList li .txt p.no-line { font-size:1.8rem; font-weight:400; color:#555; border-top:0; line-height:160%; margin:1.5rem 0 0; }

.CompanyFerry-safetravel-bg.list ul.txtList li .thumbnail { width:46.5rem; height:26rem; overflow:hidden; border-radius:0.5rem; }
.CompanyFerry-safetravel-bg.list ul.txtList li .thumbnail img { width:100%; height:100%; object-fit: cover;}


.CompanyFerry-safetravel-bg.list h3.p-tit { font-size:3.5rem; font-weight:700; color:#83796F; }
.CompanyFerry-safetravel-bg.list h3.p-tit.font-30 { font-size:3rem; font-weight:700; color:#333; }
.CompanyFerry-safetravel-bg.list .mianTxt { font-size:1.8rem; font-weight:400; color:#666; line-height:150%; margin-top:1.5rem; }
.CompanyFerry-safetravel-bg.list .titleWrap { border-bottom:1px solid #958D85; padding:0 0 2rem; margin-top:10rem !important; }
.CompanyFerry-safetravel-bg.list .titleWrap.none { border:0; }

.CompanyFerry-safetravel-bg.list.none .dataResult.CompanyFerry.safetravel h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-5.png') 0 0 no-repeat; background-size:7rem; }

.CompanyFerry-safetravel-bg.list.none ul.txtList li .txt h5 span { font-size:1.8rem; font-weight:700; border-radius:50%; color:#fff; display:inline-block; vertical-align:middle; width:3.5rem; height:3.5rem; text-align:center; line-height:3.5rem; background:#6B655F;  margin-right:1rem; }


.CompanyFerry-safetravel-bg.list ul.Safe-Tabs { display:flex; border-radius:0.5rem; overflow:hidden; }
.CompanyFerry-safetravel-bg.list ul.Safe-Tabs li { cursor:pointer; line-height:8rem; text-align:center; height:8rem; width:33.333%; background:#D9D9D9; }
.CompanyFerry-safetravel-bg.list ul.Safe-Tabs li span { font-size:2.5rem; font-weight:400; color:#83796F; }
.CompanyFerry-safetravel-bg.list ul.Safe-Tabs li.active { background:#83796F; border-radius:0.5rem; }
.CompanyFerry-safetravel-bg.list ul.Safe-Tabs li.active span { font-size:2.5rem; font-weight:700; color:#fff; }
.CompanyFerry-safetravel-bg.list .Safe-Tab-content { display:none; margin:4rem 0 0; }
.CompanyFerry-safetravel-bg.list .Safe-Tab-content.active { display:block;  }
.CompanyFerry-safetravel-bg.list .Safe-Tab-content .no-data { font-size:2rem; font-weight:400; color:#333; background:#ebeae6; text-align:center; }

.Safe-Tab-content2 { display:none; }
.Safe-Tab-content2.active { display:block;  }



/* 안전여행 2 */
.dataResult.CompanyFerry.safetravel-02 .txtArea h4.ico-1 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-1.png') 0 0 no-repeat; background-size:7rem; }

.dataResult.CompanyFerry.safetravel-02 .txtArea h4.ico-2 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-2.png') 0 0 no-repeat; background-size:7rem; }

.dataResult.CompanyFerry.safetravel-02 .txtArea h4.ico-3 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-3.png') 0 0 no-repeat; background-size:7rem; }




.dataResult.CompanyFerry.safetravel-02 .txtZone { }
.dataResult.CompanyFerry.safetravel-02 .txtArea h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-1.png') 0 0 no-repeat; background-size:7rem; }

.dataResult.CompanyFerry.safetravel-02 .txtArea h4 span { color:#149AAF; }
.dataResult.CompanyFerry.safetravel-02 .txtArea p { padding:2rem 0 0; font-size:2rem; font-weight:400; color:#666; line-height:150%; }
.dataResult.CompanyFerry.safetravel-02 .txtArea p strong { font-weight:500; color:#333; }

.dataResult.CompanyFerry.safetravel-02 .imgZone { flex:1; }
.dataResult.CompanyFerry.safetravel-02 .imgZone img { width:100%; height:100%; object-fit: cover; }
.dataResult.CompanyFerry.safetravel-02 .imgZone li { width:46.5rem; background:#fff; border-radius:1rem; margin-right:5.5rem; }
.dataResult.CompanyFerry.safetravel-02 .imgZone li:last-child { margin-right:0; }
.dataResult.CompanyFerry.safetravel-02 .imgZone li .thumbnail { height:26rem; overflow:hidden; border-radius:0.5rem; }
.dataResult.CompanyFerry.safetravel-02 .imgZone li .thumbnail img { width:100%; height:100%; object-fit: cover; }

.CompanyFerry-safetravel-bg.h-auto { height:auto; padding:9rem 0 8rem 0; margin:0; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li { width:100%; margin:0 0 1rem; display:flex; align-items:center; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.05); padding:1.5rem; min-height:7rem; border-radius:3.5rem; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li span { font-size:1.8rem; font-weight:700; min-width:3.5rem; height:3.5rem; line-height:3.5rem; text-align:center; border-radius:50%; background:#958D85; color:#fff; margin-right:1rem; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li strong { width:17rem; position:relative; display:flex; align-items:center; font-size:2.4rem; font-weight:500; color:#333;  }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li strong:after { content:""; position:absolute; top:50%; right:0; height:1.5rem; margin-top:-0.75rem; border-right:1px solid #D9D9D9; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li p { flex:1; margin-left:2rem; font-size:1.8rem; font-weight:400; color:#555; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .bigimg { width:53rem; margin:5rem auto; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow { display:flex; align-items:center; flex-wrap:wrap; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li { margin:0 1.5rem 1.5rem 0; display:flex; align-items:center; width:49rem; height:10rem; border-radius:5rem; padding:1rem; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(3n) { margin-right:0; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li p { margin-left:1rem; font-size:1.8rem; color:#555; font-weight:400; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(1) { border:1px solid #149AAF; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(1) span.num { margin-left:2rem; display:flex; align-items:center; justify-content:center; width:3.5rem; height:3.5rem; border-radius:50%; background:#149AAF; font-size:1.8rem; font-weight:700; color:#fff; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(1) span.ico { margin-left:auto; position:relative; top:1rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-1.png') 50% 50% no-repeat; background-size:contain; font-size:1.8rem; font-weight:700; color:#fff; }



.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(2) { border:1px solid #F25B6A; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(2) span.num { margin-left:2rem; display:flex; align-items:center; justify-content:center; width:3.5rem; height:3.5rem; border-radius:50%; background:#F25B6A; font-size:1.8rem; font-weight:700; color:#fff; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(2) span.ico { margin-left:auto; position:relative; top:1rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-2.png') 50% 50% no-repeat; background-size:contain; font-size:1.8rem; font-weight:700; color:#fff; }



.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(3) { border:1px solid #958D85; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(3) span.num { margin-left:2rem; display:flex; align-items:center; justify-content:center; width:3.5rem; height:3.5rem; border-radius:50%; background:#958D85; font-size:1.8rem; font-weight:700; color:#fff; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(3) span.ico { margin-left:auto; position:relative; top:0rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-3.png') 50% 50% no-repeat; background-size:8rem; font-size:1.8rem; font-weight:700; color:#fff; }


.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(4) { border:1px solid #BC9409; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(4) span.num { margin-left:2rem; display:flex; align-items:center; justify-content:center; width:3.5rem; height:3.5rem; border-radius:50%; background:#BC9409; font-size:1.8rem; font-weight:700; color:#fff; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(4) span.ico { margin-left:auto; position:relative; top:1rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-4.png') 50% 50% no-repeat; background-size:contain; font-size:1.8rem; font-weight:700; color:#fff; }



.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(5) { border:1px solid #555; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(5) span.num { margin-left:2rem; display:flex; align-items:center; justify-content:center; width:3.5rem; height:3.5rem; border-radius:50%; background:#555; font-size:1.8rem; font-weight:700; color:#fff; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(5) span.ico { margin-left:auto; position:relative; top:1rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-5.png') 50% 50% no-repeat; background-size:contain; font-size:1.8rem; font-weight:700; color:#fff; }


.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 { display:flex;  }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 li { padding:4rem; width:74rem; height:66rem; background:#fff; border-radius:0.5rem; border:1px solid #E8E7E3; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 li .thumbnail { height:37rem; border:1px solid #E8E7E3; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 li .thumbnail img { width:100%; height:100%; object-fit: cover; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 li p { font-size:1.8rem; font-weight:400; color:#555; }


.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 h4.ico-4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-4.png') 0 0 no-repeat; background-size:7rem; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 h4.ico-5 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-5.png') 0 0 no-repeat; background-size:7rem; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .Conbox { border:1px solid #E8E7E3; padding:4rem; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:0.5rem;  }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .Conbox .titArea { border-bottom:1px solid #e5e5e0; padding:0 0 2rem; }
.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .Conbox .titArea strong { font-size:2.4rem; color:#333; font-weight:500; }



.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 h4.ico-6 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-6.png') 0 0 no-repeat; background-size:7rem; }

.CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 h4.ico-7 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-7.png') 0 0 no-repeat; background-size:7rem; }
















































/***** 모바일 *****/

/* 2023-11-21[s] */
.m-modal .popContainer .popHeader.bg2 { background:#F25B6A !important; }
/* 2023-11-21[e] */

/***** 팝업(공통) *****/
.m-modal { display:flex; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.1); z-index:9999999; }
.m-modal .popContainer { flex:1; display:flex; align-items:center; flex-direction:column; z-index:99999; background:#fff; overflow:hidden; }
.m-modal .popContainer .popHeader { display:flex; width:100%; align-items:center; height:5rem; background:#149AAF; padding:0 2rem; }
.m-modal .popContainer .popHeader h4 { display:flex; align-items:center; height:5rem; font-size:1.8rem; color:#fff; font-weight:700; }
.m-modal .popContainer .popHeader .pop-close { margin-left:auto; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/sub/ico-close.png') 50% 50% no-repeat; background-size:contain;  }
.m-modal .popContainer .popContents { width:100%; height:100%; flex:1; overflow-x:hidden; overflow-y:auto; padding:3rem 2rem;  }
.m-modal .popContainer .popContents form { }
.m-modal .popContainer .popContents fieldset {  }
.m-modal .popContainer .popFooter { width:100%; padding:2rem; text-align:center; }
.m-modal .popContainer .popFooter .btnWrap { text-align:center; justify-content:center; }
.m-modal img { max-width:100%; height:auto; }
.m-modal .line { background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
.m-modal .btn { width:100% !important; padding:0 !important; height:5rem !important; font-size:2rem !important; font-weight:500 !important; color:#333; border-radius:0.5rem; }
.m-modal .btn.btn-outline { border:1px solid #767676; color:#333; }
/* 2023-03-19 lkw important 수정 */
.m-modal .btn.btn-gray { border-radius:0.5rem !important; background:#767676; color:#fff; }
.m-modal .btn.btn-primary { border-radius:0.5rem !important; background:#149AAF; color:#fff; }
.m-modal .btn.btn-outline.sm { font-size:2rem; }
.m-modal .btn.btn-outline.sm span { font-size:1.5rem; }

.modal .m-alert { width:100%; padding:2rem; background:none; box-shadow:none; }
.modal .m-alert .wrap { width:100%; border-radius:1rem; flex:1; display:flex; align-items:center; flex-direction:column; z-index:99999; background:#fff; overflow:hidden; }
.modal .m-alert .popContents { margin:0; }
.modal .m-alert .popFooter { padding:2rem 2rem 3rem;  }
/* 2023-03-19 lkw important, color 수정 */
.modal .m-alert .btn { width:100% !important; padding:0 !important; height:5rem !important; font-size:2rem !important; font-weight:500 !important; color:#fff; }
.modal .m-alert .btn.btn-outline { border:1px solid #767676; color:#333; }
/* 2023-03-19 lkw important 수정 */
.modal .m-alert .btn.btn-gray { border-radius:0.5rem !important; background:#767676; color:#fff; }
.modal .m-alert .btn.btn-primary { border-radius:0.5rem !important; background:#149AAF; color:#fff; }

/* 스크롤바 커스텀 */
.m-modal .popContainer .popContents { -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;scrollbar-color:#D9D9D9;scrollbar-width:thin;}
.m-modal .popContainer .popContents::-webkit-scrollbar{width:1rem; border-radius:1rem;}
.m-modal .popContainer .popContents::-webkit-scrollbar-track{background:#fff;  }
.m-modal .popContainer .popContents::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:100px}
.m-modal .popContainer .popContents::-webkit-scrollbar-thumb:hover{background:#ccc; -webkit-text-size-adjust:none;}


.m-modal table.tbl-list th { width:14rem; height:auto; text-align:left; padding:1rem; font-size:1.5rem; font-weight:500; }
.m-modal table.tbl-list td { text-align:left; height:auto; padding:1rem; font-size:1.6rem; font-weight:400; }


.switch { position:fixed; top:1rem; left:1rem; display:flex; z-index:9999999999; opacity:0.7; }
.switch button { font-size:1.2rem; border:1px solid #ddd; padding:0.5rem; background:#eee; width:10rem; height:40px; }
.switch button.active { background:blue; color:#fff; }
/*		주석처리합니다.
.device-pc { display:none; }
.device-mobile { display:block; }
*/

@media (max-width: 767px) {
	html { font-size:10px; }
	body { letter-spacing:-10%; }
}


/* 공통 */
/* 폼 */
.device-mobile .frm_input { font-size:1.5rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:5rem; padding:0 1rem; }
.device-mobile .frm_input.sm { font-weight:400; font-size:1.8rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:5rem; padding:0 2rem; }
.device-mobile .frm_input.member { font-weight:400; font-size:1.8rem; color:#666 !important; width:100%; height:5rem; background-color:#f8f8f8 !important; }
.device-mobile .frm_input.member.white { background-color:#fff !important; font-size:1.8rem; }
.device-mobile .frm_input.member:focus { background-color:#fff !important; border:1px solid #F25B6A !important }
.device-mobile .frm_input.memberJoin { font-weight:400; font-size:1.8rem; color:#666; width:100%; height:5rem; background-color:#f8f8f8 !important; }
.device-mobile .frm_input.memberJoin:focus { background-color:#fff !important; border:1px solid #F25B6A !important }
.device-mobile .frm_input.memberJoin.nobg { background-color:#fff !important; }
.device-mobile textarea.frm_input { padding:1.5rem 2rem; }

/* 텍스트 아레아 전용 스타일 23-02-20 배광민추가 */
.device-mobile .frm_input_area { font-size:1.5rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:5rem; padding:0 1rem; }
.device-mobile .frm_input_area.sm { font-weight:400; font-size:1.8rem; color:#666; border:1px solid #cac6c2; border-radius:0.5rem; height:5rem; padding:0 2rem; }
.device-mobile .frm_input_area.member { font-weight:400; font-size:1.8rem; color:#666 !important; width:100%; height:5rem; background-color:#f8f8f8 !important; }
.device-mobile .frm_input_area.member.white { background-color:#fff !important; font-size:1.8rem; }
.device-mobile .frm_input_area.member:focus { background-color:#fff !important; border:1px solid #F25B6A !important }
.device-mobile .frm_input_area.memberJoin { font-weight:400; font-size:1.8rem; color:#666; width:100%; height:5rem; background-color:#f8f8f8 !important; }
.device-mobile .frm_input_area.memberJoin:focus { background-color:#fff !important; border:1px solid #F25B6A !important }
.device-mobile .frm_input_area.memberJoin.nobg { background-color:#fff !important; }
.device-mobile textarea.frm_input_area { padding:1.5rem 2rem; }


.device-mobile .scroll-x {  flex:1 !important; width:100%; overflow-x:auto !important; white-space: nowrap !important; padding:0 0 2rem; }



/* 버튼 */
/* 버튼 모바일용 */
.device-mobile .btn { border-radius:0.5rem; width:100%; flex:1; display:block; text-align:center; padding:0 2rem !important; height:5rem !important; font-size:1.8rem !important; font-weight:500 !important; color:#fff; }
.device-mobile a.btn { display:block; line-height:5rem; }
.device-mobile .btn.btn-brown { background:#6B655F; }

.device-mobile .btn.btn-outline { border:1px solid #767676; color:#333; }
.device-mobile .btn.btn-gray { border-radius:0.5rem !important; background:#767676; color:#fff !important; }
.device-mobile .btn.btn-primary { border-radius:0.5rem !important; background:#149AAF; color:#fff !important; cursor: none;}
.device-mobile .btn.btn-primary:disabled { border-radius:0.5rem !important; background:#767676; color:#fff !important; }
.device-mobile .btn.btn-outline.sm { font-size:1.8rem; }
.device-mobile .btn.btn-outline.sm span { font-size:1.5rem; }


/* 셀렉트박스 기본 */
.device-mobile .select {
	width:100%;
	flex:1;
	border:1px solid #cac6c2;
	border-radius:0.5rem;
	height:5rem !important;
    padding:0 1rem !important;
	color:#8e8e8e;
    background: #fff url('../../images/egovframework/sub/ico-select-basic-off.png') no-repeat;
    background-position: right 1rem center;
	background-size:1rem;
    font-size: 1.5rem !important;
    outline: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.device-mobile .select::-ms-expand { display: none; }
/* important 제거 */
.device-mobile .select.sm { height:5rem; }

.device-mobile table.tbl-list th { width:14rem; height:auto; text-align:left; padding:1rem; font-size:1.5rem; font-weight:500; }
.device-mobile table.tbl-list td { text-align:left; height:auto; padding:1rem; font-size:1.6rem; font-weight:400; }



.device-mobile img { max-width:100%; height:auto; }
.device-mobile .m-header { position:fixed; top:0; left:0; width:100%; height:5rem; background:#fff; display:flex; align-items:center; z-index:999999; }
.device-mobile .m-header .m-btn-menu { width:5rem; height:5rem; background:url('../../images/egovframework/mobile/images/ico-menu.png') 50% 50% no-repeat; }
.device-mobile .m-header .news { position:relative; }
.device-mobile .m-header .news .new { position:absolute; top:0.2rem; left:-0.5rem; width:1.5rem; height:1.5rem; border-radius:100%; background:#EA594F; font-size:1.1rem; font-weight:700; color:#fff; text-align:center; }


.device-mobile .m-container { margin:5rem 0 0; padding:0 0 5rem; }
.device-mobile .m-container .visual img { width:100%; }
.device-mobile .m-container .visual { background-color:rgba(0,0,0,0) !important; background-blend-mode: multiply !important; }
.device-mobile .m-container .visual .v-title { height:100%; display:flex; align-items:center; text-align:left; padding:0 2rem; }
.device-mobile .m-container .visual h2 { font-size:3rem !important; color:#111 !important; }

/* 고속페리 비주얼 */
.device-mobile .m-container .visual.travelPackage { text-align:center; position:relative; height:10rem; background:url('../../images/egovframework/sub/m_s_visual.png') 50% 0 no-repeat; background-size:cover; }

/* 이벤트/혜택 비주얼 */
.device-mobile .m-container .visual.travelPackage2 { text-align:center; position:relative; height:10rem; background:url('../../images/egovframework/sub/m_s_visual2.png') 50% 0 no-repeat; background-size:cover; }

/* 고객센터 비주얼 */
.device-mobile .m-container .visual.travelPackage3 { text-align:center; position:relative; height:10rem; background:url('../../images/egovframework/sub/m_s_visual3.png') 50% 0 no-repeat; background-size:cover; }

/* 한일고속 비주얼 */
.device-mobile .m-container .visual.travelPackage4 { text-align:center; position:relative; height:10rem; background:url('../../images/egovframework/sub/m_s_visual4.png') 50% 0 no-repeat; background-size:cover; }


.device-mobile .m-container .ticket { position:relative; background:#FFF7DA; padding:0 2rem 2rem; }
.device-mobile .m-container .ticket ul.tab { position:absolute; top:-1.5rem; left:50%; transform:translateX(-50%); width:80%; display:flex; background:rgba(107,101,95,.8); border-radius:1.5rem; overflow:hidden; } 
.device-mobile .m-container .ticket ul.tab li { width:33.3%; }
.device-mobile .m-container .ticket ul.tab li button { color:#fff; font-size:1.6rem; font-size:500; width:100%; height:3rem;  }
.device-mobile .m-container .ticket ul.tab li button.active { color:#fff; background:#F25B6A; border-radius:1.5rem; font-size:1.8rem; font-size:700; }

.device-mobile .m-container .ticket ul.tab li i.ico { width:2rem; height:2rem; display:inline-block; vertical-align:middle; margin-right:1rem;  }
.device-mobile .m-container .ticket ul.tab li:nth-child(1) i.ico { background:url('../../images/egovframework/main/reservation-tab1-off.png') 50% 40% no-repeat; background-size:contain; }
.device-mobile .m-container .ticket ul.tab li:nth-child(2) i.ico { background:url('../../images/egovframework/main/reservation-tab2-off.png') 50% 40% no-repeat; background-size:contain; }
.device-mobile .m-container .ticket ul.tab li:nth-child(3) i.ico { background:url('../../images/egovframework/main/reservation-tab3-off.png') 50% 40% no-repeat; background-size:contain; }

.device-mobile .m-container .ticket .box { height:12rem; background:#fff; border-radius:1rem; padding:3rem 3rem 0; box-shadow:0 0 12px 3px rgba(0,0,0,.05); } 
.device-mobile .m-container .ticket .box .addr { text-align:center; position:relative; top:-0.5rem; }
.device-mobile .m-container .ticket .box .addr strong { font-size:2.2rem; font-weight:700; color:#454C62; }
.device-mobile .m-container .ticket .box .addr p { font-size:1.6rem; font-weight:400; color:#7D756D; }
.device-mobile .m-container .ticket .box .ico { }
.device-mobile .m-container .ticket .box .ico .btn-more { width:1.2rem; height:1.2rem; background:url('../../images/egovframework/mobile/images/ico-down-arrow.png') 50% 50% no-repeat; }
.device-mobile .m-container .ticket .box-inline { margin:1.5rem 0 0; }
.device-mobile .m-container .ticket .box-inline li { cursor:pointer; width:30%; text-align:center; height:10rem; border-radius:1rem; padding:6rem 1rem 1rem; box-shadow:0 0 12px 3px rgba(0,0,0,.05); } 
.device-mobile .m-container .ticket .box-inline li:last-child { margin:0; }
.device-mobile .m-container .ticket .box-inline li p { font-size:1.6rem; font-weight:400; color:#333; }
.device-mobile .m-container .ticket .box-inline li:nth-child(1) { background:#fff url('../../images/egovframework/mobile/images/icon.png') 50% 2rem no-repeat; }
.device-mobile .m-container .ticket .box-inline li:nth-child(2) { background:#fff url('../../images/egovframework/mobile/images/icon-1.png') 50% 2rem no-repeat; }
.device-mobile .m-container .ticket .box-inline li:nth-child(3) { background:#fff url('../../images/egovframework/mobile/images/icon-2.png') 50% 2rem no-repeat; }


#all-menu { position:fixed; top:0; left:0; width:100%; height:100%; background:#F0F0F0; z-index:99999999; display:flex; flex-direction:column; }
#all-menu .header { height:5rem; background:#fff; display:flex; align-items:center;  }
#all-menu .header .m-btn-menu { width:5rem; height:5rem; background:url('../../images/egovframework/mobile/images/ico-menu.png') 50% 50% no-repeat; }
#all-menu .header .m-btn-menu-close { width:5rem; height:5rem; background:url('../../images/egovframework/mobile/images/ico-menu-close.png') 50% 50% no-repeat; }

#all-menu .quick-menu { padding:2rem; }
#all-menu .quick-menu ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
#all-menu .quick-menu ul li { text-align:center; width:31%; height:10rem; margin:0 0 1rem; background:#fff; border-radius:1rem; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }
#all-menu .quick-menu ul li { display:flex; flex-direction: column; align-items:center; justify-content:center; }
#all-menu .quick-menu ul li a { text-align:center; font-size:1.6rem; color:#333; }
#all-menu .quick-menu ul li i.ico { display:block; margin:0 0 0.5rem; }
#all-menu .quick-menu ul li i.ico img { height:3rem; }
#all-menu .quick-menu ul li .txt-sm { position:relative; top:-0.5rem; font-size:1.3rem; color:#666; }
#all-menu .quick-menu ul li .txt-p { font-weight:500; color:#333; font-size:1.8rem; }
#all-menu .quick-menu ul li .txt-tel { font-weight:700; color:#B6941E; font-size:2.4rem;  }
#all-menu .quick-menu ul li:last-child { width:100% !important; height:6rem !important; display:flex !important; flex-direction: row !important; }
#all-menu .quick-menu ul li:last-child a:first-child { display:flex; align-items:center; font-size:1.6rem; font-weight:500; color:#333; }
#all-menu .quick-menu ul li:last-child a:first-child:after { content:""; height:1rem; border-right:1px solid #ddd; margin:0 2.5rem; }
#all-menu .quick-menu ul li:last-child div { display:flex; align-items:center; }
#all-menu .quick-menu ul li:last-child div:after { content:""; height:1.5rem; border-right:1px solid #ddd; margin:0 1.5rem; }
#all-menu .quick-menu ul li:last-child div img { margin-right:0.5rem; }

#all-menu .quick-menu ul li .ico-login { margin-right:0.5rem; width:2.2rem; height:2.2rem; display:inline-block; vertical-align:middle; background:url('../../images/egovframework/main/icon-1.png') 50% 50% no-repeat; background-size:contain; }

#all-menu .quick-menu ul li .ico-logout { margin-right:0.5rem; width:2.2rem; height:2.2rem; display:inline-block; vertical-align:middle; background:url('../../images/egovframework/main/icon-1-2.png') 50% 50% no-repeat; background-size:contain; }

#all-menu .quick-menu ul li .ico-mypage { margin-right:0.5rem; width:2.2rem; height:2.2rem; display:inline-block; vertical-align:middle; background:url('../../images/egovframework/main/icon-2.png') 50% 50% no-repeat; background-size:contain; }


#all-menu .menu { margin-top:auto; overflow-y:auto; width:100%; z-index:9999999;  border-radius:1.2rem 1.2rem 0 0; padding:0 0 2rem; }
#all-menu .menu .line { width:6rem; height:0.4rem; background:#F6F6F5; margin:1rem auto; }
#all-menu .menu ul.depth { background:#fff; }
#all-menu .menu ul.depth li { display:none; display:flex; flex-direction:column; }
#all-menu .menu ul.depth li button { height:7rem; background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
#all-menu .menu ul.depth li:last-child button { background:none; }
#all-menu .menu ul.depth li button.btn-1depth { display:flex; align-items:center; font-size:2.4rem; color:#333; margin:0 2rem; }
#all-menu .menu ul.depth li button.btn-1depth:after { content:"+"; font-size:3.5rem; color:#999; margin-left:auto;  }
#all-menu .menu ul.depth li button.btn-1depth.active { display:flex; align-items:center; font-size:2.4rem; color:#B6941E;  font-weight:700; }
#all-menu .menu ul.depth li button.btn-1depth.active:after { content:"-"; font-size:3.5rem; color:#B6941E; margin-left:auto; }

#all-menu .menu ul.depth ul { display:none; background:#F6F6F5; padding:1rem 0; }
#all-menu .menu ul.depth ul li { padding:1rem 2rem; }
#all-menu .menu ul.depth ul li a.btn-2depth { line-height:4.5rem; display:flex; align-items:center; font-size:2.2rem; color:#6B655F; }
#all-menu .menu ul.depth ul li a.btn-2depth.true:after { content:"+"; font-size:3.5rem; color:#999; margin-left:auto; }
#all-menu .menu ul.depth ul li a.btn-2depth.true.active { display:flex; align-items:center; font-size:2.2rem; color:#333; font-weight:700; }
#all-menu .menu ul.depth ul li a.btn-2depth.true.active:after { content:"-"; font-size:3.5rem; color:#333; margin-left:auto; }

#all-menu .menu ul.depth ul ul {  background:#ebebeb; margin:1rem 0 0; padding:1rem 0; border-radius:1rem; }
#all-menu .menu ul.depth ul ul li { padding:1rem 2rem; }
#all-menu .menu ul.depth ul ul li a.btn-2depth { line-height:3.5rem; display:flex; align-items:center; font-size:2rem; color:#6B655F; }

.sns { text-align:center; }
.sns a.link-YouTube { margin-right:1rem; display:inline-block; width:4rem; height:4rem; background:url('../../images/egovframework/mobile/images/ico-sns-YouTube.png') 50% 50% no-repeat; background-size:contain; }
.sns a.link-YouTube:hover { background-image:url('../../images/egovframework/mobile/images/ico-sns-YouTube-active.png'); }
.sns a.link-YouTube-active { margin-right:1rem; display:inline-block; width:4rem; height:4rem; background:url('../../images/egovframework/mobile/images/ico-sns-YouTube-active.png') 50% 50% no-repeat; background-size:contain; }

.sns a.link-Instagram { margin-right:1rem; display:inline-block; width:4rem; height:4rem; background:url('../../images/egovframework/mobile/images/ico-sns-Instagram.png') 50% 50% no-repeat; background-size:contain; }
.sns a.link-Instagram:hover { background-image:url('../../images/egovframework/mobile/images/ico-sns-Instagram-active.png'); }
.sns a.link-Instagram-active { margin-right:1rem; display:inline-block; width:4rem; height:4rem; background:url('../../images/egovframework/mobile/images/ico-sns-Instagram-active.png') 50% 50% no-repeat; background-size:contain; }

.sns a.link-Facebook { display:inline-block; width:4rem; height:4rem; background:url('../../images/egovframework/mobile/images/ico-sns-Facebook.png') 50% 50% no-repeat; background-size:contain; }
.sns a.link-Facebook:hover { background-image:url('../../images/egovframework/mobile/images/ico-sns-Facebook-active.png'); }
.sns a.link-Facebook-active { display:inline-block; width:4rem; height:4rem; background:url('../../images/egovframework/mobile/images/ico-sns-Facebook-active.png') 50% 50% no-repeat; background-size:contain; }


/* 내용 공통 */
.device-mobile .m-container .visual.Subvisual { height:11rem; background:url('../../images/egovframework/mobile/images/sub-visual.png') 50% 100% no-repeat; background-size:cover; }
.device-mobile .m-container .subtitle { height:6rem; display:flex; align-items:center; background:#f7f7f7; padding:0 2rem; }
.device-mobile .m-container .subtitle h1 { font-size:2.2rem; font-weight:700; color:#333; }
.device-mobile .m-container section.container h2 { padding:0 2rem; margin:2.5rem 0 2rem; font-size:2.2rem; font-weight:700; color:#6B655F; }
.device-mobile .m-container section.container .border-line { border-bottom:1px solid #d2d2d2; margin:2rem; }
.device-mobile .m-container .travel-reservation-sub { }
.device-mobile .m-container .travel-reservation-sub .pad { padding:2rem; }


/* 여행패키지 */
.device-mobile .m-container .package-swiper-mobile { position:relative; overflow:hidden; }
.device-mobile .m-container .package-swiper-mobile .swiper-slide { margin:0 1.7rem !important; }
.device-mobile .m-container .package-swiper-mobile .swiper-slide .thumbnail { width:14rem; text-align:center; overflow:hidden; border-radius:1rem; }
.device-mobile .m-container .package-swiper-mobile .swiper-slide .thumbnail img { width:100%; height:100%; /*object-fit:cover;*/  }
/* 제목 두줄까지. */
.device-mobile .m-container .package-swiper-mobile .swiper-slide .txt { padding:1rem 0; height: 6rem; }
.device-mobile .m-container .package-swiper-mobile .swiper-slide .txt h4 a { display:block; max-height:5rem; text-overflow: ellipsis; overflow: hidden; font-size:1.8rem; font-weight:700;  color:#333; }
.device-mobile .m-container .package-swiper-mobile .swiper-slide .txt .txt-chk { margin:0.5rem 0 0; font-size:1.6rem; font-weight:500; color:#6B655F;  background:url('../../images/egovframework/main/txt-chk.png') 0 50% no-repeat; padding-left:2rem; }

/* 선박소개 */
.device-mobile .m-container .info-swiper-mobile { position:relative; padding:3rem 2rem; overflow:hidden;  }
.device-mobile .m-container .info-swiper-mobile .swiper-slide { background:#fff; border-radius:2rem; background:#fff; overflow:hidden; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }
.device-mobile .m-container .info-swiper-mobile .swiper-slide .thumbnail { height:14rem; text-align:center; overflow:hidden; }
.device-mobile .m-container .info-swiper-mobile .swiper-slide .thumbnail img { width:100%; height:100%; object-fit:cover; }
.device-mobile .m-container .info-swiper-mobile .swiper-slide .txt { height:7rem; line-height:7rem; padding:0 2rem; }
.device-mobile .m-container .info-swiper-mobile .swiper-slide .txt .titArea { }
.device-mobile .m-container .info-swiper-mobile .swiper-slide .txt .titArea h4 { font-size:2.2rem; color:#B0901C; font-weight:700; }
.device-mobile .m-container .info-swiper-mobile .swiper-slide .txt .titArea a { font-size:1.6rem; color:#6B655F; font-weight:400; }

.device-mobile .m-container .info-swiper-mobile .swiper-pagination { bottom:0 !important; right:2rem !important; left:auto !important; z-indeX:0; text-align:right; }
.device-mobile .m-container .info-swiper-mobile .swiper-pagination-bullet { width:1.5rem; height:1.5rem; background:#d9d9d9; opacity: 1; margin:0 0.8rem;  }
.device-mobile .m-container .info-swiper-mobile .swiper-pagination-bullet-active { background: #149AAF;  }

/* 스페셜 서비스 */
.device-mobile .m-container .package-swiper-mobile .line { padding-bottom:1rem; border-bottom:1px solid #d9d9d9; margin:0 0 1rem; }
.device-mobile .m-container .package-swiper-mobile .none { background:none !important; padding:0 !important; }


/***** 푸터 *****/
.device-mobile .m-footer { background:#756C66; padding:4rem 2rem 2rem; }
.device-mobile .m-footer .footer-logo { text-align:center; }
.device-mobile .m-footer ul.info-link { margin:2rem 0 0;  }
.device-mobile .m-footer ul.info-link li { display:inline-block; vertical-align:middle; margin:0 0 0.5rem; }
.device-mobile .m-footer ul.info-link li:after { content:"";display:inline-block; vertical-align:middle;  margin:0 1rem; width:1px; height:0.7rem; background:rgba(255,255,255,.2); }
.device-mobile .m-footer ul.info-link li a { font-size:1.6rem; color:#fff; font-weight:700; }
.device-mobile .m-footer ul.info-link li a.hcolor { color:#FFD84F; }
.device-mobile .m-footer .copyright { margin:3rem 0 0; font-size:1.6rem; font-weight:400; color:rgba(255,255,255,.7); }

.device-mobile .m-footer .csBanner { margin:3rem 0 0; height:6rem; padding:0 2rem; display:flex; align-items:center; justify-content:center; background:#685F56; }
.device-mobile .m-footer .csBanner .csBanner-tit { font-size:2rem; color:#fff; font-weight:700; padding-left:4rem; background:url('../../images/egovframework/main/footer-icon.png') 0 50% no-repeat; background-size:3rem; }
.device-mobile .m-footer .csBanner .tel { margin-left:2.4rem; position:relative; bottom:-2px; }
.device-mobile .m-footer .csBanner .tel a { font-size:2.2rem; color:#FFD84F; font-weight:900;  }
.device-mobile .m-footer .csBanner .csBanner-link a { font-weight:1.4rem; color:#FFD84F; text-decoration:underline; }
.device-mobile .m-footer a { color:rgba(255,255,255,.7);}


/***** 선박 예매하기(여행일정선택) *****/

.device-mobile .m-container .reservation-step { margin:1rem 0 0; padding:0 2rem; }
.device-mobile .m-container .reservation-step ul { display:flex; align-items:center; }
.device-mobile .m-container .reservation-step ul li { display:flex; align-items:center; font-size:1.6rem; font-weight:400; color:#fff; }
.device-mobile .m-container .reservation-step ul li.mr-auto:after { content:">"; color:#999; font-size:1.4rem; margin-right:1rem; display:inline-block; }
.device-mobile .m-container .reservation-step ul li.mr-auto.none { margin-left:-4rem; }
.device-mobile .m-container .reservation-step ul li.mr-auto.none:before { display:none; margin:0 !important; }
.device-mobile .m-container .reservation-step ul li.active:before { display:none !important; }
.device-mobile .m-container .reservation-step ul li:nth-child(2):before { content:">"; color:#999; font-size:1.4rem; margin-right:1rem; display:inline-block; }
.device-mobile .m-container .reservation-step ul li:nth-child(3):before { content:">"; color:#999; font-size:1.4rem; margin-right:1rem; display:inline-block; }
.device-mobile .m-container .reservation-step ul li span { margin-right:0.5rem; display:flex; align-items:center; justify-content:center; font-size:1.4rem; font-weight:700; color:#83796F; width:2.5rem; height:2.5rem; border-radius:50%; border:1px solid #D1D0C8; }
.device-mobile .m-container .reservation-step ul li.active { font-size:1.6rem; font-weight:700; color:#B6941E; }
.device-mobile .m-container .reservation-step ul li.active:after { display:none; }
.device-mobile .m-container .reservation-step ul li.active span { width:2.5rem; height:2.5rem; border:0; background:url('../../images/egovframework/sub/ico-step-active.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .basic-data { padding:2rem; }
.device-mobile .m-container .basic-data .hd .tab { text-align:left; }
.device-mobile .m-container .basic-data .hd .tab li {  }
.device-mobile .m-container .basic-data .hd .tab li button { color:#666; background:#fff; font-size:1.6rem; font-weight:500; width:7rem; height:3rem; margin-right:0.5rem;  border-radius:1.5rem; border:1px solid #8e8e8e }
.device-mobile .m-container .basic-data .hd .tab li button.active { border:0; color:#fff; background:rgba(244,97,112,1); }

.device-mobile .m-container .basic-data .hd .ticket-name { display:inline-block; vertical-align:middle; color:#fff; background:#383838; font-size:1.6rem; font-weight:700; padding:0 1rem; height:3rem; line-height:3rem; margin-right:0.5rem;  border-radius:1.5rem;  }
.device-mobile .m-container .basic-data .hd .ticket-name span { display:inline-block; vertical-align:middle; width:1.8rem; height:0.9rem; background:url('../../images/egovframework/mobile/images/ico-arrow-yellow.png') 50% 50% no-repeat; background-size:contain; margin-right:0.5rem; }

.device-mobile .m-container .basic-data .datetime { margin:1.5rem 0 0; }
.device-mobile .m-container .basic-data .datetime .col div { flex:1; padding:1rem; background:#fff; border-radius:0.5rem; border:1px solid #D9D5D2; } 
.device-mobile .m-container .basic-data .datetime .col label { font-size:1.4rem; font-weight:400; color:#8e8e8e; }
.device-mobile .m-container .basic-data .datetime .col.addr p { font-size:1.8rem; font-weight:500;  color:#333; }
.device-mobile .m-container .basic-data .datetime .col p { font-size:1.6rem; font-weight:500;  color:#333; }
.device-mobile .m-container .basic-data .datetime .col .btn-travel-reservation-sch { width:100%; height:5rem; border-radius:0.5rem; background:#767676; font-size:2.2rem; font-weight:700; color:#fff; }
.device-mobile .m-container .basic-data .datetime .col .btn-travel-reservation-sch span { display:inline-block; vertical-align:middle; position:relative; top:-2px; margin-right:1rem; width:2.2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-sch.png') 50% 50% no-repeat; background-size:contain; }


.device-mobile .m-container .btn-schedule-refresh { width:100%; height:5rem; font-size:1.7rem; font-weight:400; color:#fff; border-radius:2.5rem; background:#149AAF url('../../images/egovframework/sub/ico-refresh.png') 0.5rem 50% no-repeat; }


/* 인원차량선택 팝업 */
.m-modal .colWrap .col { position:relative; }
.m-modal .colWrap .col .Wrap { margin:0 0 2rem; }
.m-modal .colWrap .col .Wrap:nth-child(1) { padding:0 0 2rem; background:url('../../images/egovframework/main/line.png') 0 100% repeat-x; }
.m-modal .colWrap .col strong { font-size:1.8rem; font-weight:500; color:#333; display:block; margin:0 0 0.5rem; }
.m-modal .colWrap .col p { font-size:1.5rem; font-weight:400; color:#666; letter-spacing:-0.5px;  }
.m-modal .colWrap .col .Calculation { margin-left:auto; padding-bottom:1.5rem; border-bottom:1px solid #d9d9d9; }
.m-modal .colWrap .col .Calculation input { border:0; width:7rem !important; flex:1 !important; text-align:center; font-size:2rem; } 
.m-modal .colWrap .col .Calculation input:focus { border:0 !important; outline:none !important; } 
.m-modal .colWrap .col .Calculation button.btn-minus { width:3rem; height:3rem; background:url('../../images/egovframework/sub/ico-minus.png') 50% 50% no-repeat; background-size:contain; }
.m-modal .colWrap .col .Calculation button.btn-plus { width:3rem; height:3rem; background:url('../../images/egovframework/sub/ico-plus.png') 50% 50% no-repeat; background-size:contain; }
.m-modal .btn-calculator span { background-size:2.2rem; }


.device-mobile .m-container .travel-reservation-schedule { padding:3rem 0; }
.device-mobile .m-container .travel-reservation-schedule h3 { font-size:2rem; font-weight:700; color:#83796F; }
.device-mobile .m-container .travel-reservation-schedule .title { padding:0 2rem; margin:0 0 1.5rem;  }
.device-mobile .m-container .travel-reservation-schedule .line { background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }

.device-mobile .m-container .travel-reservation-schedule .addr { }
.device-mobile .m-container .travel-reservation-schedule .addr:before { content:""; margin:0 1rem; width:0.1rem; height:1.5rem; background:#BDBDBD; }
.device-mobile .m-container .travel-reservation-schedule .addr span { font-size:1.8rem; font-weight:500; color:#333; } 
.device-mobile .m-container .travel-reservation-schedule .addr .ico { width:3rem; height:1.2rem; margin:0 1rem; background:url('../../images/egovframework/sub/ico-arrow-red.png') 50% 50% no-repeat; background-size:contain; }


/* 가는여정 스와이프 */
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation { display:flex; align-items:center; justify-content:center;  position:relative;  height:6rem; background:#D1D0C8;  }
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation .swiper-button-next::after,
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation .swiper-button-prev::after {
  display: none;
}

.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation .swiper-button-prev {
  width:1.5rem;
  left:0.5rem;
  background: url('../../images/egovframework/mobile/images/ico-reservation-prev.png') 50% 50% no-repeat;
  z-index:9;
}
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation .swiper-button-next {
  width:1.5rem;
  right:0.5rem;
  background: url('../../images/egovframework/mobile/images/ico-reservation-next.png') 50% 50% no-repeat;
  z-index:9;
}

.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation .m-reservation-swiper { width:85%; height:100%; margin:0 auto; position:relative; overflow:hidden;  }
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation .m-reservation-swiper .swiper-slide { margin:0 !important; display:flex; align-items:center; justify-content:center; height:100%; }
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation .m-reservation-swiper .swiper-slide div { cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s ease-out; font-weight:400; color:#333; font-size:1.5rem; text-align:center; width:7rem !important; height:3rem !important; background:#fff; border-radius:1.5rem; }

.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation .m-reservation-swiper .swiper-slide div.active { cursor:auto; font-size:1.5rem; background:#F25B6A; color:#fff; transition:all 0.2s ease-out; width:7rem !important; height:3rem !important; border-radius:1.5rem; }


/* 오는여정 스와이프 */
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation-Comeback { display:flex; align-items:center; justify-content:center;  position:relative;  height:6rem; background:#D1D0C8;  }
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation-Comeback .swiper-button-next::after,
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation-Comeback .swiper-button-prev::after {
  display: none;
}

.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation-Comeback .swiper-button-prev {
  width:1.5rem;
  left:0.5rem;
  background: url('../../images/egovframework/mobile/images/ico-reservation-prev.png') 50% 50% no-repeat;
  z-index:9;
}
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation-Comeback .swiper-button-next {
  width:1.5rem;
  right:0.5rem;
  background: url('../../images/egovframework/mobile/images/ico-reservation-next.png') 50% 50% no-repeat;
  z-index:9;
}

.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation-Comeback .m-reservation-swiper-Comeback { width:85%; height:100%; margin:0 auto; position:relative; overflow:hidden;  }
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation-Comeback .m-reservation-swiper-Comeback .swiper-slide { margin:0 !important; display:flex; align-items:center; justify-content:center; height:100%; }
.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation-Comeback .m-reservation-swiper-Comeback .swiper-slide div { cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s ease-out; font-weight:400; color:#333; font-size:1.5rem; text-align:center; width:7rem !important; height:3rem !important; background:#fff; border-radius:1.5rem; }

.device-mobile .m-container .travel-reservation-schedule .swiperWrap.reservation-Comeback .m-reservation-swiper-Comeback .swiper-slide div.active { cursor:auto; font-size:1.5rem; background:#F25B6A; color:#fff; transition:all 0.2s ease-out; width:7rem !important; height:3rem !important; border-radius:1.5rem; }



/* 가는여정 목록 */
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list:after { content:""; display:block; width:100%; height:1px; margin:2rem 0 0; background: url('../../images/egovframework/sub/line.png') 0 0 no-repeat; }

.device-mobile .m-container .travel-reservation-schedule ul.tbl-list.noline:after { display:none; }

.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li { cursor:pointer; padding:0 2rem; border:1px solid #D1D0C8; border-radius:0.5rem; margin:0 0 1rem; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .time-1 { font-size:1.6rem; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .name { display:flex; align-items:center; font-size:2rem; font-weight:500; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .name img { margin-right:1rem; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .time-2 { margin-left:auto; font-size:1.6rem; color:#91897E; text-align:right; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .time-sm { font-size:1.3rem; font-weight:500; color:#767676; }

.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .row { padding:1.5rem 0; border-bottom:1px solid #BDBDBD; display:flex;  }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .row:last-child { border:0; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .row .chk-radio label span { width:2.5rem; height:2.5rem; }

.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .txt { font-size:2.2rem; color:#666; }

.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li:hover { background:#149AAF; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li:hover span { color:#fff !important; }

.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .ico-p { margin-left:1rem; display:flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border-radius:50%; background:#8D00FC; font-size:1.4rem; color:#fff; }

.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li.active { background:#149AAF; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li.active span { color:#fff !important; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li.active .ico-p { background:#fff !important; color:#8D00FC !important; }

.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li .img { margin-left:2rem; margin-right:1rem; width:3.5rem; }

.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li.disabled { background:#F1F1F1; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li.disabled span { font-weight:300; color:#8e8e8e !important; }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li.disabled span.name { font-weight:400;  }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li.disabled span.txt { font-weight:400;  }
.device-mobile .m-container .travel-reservation-schedule ul.tbl-list li.disabled img { filter: grayscale(100%); }



/***** 선박 예매하기(예약 및 승객정보) *****/
.device-mobile .m-container .basic-data-ticket { }
.device-mobile .m-container .basic-data-ticket .start { background:#fff; border-radius:0.5rem; box-shadow:0 0 15px 1px rgba(0,0,0,.15); overflow:hidden;}
.device-mobile .m-container .basic-data-ticket .box { padding:0; background:#fff; border-radius:0.5rem; box-shadow:0 0 15px 1px rgba(0,0,0,.15); overflow:hidden; margin:0 0 1rem; }

.device-mobile .m-container .basic-data-ticket .box .hd { padding:0 2rem; font-size:1.7rem; font-weight:500; color:#fff; display:flex; align-items:center; height:4rem; background:#767676; }
.device-mobile .m-container .basic-data-ticket .box .hd span { width:2.2rem; height:2.2rem; margin-right:1rem; background:url('../../images/egovframework/sub/ico-tit.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .basic-data-ticket .box .txtWrap { padding:2rem; }

.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline { }
.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li {  }
.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li:nth-child(1) { margin-right:auto; text-align:left; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li:nth-child(2) { width:10rem; margin:0 auto; text-align:center; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li:nth-child(3) { margin-left:auto; text-align:right; }

.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li .addr { font-size:1.5rem; color:#333; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li .time { font-size:2.2rem; color:#149AAF; line-height:130%; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li .time span { font-size:1.5rem; color:#767676; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li .time.gray { font-size:2.2rem; color:#666; }

.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li .time-sm { font-size:1.5rem; color:#767676; background:url('../../images/egovframework/sub/ico-long-arrow.png') 50% 100% no-repeat;  background-size:contain; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li .time-sm img { display:inline-block; vertical-align:middle; margin-top:-3px; width:1.8rem; }

.device-mobile .m-container .basic-data-ticket .box .txtWrap ul.info-inline li .prd-name { font-size:1.6rem; color:#F25B6A; }


.device-mobile .m-container .basic-data-ticket .box .txtWrap2 { padding:0 2rem 2rem; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul { background:#F8F8F8; padding:1.5rem; border-top:2px solid #d2d2d2; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul li .col { margin:0 0 1rem; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul li .col:last-child { margin:0; }

.device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul li span { font-size:1.5rem; color:#8e8e8e; }
.device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul li .row:nth-child(2) span { color:#8e8e8e; }

.device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul li .ico-peple { margin-right:1.5rem; width:1.6rem; height:1.6rem; background:url('../../images/egovframework/sub/ico-peple.png') 50% 50% no-repeat;  background-size:contain;}
/* 2023-04-06 .device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul li .ico-car : background-size:contain; 추가 */
.device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul li .ico-car { margin-right:1.5rem; width:1.6rem; height:1.6rem; background:url('../../images/egovframework/sub/ico-car.png') 50% 50% no-repeat; background-size:contain;}
.device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul li .ico-animal { margin-right:1.5rem; width:1.6rem; height:1.6rem; background:url('../../images/egovframework/sub/ico-animal.png') 50% 50% no-repeat; background-size:contain;}
.ico-animal {margin-right: 2rem; width: 3.5rem; height: 2.5rem; background: url('../../images/egovframework/sub/ico-animal.png') 50% 50% no-repeat; }
.device-mobile .ico-animal {margin-right: 2rem; width: 3.5rem; height: 2.5rem; background: url('../../images/egovframework/sub/ico-animal2.png') 50% 50% no-repeat; }

.device-mobile .m-container .basic-data-ticket .box .txtWrap2 ul li .ico-x { font-weight:400; font-size:1.6rem; color:#F25B6A; padding-left:2rem; background:url('../../images/egovframework/sub/ico-x.png') 0 50% no-repeat;  background-size:1rem; }


.device-mobile .m-container .travel-reservation-schedule .prd-list { padding:0 2rem; }
.device-mobile .m-container .travel-reservation-schedule .prd-list .hd { padding:1.5rem; background:rgba(217,217,217,.2); border-top:1px solid #333; }
.device-mobile .m-container .travel-reservation-schedule .prd-list .hd .btn-toggle { font-weight:500; padding-right:4rem; font-size:1.6rem; background:url('../../images/egovframework/sub/ico-toggle-off.png') 100% 50% no-repeat; background-size:2.4rem; } 
.device-mobile .m-container .travel-reservation-schedule .prd-list .hd .btn-toggle.active { background:url('../../images/egovframework/sub/ico-toggle-on.png') 100% 50% no-repeat; background-size:2.4rem; }

/* 2023-04-12 lkw : margin-bottom:1rem; 추가 */
/* 2023-04-14 lkw : padding:2rem 1rem; 제거 */
.device-mobile .m-container .travel-reservation-schedule .prd-list li { position:relative;  /* padding:2rem 1rem; */  margin-bottom:1rem; border-bottom:1px solid #BDBDBD; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li:last-child { padding-bottom:7rem; }
/*
.device-mobile .m-container .travel-reservation-schedule .prd-list li .thumbnail { width:40rem; height:22.5rem; overflow:hidden; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .thumbnail img { width:100%; height:100%; object-fit: cover; }
*/

/* 스와이프 */
/* 2023-04-10 lkw : .device-mobile .m-container .travel-reservation-schedule .prd-list li.active { border:2px solid #F25B6A;  } 추가 */
/* .device-mobile .m-container .travel-reservation-schedule .prd-list li.active { border:2px solid #F25B6A;  }  2023-04-14 lkw 주석함 */	
.device-mobile .m-container .travel-reservation-schedule .prd-list li .Rooms-swiper { height:20rem; position:relative; overflow:hidden; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .Rooms-swiper .swiper-slide { height:17rem; border-radius:0.5rem; overflow:hidden; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .Rooms-swiper .swiper-slide img { width:100%; height:100%; object-fit: cover; }

.device-mobile .m-container .travel-reservation-schedule .prd-list li .Rooms-swiper .swiper-pagination { bottom:0 !important; z-indeX:9999999; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .Rooms-swiper .swiper-pagination-bullet {  width:1.2rem; height:1.2rem; background:#BCBCBC; opacity: 1; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .Rooms-swiper .swiper-pagination-bullet-active { width: 4rem; transition: width .5s; border-radius: 5px; background: #149AAF; border: 1px solid transparent; }


.device-mobile .m-container .travel-reservation-schedule .prd-list li .txt-info { margin:1rem 0 0; flex:1; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .txt-info .name { font-weight:400; font-size:1.5rem; color:#666; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .txt-info .description { font-weight:500; display:flex; align-items:center; font-size:2rem; color:#333;  }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .txt-info .txt { margin:0.5rem 0 0; font-size:1.6rem; font-weight:400; color:#83796F; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .btn-tooltip { width:2.5rem; height:2.5rem; }

.device-mobile .m-container .travel-reservation-schedule .prd-list li .control { margin:2rem 0 0; display:flex; align-items:center;  }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .control button { flex:1; height:3.2rem; border-radius:1.6rem; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .control button.btn-info { background:#F25B6A; color:#fff; font-size:1.6rem; font-weight:500; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .control button.btn-change { background:#737373; color:#fff; font-size:1.6rem; font-weight:500; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .control button.btn-delete { color:#737373; border:1px solid #737373; font-size:1.6rem; font-weight:500; }


.device-mobile .m-container .travel-reservation-schedule .prd-list li .roomPlus { position:absolute; left:0; bottom:-4rem; width:100%; text-align:center; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .btn-roomPlus { margin:0 auto; width:8rem; height:8rem; background:url('../../images/egovframework/sub/ico-roomPlus.png') 50% 50% no-repeat; background-size:contain; }
/* 03-19 lkw 추가 */
.device-mobile .m-container .travel-reservation-schedule .prd-list li .btn-roomChange { margin:0 auto; width:8rem; height:8rem; background:url('../../images/egovframework/sub/ico-roomChange.png') 50% 50% no-repeat; background-size:contain; }
.device-mobile .m-container .travel-reservation-schedule .prd-list li .btn-roomChoice { margin:0 auto; width:8rem; height:8rem; background:url('../../images/egovframework/sub/ico-roomChoice.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .travel-reservation-schedule .prd-list .txt-guide { display:block; margin:0.5rem 0 0; font-weight:400; font-size:1.5rem; color:#514539; letter-spacing:-1px; }

.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto ul { margin:2rem 0 0; }
.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li { margin:0 0 1rem; height:8rem; padding:1.5rem; border:2px dotted #d9d9d9; margin-bottom:1rem; border-radius:0.5rem; }

.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li .txt .name { font-weight:400; font-size:1.8rem; color:#8e8e8e; margin:0 0 0.5rem; }
.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li .txt .tag { font-size:1.5rem; color:#333; font-weight:400; }

.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li .txt2 .owner { display:flex; align-items:center; justify-content:center; width:10rem; height:3.2rem; border-radius:1.6rem; background:#f3f2f1; font-weight:400; font-size:1.6rem; color:#666; }
.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li .txt2 .owner span { margin-right:0.5rem; width:1.5rem; height:1.2rem; background:url('../../images/egovframework/sub/ico-chk-color-off.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li.active { border:2px solid #F25B6A;  }
.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li.active .txt .name { color:#333; font-weight:500; }
.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li.active .txt .name span { margin-left:1rem; font-size:1.5rem; color:#F25B6A; font-weight:400;  }
.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li.active .txt2 .owner { display:flex; align-items:center; justify-content:center; width:10rem; height:3.5rem; border-radius:1.8rem; background:#C93241; font-weight:400; font-size:1.8rem; color:#fff; }
.device-mobile .m-container .travel-reservation-schedule .prd-list.h-auto li.active .txt2 .owner span { margin-right:0.5rem; width:1.5rem; height:1.2rem; background:url('../../images/egovframework/sub/ico-chk-color-on.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .travel-reservation-schedule .prd-list .btnWrap button { width:100%; flex:1; height:4rem; font-size:1.8rem; font-weight:500; padding:0; }


.device-mobile .m-container .travel-reservation-schedule .info-pay { margin:3rem 0 0; overflow:hidden; border-radius:2rem 2rem 0 0; box-shadow:0 -15px 15px 5px rgba(0,0,0,.1); }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap-hd .btn-toggle { padding:0 3.5rem; text-align:left; font-size:1.8rem; font-weight:500; color:#fff; width:100%; height:5rem;  background:#F46170 url('../../images/egovframework/sub/ico-toggle-off.png') no-repeat; background-position: right 3rem center; background-size:2.4rem;   }

.device-mobile .m-container .travel-reservation-schedule .paymentWrap-hd .btn-toggle.active { color:#333; background:url('../../images/egovframework/sub/ico-toggle-on.png') no-repeat; background-position: right 3rem center; background-size:2.4rem; }

.device-mobile .m-container .travel-reservation-schedule .paymentWrap { padding:0 2rem; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .line { height:1px; margin:0 0 2rem; background:url('../../images/egovframework/sub/line.png') 50% 0 no-repeat; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .tit { background:#f2f1ef; padding:1rem 1.5rem; border-radius:0.5rem; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .tit h3 { font-weight:500 !important; font-size:2rem !important; color:#222 !important; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .tit.sale { background:#149AAF; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .tit.sale h3 { color:#fff !important; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .tit .addr { font-size:1.6rem; color:#C93241; }

.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt { padding:0 1rem; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt li { display:flex;  padding:1rem 0.5rem; background: url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt li label { width:9rem; font-size:1.6rem; font-weight:400; color:#6B6661; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt li p { flex:1; font-size:1.8rem; font-weight:400; color:#333; text-align:right;  }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt li .sm { font-size:1.5rem; color:#807373; font-weight:400; display:block; margin:1rem 0 0; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt .bigPay { font-size:1.8rem; font-weight:700; color:#83796F; }

.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.sale { background:#fff7dc; border:2px solid #CDAC38; border-radius:0.5rem; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.sale li { align-items:center; padding:1.5rem 0.5rem;  background: url('../../images/egovframework/sub/line-yellow.png') 0 100% no-repeat; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.sale li:last-child { display:block; background:none; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.sale li label { width:auto; font-weight:500; font-size:1.6rem; color:#F25B6A; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.sale li p { flex:1; font-size:1.8rem; font-weight:400; color:#333; text-align:right; line-height:100%; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.sale li .pay { font-size:1.8rem; font-weight:700; color:#149AAF; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.sale li .btn-coupon { font-size:1.6rem; font-weight:400; padding:0.5rem 1rem; background:#FFEBA6; border:1px solid #cdac38; border-radius:0.3rem; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.sale li .coupon-delete { display:flex; width:100%; letter-spacing:-1px; padding:1rem; background:#7C7369; border-radius:0.3rem; font-size:1.5rem; font-weight:400; color:#fff; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.sale li .coupon-delete span { width:2.5rem; height:2.5rem; margin-left:auto; position:relative; top:-1px;  vertical-align:middle; background: url('../../images/egovframework/sub/ico-close.png') 0 0 no-repeat; background-size:contain; }

.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay { height:auto; border-top:1px solid #b7b7b7; border-bottom:3px solid #6e6e6e; padding:1rem 1rem 1.5rem; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li { align-items:center; height:auto; background:none; padding:0.4rem 0.5rem; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li label { width:auto; font-weight:500; font-size:1.8rem; color:#333; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li p { flex:1; font-size:2rem; font-weight:400; color:#333; text-align:right; line-height:100%; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li .pay { font-size:2rem; font-weight:700; color:#333; }

.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li:nth-child(2) label { width:auto; font-weight:400; font-size:1.6rem; color:#6B6661; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li:nth-child(2) p { flex:1; font-size:2rem; font-weight:400; color:#333; text-align:right; line-height:100%; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li:nth-child(2) .pay { font-size:2rem; font-weight:300; color:#333; }

.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li:nth-child(3) label { width:auto; font-weight:400; font-size:1.6rem; color:#6B6661; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li:nth-child(3) p { flex:1; font-size:2rem; font-weight:400; color:#333; text-align:right; line-height:100%; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .txt.pay li:nth-child(3) .pay { font-size:2rem; font-weight:300; color:#333; }


.device-mobile .m-container .travel-reservation-schedule .paymentWrap .totalPay { display:flex; align-items:center; padding:1.5rem; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .totalPay label { font-size:2rem; font-weight:700; color:#222; }
.device-mobile .m-container .travel-reservation-schedule .paymentWrap .totalPay p { flex:1; font-size:2.2rem; font-weight:700; color:#F25B6A; text-align:right; }


/* 로그인 알림 팝업 */
.m-modal .alert-login { width:56rem; }
.m-modal .alert-login .popContents { padding:3rem !important; }
.m-modal .alert-login .popContents .ico { opacity:0.4; margin:0 auto 2rem; width:6rem; height:6rem; background:url('../../images/egovframework/sub/ico-important-login.png') 50% 50% no-repeat; background-size:contain;  }
.m-modal .alert-login .popContents p.big { text-align:center; font-size:2.2rem; font-weight:500; color:#333; }
.m-modal .alert-login .popContents p.info { margin:2rem 0 0; text-align:center; font-size:1.5rem; font-weight:400; color:#666; }


/* 객실변경 팝업 */
.m-modal .roomchange .prd-list .hd { font-size:1.5rem; color:#666; font-weight:400; padding:2rem; background:rgba(217,217,217,.2);  }
.m-modal .roomchange .prd-list .hd strong { font-weight:700; color:#6B655F; }
.m-modal .roomchange .prd-list .hd strong.c-blue { font-size:1.8rem; color:#149AAF; }
.m-modal .roomchange .prd-list .hd .border-top-1 { border-top:1px solid #666; margin:1rem 0 0; padding:2rem 0 0; }
.m-modal .roomchange .prd-list .hd .border-top-1 div { font-size:1.5rem; }

.m-modal .roomchange .prd-list ul { }
.m-modal .roomchange .prd-list li { position:relative; padding:3rem 2rem; border-bottom:1px solid #BDBDBD; }

/* 스와이프 */
.m-modal .roomchange .prd-list li .Rooms-swiper { height:20rem; position:relative; overflow:hidden; }
.m-modal .roomchange .prd-list li .Rooms-swiper .swiper-slide { height:17rem; border-radius:0.5rem; overflow:hidden; }
.m-modal .roomchange .prd-list li .Rooms-swiper .swiper-slide img { width:100%; height:100%; object-fit: cover; }

.m-modal .roomchange .prd-list li .Rooms-swiper .swiper-pagination { bottom:0 !important; z-indeX:9999999; }
.m-modal .roomchange .prd-list li .Rooms-swiper .swiper-pagination-bullet {  width:1.2rem; height:1.2rem; background:#BCBCBC; opacity: 1; }
.m-modal .roomchange .prd-list li .Rooms-swiper .swiper-pagination-bullet-active { width: 4rem; transition: width .5s; border-radius: 5px; background: #149AAF; border: 1px solid transparent; }


.m-modal .roomchange .prd-list li .txt-info { margin:1rem 0 0; padding:0 0 1.5rem; flex:1; }
.m-modal .roomchange .prd-list li .txt-info .name { font-weight:400; font-size:1.5rem; color:#666; }
.m-modal .roomchange .prd-list li .txt-info .description { font-weight:500; display:flex; align-items:center; font-size:2rem; color:#333;  }
.m-modal .roomchange .prd-list li .txt-info .txt { margin:0.5rem 0 0; font-size:1.5rem; font-weight:400; color:#83796F; }
.m-modal .roomchange .prd-list li .status { margin-left:1rem; display:flex; align-items:center; padding:0 1.5rem; border-radius:1.4rem; height:2.8rem; background:#FFEBA6; border:1px solid #CDAC38; font-size:1.5rem; color:#89650A; }


.m-modal .roomchange .prd-list li .control { padding:1.5rem 0 0; }
.m-modal .roomchange .prd-list li .control .tit { display:inline-block; padding:0.5rem 1rem; font-size:1.3rem; color:#fff; background:#767676; border-radius:0.3rem; }
.m-modal .roomchange .prd-list li .control .price {  font-size:1.6rem; font-weight:400; color:#443600; }
.m-modal .roomchange .prd-list li .control strong { display:block; font-size:2.2rem; color:#F25B6A; font-weight:900; }

.m-modal .roomchange .prd-list li .control .chk.chk-roomchange { padding:1rem; background:#F6F6F6; }
/* 2023-03-21 lkw : m-modal 객실변경시 chk-radio-i 클래스도 chk 클래스처럼 처리하기위해 추가 S */
.m-modal .roomchange .prd-list li .control .chk-radio-i.chk-roomchange { padding: 1rem; background: #F6F6F6; }
.m-modal .roomchange .prd-list li .control .chk-radio-i.chk-roomchange label {	display: flex; align-items: center;	justify-content: center;	border: 1px solid #cac6c2;	border-radius: 0.5rem;	height: 4rem;	width: 12rem;	font-size: 1.6rem;	font-weight: 400;	color: #8e8e8e; }
.m-modal .roomchange .prd-list li .control .chk-radio-i.chk-roomchange label span	{	position: relative;	top: 0;	width: 2.4rem;	height: 2.4rem;	background-color: #999;	border-radius: 50%;	background-size: 1rem;	margin-right: 1rem;}
.m-modal .roomchange .prd-list li .control .chk-radio-i.chk-roomchange input[type="radio"]:checked+label {	border: 1px solid #149aaf;	color: #222;	background: #fff;}
.m-modal .roomchange .prd-list li .control .chk-radio-i.chk-roomchange input[type="radio"]:checked+label span {	background-color: #14ABB5; }
.m-modal .roomchange .prd-list li .control .chk.chk-roomchange label { display:flex; align-items:center; justify-content:center; border:1px solid #cac6c2; border-radius:0.5rem; height:4rem; width:12rem; font-size:1.6rem; font-weight:400; color:#8e8e8e; }
.m-modal .roomchange .prd-list li .control .chk.chk-roomchange label span { position:relative; top:0; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
.m-modal .roomchange .prd-list li .control .chk.chk-roomchange input[type="checkbox"]:checked + label { border:1px solid #149aaf; color:#222; background:#fff; }
.m-modal .roomchange .prd-list li .control .chk.chk-roomchange input[type="checkbox"]:checked + label span { background-color:#14ABB5; }
/* 2023-03-21 lkw : m-modal 객실변경시 chk-radio-i 클래스도 chk 클래스처럼 처리하기위해 추가 E */

.m-modal .roomchange .prd-list li:hover { }
.m-modal .roomchange .prd-list li.active { background:#F4FEFF; }
.m-modal .roomchange .prd-list li.active .activeBg { background:#149AAF; }
.m-modal .roomchange .prd-list li.active .chk.chk-roomchange { background:#149AAF; }
.m-modal .roomchange .prd-list li.active .control .chk.chk-roomchange label { color:#222; background:#fff; }


.m-modal .roomchange .prd-list li .control .guestRoom strong { font-size:1.5rem; font-weight:500; color:#fff; letter-spacing:-1px; }
.m-modal .roomchange .prd-list li .control .guestRoom strong:after { content:""; display:inline-block; vertical-align:middle; border-right:1px solid #3bb0c2; height:1rem; margin:0 1rem; }
.m-modal .roomchange .prd-list li .control .guestRoom strong:last-child:after { border-right:0; margin-right:0; }


/* 인원정보 오류 알림 & 객실삭제 팝업 */
.modal .m-alert {  }
.modal .m-alert .popHeader { padding:0 2rem; height:5rem; background:#F25B6A; }
.modal .m-alert .popHeader.cpbg { background:#149AAF; }
.modal .m-alert .popHeader h4 { display:flex; align-items:center; height:5rem; font-size:1.8rem; color:#fff; font-weight:700; }
.modal .m-alert .popHeader .pop-close { margin-left:auto; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/sub/ico-close.png') 50% 50% no-repeat; background-size:contain;  }
.modal .m-alert .text-notice { width:100%; flex:1; background:#FFF7DC; padding:1rem 2rem; }
.modal .m-alert .text-notice p { display:flex; align-items:center; font-size:1.5rem; font-weight:400; color:#666; }
.modal .m-alert .popContents { padding:2rem !important;  }
.modal .m-alert .popContents th { width:14rem; height:auto; text-align:left; padding:1rem; font-size:1.5rem; font-weight:500; }
.modal .m-alert .popContents td { text-align:left; height:auto; padding:1rem; font-size:1.6rem; font-weight:400; }
.modal .m-alert .popContents .msgWrap { display:flex; align-items:center; justify-content:center; background:#FFF5F6; padding:1.5rem; margin:2rem 0 0; border-radius:0.5rem; border:1px solid #F25B6A; }
.modal .m-alert .popContents .msgWrap p { font-size:1.6rem; font-weight:500; color:#F25B6A; }
.modal .m-alert .popContents .msgWrap .ico { margin-right:1rem; width:2.4rem; height:2.4rem; background:url('../../images/egovframework/sub/ico-important2.png') 50% 50% no-repeat; background-size:contain;  }


/* 쿠폰 적용 팝업 */
.modal .m-alert .popContents h5 { padding:0 0 1rem; font-size:1.8rem; font-weight:500; color:#333; }
.modal .m-alert .popContents ul.Coupon-list { border-top:1px solid #333; }
.modal .m-alert .popContents ul.Coupon-list li { cursor:pointer; padding:2rem 0; background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
.modal .m-alert .popContents ul.Coupon-list li:last-child { background:none; }
.modal .m-alert .popContents ul.Coupon-list li .bg { margin-left:0.5rem !important; padding:2.5rem 1rem !important; position:relative; width:24.6rem; height:13rem; background:url('../../images/egovframework/sub/ico-coupon-bg-none.png') 50% 50% no-repeat; background-size:contain; }
.modal .m-alert .popContents ul.Coupon-list li .bg .txt1 { font-size:1.3rem !important; font-weight:400; color:#767676; }
.modal .m-alert .popContents ul.Coupon-list li .bg .txt2 { margin:0 !important; font-size:1.1rem !important; font-weight:400; color:#8e8e8e; }
.modal .m-alert .popContents ul.Coupon-list li .bg .txt3 { position:absolute; bottom:2.5rem !important; left:1rem !important; font-size:1.2rem; font-weight:400; color:#8e8e8e; }
.modal .m-alert .popContents ul.Coupon-list li .bg .txt4 { position:absolute; top:3rem; right:1.5rem; font-size:1.6rem; font-weight:400; color:#767676; }

.modal .m-alert .popContents ul.Coupon-list li.active .bg { background:url('../../images/egovframework/sub/ico-coupon-bg-active.png') 50% 50% no-repeat; background-size:contain; }
.modal .m-alert .popContents ul.Coupon-list li.active .bg .txt1 { font-size:1.8rem; font-weight:700; color:#333; }
.modal .m-alert .popContents ul.Coupon-list li.active .bg .txt2 { font-size:1.5rem; font-weight:500; color:#F25B6A; }
.modal .m-alert .popContents ul.Coupon-list li.active .bg .txt3 { position:absolute; bottom:1.5rem; left:1.5rem; font-size:1.2rem; font-weight:500; color:#666; }
.modal .m-alert .popContents ul.Coupon-list li.active .bg .txt4 { position:absolute; top:3rem; right:1.5rem; font-size:1.6rem; font-weight:700; color:#fff; }


/* 승객정보 입력/수정 팝업 */
/* 2023-05-04 추가&수정[s] */
.m-modal .Passenger-change form label { display:block; font-size:16px; color:#333; font-weight:500; margin:0 0 1rem; }
.m-modal .Passenger-change form input,
.m-modal .Passenger-change form select { width:100%; padding: 1rem 1rem 0.6rem 1rem !important; height:4rem !important; font-size:16px !important; }
/* 2023-05-04 추가&수정[e] */
.m-modal .Passenger-change form .row { flex-wrap:wrap; justify-content:space-between; padding:0 0 2rem; background:url('../../images/egovframework/main/line.png') 0 100% repeat-x; }
.m-modal .Passenger-change form .row:last-child { background:none !important; padding:0; margin:0; }
.m-modal .Passenger-change form .row div { margin:0 0 1rem !important; flex:none !important; width:49% ; }
.m-modal .Passenger-change form .row div:last-child { margin:1rem 0 0 !important; flex:none !important; width:100% !important; }

#rowTable .row { margin:3rem 0 0; }

.m-modal .Passenger-change form .btn-row-apply { flex:1; width:100%; height:5rem; background:#767676; font-size:2rem; font-weight:500; color:#fff; border-radius:0.5rem; }
/* 2023-03-19 lkw 추가 */
.m-modal .Passenger-change form .btn-row-apply:disabled { border: 1px solid #666; background:#F1F1F1; color: #666; opacity: 0.4; cursor: default; }
.m-modal .Passenger-change form .btn-row-apply:enabled { background:#F25B6A; color:#fff;}
/* ===================*/
.m-modal .Passenger-change form .btn-row-delete { display:flex; align-items:center; justify-content:center; width:4rem; height:5rem; background:#F5f5f5; color:#D9D9D9; border:1px solid #cac6c2; border-radius:0.5rem; }
.m-modal .Passenger-change form .btn-row-delete:after { content:""; width:1.6rem; height:0.2rem; background:#D9D9d9; }
/* 2023-03-19 lkw 추가 */
.m-modal .Passenger-change form .btn-row-delete:disabled { border: 1px solid #666; background:#F1F1F1; color: #666; opacity: 0.4; cursor: default; }
.m-modal .Passenger-change form .btn-row-delete:enabled { background:#767676; color:#fff;}
/* ===================*/
.m-modal .Passenger-change form .btn-row-plus { display:flex; align-items:center; justify-content:center; width:100%; height:4rem; background:#F4FEFF; border-radius:0.5rem; border:1px solid #149AAF; font-size:1.6rem; font-weight:500; color:#149AAF; }
.m-modal .Passenger-change form .btn-row-plus:before { content:"+"; font-weight:300; font-size:3.2rem; margin-right:1rem;  }
.m-modal .Passenger-change form .msg { letter-spacing:-0.5px; padding:1.5rem; display:flex; align-items:center; justify-content:center; background:#FFF5F6; border:1px solid #F25B6A; border-radius:0.5rem; }
.m-modal .Passenger-change form .msg .ico { margin-right:1rem; width:4.2rem; height:4.2rem; background:url('../../images/egovframework/sub/ico-important2.png') 50% 50% no-repeat; background-size:2.4rem;  }
.m-modal .Passenger-change form .msg p.big { font-size:1.6rem; font-weight:500; }
.m-modal .Passenger-change form .msg p.sm { font-size:1.5rem; font-weight:400; margin:1rem 0 0 }


/* 차량정보 입력/수정 팝업 */
/* 2023-05-04 추가&수정[s] */
.m-modal .Car-change form label { display:block; font-size:16px; color:#333; font-weight:500; margin:0 0 1rem; }
.m-modal .Car-change form input,
.m-modal .Car-change form select { width:100%; padding:1rem !important; height:4rem !important; font-size:16px !important; }
/* 2023-05-04 추가&수정[e] */
.m-modal .Car-change form .row { padding:0 0 2rem;  background:url('../../images/egovframework/main/line.png') 0 100% repeat-x; }
.m-modal .Car-change form .row:last-child { background:none !important; padding:0; margin:0; }

#rowTableCars .row { margin:2rem 0 0; }

.m-modal .Car-change form .row .col { position:relative; margin:0; }
.m-modal .Car-change form input.combobox { background: #fff url('../../images/egovframework/sub/ico-select-basic-off.png') no-repeat; background-position: right 1.5rem center; }
.m-modal .Car-change form input.combobox.active { border:1px solid #333 !important; border-bottom:0 !important; box-shadow:0 0 15px 5px rgba(0,0,0,.05);  }
.m-modal .Car-change form .row .col .combobox-Layer { display:none; z-index:99; border-radius:0 0 0.5rem 0.5rem; padding:0 2rem 2rem; box-shadow:0 15px 15px 5px rgba(0,0,0,.05); position:absolute; top:4rem; left:0; border:1px solid #333; border-top:0; width:100%; height:25rem; overflow-y:auto; background:#fff; }

.m-modal .Car-change form .row .col .combobox-Layer.active { display:block; }
.m-modal .Car-change form .row .col .combobox-Layer tr { cursor:pointer; }
.m-modal .Car-change form .row .col .combobox-Layer tr:hover { background:#F4FEFF; }
.m-modal .Car-change form .row .col .combobox-Layer { -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;scrollbar-color:#D9D9D9;scrollbar-width:thin; }
.m-modal .Car-change form .row .col .combobox-Layer::-webkit-scrollbar{width:1rem; border-radius:1rem;}
.m-modal .Car-change form .row .col .combobox-Layer::-webkit-scrollbar-track{background:#fff;  }
.m-modal .Car-change form .row .col .combobox-Layer::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:100px}
.m-modal .Car-change form .row .col .combobox-Layer::-webkit-scrollbar-thumb:hover{background:#ccc; -webkit-text-size-adjust:none;}

.m-modal .Car-change form .btn-Cars-row-delete { display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; background:#F5f5f5; color:#D9D9D9; border:1px solid #cac6c2; border-radius:0.5rem; }
.m-modal .Car-change form .btn-Cars-row-delete:after { content:""; width:1.6rem; height:0.2rem; background:#D9D9d9; }

.m-modal .Car-change form .btn-Cars-row-plus { display:flex; align-items:center; justify-content:center; width:100%; height:4rem; background:#F4FEFF; border-radius:0.5rem; border:1px solid #149AAF; font-size:1.6rem; font-weight:500; color:#149AAF; }
.Car-change form .btn-Cars-row-plus:before { content:"+"; font-weight:300; font-size:3.2rem; margin-right:1rem;  }

.m-modal .Car-change form .msg { letter-spacing:-0.5px; padding:1.5rem; display:flex; align-items:center; justify-content:center; background:#FFF5F6; border:1px solid #F25B6A; border-radius:0.5rem; }
.m-modal .Car-change form .msg .ico { margin-right:1rem; width:4.2rem; height:4.2rem; background:url('../../images/egovframework/sub/ico-important2.png') 50% 50% no-repeat;  background-size:2.4rem;   }
.m-modal .Car-change form .msg p.big { font-size:1.6rem; font-weight:500; }
.m-modal .Car-change form .msg p.sm { font-size:1.3rem; font-weight:400; margin:1rem 0 0 }

.m-modal .Car-change table.tbl-list th { text-align:center; background:#f6f6f4; font-weight:500; padding:0.5rem; font-size:1.4rem; color:#333;  border-bottom:1px solid #c5c1bc; }
.m-modal .Car-change table.tbl-list td { text-align:center; padding:0.5rem; font-weight:400; font-size:1.4rem; color:#666; border-bottom:1px solid #c5c1bc; }

/* 차량승선관련안내사항 팝업 */
.m-modal .CarAgree {  }
.m-modal .CarAgree .popContents { padding-top:0; }
.m-modal .CarAgree .col { border-bottom:1px solid #d9d9d9; margin:2rem 0 0; padding:0 0 2rem; }
.m-modal .CarAgree .col.none { border:0; }
.m-modal .CarAgree label { display:block; font-size:1.7rem; color:#149AAF; font-weight:500; margin:0 0 1rem; }
.m-modal .CarAgree p { font-size:1.5rem; font-weight:400; color:#666;  }
.m-modal .CarAgree ul.txt-list li { font-size:1.5rem; font-weight:400; color:#666;  padding-left:2rem; background:url('../../images/egovframework/sub/ico-dot.png') 0 1.5rem no-repeat; }
.m-modal .CarAgree ol li { font-size:1.5rem; font-weight:400; color:#666;  margin-left:2rem; }
.m-modal .CarAgree .chk.chk-agree { background:#F4FEFF; border:1px solid #149AAF; border-radius:0.5rem; padding:1.5rem 3rem 1rem; }
.m-modal .CarAgree .chk.chk-agree label { display:flex; align-items:center; font-size:1.5rem; color:#149AAF; }
.m-modal .CarAgree .chk.chk-agree label span.ico { display:inline-block; margin-left:1rem; position:relative; top:-2px; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
.m-modal .CarAgree .chk.chk-agree input[type="checkbox"]:checked + label span.ico { background-color:#14ABB5; }
.m-modal .CarAgree .chk.chk-agree label span.txt { flex:1; }


/* 호수 지정 선택 팝업 */
.m-modal .roomNumber h5 { padding:1rem 2rem 0; font-size:1.8rem; font-weight:500; color:#333; }
.m-modal .roomNumber .popContents { padding:0; }
.m-modal .roomNumber .roomInfo { padding:1rem 2rem; border-top:1px solid #959595; background:#f7f7f7; position:relative; }
/* 2023-05-04 추가&수정[s] */
.m-modal .roomNumber .roomInfo .chk-radio { display:flex; align-items:center; }
/* 2023-05-04 추가&수정[e] */
.m-modal .roomNumber .roomInfo .chk-radio label { font-size:1.6rem; font-weight:500; color:#222;  }
.m-modal .roomNumber .roomInfo .chk-radio label span { width:2.2rem; height:2.2rem; margin-right:1rem; top:-2px; }
.m-modal .roomNumber .roomInfo .chk-radio input[type="radio"]:checked + label span:before { width:1.4rem; height:1.4rem;  }
.m-modal .roomNumber .roomInfo .info { display:flex; align-items:center; font-size:1.5rem; font-weight:500; }
.m-modal .roomNumber .roomInfo .info span { display:inline-block; vertical-align:middle; margin-right:1rem; position:relative; top:0; width:1.5rem; height:1.5rem; border:1px solid #666; background:#FBF2CE; }
.m-modal .roomNumber .roomInfo .imageWrap { margin:0 auto; text-align:center; padding:2rem 0; }
.m-modal .roomNumber .roomInfo .imageWrap .pinch-zoom { width:30rem; height:15rem; margin:0 auto; overflow:hidden; }
.m-modal .roomNumber .roomInfo .imageWrap .pinch-zoom div { }
.m-modal .roomNumber .roomInfo .imageWrap .tit { font-size:1.6rem; font-weight:400; width:10rem; height:10rem; text-align:center; padding:2.5rem 0; background:#fff; border-radius:100%; }
.m-modal .roomNumber .roomInfo .imageWrap .tit strong { font-size:2rem; color:#666 }
.m-modal .roomNumber .roomInfo .imageWrap img { transition:all 0.2s ease-in; width:100%; height:100%; object-fit:contain; }

.m-modal .roomNumber .roomInfo .zoomBtn { position:absolute; right:1rem; bottom:1rem; display:flex; flex-direction:column; }
.m-modal .roomNumber .roomInfo .zoomBtn button { box-shadow:0 0 10px 5px rgba(0,0,0,.05); display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; background:#fff; border:1px solid #ccc; border-radius:0.3rem; margin:0 0 0.5rem; }
.m-modal .roomNumber .roomInfo .zoomBtn button.btn-zoom-in:before { content:"+"; position:relative; top:-2px; font-size:4rem; margin:0; }
.m-modal .roomNumber .roomInfo .zoomBtn button.btn-zoom-out:before { content:"-"; position:relative; top:-2px; font-size:4rem; margin:0; }
.m-modal .roomNumber .roomInfo .zoomBtn button.active { border:2px solid #149AAF; }

/* 2023-05-04 추가&수정[s] */
.m-modal .roomNumber .roomInfo .imageWrap .Swiper-zoom { height:20rem; overflow:hidden; padding:2rem 0; }
.m-modal .roomNumber .roomInfo .zoomBtn .ico-zoom { opacity:0.5; width:3.5rem; height:3.5rem; background:url('../../images/egovframework/sub/ico-zoom.png') 50% 50% no-repeat; background-size:contain; }
/* 2023-05-04 추가&수정[e] */

.m-modal .roomNumber .roomList { padding:2rem; }
.m-modal .roomNumber .roomList li { margin-bottom:1rem;  }
.m-modal .roomNumber .roomList li .wrap { cursor:pointer; height:6rem; padding:0 1.5rem; display:flex; align-items:center; border:1px solid #cac6c2; border-radius:0.5rem; }
.m-modal .roomNumber .roomList li .wrap.active { border:2px solid #F25B6A; }
.m-modal .roomNumber .roomList li .txt span { display:inline-block; vertical-align:middle; }
.m-modal .roomNumber .roomList li .txt span:nth-child(1) { height:1.5rem; line-height:1.5rem; font-size:1.6rem; font-weight:500; color:#333; border-right:1px solid #D1D0C8; padding-right:1.5rem; margin-right:1.5rem; }
.m-modal .roomNumber .roomList li .txt span:nth-child(2) { font-size:1.6rem; font-weight:400; color:#333; }
.m-modal .roomNumber .roomList li .txt span strong { font-weight:700; color:#F25B6A; }
.m-modal .roomNumber .roomList .chk-radio-i label { font-size:1.6rem; font-weight:400; color:#767676; }
.m-modal .roomNumber .roomList .chk-radio-i label span.ico { margin-right:0.5rem; top:-2px; width:2rem; height:2rem; background-color:#D1D0C8;  border-radius:50%; background-size:1.2rem; }
.m-modal .roomNumber .roomList .chk-radio-i input[type="radio"]:checked + label span.ico { background-color:#149AAF; }
.m-modal .roomNumber .roomData { text-align:left; background:#F4FEFF; border:2px solid #149AAF; border-radius:0.5rem; padding:1.5rem 2rem; }
.m-modal .roomNumber .roomData { font-size:1.6rem; font-weight:500; color:#333; }
.m-modal .roomNumber .roomData strong { display:block; margin:0 0 0.5rem; }
.m-modal .roomNumber .roomData span { color:#149AAF; }
.m-modal .roomNumber .roomData span:after { content:""; display:inline-block; vertical-align:middle; height:1.5rem; border-right:1px solid #D1D0C8; margin:0 1rem; }
.m-modal .roomNumber .roomData span:last-child:after { display:none; }

.m-modal .roomNumber .roomData.yellow { background:#FFF1BF; border:2px solid #DFAE00; }
.m-modal .roomNumber .roomData.yellow strong { color:#EA594F; }
.m-modal .roomNumber .roomData.yellow span { color:#333; }


/* 호수 지정 선택 팝업(캡슐형) */
.m-modal .roomNumber-capsule h5 { padding:1rem 2rem 0; font-size:1.8rem; font-weight:500; color:#333; }
.m-modal .roomNumber-capsule { }
.m-modal .roomNumber-capsule .popContents { padding:0; }
.m-modal .roomNumber-capsule .roomInfo { padding:1rem 2rem; border-top:1px solid #959595; background:#f7f7f7; position:relative; }

/* 2023-05-08 추가&수정[s] */
.m-modal .roomNumber-capsule .roomInfo .chk-radio { display:flex; align-items:center; }
/* 2023-05-08 추가&수정[e] */
.m-modal .roomNumber-capsule .roomInfo .chk-radio label { font-size:1.6rem; font-weight:500; color:#222;  }
.m-modal .roomNumber-capsule .roomInfo .chk-radio label span { width:2.2rem; height:2.2rem; margin-right:1rem; top:-2px; }
.m-modal .roomNumber-capsule .roomInfo .chk-radio input[type="radio"]:checked + label span:before { width:1.4rem; height:1.4rem;  }
.m-modal .roomNumber-capsule .roomInfo .info { display:flex; align-items:center; font-size:1.5rem; font-weight:500; }
.m-modal .roomNumber-capsule .roomInfo .info span { display:inline-block; vertical-align:middle; margin-right:1rem; position:relative; top:0; width:1.5rem; height:1.5rem; border:1px solid #666; background:#FBF2CE; }
.m-modal .roomNumber-capsule .roomInfo .imageWrap { margin:0 auto; text-align:center; padding:2rem 0; }
.m-modal .roomNumber-capsule .roomInfo .imageWrap .pinch-zoom { width:30rem; height:15rem; margin:0 auto; overflow:hidden; }
.m-modal .roomNumber-capsule .roomInfo .imageWrap .pinch-zoom div { }
.m-modal .roomNumber-capsule .roomInfo .imageWrap .tit { font-size:1.6rem; font-weight:400; width:10rem; height:10rem; text-align:center; padding:2.5rem 0; background:#fff; border-radius:100%; }
.m-modal .roomNumber-capsule .roomInfo .imageWrap .tit strong { font-size:2rem; color:#666 }
.m-modal .roomNumber-capsule .roomInfo .imageWrap img { transition:all 0.2s ease-in; width:100%; height:100%; object-fit:contain; }

.m-modal .roomNumber-capsule .roomInfo .zoomBtn { position:absolute; right:1rem; bottom:1rem; display:flex; flex-direction:column; }
.m-modal .roomNumber-capsule .roomInfo .zoomBtn button { box-shadow:0 0 10px 5px rgba(0,0,0,.05); display:flex; align-items:center; justify-content:center; width:4rem; height:4rem; background:#fff; border:1px solid #ccc; border-radius:0.3rem; margin:0 0 0.5rem; }
.m-modal .roomNumber-capsule .roomInfo .zoomBtn button.btn-zoom-in:before { content:"+"; position:relative; top:-2px; font-size:4rem; margin:0; }
.m-modal .roomNumber-capsule .roomInfo .zoomBtn button.btn-zoom-out:before { content:"-"; position:relative; top:-2px; font-size:4rem; margin:0; }
.m-modal .roomNumber-capsule .roomInfo .zoomBtn button.active { border:2px solid #149AAF; }
/* 2023-05-08 추가&수정[s] */
.m-modal .roomNumber-capsule .roomInfo .imageWrap .Swiper-zoom { height:20rem; overflow:hidden; padding:2rem 0; }
.m-modal .roomNumber-capsule .roomInfo .zoomBtn .ico-zoom { opacity:0.5; width:3.5rem; height:3.5rem; background:url('../../images/egovframework/sub/ico-zoom.png') 50% 50% no-repeat; background-size:contain; }
/* 2023-05-08 추가&수정[e] */
.m-modal .roomNumber-capsule .roomList { padding:2rem; }
.m-modal .roomNumber-capsule .roomList li { margin-bottom:1rem;  }
.m-modal .roomNumber-capsule .roomList li .wrap { cursor:pointer; height:6rem; padding:0 1.5rem; display:flex; align-items:center; border:1px solid #cac6c2; border-radius:0.5rem; }
.m-modal .roomNumber-capsule .roomList li .wrap.active { border:2px solid #F25B6A; }
.m-modal .roomNumber-capsule .roomList li .txt span { display:inline-block; vertical-align:middle; }
.m-modal .roomNumber-capsule .roomList li .txt span:nth-child(1) { height:1.5rem; line-height:1.5rem; font-size:1.6rem; font-weight:500; color:#333; border-right:1px solid #D1D0C8; padding-right:1.5rem; margin-right:1.5rem; }
.m-modal .roomNumber-capsule .roomList li .txt span:nth-child(2) { font-size:1.6rem; font-weight:400; color:#333; }
.m-modal .roomNumber-capsule .roomList li .txt span strong { font-weight:700; color:#F25B6A; }
.m-modal .roomNumber-capsule .roomList .chk-radio-i label { font-size:1.6rem; font-weight:400; color:#767676; }
.m-modal .roomNumber-capsule .roomList .chk-radio-i label span.ico { margin-right:0.5rem; top:-2px; width:2rem; height:2rem; background-color:#D1D0C8;  border-radius:50%; background-size:1.2rem; }
.m-modal .roomNumber-capsule .roomList .chk-radio-i input[type="radio"]:checked + label span.ico { background-color:#149AAF; }
.m-modal .roomNumber-capsule .roomData { text-align:left; background:#F4FEFF; border:2px solid #149AAF; border-radius:0.5rem; padding:1.5rem 2rem; }
.m-modal .roomNumber-capsule .roomData { font-size:1.6rem; font-weight:500; color:#333; }
.m-modal .roomNumber-capsule .roomData strong { display:block; margin:0 0 0.5rem; }
.m-modal .roomNumber-capsule .roomData span { color:#149AAF; }
.m-modal .roomNumber-capsule .roomData span:after { content:""; display:inline-block; vertical-align:middle; height:1.5rem; border-right:1px solid #D1D0C8; margin:0 1rem; }
.m-modal .roomNumber-capsule .roomData span:last-child:after { display:none; }

.m-modal .roomNumber-capsule .text-guide { font-size:1.5rem; color:#666;  }
.m-modal .roomNumber-capsule .text-guide span { margin-left:1.4rem; }

.m-modal .roomNumber-capsule .seatWrap { position:relative; padding:2rem 2rem 4rem; border-top:1px solid #333; border-bottom:1px solid #ddd;  }
.m-modal .roomNumber-capsule .seatWrap .info { display:flex; align-items:center; font-size:1.6rem; font-weight:400; color:#333; }
/* 2023-04-03 lkw :   margin-right:1rem 제거 */
.m-modal .roomNumber-capsule .seatWrap .info div:nth-child(1) { /* margin-right:1rem; */ }
.m-modal .roomNumber-capsule .seatWrap .info span { margin-right:1rem; width:1.6rem; height:1.6rem;  border:1px solid #ccc; display:inline-block; vertical-align:middle; }
.m-modal .roomNumber-capsule .seatWrap .s-man { background:#DBF1F3 !important; }
.m-modal .roomNumber-capsule .seatWrap .s-women { background:#FFE7EB !important; }
.m-modal .roomNumber-capsule .seatWrap ul { }
.m-modal .roomNumber-capsule .seatWrap li { border:1px solid #d9d9d9; position:relative; padding:3rem; }
.m-modal .roomNumber-capsule .seatWrap li:nth-child(1) { flex:1 0 46rem; max-width:46rem; border-right:0; }
.m-modal .roomNumber-capsule .seatWrap li:nth-child(2) { flex:1 0 30rem; max-width:30rem; }
.m-modal .roomNumber-capsule .seatWrap li .doorA { font-size:1.6rem; color:#333; position:absolute; top:-1.3rem; left:50%; width:13rem; text-align:center; margin-left:-6.5rem; background:#fff; }
.m-modal .roomNumber-capsule .seatWrap li .doorC { font-size:1.6rem; color:#333; position:absolute; bottom:-1.3rem; left:50%; width:13rem; text-align:center; margin-left:-6.5rem; background:#fff; }

.m-modal .roomNumber-capsule .seatWrap li .doorB { font-size:1.6rem; color:#333; position:absolute; top:-1.3rem; right:0; width:13rem; text-align:center; margin-right:2rem; background:#fff; }
.m-modal .roomNumber-capsule .seatWrap li .doorD { font-size:1.6rem; color:#333; position:absolute; bottom:-1.3rem; right:0; width:13rem; text-align:center; margin-right:2rem; background:#fff; }
.m-modal .roomNumber-capsule .seatWrap li .list button.btn-seat { margin:0 0 1rem; width:6rem; line-height:2.5rem; height:2.5rem; background:#f2f1ef; font-size:1.6rem; font-weight:400; color:#666; text-align:center; }
.m-modal .roomNumber-capsule .seatWrap li .list button.btn-seat:disabled{ border: 1px solid #666; color: #666; opacity: 0.4; cursor: default; }
.m-modal .roomNumber-capsule .seatWrap li .list button.btn-seat.active { background:#149aaf; color:#fff; }
.m-modal .scroll-x { width:100%; overflow-x:auto !important; white-space: nowrap !important; }
/* 배광민 추가 start */
.m-modal .roomNumber-capsule .seatWrap li .list button.long { width:10rem; }
.m-modal .roomNumber-capsule .seatWrap li .list button.left { text-align: left; padding-left: 1rem; }
.m-modal .roomNumber-capsule .seatWrap li .list button.right { text-align: right; padding-right: 1rem; }
.m-modal .roomNumber-capsule .seatWrap li .list button.red { background:#FFE7EB; }
.m-modal .roomNumber-capsule .seatWrap li .list button.blue { background:#DBF1F3; }
.m-modal .roomNumber-capsule .seatWrap li .list button.btn-seat[data-checked="true"] { background:#149aaf; color:#fff; }
.m-modal .roomNumber-capsule .seatWrap li .list button.btn-seat.active { background:#149aaf; color:#fff; }
.m-modal .roomNumber-capsule .seatWrap li .list button.red:disabled { border: 1px solid #666; color: #666; opacity: 0.4; cursor: default; }
.m-modal .roomNumber-capsule .seatWrap li .list button.blue:disabled { border: 1px solid #666; color: #666; opacity: 0.4; cursor: default; }
/* 배광민 추가 end */
.m-modal .roomNumber-capsule .seatWrap .chk {}
.m-modal .roomNumber-capsule .seatWrap .chk label { display:block;  width:6rem; line-height:2.5rem; height:2.5rem; background:#f2f1ef; font-size:1.6rem; font-weight:400; color:#666; text-align:center; }
.m-modal .roomNumber-capsule .seatWrap .chk input[type="checkbox"]:checked + label { background:#149aaf !important; color:#fff !important; }
/* 2023-04-03 lkw : disabled 추가 */
.m-modal .roomNumber-capsule .seatWrap .chk input[type="checkbox"]:disabled + label { border: 1px solid #666; background:#F1F1F1; color: #666; opacity: 0.4; cursor: default; }
.m-modal .roomNumber-capsule .seatWrap .chk .selected { background:#149aaf !important; color:#fff !important; }

.m-modal .roomNumber-capsule .seatWrap li .list .list-wrap { width:50%; padding:0 2rem; }
.m-modal .roomNumber-capsule .seatWrap li .list .list-wrap .chk:nth-child(odd) { margin-right:1rem; }


/* 선박예매 안내사항 팝업 */
.m-modal .Infomation ul.tabs { display:flex; align-items:Center; }
.m-modal .Infomation ul.tabs li { cursor:pointer; width:50%; line-height:4.5rem; text-align:center; background:#f3f2f1; font-size:1.7rem; font-weight:500; color:#83796F; }
.m-modal .Infomation ul.tabs li.active { background:#83796F; color:#fff; }
.m-modal .Infomation .tab-content { display:none; padding:0 0 4rem; }
.m-modal .Infomation .tab-content.active { display:block; }
.m-modal .Infomation .tab-content .col { border-bottom:1px solid #d9d9d9; margin:2rem 0 0; padding:0 0 2rem; }
.m-modal .Infomation .tab-content .col:last-child { border:0; }
.m-modal .Infomation .tab-content label { display:block; font-size:1.8rem; color:#333; margin:0 0 1rem; }
.m-modal .Infomation .tab-content p { font-size:1.5rem; font-weight:400; color:#666;  }
.m-modal .Infomation .tab-content .space { margin-left:12.2rem; }
.m-modal .Infomation .tab-content ul.txt-list li { font-size:1.5rem; font-weight:400; color:#666; padding-left:1rem; background:url('../../images/egovframework/sub/ico-dot.png') 0 1rem no-repeat; }


/* 결제하기 팝업 */
.m-modal .Payment h5 { font-size:1.8rem; font-weight:500; color:#333; margin:0 0 1rem; }
.m-modal .Payment h4 { font-size:1.8rem; font-weight:700; color:#83796F; margin:0 0 1rem; }
.m-modal .Payment .h-100 { min-height:100%; height:100%; position:relative; padding-left:7rem; }

.m-modal .Payment .popContents th { width:14rem; height:auto; text-align:left; padding:1rem; font-size:1.5rem; font-weight:500; }
.m-modal .Payment .popContents td { text-align:left; height:auto; padding:1rem; font-size:1.6rem; font-weight:400; }
.m-modal .Payment .popContents .line{ margin:2rem 0 0; height:1px; background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }

.m-modal .Payment .tbl-tit-red { height:4rem; line-height:4rem; border-radius:0.5rem; background:#F25B6A; text-align:center; }
.m-modal .Payment .tbl-tit-red span { font-size:1.6rem; color:#fff; font-size:700; }

.m-modal .Payment .tbl-tit-blue { height:4rem; line-height:4rem; border-radius:0.5rem; background:#149aaf; text-align:center; }
.m-modal .Payment .tbl-tit-blue span { font-size:1.6rem; color:#fff; font-size:700; }

.m-modal .Payment .box { border:1px solid #D9D5D2; border-radius:1rem; margin:1rem 0 0; padding:0 1rem 0; }
.m-modal .Payment .box.active { border:1px solid #333; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }
.m-modal .Payment button.pay-toggle { width:100%; height:5rem; text-align:left; font-size:1.6rem; font-weight:400; background:url('../../images/egovframework/main/ico-select-off.png') no-repeat; background-position:right 2rem center; }
.m-modal .Payment button.pay-toggle.active { background:url('../../images/egovframework/main/ico-select-on.png') no-repeat; background-position:right 2rem center; }


.m-modal .Payment .w-120 { width:12rem !important; }
.m-modal .Payment .w-430 { width:43rem !important; }

.m-modal .Payment .bg-blue { background:#f3fafb !important; border-left:1px solid #c5c1bc;  border-right:1px solid #c5c1bc;  }
.m-modal .Payment .bg-blue.border-no { border-left:0 !important;  border-right:0 !important; }

.m-modal .Payment .totalWrap {  }
.m-modal .Payment .totalWrap label { font-size:1.8rem; }
.m-modal .Payment .totalWrap .select { height:5rem; font-size:1.6rem !important; padding-right:5rem; }
.m-modal .Payment .totalWrap .frm_input { width:100%; height:5rem; font-size:1.6rem !important; }
.m-modal .Payment .totalWrap .frm_input::placeholder  {
    color: #958D85;
	font-size:1.8rem;
	font-weight:400;
}

.m-modal .Payment .totalWrap h5.total { font-size:2.2rem; font-weight:700; color:#333; margin:0; border-bottom:1px solid #D1D0C8; padding:0 0 1rem; }
.m-modal .Payment .totalWrap .price { display:flex; align-items:center; margin:1rem 0 0; }
.m-modal .Payment .totalWrap .price span { font-size:1.5rem; color:#333; }
.m-modal .Payment .totalWrap .price strong { margin-left:auto; font-size:2rem; font-weight:700; color:#F25B6A;  }

.m-modal .Payment .totalWrap .bankBox { margin:1rem 0 0; background:#FBFBFB; border:1px solid #dddad8; border-radius:0.5rem; padding:1.5rem; }
.m-modal .Payment .totalWrap .bankBox h3 { font-size:1.8rem; color:#333; font-weight:500; margin:0 0 2rem; }
.m-modal .Payment .totalWrap .bankBox label { display:block; font-size:1.6rem; margin:0 0 1rem; }

.m-modal .Payment .btn-more { font-size:1.6rem; padding-right:3rem; text-decoration:underline; background:url('../../images/egovframework/mobile/images/ico-arrow.png') 100% 50% no-repeat; background-size:2rem;  }

.m-modal .Payment .agreeWrap .agree-hidden { display:none; border:1px solid #149AAF; border-radius:0.5rem; padding:3rem; }
.m-modal .Payment .agreeWrap .agree-hidden label { display:block; font-size:2.4rem; color:#222; margin:0 0 1rem; }
.m-modal .Payment .agreeWrap .agree-hidden ul.txt-list li { font-size:2rem; font-weight:400; color:#666; line-height:3.5rem; padding-left:2rem; background:url('../../images/egovframework/sub/ico-dot.png') 0 1.5rem no-repeat; }

.m-modal .Payment .agreeWrap .toggleWrap { border:1px solid #149AAF; background:#F4FEFF; text-align:center; border-radius:0.5rem; padding:1.5rem; margin:0 0 0.5rem; }
.m-modal .Payment .agreeWrap .toggleWrap .chk.chk-agree label { font-size:1.6rem; color:#149AAF; }
.m-modal .Payment .agreeWrap .toggleWrap .chk.chk-agree label span { margin-left:1rem; position:relative; top:-2px; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
.m-modal .Payment .agreeWrap .toggleWrap .chk.chk-agree input[type="checkbox"]:checked + label span { background-color:#14ABB5; }

.m-modal .Payment .select.frm { font-size:1.5rem; padding:0.5rem 5rem 0.5rem 1rem }
.m-modal .Payment .frm_input.frm { font-size:1.5rem; padding:1rem }


/* 결제 주의사항 팝업 */
.m-modal .Important h5 { font-size:1.8rem; font-weight:500; }
.m-modal .Important ul.txt-list { list-style-type:"-"; margin:1rem 0 0 1rem; }
.m-modal .Important ul.txt-list li { padding-left:1rem; font-size:1.5rem; color:#777; line-height:150%; }

.m-modal .Important table.tbl-list th { padding:1.5rem; height:auto; font-size:1.6rem; font-weight:400; }
.m-modal .Important table.tbl-list th.bg { background:#f3fafb; }
.m-modal .Important table.tbl-list td { padding:1.5rem; height:auto; font-size:1.6rem; font-weight:400; text-align:left; }
.m-modal .Important table.tbl-list td p { margin:0 0 1rem; }

/* 예약완료 팝업 */
.modal .m-alert .txt-basic { font-size:1.5rem; font-weight:400; margin:0 0 1.5rem; }
.modal .m-alert .txt-guide { font-size:1.4rem; font-weight:400; color:#666; margin:1rem 0 0; }



/* 선박예매확인 - 예매내역 */
.device-mobile .m-container .Reservation-history { }
.device-mobile .m-container .Reservation-history .p-tit { font-size:1.8rem; font-weight:700; color:#83796F; }
.device-mobile .m-container .Reservation-history .btn-Reservation { font-weight:700; font-size:1.6rem; color:#fff; height:3.2rem; padding:0 1rem; background:#F25B6A; border-radius:0.5rem; }
.device-mobile .m-container .Reservation-history .btn-Reservation span { display:inline-block; vertical-align:middle; margin-right:0.5rem; position:relative; top:-0.2rem; width:2.2rem; height:1.8rem; background:url('../../images/egovframework/sub/ico-notice.png') 50% 50% no-repeat; }

.device-mobile .m-container .Reservation-history .box { border:1px solid #D9D5D2; border-radius:1rem; margin:1rem 0 0; padding:0 1rem 0; }
.device-mobile .m-container .Reservation-history .box.active { border:1px solid #333; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }
.device-mobile .m-container .Reservation-history button.pay-toggle { width:100%; height:5rem; text-align:left; font-size:1.6rem; font-weight:400; background:url('../../images/egovframework/main/ico-select-off.png') no-repeat; background-position:right 2rem center; }
.device-mobile .m-container .Reservation-history button.pay-toggle.active { background:url('../../images/egovframework/main/ico-select-on.png') no-repeat; background-position:right 2rem center; }

.device-mobile .m-container .Reservation-history table.tbl-list th { width:10rem; height:auto; text-align:left; padding:1rem; font-size:1.5rem; font-weight:500; }
.device-mobile .m-container .Reservation-history table.tbl-list td { text-align:left; height:auto; padding:1rem; font-size:1.6rem; font-weight:400; }

.device-mobile .m-container .Reservation-history .info { background:#fbfbfa; border:1px solid #6b655f; padding:1.5rem; border-radius:0.3rem; }
.device-mobile .m-container .Reservation-history .info p { font-size:1.5rem; font-weight:400; color:#6B655F; line-height:150%; }

.device-mobile .m-container .Reservation-history .Ticketing-sch { padding:2rem; background:#f8f5ed; border:2px solid #8e8e8e; border-radius:0.3rem; }
.device-mobile .m-container .Reservation-history .Ticketing-sch h3 { font-size:2rem; font-weight:700; color:#222; }

.device-mobile .m-container .Reservation-history .Ticketing-sch .ico { display:inline-block; font-weight:500; padding-right:3rem; font-size:1.8rem; background:url('../../images/egovframework/sub/ico-toggle-off.png') 100% 50% no-repeat; background-size:2rem; } 

.device-mobile .m-container .Reservation-history .Ticketing-sch .line { color:#8e8e8e; font-size:2rem; }
.device-mobile .m-container .Reservation-history .Ticketing-sch input,
.device-mobile .m-container .Reservation-history .Ticketing-sch select { width:100%; }


.device-mobile .m-container .Reservation-history .Ticketing-sch .col-3 .col { flex:1; }
.device-mobile .m-container .Reservation-history .Ticketing-sch .btn-sch.find1 { background:#83796F; }
.device-mobile .m-container .Reservation-history .Ticketing-sch .btn-sch.find2 { background:#149AAF; }




/* 선박예매확인 - 예매상세내역 */
.device-mobile .m-container .Reservation-Detail { }
.device-mobile .m-container .Reservation-Detail .p-tit { font-size:1.8rem; font-weight:700; color:#83796F; }
.device-mobile .m-container .Reservation-Detail .sub-tit { display:block; margin:0.5rem 0 0; font-size:1.5rem; color:#222; font-weight:400; }
.device-mobile .m-container .Reservation-Detail .sub-tit strong { color:#F25B6A; }

.device-mobile .m-container .Reservation-Detail .btn-Reservation-info { width:100%; height:4rem; background:#807373; font-size:1.5rem; font-weight:500; color:#fff; border-radius:0.3rem; }

.device-mobile .m-container .Reservation-Detail .itemWrap { display:flex; align-items:center; flex-wrap:wrap; }
.device-mobile .m-container .Reservation-Detail .itemWrap .btn-Reservation-item { display:flex; align-items:center; justify-content:center; font-weight:500; font-size:1.5rem; color:#fff; width:32%; height:4rem; background:#F25B6A; border-radius:0.5rem; }
/* 배광민 수정 */
.device-mobile .m-container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(1) { background:#666; margin:0.5rem 0 0; width:48%; }
.device-mobile .m-container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(2) { background: #0c00b3; margin:0.5rem 0 0; width:48%; }
.device-mobile .m-container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(3) { background: #F25B6A; margin:0.5rem 0 0; width:48%; margin-left: 1rem; }

.device-mobile .m-container .Reservation-Detail .itemWrap .btn-Reservation-item span { display:inline-block; vertical-align:middle; margin-right:0.5rem; }
/* 배광민 수정 */
.device-mobile .m-container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(1) span { width:1.8rem; height:1.8rem; background:url('../../images/egovframework/sub/ico-rev-1.png') 50% 50% no-repeat; background-size:contain; }
.device-mobile .m-container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(2) span { width:1.8rem; height:1.8rem; background:url('../../images/egovframework/sub/ico-rev-5.png') 50% 50% no-repeat; background-size:contain; }
.device-mobile .m-container .Reservation-Detail .itemWrap .btn-Reservation-item:nth-child(3) span { width:1.8rem; height:1.8rem; background:url('../../images/egovframework/sub/ico-rev-5.png') 50% 50% no-repeat; background-size:contain; }


.device-mobile .m-container .Reservation-Detail .tbl-tit { font-size:1.6rem; color:#fff; font-size:700; display:flex; align-items:center; justify-content:center; height:4rem; border-radius:0.5rem; background:#6B655F; }

.device-mobile .m-container .Reservation-Detail .tbl-tit2 { font-size:1.6rem; color:#fff; font-size:700; display:flex; align-items:center; justify-content:center; height:4rem; border-radius:0.5rem; background:#767676; }

.device-mobile .m-container .Reservation-Detail .txt-guide { font-size:1.5rem; font-weight:400; color:#222; }

.device-mobile .m-container .Reservation-Detail .btn-Passenger-control { width:100%; height:4rem; background:#F4FEFF; font-size:1.8rem; font-weight:400; color:#149AAF; border:1px solid #149AAF; border-radius:0.3rem; }

.device-mobile .m-container .Reservation-Detail .btn-Passenger-change { margin:0.5rem 0 0; width:12rem; height:3rem; background:#807373; font-size:1.5rem; font-weight:500; color:#fff; border-radius:0.3rem; }

.device-mobile .m-container .Reservation-Detail .box { border:1px solid #D9D5D2; border-radius:1rem; margin:1rem 0 0; padding:0 1rem 0; }
.device-mobile .m-container .Reservation-Detail .box.active { border:1px solid #333; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }
.device-mobile .m-container .Reservation-Detail button.pay-toggle { width:100%; height:5rem; text-align:left; font-size:1.6rem; font-weight:400; background:url('../../images/egovframework/main/ico-select-off.png') no-repeat; background-position:right 2rem center; }
.device-mobile .m-container .Reservation-Detail button.pay-toggle.active { background:url('../../images/egovframework/main/ico-select-on.png') no-repeat; background-position:right 2rem center; }




/***** 로그인 *****/
.device-mobile .m-container .LoginconBox {  }
.device-mobile .m-container .LoginconBox ul.tabs { height:5rem; display:flex; align-items:center; }
.device-mobile .m-container .LoginconBox ul.tabs li { display:flex; align-items:center; justify-content:center; width:50%; height:100%; text-align:center; cursor:pointer; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; background:#F5F5F5; }

.device-mobile .m-container .LoginconBox ul.tabs li:first-child { border-right:1px solid #E6E6E6; }
.device-mobile .m-container .LoginconBox ul.tabs li { font-size:1.7rem; font-weight:400; color:#767676 }
.device-mobile .m-container .LoginconBox ul.tabs li.active { font-weight:500; color:#149AAF; background:#fff;  border-bottom:0; } 

.device-mobile .m-container .LoginconBox .tab-content { display:none; }
.device-mobile .m-container .LoginconBox .tab-content.active { display:block; }

.device-mobile .m-container .LoginconBox form { padding:2rem 0; }

/* 공통 */
input.member.id { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-id.png') 2rem 50% no-repeat; }
input.member.password { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-name.png') 2rem 50% no-repeat; }
input.member.name { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-name.png') 2.3rem 50% no-repeat; }
input.member.birth { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-birth.png') 2rem 50% no-repeat; }
input.member.hp { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-hp.png') 2.3rem 50% no-repeat; }
input.member.email { padding-left:5.5rem; background: #fff url('../../images/egovframework/member/ico-email.png') 2.3rem 50% no-repeat; }

.device-mobile .m-container .LoginconBox .chk.id-save label { font-weight:500; font-size:1.7rem; color:#666; }
.device-mobile .m-container .LoginconBox .chk.id-save label span { position:relative; top:-2px; width:2.4rem; height:2.4rem; background-color:#999; border-radius:50%; background-size:1.4rem; margin-right:1rem; }
.device-mobile .m-container .LoginconBox .chk.id-save input[type="checkbox"]:checked + label span { background-color:#14ABB5; }

.device-mobile .m-container .LoginconBox .ft-link { display:flex; align-items:center; justify-content:center; }
.device-mobile .m-container .LoginconBox .ft-link li:after { content:""; display:inline-block; vertical-align:middle; height:1.4rem; border-right:1px solid #A6A6A6; margin:0 1rem; }
.device-mobile .m-container .LoginconBox .ft-link li:last-child:after {  border:0; margin:0; }
.device-mobile .m-container .LoginconBox .ft-link li a,
.device-mobile .m-container .LoginconBox .ft-link li button { font-size:1.6rem; font-weight:400; color:#666 }
.device-mobile .m-container .LoginconBox .ft-link li a:hover { font-weight:500; color:#00757C; text-decoration:underline; }
.device-mobile .m-container .LoginconBox .ft-link li button:hover { font-weight:500; color:#00757C; text-decoration:underline; }


.device-mobile .m-container .sns-login { padding:2rem 0; background:url('../../images/egovframework/sub/line.png') 50% 0 repeat-x; }
.device-mobile .m-container .sns-login button.btn-sns { position:relative; width:100%; height:6rem; padding:0; font-size:1.6rem; font-weight:500; color:#333; border:1px solid #D9D5D2; border-radius:0.5rem; }
.device-mobile .m-container .sns-login button.btn-sns.btn-sns-google { background:url('../../images/egovframework/member/ico-sns-google.png') 2rem 50% no-repeat; background-size:2.5rem; }
.device-mobile .m-container .sns-login button.btn-sns.btn-sns-naver { background:url('../../images/egovframework/member/ico-sns-naver.png') 2.3rem 50% no-repeat; background-size:2.5rem; }
.device-mobile .m-container .sns-login button.btn-sns.btn-sns-kakao { background:url('../../images/egovframework/member/ico-sns-kakao.png') 2rem 50% no-repeat; background-size:2.5rem; }
.device-mobile .m-container .sns-login button.btn-sns:after { content:""; position:absolute; top:1.5rem; right:2rem; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/member/ico-arrow.png') 50% 50% no-repeat; background-size:contain; }

/* 로그인 - 아이디찾기 팝업 */
.m-modal .memberFindId {  }
.m-modal .memberFindId .popHeader { background:#767676 !important; }
.m-modal .memberFindId .popContents { padding:2rem !important; }
.m-modal .memberFindId ul.tabs { height:5rem; display:flex; align-items:center; border:1px solid #D9D5D2; border-bottom:0; }
.m-modal .memberFindId ul.tabs li { display:flex; align-items:center; justify-content:center; width:50%; height:100%; text-align:center; cursor:pointer; border-bottom:1px solid #14ABB5;  background:#F5F5F5; }
.m-modal .memberFindId ul.tabs li:first-child { border-right:1px solid #E6E6E6; }
.m-modal .memberFindId ul.tabs li { font-size:1.8rem; font-weight:400; color:#767676 }
.m-modal .memberFindId ul.tabs li.active { font-weight:500; color:#149AAF; background:#fff; border:1px solid #14ABB5; border-bottom:0; } 
.m-modal .memberFindId .txt-guide { font-size:1.5rem; font-weight:400; color:#00757C; letter-spacing:-0.2px; }
.m-modal .memberFindId .count { font-size:1.5rem; }
.m-modal .memberFindId .btn-member { font-size:1.5rem !important; }
.m-modal .memberFindId .tab-content { display:none; }
.m-modal .memberFindId .tab-content.active { display:block; }

/* 로그인 - 비번 팝업 */
.m-modal .memberFindPw { }
.m-modal .memberFindPw .popHeader { background:#767676 !important; }
.m-modal .memberFindPw .popContents { padding:2rem !important; }
.m-modal .memberFindPw ul.tabs { height:5rem; display:flex; align-items:center; border:1px solid #D9D5D2; border-bottom:0; }
.m-modal .memberFindPw ul.tabs li { display:flex; align-items:center; justify-content:center; width:50%; height:100%; text-align:center; cursor:pointer; border-bottom:1px solid #14ABB5;  background:#F5F5F5; }
.m-modal .memberFindPw ul.tabs li:first-child { border-right:1px solid #E6E6E6; }
.m-modal .memberFindPw ul.tabs li { font-size:1.8rem; font-weight:400; color:#767676 }
.m-modal .memberFindPw ul.tabs li.active { font-weight:500; color:#149AAF; background:#fff; border:1px solid #14ABB5; border-bottom:0; } 
.m-modal .memberFindPw .txt-guide { font-size:1.5rem; font-weight:400; color:#00757C; letter-spacing:-0.2px; }
.m-modal .memberFindPw .count { font-size:1.5rem; }
.m-modal .memberFindPw .btn-member { font-size:1.5rem !important; }
.m-modal .memberFindPw .tab-content { display:none; }
.m-modal .memberFindPw .tab-content.active { display:block; }


/* 회원가입 */
.device-mobile .m-container .member .step { margin:0 0 2rem; }
.device-mobile .m-container .member .step ul { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.device-mobile .m-container .member .step ul li { width:50%; margin:0 0 1rem; display:flex; align-items:center; justify-content:center; font-size:1.7rem; font-weight:400; color:#767676; }
.device-mobile .m-container .member .step ul li span { margin-right:1rem; display:flex; align-items:center; justify-content:center; font-size:1.7rem; font-weight:900; color:#767676; width:3.5rem; height:3.5rem; border-radius:50%; border:1px solid #767676; }

.device-mobile .m-container .member .step ul li.active { font-weight:700; color:#F25B6A; }
.device-mobile .m-container .member .step ul li.active span { border:1px solid #F25B6A; color:#F25B6A;  }

.device-mobile .m-container .JoinconBox { border-radius:2rem; border:1px solid #E6E6E6; box-shadow:0 0 20px 5px rgba(0,0,0,.05); overflow:hidden; }
.device-mobile .m-container .JoinconBox .hd {  background:#F5F5F5; border-bottom:1px solid #e6e6e6; padding:1.5rem; }
.device-mobile .m-container .JoinconBox .hd p { font-weight:400; font-size:1.6rem; color:#333; }
.device-mobile .m-container .JoinconBox .hd p span { font-weight:500; }
.device-mobile .m-container .JoinconBox .txt { padding:2rem; }
.device-mobile .m-container .JoinconBox .txt ul li { padding:1rem 0; background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
.device-mobile .m-container .JoinconBox .txt ul li:last-child { background:none; }
.device-mobile .m-container .JoinconBox .txt .toggleAgree { display:none; overflow-y:auto; padding:2rem 0; font-size:1.5rem; color:#777; }
.device-mobile .m-container .JoinconBox .txt .toggleAgree p { line-height:150%; }
.device-mobile .m-container .JoinconBox .txt .txt-guide { font-size:1.5rem; font-weight:400; color:#149AAF; }

.device-mobile .m-container .JoinconBox .chk.agree { margin-right:1rem; flex:1; word-break:break-all; display:flex; align-items:center; }
.device-mobile .m-container .JoinconBox .chk.agree label { flex:1; word-break:break-all; font-weight:500 !important; font-size:1.4rem !important; color:#666 !important;  }
.device-mobile .m-container .JoinconBox .chk.agree label span { position:relative; top:-2px; width:2rem; min-height:2rem; background-color:#999; border-radius:50%; background-size:1.4rem; margin-right:1rem; }
.device-mobile .m-container .JoinconBox .chk.agree input[type="checkbox"]:checked + label span { background-color:#00757C; background-size:1rem; }
.device-mobile .m-container .JoinconBox .chk.agree strong { display:inline !important; }

.device-mobile .m-container .JoinconBox .btn-member { padding:0 1rem !important; width:auto !important; height:3.5rem !important; font-size:1.5rem !important; }

.device-mobile .m-container .JoinconBox .txt .col.line { background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
.device-mobile .m-container .JoinconBox .txt .col label { display:block; margin:0 0 1rem; font-size:1.7rem; font-weight:500; color:#333; }
.device-mobile .m-container .JoinconBox .txt .col input { flex:1; }
.device-mobile .m-container .JoinconBox .txt .col select { height:5rem; font-size:1.8rem; color:#767676; padding:0 2rem; border-radius:0.5rem; }
.device-mobile .m-container .JoinconBox .txt .col select:focus { border:1px solid #F25B6A !important }
.device-mobile .m-container .JoinconBox .w-250 { width:25rem !important; }
.device-mobile .m-container .JoinconBox .w-100 { width:10rem !important; }
.device-mobile .m-container .JoinconBox .w-200 { width:20rem !important; }
.device-mobile .m-container .JoinconBox .completion { font-size:2.4rem; color:#333; }
.device-mobile .m-container .JoinconBox .completion span { font-weight:500; color:#14ABB5; }

.device-mobile .m-container .JoinconBox .imgFixed { padding:0 5rem; }

.device-mobile .m-container .banner { margin:0 auto; background:url('../../images/egovframework/main/line.png') 50% 0 repeat-x; }
.device-mobile .m-container .banner img { width:100%; height:100%; object-fit: cover; }


/***** 서브 공통 *****/

/* 여행패키지 체크 박스 */
.device-mobile .m-container .titWrap { }
.device-mobile .m-container .titWrap .chk.chk-Package label { font-size:1.6rem; color:#666; }
.device-mobile .m-container .titWrap .chk.chk-Package label span { position:relative; top:-2px; width:2rem; height:2rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:0.5rem; }
.device-mobile .m-container .titWrap .chk.chk-Package input[type="checkbox"]:checked + label span { background-color:#14ABB5; }
.device-mobile .m-container .titWrap .btn-lang { padding-left:3.5rem; font-size:1.8rem; font-weight:500; color:#6B655F; text-decoration:underline; background:url('../../images/egovframework/sub/ico-lang.png') 0 50% no-repeat; background-size:contain; }


/***** 목록 *****/
.device-mobile .m-container .dataResult .sort a { font-size:1.5rem; color:#918A83; font-weight:400; display:flex; align-items:center; justify-content:center; padding:0 1rem; height:3rem; border:1px solid #ddd; border-radius:1.8rem; }
.device-mobile .m-container .dataResult .sort a:last-child { margin-left:0.5rem; }
.device-mobile .m-container .dataResult .sort a.active { background:#333; color:#fff; }

.device-mobile .m-container .dataResult .sort select { width:100%; height:5rem !important; border-radius:0.5rem; font-size:1.8rem; }
.device-mobile .m-container .dataResult .sort input { width:100%; height:5rem !important; background:#fff !important; padding-right:9rem; }
.device-mobile .m-container .dataResult .sort input:focus,
.device-mobile .m-container .dataResult .sort select:focus { border:1px solid #333 !important; }

.device-mobile .m-container .dataResult .sort .txt-delete { display:none; position:absolute; top:1.5rem; right:6rem; width:2.8rem; height:2.8rem;  background:url('../../images/egovframework/sub/ico-delete.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .dataResult .sort .btn-sch { position:absolute; top:1.5rem; right:1rem; width:2.2rem; height:2.2rem;  background:url('../../images/egovframework/sub/ico-list-sch.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .dataResult .s-tit { font-size:2.5rem; font-weight:700; color:#333; }
.device-mobile .m-container .dataResult .s-tit span { color:#149AAF; }


/* 갤러리형 */
.device-mobile .m-container .dataResult .data-row { margin:2rem 0 0; }
.device-mobile .m-container .dataResult .data-row li { display:flex; flex-direction:column; border:1px solid #D9D5D2; margin:0 0 1rem; }
.device-mobile .m-container .dataResult .data-row li:nth-child(3n) { margin-right:0; }
.device-mobile .m-container .dataResult .data-row .thumbnail { text-align:center; overflow:hidden; }
.device-mobile .m-container .dataResult .data-row .thumbnail img { width:100%; height:100%; object-fit:cover; position:relative; top:-2px; }
.device-mobile .m-container .dataResult .data-row .txt { flex:1; padding:1.5rem; }
.device-mobile .m-container .dataResult .data-row .txt h4 { font-size:1.8rem;font-weight:500; line-height:140%; }
.device-mobile .m-container .dataResult .data-row .txt h4 a { font-size:1.8rem;font-weight:500; line-height:140%; color:#333 }
.device-mobile .m-container .dataResult .data-row .txt p { font-size:1.6rem; margin:1rem 0 0; height:4.5rem; color:#8e8e8e; }
.device-mobile .m-container .dataResult .data-row .txt .price { font-size:2.8rem; font-weight:700; color:#333; }
.device-mobile .m-container .dataResult .data-row .datetime { height:5rem; line-height:5rem; padding:0 1.5rem; border-top:1px solid #ddd; font-size:1.6rem; color:#83796F; }
.device-mobile .m-container .dataResult .data-row .datetime span { display:inline-block; vertical-align:middle; margin-right:0.5rem; width:2rem; height:1.8rem; background:url('../../images/egovframework/sub/datetime-icon.png') 50% 50% no-repeat; background-size:contain; position:relative; top:-2px; }
.device-mobile .m-container .dataResult .data-row li:hover { border:1px solid #F46170; }
.device-mobile .m-container .dataResult .data-row li:hover .txt h4 { text-decoration:underline; font-weight:700;}
.device-mobile .m-container .dataResult .data-row li:hover .txt h4 a { font-size:2.8rem;font-weight:700; line-height:140%; color:#333 }
.device-mobile .m-container .dataResult .data-row.special li { height:46rem;  }

/***** 페이징 *****/
.device-mobile .m-container .pagingWrap { margin:3rem 0 0; text-align:center; }
.device-mobile .m-container .pagingWrap ul { display:flex; align-items:center; justify-content:center; position:relative; left:-4px; }
.device-mobile .m-container .pagingWrap ul li { display:flex; align-items:center; justify-content:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; height:4rem; text-align:center; }

/* 링크 타입 */
.device-mobile .m-container .pagingWrap ul li:first-child { border-left:1px solid #d5d5d5; }
.device-mobile .m-container .pagingWrap ul li a { font-weight:400; height:100%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#999; padding:0 1rem; }
.device-mobile .m-container .pagingWrap ul li a.num { width:4rem; }
.device-mobile .m-container .pagingWrap ul li a.active { background:#999; color:#fff; }
.device-mobile .m-container .pagingWrap ul li a:hover { background:#999; color:#fff; }
.device-mobile .m-container .pagingWrap ul li a.prev:before { content:""; display:inline-block; margin-right:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-prev.png') 0 50% no-repeat; }
.device-mobile .m-container .pagingWrap ul li a.next:after { content:""; display:inline-block; margin-left:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-next.png') 0 50% no-repeat; }

/* 버튼 타입 */
.device-mobile .m-container .pagingWrap ul li button { font-weight:400; height:100%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#999; padding:0 1rem; }
.device-mobile .m-container .pagingWrap ul li button.num { width:4rem; }
.device-mobile .m-container .pagingWrap ul li button.active { background:#999; color:#fff; }
.device-mobile .m-container .pagingWrap ul li button:hover { background:#999; color:#fff; }
.device-mobile .m-container .pagingWrap ul li button.prev:before { content:""; display:inline-block; margin-right:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-prev.png') 0 50% no-repeat; }
.device-mobile .m-container .pagingWrap ul li button.next:after { content:""; display:inline-block; margin-left:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-next.png') 0 50% no-repeat; }

/* 팝업용 */
.m-modal .pagingWrap { margin:3rem 0 0; text-align:center; }
.m-modal .pagingWrap ul { display:flex; align-items:center; justify-content:center; position:relative; left:-4px; }
.m-modal .pagingWrap ul li { display:flex; align-items:center; justify-content:center; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; height:4rem; text-align:center; }

/* 링크 타입 */
.m-modal .pagingWrap ul li:first-child { border-left:1px solid #d5d5d5; }
.m-modal .pagingWrap ul li a { font-weight:400; height:100%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#999; padding:0 1rem; }
.m-modal .pagingWrap ul li a.num { width:4rem; }
.m-modal .pagingWrap ul li a.active { background:#999; color:#fff; }
.m-modal .pagingWrap ul li a:hover { background:#999; color:#fff; }
.m-modal .pagingWrap ul li a.prev:before { content:""; display:inline-block; margin-right:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-prev.png') 0 50% no-repeat; }
.m-modal .pagingWrap ul li a.next:after { content:""; display:inline-block; margin-left:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-next.png') 0 50% no-repeat; }

/* 버튼 타입 */
.m-modal .pagingWrap ul li button { font-weight:400; height:100%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:#999; padding:0 1rem; }
.m-modal .pagingWrap ul li button.num { width:4rem; }
.m-modal .pagingWrap ul li button.active { background:#999; color:#fff; }
.m-modal .pagingWrap ul li button:hover { background:#999; color:#fff; }
.m-modal .pagingWrap ul li button.prev:before { content:""; display:inline-block; margin-right:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-prev.png') 0 50% no-repeat; }
.m-modal .pagingWrap ul li button.next:after { content:""; display:inline-block; margin-left:1rem; width:0.4rem; height:0.7rem; background:url('../../images/egovframework/sub/ico-next.png') 0 50% no-repeat; }




/* 목록형 갤러리 */
.device-mobile .m-container .dataResult .data-row-gallerylist { margin:2.5rem 0 0; border-bottom:1px solid #959595; }
.device-mobile .m-container .dataResult .data-row-gallerylist li.col { padding:0 0 1rem; margin:0 0 2rem; background: url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
.device-mobile .m-container .dataResult .data-row-gallerylist li.col:last-child { background:none; }
.device-mobile .m-container .dataResult .data-row-gallerylist li.col:hover { background-color:#F4FEFF; }
.device-mobile .m-container .dataResult .data-row-gallerylist .thumbnail { text-align:center; overflow:hidden; border-radius:0.5rem;  }
.device-mobile .m-container .dataResult .data-row-gallerylist .thumbnail img { width:100%; height:100%; object-fit:cover; position:relative; top:-2px; }
.device-mobile .m-container .dataResult .data-row-gallerylist .txt { flex:1; padding:1.5rem; letter-spacing:-0.2px; }
.device-mobile .m-container .dataResult .data-row-gallerylist .txt h4 { font-size:1.8rem; font-weight:700; }
.device-mobile .m-container .dataResult .data-row-gallerylist .txt p { font-size:1.6rem; font-weight:400; color:#666; }
.device-mobile .m-container .dataResult .data-row-gallerylist .txt ul.list { border-top:1px solid #D1D0C8; }
.device-mobile .m-container .dataResult .data-row-gallerylist .txt ul.list li { padding-left:1.5rem; font-size:1.5rem; font-weight:400; color:#666; background:url('../../images/egovframework/sub/ico-dot2.png') 0 1rem no-repeat; }
.device-mobile .m-container .dataResult .data-row-gallerylist .txt a.link { margin:2rem 0 0; display:block; height:5rem; line-height:5rem; text-align:center; border-radius:0.3rem; background:#149AAF; font-size:1.7rem; color:#fff; font-weight:700; }


/* 공통 상세 */
.device-mobile .m-container .board-category { border-radius:0.3rem; font-size:1.5rem; font-weight:700; display:block; margin:0; width:9rem; height:3.3rem; padding:0 1rem; line-height:3.3rem; text-align:center; }

.device-mobile .m-container .dataDetail .prdInfo { padding:1.5rem; background:#fff; border-radius:0.5rem; border:1px solid #D1D0C8; }
.device-mobile .m-container .dataDetail .prdInfo .thumbnail { height:18rem; overflow:hidden; }
.device-mobile .m-container .dataDetail .prdInfo .thumbnail img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .dataDetail .prdInfo .txt { flex:1; }
.device-mobile .m-container .dataDetail .prdInfo .txt .subject { border-bottom:1px solid #D9D9D9; padding:1rem 0; }
.device-mobile .m-container .dataDetail .prdInfo .txt .subject h3 { font-size:1.8rem; color:#333; font-weight:700; }
.device-mobile .m-container .dataDetail .prdInfo .txt .subject h3.medium { font-size:3.6rem; color:#333; font-weight:500; }
.device-mobile .m-container .dataDetail .prdInfo .txt .subject .sub-tit { font-size:1.6rem; color:#6B655F; font-weight:400; margin:1.5rem 0 0; }
.device-mobile .m-container .dataDetail .prdInfo .txt ul.info { margin:1.5rem 0 0; }
.device-mobile .m-container .dataDetail .prdInfo .txt ul.info li { margin:0 0 2rem; }
.device-mobile .m-container .dataDetail .prdInfo .txt ul.info label { width:15rem; font-size:1.5rem; color:#8E8E8E; font-weight:500; }
.device-mobile .m-container .dataDetail .prdInfo .txt ul.info label.ico-1 { padding-left:3rem; background:url('../../images/egovframework/sub/ico-detail-d.png') 0 0 no-repeat;  background-size:2rem; }
.device-mobile .m-container .dataDetail .prdInfo .txt ul.info label.ico-2 { padding-left:3rem; background:url('../../images/egovframework/sub/ico-detail-m.png') 0 0 no-repeat; }
.device-mobile .m-container .dataDetail .prdInfo .txt ul.info label.ico-3 { padding-left:3rem; background:url('../../images/egovframework/sub/ico-detail-c.png') 0 0 no-repeat; }
.device-mobile .m-container .dataDetail .prdInfo .txt ul.info p { flex:1; font-size:1.5rem; color:#333; font-weight:500;  }
.device-mobile .m-container .dataDetail .prdInfo .price { text-align:right; font-size:2rem; font-weight:900; color:#F25B6A; letter-spacing:-0.5px; }
.device-mobile .m-container .dataDetail .prdInfo .datetime { font-size:1.6rem; font-weight:400; color:#8e8e8e; }
.device-mobile .m-container .dataDetail .content { font-size:1.5rem; padding:2rem; background:#fff; border-radius:0.5rem; border-bottom:1px solid #d8d8d8; overflow:hidden; }
.device-mobile .m-container .dataDetail .content p.txt { line-height:160%; font-size:1.5rem; color:#666; font-weight:500;  }


/* 신청하기 폼 */
.device-mobile .m-container .dataDetail .prdRequest { background:#F8F5ED; padding:2rem; border:2px solid #8e8e8e; border-radius:0.5rem; }
.device-mobile .m-container .dataDetail .prdRequest.fixed { z-index:999999; position:fixed; bottom:0; left:50%; width:150rem; margin-left:-75rem; }
.device-mobile .m-container .dataDetail .prdRequest button.btn-info { width:2.4rem; height:2.4rem; background:url('../../images/egovframework/sub/ico-info.png') 50% 50% no-repeat; background-size:contain; }
.device-mobile .m-container .dataDetail .prdRequest h5 { font-size:2rem; font-weight:700; color:#222; }
.device-mobile .m-container .dataDetail .prdRequest .col-auto { color:#8e8e8e; }

.device-mobile .m-container .dataDetail .prdRequest .chk.agree { height:3rem; }
.device-mobile .m-container .dataDetail .prdRequest .chk.agree label { font-size:1.6rem; font-weight:500; color:#666; }
.device-mobile .m-container .dataDetail .prdRequest .chk.agree label span { position:relative; top:-2px; width:2rem; height:2rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
.device-mobile .m-container .dataDetail .prdRequest .chk.agree input[type="checkbox"]:checked + label span { background-color:#14ABB5; }
.device-mobile .m-container .dataDetail .prdRequest .chk.agree label button.btn-more { position:relative; top:-3px; font-size:1.6rem; color:#149AAF; }

.device-mobile .m-container .dataDetail .prdRequest p.txt-guide { font-size:1.5rem; font-weight:500; color:#666; }
.device-mobile .m-container .dataDetail .prdRequest p.txt-ex { font-size:1.5rem; font-weight:400; color:#999; }

/* 하단 버튼 */
.device-mobile .m-container .btn-detail { height:3rem; line-height:3rem; font-size:1.6rem; font-weight:500; color:#333; }
.device-mobile .m-container .btn-detail.prev { padding-left:4rem; background:url('../../images/egovframework/sub/ico-detail-prev.png') 0 50% no-repeat; background-size:contain; }
.device-mobile .m-container .btn-detail.next { padding-right:4rem; background:url('../../images/egovframework/sub/ico-detail-next.png') 100% 50% no-repeat; background-size:contain; }
.device-mobile .m-container .btn-detail.edit { padding-left:4rem; background:url('../../images/egovframework/sub/ico-detail-edit.png') 0 50% no-repeat; background-size:contain; }
.device-mobile .m-container .btn-detail.delete { padding-right:4rem; background:url('../../images/egovframework/sub/ico-detail-delete.png') 100% 50% no-repeat; background-size:contain; }
.device-mobile .m-container .btn-detail.list { padding-right:7rem; background:url('../../images/egovframework/sub/ico-detail-list.png') 100% 50% no-repeat; background-size:contain; }
.device-mobile .m-container .detailFoot .line:after { display:none; }
.device-mobile .m-container .detailFoot .line-block:after { content:""; height:1.4rem; border-right:1px solid #8e8e8e; margin:0 2.5rem; }


/* 개인정보 동의 팝업 */
.m-modal .Privacy { width:100% !important; }
.m-modal .Privacy .popContents h5 { font-size:1.8rem; font-weight:500; margin:0 0 1rem; }
.m-modal .Privacy .popContents ul { margin:0 0 2rem; }
.m-modal .Privacy .popContents ul:last-child { margin:0; }
.m-modal .Privacy .popContents ul li { font-size:1.5rem; font-weight:400; color:#666; }
.m-modal .Privacy .popContents ol { margin:0 0 2rem; padding-left:2rem; }
.m-modal .Privacy .popContents ol:last-child { margin:0; }
.m-modal .Privacy .popContents ol li { font-size:1.5rem; font-weight:400; color:#666; }
.m-modal .Privacy .popContents .col-blue { color:#149AAF; }
.m-modal .Privacy .popContents p { font-size:1.5rem; font-weight:400; color:#666; }
.m-modal .Privacy .popContents .nomargin { margin:0; }
.m-modal .list-style-type-none { }
.m-modal .ul-hangul { list-style-type:hangul; padding-left:3rem; }
.m-modal .ul-line li { padding-left:1.5rem; background:url('../../images/egovframework/sub/ul-line.png') 0 1.5rem no-repeat; }


/***** FAQ *****/
.device-mobile .m-container .dataResult.faq ul.faq-Tab { display:flex; align-items:center; }
.device-mobile .m-container .dataResult.faq ul.faq-Tab li { padding:0 4rem; border-radius:0.3rem 0.3rem 0 0; flex:1 auto; position:relative; display:flex; align-items:center; justify-content:center; cursor:pointer; height:5rem; background:#F7F7F7; border-bottom:1px solid #149AAF; }
.device-mobile .m-container .dataResult.faq ul.faq-Tab li:after { content:""; position:absolute; top:1.8rem; right:0; height:1.3rem; border-right:1px solid #D9D9D9; }
.device-mobile .m-container .dataResult.faq ul.faq-Tab li:last-child:after { border:0; }
.device-mobile .m-container .dataResult.faq ul.faq-Tab li span { display:flex; align-items:center; justify-content:center; font-size:1.7rem; font-weight:400 !important; color:#767676; text-align:center; }
.device-mobile .m-container .dataResult.faq ul.faq-Tab li.active { border:1px solid #149AAF; border-bottom:0; background:#fff; }
.device-mobile .m-container .dataResult.faq ul.faq-Tab li.active:after { border:0; }
.device-mobile .m-container .dataResult.faq ul.faq-Tab li.active span { font-weight:700 !important; color:#149AAF; }
.device-mobile .m-container .dataResult.faq .faq-tab-content { display:none; }
.device-mobile .m-container .dataResult.faq .faq-tab-content.active { display:block; }

.device-mobile .m-container .dataResult.faq ul.faqList { }
.device-mobile .m-container .dataResult.faq ul.faqList li { padding:2rem 0 2rem 2rem; display:flex; align-items:center;  border-bottom:1px solid #eee; }
.device-mobile .m-container .dataResult.faq ul.faqList li .type-Q { width:2.5rem; height:2.5rem; text-align:center; line-height:2.5rem; border-radius:50%; background:#149AAF; font-size:1.6rem; font-weight:700; color:#fff; }

.device-mobile .m-container .dataResult.faq ul.faqList li .type-A { width:2.5rem; height:2.5rem; text-align:center; line-height:2.5rem; border-radius:50%; background:#767676; font-size:1.6rem; font-weight:700; color:#fff; }
.device-mobile .m-container .dataResult.faq ul.faqList li .category { font-size:1.6rem; font-weight:400; color:#8e8e8e;  }
.device-mobile .m-container .dataResult.faq ul.faqList li .subject { flex:1; font-size:1.6rem; font-weight:500; color:#333; }
.device-mobile .m-container .dataResult.faq ul.faqList li .subject.active { font-weight:700 !important; color:#F25B6A !important; text-decoration:underline !important; }
.device-mobile .m-container .dataResult.faq ul.faqList li button.btn-faq-toggle { width:4rem; height:4rem; background: url('../../images/egovframework/sub/ico-tab-toggle-off.png') 50% 50% no-repeat; background-size:1.5rem; }
.device-mobile .m-container .dataResult.faq ul.faqList li button.btn-faq-toggle.active { background: url('../../images/egovframework/sub/ico-tab-toggle-on.png') 50% 50% no-repeat; background-size:1.5rem;  }
.device-mobile .m-container .dataResult.faq ul.faqList li.answer { background:#FAFAFA; padding-right:4rem; }
.device-mobile .m-container .dataResult.faq ul.faqList li.answer .subject { font-size:1.6rem !important; font-weight:400 !important; color:#666; }

.device-mobile .m-container .board-type { font-size:1.7rem; font-weight:400; color:#8e8e8e; }


/* 답변 */
.device-mobile .m-container .dataDetail .csComment { background:#ECECE9; padding:2rem; border:1px solid #D1D0C8; border-radius:0.5rem; }
.device-mobile .m-container .dataDetail .csComment .writer .w-name { font-size:1.8rem; font-weight:700; color:#333; }
.device-mobile .m-container .dataDetail .csComment .writer .ico-new { display:inline-block; width:2.4rem; height:2.4rem; text-align:center; line-height:2.4rem; border-radius:0.3rem; font-size:1.5rem; font-weight:700; color:#fff; background:#F25B6A; }
.device-mobile .m-container .dataDetail .csComment .writer .w-datetime { display:block; margin:0.5rem 0 0; font-size:1.7rem; font-weight:400; color:#666; }
.device-mobile .m-container .dataDetail .csComment .memo p { font-size:1.6rem; font-weight:400; color:#666; }

/* 첨부파일 */
.device-mobile .m-container .dataDetail .csFile { background:#ECECE9; padding:2rem; border:1px solid #D1D0C8; border-radius:0.5rem; }
.device-mobile .m-container .dataDetail .csFile .writer .w-name { display:block; padding-left:2rem; font-size:1.8rem; font-weight:700; color:#333; background:url('../../images/egovframework/sub/ico-file-view.png') 0 50% no-repeat;  }
.device-mobile .m-container .dataDetail .csFile .writer a { font-size:1.5rem; font-weight:400; color:#666; text-decoration:underline; }
.device-mobile .m-container .dataDetail .csFile .writer a:hover { color:#333; font-weight:700; }
.device-mobile .m-container .dataDetail .csFile .writer li { margin:0 0 0.5rem;  }

.device-mobile .m-container .dataDetail .csFile .writer button.btn-fileDownload { font-size:1.6rem; font-weight:500; color:#fff; width:100%; height:4.5rem; background:#149AAF; border-radius:0.5rem; }
.device-mobile .m-container .dataDetail .csFile .writer button.btn-fileDownload span { margin-right:0.5rem; width:2rem; height:2rem; display:inline-block; vertical-align:middle; background:url('../../images/egovframework/sub/ico-file-download.png') 0 50% no-repeat; background-size:contain; position:relative; top:-2px; }


/* 고객의 말씀 등록 */
.device-mobile .m-container .dataWrite .WriteconBox {  }
.device-mobile .m-container .dataWrite .WriteconBox .hd { border-bottom:1px solid #D1D0C8; }
.device-mobile .m-container .dataWrite .WriteconBox .hd h3 { font-size:1.9rem; color:#333; font-weight:500; } 
.device-mobile .m-container .dataWrite .WriteconBox .hd p { font-size:1.6rem; color:#555; font-weight:400; } 
.device-mobile .m-container .dataWrite .WriteconBox .txt .col label { display:block; font-size:1.6rem; font-weight:500; color:#333; margin:0 0 1rem; }
.device-mobile .m-container .dataWrite .WriteconBox .txt .col select {height:5rem; font-size:1.5rem; color:#767676; padding:0 3.5rem 0 2rem; border-radius:0.5rem; }
.device-mobile .m-container .dataWrite .WriteconBox .txt .col select:focus { border:1px solid #F25B6A !important }
.device-mobile .m-container .dataWrite .WriteconBox .txt .col .sign { font-size:1.5rem; color:#514539; }
.device-mobile .m-container .dataWrite .WriteconBox textarea { height:12rem; }
.device-mobile .m-container .dataWrite .WriteconBox .col-3 select,
.device-mobile .m-container .dataWrite .WriteconBox .col-3 input { flex:1; }






/***** 마이페이지 *****/
.device-mobile .m-container .Mypage .basicInfo { border:1px solid #149AAF; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:1rem; overflow:hidden; }
.device-mobile .m-container .Mypage .basicInfo .hd { background:#149AAF; padding:1.5rem; }
.device-mobile .m-container .Mypage .basicInfo .hd .welcome span { display:block; font-size:1.5rem; font-weight:400; color:#fff; }
.device-mobile .m-container .Mypage .basicInfo .hd .welcome span.big { font-size:1.8rem; font-weight:500; color:#fff; }

.device-mobile .m-container .Mypage .basicInfo ul.data { }
.device-mobile .m-container .Mypage .basicInfo ul.data li { display:flex; align-items:center; position:relative; padding:1.5rem; border-bottom:1px solid #d9d9d9; }
.device-mobile .m-container .Mypage .basicInfo ul.data li:last-child{ border:0; }
.device-mobile .m-container .Mypage .basicInfo ul.data li:after { }

.device-mobile .m-container .Mypage .basicInfo ul.data li:nth-child(1) .ico { width:7.2rem; height:7.2rem; border-radius:100%; background:#F5F5F5 url('../../images/egovframework/member/ioc-mypage-reservation.png') 50% 50% no-repeat;  }

.device-mobile .m-container .Mypage .basicInfo ul.data li:nth-child(2) .ico { width:7.2rem; height:7.2rem; border-radius:100%; background:#F5F5F5 url('../../images/egovframework/member/ioc-mypage-coupon.png') 50% 50% no-repeat;  }

.device-mobile .m-container .Mypage .basicInfo ul.data li:nth-child(3) .ico { width:7.2rem; height:7.2rem; border-radius:100%; background:#F5F5F5 url('../../images/egovframework/member/ioc-mypage-list.png') 50% 50% no-repeat;  }

.device-mobile .m-container .Mypage .basicInfo ul.data li:nth-child(4) .ico { width:7.2rem; height:7.2rem; border-radius:100%; background:#F5F5F5 url('../../images/egovframework/member/ioc-mypage-info.png') 50% 50% no-repeat;  }


.device-mobile .m-container .Mypage .basicInfo ul.data li p { font-size:1.7rem; font-weight:500; color:#333; }
.device-mobile .m-container .Mypage .basicInfo ul.data li a { font-size:2.2rem; font-weight:500; color:#F25B6A; }
.device-mobile .m-container .Mypage .basicInfo ul.data li a:hover { text-decoration:underline; }


/* 문의내역 */
.device-mobile .m-container .Request-history .p-tit { font-size:1.8rem; font-weight:700; color:#83796F; }
.device-mobile .m-container .Request-history .btn-Reservation { display:flex; align-items:center; font-weight:700; font-size:1.6rem; color:#fff; height:3.2rem; padding:0 1rem; background:#F25B6A; border-radius:0.5rem; }
.device-mobile .m-container .Request-history .btn-Reservation span { display:inline-block; vertical-align:middle; margin-right:0.5rem; width:2rem; height:2rem; background:url('../../images/egovframework/sub/ico-more-plus.png') 50% 50% no-repeat; background-size:1.5rem; }

/* 서비스 바로가기 */
.device-mobile .m-container .Service { background:#8B8279; padding:1.5rem; border-radius:0.5rem; }
.device-mobile .m-container .Service .p-tit { font-size:2.2rem; font-weight:700; color:#fff; position:relative; margin:0 0 0.5rem; }
.device-mobile .m-container .Service .p-tit:before { display:none; }
.device-mobile .m-container .Service .p-tit span { color:#FFEA9C; }
.device-mobile .m-container .Service .description { font-size:1.5rem; font-weight:400; color:#EAE8E6; }

.device-mobile .m-container .Service button.bt { margin:0 0 1rem; font-size:1.8rem; font-weight:400; color:#333; text-align:left; width:100%; border-radius:0.5rem; background:#fff; padding:2rem 2rem 2rem 10rem; box-shadow:0 0 15px 5px rgba(0,0,0,.1); }

.device-mobile .m-container .Service button.btn-myapge-coupon {  background:#fff url('../../images/egovframework/member/ico-mypage-foot-coupon-off.png') 2rem 50% no-repeat; }
.device-mobile .m-container .Service button.btn-myapge-coupon:hover { background:#FFD84F url('../../images/egovframework/member/ico-mypage-foot-coupon-on.png') 2rem 50% no-repeat; }
.device-mobile .m-container .Service button.btn-myapge-info {  background:#fff url('../../images/egovframework/member/ico-mypage-foot-info-off.png') 3rem 50% no-repeat; }
.device-mobile .m-container .Service button.btn-myapge-info:hover { background:#FFD84F url('../../images/egovframework/member/ico-mypage-foot-info-on.png') 3rem 50% no-repeat; }
.device-mobile .m-container .Service button.btn-myapge-special { color:#333; background:#fff url('../../images/egovframework/member/ico-mypage-foot-special-off.png') 3rem 50% no-repeat; }
.device-mobile .m-container .Service button.btn-myapge-special:hover { color:#333; background:#FFD84F url('../../images/egovframework/member/ico-mypage-foot-special-on.png') 3rem 50% no-repeat; }


/* 나의 쿠폰 팝업 */
.m-modal .memberCoupon {  }
.m-modal .memberCoupon .popContents {  }
.m-modal .memberCoupon .popContents .JoinconBox .txt { }
.m-modal .memberCoupon .popContents .JoinconBox .txt .col select { width:100%; height:5rem; font-size:1.8rem; color:#767676; padding:0 2rem; border-radius:0.5rem; }
.m-modal .memberCoupon .popContents .JoinconBox .txt .col select:focus { border:1px solid #F25B6A !important }
.m-modal .memberCoupon .popContents .JoinconBox table tr:hover { background:#f9f9f9; }


/* 정보수정 팝업 */
.m-modal .JoinconBox { }
.m-modal .JoinconBox .hd {  background:#F5F5F5; border-bottom:1px solid #e6e6e6; }
.m-modal .JoinconBox .hd p { font-weight:400; font-size:1.6rem; color:#333; }
.m-modal .JoinconBox .hd p span { font-weight:500; }
.m-modal .JoinconBox .txt {  }
.m-modal .JoinconBox .txt ul li { padding:1rem 0; background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
.m-modal .JoinconBox .txt ul li:last-child { background:none; }
.m-modal .JoinconBox .txt .toggleAgree { display:none; overflow-y:auto; padding:2rem 0; font-size:1.5rem; color:#777; }
.m-modal .JoinconBox .txt .toggleAgree p { line-height:150%; }
.m-modal .JoinconBox .txt .txt-guide { font-size:1.5rem; font-weight:400; color:#149AAF; }

.m-modal .JoinconBox .chk.agree label { width:auto !important; font-weight:500 !important; font-size:1.5rem !important; color:#666 !important;  }
.m-modal .JoinconBox .chk.agree label span { position:relative; top:-2px; width:2rem; height:2rem; background-color:#999; border-radius:50%; background-size:1rem; margin-right:1rem; }
.m-modal .JoinconBox .chk.agree input[type="checkbox"]:checked + label span { background-color:#00757C; background-size:1rem; }

.m-modal .JoinconBox .txt .col.line { background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }
.m-modal .JoinconBox .txt .col label { display:block; margin:0 0 1rem; font-size:1.7rem; font-weight:500; color:#333; }
.m-modal .JoinconBox .txt .col input { flex:1; }
.m-modal .JoinconBox .txt .col select { height:5rem; font-size:1.8rem; color:#767676; padding:0 2rem; border-radius:0.5rem; }
.m-modal .JoinconBox .txt .col select:focus { border:1px solid #F25B6A !important }

.m-modal .JoinconBox .btn-member.hp { background:#767676; color:#fff !important; }
.m-modal .JoinconBox .btn-member.hp span { margin-right:1rem; position:relative; top:-1px; display:inline-block; vertical-align:middle; width:1.2rem; height:2rem; background:url('../../images/egovframework/member/ico-hp-white.png') 50% 50% no-repeat; color:#fff !important;  }



/***** 운항 스케줄 *****/
.device-mobile .m-container .Schedule h3.p-tit { font-size:1.8rem; font-weight:700; color:#83796F; }
.device-mobile .m-container .Schedule .mianTxt { font-size:1.6rem; font-weight:400; color:#6B655F; line-height:150%; }
.device-mobile .m-container .Schedule .dateWrap { border-bottom:1px solid #e9e9e5; }
.device-mobile .m-container .Schedule .dateWrap .col { }
.device-mobile .m-container .Schedule .dateWrap .col:nth-child(1) {  }
.device-mobile .m-container .Schedule .dateWrap .btn-select-Schedule { border:1px solid #bbb; width:100%; border-radius:1rem; font-size:2rem; height:6rem; font-weight:700; color:#8e8e8e;  text-align:center; }

.device-mobile .m-container .Schedule .dateWrap .txt-guide { font-size:1.5rem; color:#F25B6A; font-weight:400; }

.device-mobile .m-container .Schedule .dateWrap .btn-select-Schedule span { display:inline-block; vertical-align:middle; width:7rem; height:1rem; background:url('../../images/egovframework/sub/ico-arrow-sm.png') 50% 50% no-repeat; }

.device-mobile .m-container .Schedule .dateWrap .btn-select-Schedule.active { background:#149AAF; color:#fff; }
.device-mobile .m-container .Schedule .dateWrap .btn-select-Schedule.active span { background:url('../../images/egovframework/sub/ico-arrow-sm-active.png') 50% 50% no-repeat; }

.device-mobile .m-container .Schedule .datepickerWrap { position:relative; border:1px solid #767676; border-radius:1rem; padding:1rem; }
.device-mobile .m-container .Schedule .datepickerWrap .mask { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.5); }

.device-mobile .m-container .Schedule .datepickerWrap .datepicker-header { padding:1rem 2rem 2rem;  }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-header .btn-month-prev { width:3rem; height:3rem; background:url('../../images/egovframework/sub/ico-datepicker-prev.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .Schedule .datepickerWrap .datepicker-header .month { margin:0 2rem; font-size:2.5rem; font-weight:700; color:#222; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-header .month span { margin:0 1rem; width:1.6rem; height:1.6rem; display:inline-block; background:url('../../images/egovframework/sub/ico-datepicker-line.png') 50% 50% no-repeat; }

.device-mobile .m-container .Schedule .datepickerWrap .datepicker-header .btn-month-next { width:3rem; height:3rem; background:url('../../images/egovframework/sub/ico-datepicker-next.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .Schedule .datepickerWrap .datepicker-header .Destination li { font-size:1.8rem; font-weight:500; color:#222; margin:1rem 0 0; padding:0 1rem; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-header .Destination li:nth-child(1) { width:3rem; height:3rem; background:url('../../images/egovframework/sub/ico-datepicker-1.png') 50% 50% no-repeat; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-header .Destination li:nth-child(3) { width:2rem; height:2rem; background:url('../../images/egovframework/sub/ico-datepicker-arrow.png') 50% 50% no-repeat; }

/* 달력 */
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body table { border-collapse: separate; border-spacing: 0; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body th { padding:1rem; background:#f6f6f6; border-top:1px solid #d1d0c8; border-bottom:1px solid #d1d0c8; text-align:center; font-size:1.6rem; font-weight:500; color:#222; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body td { padding:1rem 0 0; text-align:center; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body td.last-date button { color:#8E8E8E !important; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body th:first-child { border-left:1px solid #d1d0c8; border-radius:3.5rem 0 0 3.5rem; overflow:hidden; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body th:last-child { border-right:1px solid #d1d0c8; border-radius:0 3.5rem 3.5rem 0; overflow:hidden; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body th:first-child,
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body td:first-child { padding-left:2rem; color:#D20000; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body th:last-child,
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body td:last-child { padding-right:2rem; color:#005CB0; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body .btn-date { display:inline-block; cursor:pointer; margin:0 auto; width:3rem; height:3rem; font-size:1.5rem; color:#222; font-weight:400; text-align:center; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body .today { color:#149AAF; font-weight:700; border-radius:100%; border:1px solid #149AAF; }
.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body .btn-date.active { background:#d0ebef; border-radius:100%; border:0 !important; }

.device-mobile .m-container .Schedule .datepickerWrap .datepicker-body .btn-date.scheduleTrue {  border-bottom:2px solid #149AAF; }

.device-mobile .m-container .wideBg { width:100%; max-width:100%; background:#F6F6F3; padding:2rem 1.5rem; }
.device-mobile .m-container .wideBg .Schedule h4.s-tit { font-size:2rem; font-weight:700; color:#222; }
.device-mobile .m-container .wideBg .Schedule h4.s-tit span { display:inline-block; vertical-align:middle; width:7rem; height:1rem; background:url('../../images/egovframework/sub/ico-schedule-ad.png') 50% 50% no-repeat; }
.device-mobile .m-container .wideBg .Schedule .mianTxt { font-size:1.6rem; font-weight:400; color:#6B655F; }

.device-mobile .m-container .wideBg .Schedule .Schedule-List { }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li {padding:1rem; background:#fff; border-radius:1rem; overflow:hidden; margin:0 0 1rem; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li:nth-child(3n) { margin:0; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .ShipName { font-size:2rem; font-weight:500; color:#222; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .thumbnail { overflow:hidden; border-radius:0.5rem; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .txt { padding:2rem 0; border-bottom:1px solid #d9d9d9; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .txt p { font-size:1.5rem; font-weight:400; color:#6B655F; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .txt strong { display:block; font-size:1.7rem; margin:0 0 1rem; font-weight:700; color:#B0901C; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .price { padding:2rem 0 0; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .price dl { font-size:1.8rem; color:#6B655F; font-weight:400; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .price dl strong { font-size:2.5rem; font-weight:700; color:#F25B6A; margin-right:1rem; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .price dl dt { padding-left:3rem; background:url('../../images/egovframework/sub/ico-price.png') 0 50% no-repeat; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li a.p-link { font-size:1.9rem; color:#83796F; font-weight:500; width:15rem; height:5rem; line-height:5rem; border:1px solid #83796F; border-radius:0.5rem; }
.device-mobile .m-container .wideBg .Schedule .Schedule-List li .btnWrap a.p-link:hover { color:#fff; background:#83796F;  }


/* 운항 스케줄 상세 팝업 */
.m-modal .Schedule {  }
.m-modal .Schedule .popHeader {  }
.m-modal .Schedule .popContents .datetime { text-align:center; font-size:2rem; color:#83796F; font-weight:400; }
.m-modal .Schedule .popContents .datetime strong { font-weight:500; }
.m-modal .Schedule .popContents .datetime span { padding-left:5rem; background:url('../../images/egovframework/sub/datetime-icon-yellow.png') 50% 50% no-repeat; }

.m-modal .Schedule .popContents .tbl-hd { height:5rem; line-height:5rem; background:#83796F; padding:0 2rem; text-align:center; }
.m-modal .Schedule .popContents .tbl-hd .time { font-size:1.8rem; font-weight:700; color:#fff; }
.m-modal .Schedule .popContents .tbl-hd .time span { display:inline-block; vertical-align:middle; margin:0 2rem; width:1rem; height:1.5rem; background:url('../../images/egovframework/sub/ico-time-arrow.png') 50% 50% no-repeat; }

.m-modal .Schedule .popContents ul.tbl-list { margin:1rem 0 0; }
.m-modal .Schedule .popContents ul.tbl-list li { display:flex; align-items:center; height:5rem; padding:0 1.5rem; border:1px solid #D1D0C8; border-radius:0.5rem; margin:0 0 1rem; }
/* 2023-04-10 lkw : filter: .m-modal .Schedule .popContents ul.tbl-list li.cancel의 grayscale(100%); 주석 */
.m-modal .Schedule .popContents ul.tbl-list li.cancel { opacity:0.6; /* filter: grayscale(100%); */ background:#F1F1F1; }
.m-modal .Schedule .popContents ul.tbl-list li .img { width:3rem; }
.m-modal .Schedule .popContents ul.tbl-list li .img img { width:100%; height:100%; object-fit:contain; }
.m-modal .Schedule .popContents ul.tbl-list li .name { font-size:1.4rem; font-weight:500; color:#222; margin-left:1rem; }
.m-modal .Schedule .popContents ul.tbl-list li .time { font-size:1.4rem; font-weight:400; color:#222; }
.m-modal .Schedule .popContents ul.tbl-list li .time span { display:inline-block; vertical-align:middle; margin:0 0.5rem; width:1rem; height:1.5rem; background:url('../../images/egovframework/sub/ico-time-arrow.png') 50% 50% no-repeat; }

.m-modal .Schedule .popContents ul.tbl-list li .row { display:flex; align-items:center; text-align:center;  }
.m-modal .Schedule .popContents ul.tbl-list li .row:nth-child(1) { flex:1; }
.m-modal .Schedule .popContents ul.tbl-list li .ico img { width:2.2rem; }

.m-modal .Schedule .popContents ul.status { display:flex; align-items:center; justify-content:flex-end }
.m-modal .Schedule .popContents ul.status li { display:flex; align-items:center; font-size:1.5rem; color:#767676; font-weight:400; margin-left:1.5rem; }
.m-modal .Schedule .popContents ul.status li span { padding-left:2.5rem; }
.m-modal .Schedule .popContents ul.status li:nth-child(1) span {  width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-schedule-ok.png') 0 50% no-repeat; background-size:contain; }
.m-modal .Schedule .popContents ul.status li:nth-child(2) span {  width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-schedule-no.png') 0 50% no-repeat; background-size:contain; }
.m-modal .Schedule .popContents ul.status li:nth-child(3) span {  width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-schedule-cancel.png') 0 50% no-repeat; background-size:contain; }
.m-modal .Schedule .popContents ul.status li:nth-child(4) span {  width:2rem; height:2.2rem; background:url('../../images/egovframework/sub/ico-schedule-basic.png') 0 50% no-repeat; background-size:contain; }

/****** 선박소개 ******/

/*
.device-mobile .m-container .dataResult.AboutFerry ul.Link-Tab { display:flex; align-items:center; overflow:hidden; }
.device-mobile .m-container .dataResult.AboutFerry ul.Link-Tab li { border-radius:0.3rem 0.3rem 0 0; flex:1 auto; position:relative; display:flex; align-items:center; justify-content:center; cursor:pointer; height:7rem; background:#f5f5f5; border-bottom:1px solid #989089; }
.device-mobile .m-container .dataResult.AboutFerry ul.Link-Tab li:after { content:""; position:absolute; top:3.3rem; right:0; height:1.3rem; border-right:1px solid #D9D9D9; }
.device-mobile .m-container .dataResult.AboutFerry ul.Link-Tab li:last-child:after { border:0; }
.device-mobile .m-container .dataResult.AboutFerry ul.Link-Tab li a { text-transform: uppercase; display:flex; align-items:center; justify-content:center; font-size:2.4rem; font-weight:400 !important; color:#767676; text-align:center; }
.device-mobile .m-container .dataResult.AboutFerry ul.Link-Tab li.active { border:1px solid #989089; border-bottom:0; background:#fff; }
.device-mobile .m-container .dataResult.AboutFerry ul.Link-Tab li.active:after { border:0; }
.device-mobile .m-container .dataResult.AboutFerry ul.Link-Tab li.active a { font-weight:700 !important; color:#B0901C; }
*/

.device-mobile .m-container .dataResult.AboutFerry h3.p-tit { font-size:1.8rem !important; font-weight:700; color:#83796F; }
.device-mobile .m-container .dataResult.AboutFerry h3.p-tit.font-30 { font-size:3rem; font-weight:700; color:#333; }
.device-mobile .m-container .dataResult.AboutFerry .mianTxt { font-size:1.6rem; font-weight:400; color:#666; line-height:150%; }
.device-mobile .m-container .dataResult.AboutFerry .titleWrap { border-bottom:1px solid #958D85; padding:0 0 2rem; }


.device-mobile .m-container .dataResult.AboutFerry ul.Link-Tab.h-100 li { height:10rem; }

.device-mobile .m-container .dataResult.AboutFerry .SubTitleWrap div:nth-child(1) strong { display:block; margin:0 0 1rem; padding-left:3rem; font-size:1.6rem; font-weight:700; color:#333; background: url('../../images/egovframework/business/ico-map-1.png') 0 0.5rem no-repeat; background-size:2rem; }

.device-mobile .m-container .dataResult.AboutFerry .SubTitleWrap div:nth-child(2) strong { display:block; margin:0 0 1rem; padding-left:3rem; font-size:1.6rem; font-weight:700; color:#333; background: url('../../images/egovframework/business/ico-map-2.png') 0 0.5rem no-repeat; background-size:2rem; }

.device-mobile .m-container .dataResult.AboutFerry .SubTitleWrap p { line-height:170%; font-size:1.6rem; font-weight:400; color:#6B655F; }


/* 오시는길 */
.device-mobile .m-container .mapApi { background:#f9f9f9; font-size:2.5rem; font-weight:400; color:#999; text-align:center; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .thumbnail { height:20rem; overflow:hidden;  }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .thumbnail img { width:100%; height:100%; object-fit: cover;} 
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt { flex:1; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt h4 { font-size:1.8rem; font-weight:700; color:#333; border-bottom:1px solid #dcdcd6; padding-bottom:1rem; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt ul { margin:2rem 0 0; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt ul li { margin:0 0 1rem; font-size:1.5rem; font-weight:400; color:#6B655F; line-height:180%; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt ul li strong { display:block; font-weight:700; color:#333; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt ul li:nth-child(1) { padding-left:3rem; background:url('../../images/egovframework/business/icon-map-info-1.png') 0 0.5rem no-repeat; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt ul li:nth-child(2) { padding-left:3rem; background:url('../../images/egovframework/business/icon-map-info-2.png') 0 0.5rem no-repeat; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt ul li:nth-child(3) { padding-left:3rem; background:url('../../images/egovframework/business/icon-map-info-3.png') 0 0.5rem no-repeat; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt ul li:nth-child(4) { padding-left:3rem; background:url('../../images/egovframework/business/icon-map-info-4.png') 0 0.5rem no-repeat; }
.device-mobile .m-container .dataResult.AboutFerry .TitleInfo .txt ul li:nth-child(5) { padding-left:3rem; background:url('../../images/egovframework/business/icon-map-info-5.png') 0 0.5rem no-repeat; }




/***** 고속페리 *****/
.device-mobile .m-container ul.FerryList li { padding:2rem 0; background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
.device-mobile .m-container ul.FerryList li:last-child { background:none; }
.device-mobile .m-container ul.FerryList li h4.addr { font-size:2.5rem; font-weight:700; color:#333; }
.device-mobile .m-container ul.FerryList li h4.addr span { display:inline-block; vertical-align:middle; margin:0 2rem; width:6rem; height:1.2rem; background: url('../../images/egovframework/sub/ico-about-longArrow.png') 50% 50% no-repeat; background-size:contain; }
.device-mobile .m-container ul.FerryList li .box { display:block !important; border:1px solid #D1D0C8; padding:1rem; border-radius:0.5rem; box-shadow:0 0 15px 3px rgba(0,0,0,.05);  }
.device-mobile .m-container ul.FerryList li .box:hover { border:0; background:none; }
.device-mobile .m-container ul.FerryList li .box .thumbnail { width:100%; height:100%; border-radius:0.5rem; overflow:hidden; }
.device-mobile .m-container ul.FerryList li .box .thumbnail img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container ul.FerryList li .box .txt { margin:0 !important; padding:1.5rem 0; }
.device-mobile .m-container ul.FerryList li .box .txt .titArea { border-bottom:1px solid #ddd;  }
.device-mobile .m-container ul.FerryList li .box .txt .titArea div { display:block !important; }
.device-mobile .m-container ul.FerryList li .box .txt .titArea h5 { font-size:2rem; font-weight:700; color:#333; }
.device-mobile .m-container ul.FerryList li .box .txt .titArea span.col-1 { font-size:1.6rem; color:#F25B6A; font-weight:500; }
.device-mobile .m-container ul.FerryList li .box .txt .titArea span.col-1:after { display:none; }
.device-mobile .m-container ul.FerryList li .box .txt .titArea span.col-2 { display:block; font-size:1.6rem; color:#9B7E1A; font-weight:500; }
.device-mobile .m-container ul.FerryList li .box .txt .titArea p { font-weight:400; color:#666; padding-left:1.5rem; font-size:1.5rem; font-weight:400; color:#666; background:url('../../images/egovframework/sub/ico-dot2.png') 0 50% no-repeat; }
.device-mobile .m-container ul.FerryList li .box .txt .titArea a.link { display:block; width:16rem; height:5rem; font-size:2.2rem; font-weight:700; color:#fff; background:#767676; border-radius:0.5rem; display:flex; align-items:center; justify-content:center; }
.device-mobile .m-container ul.FerryList li .box:hover .txt .titArea a.link { background:#149AAF; }
.device-mobile .m-container ul.FerryList li .box .txt dl { display:flex; align-items:center; margin:0.8rem 0 0; }
.device-mobile .m-container ul.FerryList li .box .txt dl dt { width:11rem; font-size:1.5rem; font-weight:400; color:#8E8E8E; }
.device-mobile .m-container ul.FerryList li .box .txt dl dd { flex:1; font-size:1.5rem; font-weight:500; color:#333;  }
.device-mobile .m-container ul.FerryList li .box .txt .description dl:nth-child(1) dt { padding-left:3rem; background: url('../../images/egovframework/sub/ico-about-time.png') 0 50% no-repeat; background-size:contain; }
.device-mobile .m-container ul.FerryList li .box .txt .description dl:nth-child(2) dt { padding-left:3rem; background: url('../../images/egovframework/sub/ico-about-day.png') 0 50% no-repeat; background-size:contain; }
.device-mobile .m-container ul.FerryList li .box .txt .description dl:nth-child(3) dt { padding-left:3rem; background: url('../../images/egovframework/sub/ico-about-option.png') 0 50% no-repeat; background-size:contain; }
.device-mobile .m-container ul.FerryList li .box .line { display:block; vertical-align:middle; height:auto; border-right:0; margin:0; }




/* 상세 */
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .visualWrap { }
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .visualWrap img { width:100%; height:100%; object-fit: cover; }
/* 모바일 play&pause button */
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .visualWrap button { position: absolute;}
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .visualWrap button img { width: 50%; height: 50%; }

.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap { padding:0 !important; } 
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .thumbnail { display:none; width:46.5rem; height:26rem; border-radius:0.5rem; overflow:hidden; }
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .thumbnail img { width:100%; height:100%; object-fit: cover; }


.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info { display:flex; flex-wrap:wrap; }
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul { flex:1;  }
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li { padding:1rem 0; border-bottom:1px solid #ededea; display:flex;  }
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div {  }
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div:nth-child(1) { width:100%; padding-right:2rem; }
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div:nth-child(2) { width:100%;  }
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div strong { display:block; font-size:1.5rem; margin:0 0 0.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/sub/ico-dot2.png') 0 1.3rem no-repeat; }
.device-mobile .m-container .dataResult.AboutFerry .AboutFerry-Detail .infoWrap .info ul li div p { font-size:1.4rem; font-weight:500; color:#666;  }


.device-mobile .m-container .AboutFerry-Rooms-bg { background:#F6F6F3; padding:1.5rem; margin:2rem 0 0; }
.device-mobile .m-container .AboutFerry-Rooms-bg.white { background:#fff; }
.device-mobile .m-container .AboutFerry-Rooms-bg h3.p-tit { font-size:3.5rem; font-weight:700; color:#83796F; }
.device-mobile .m-container .AboutFerry-Rooms-bg .mianTxt { font-size:1.8rem; font-weight:400; color:#666; line-height:150%; }


.device-mobile .m-container ul.RoomsList li { padding:2rem 0; background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
.device-mobile .m-container ul.RoomsList li:last-child { background:none; }
.device-mobile .m-container ul.RoomsList li h4.addr { font-size:2.5rem; font-weight:700; color:#333; }
.device-mobile .m-container ul.RoomsList li h4.addr span { display:inline-block; vertical-align:middle; margin:0 2rem; width:6rem; height:1.2rem; background: url('../../images/egovframework/sub/ico-about-longArrow.png') 50% 50% no-repeat; background-size:contain; }
.device-mobile .m-container ul.RoomsList li .box { border-radius:0.5rem; display:block !important; margin:0 !important; }
.device-mobile .m-container ul.RoomsList.bg-none li { background:none; }


/* 스와이프 */
.device-mobile .m-container .RoomsList .Rooms-swiper { width:100%; height:26rem; position:relative; overflow:hidden;  }
.device-mobile .m-container .RoomsList .Rooms-swiper .swiper-slide { width:100%; height:20rem; border-radius:0.5rem; }
.device-mobile .m-container .RoomsList .Rooms-swiper .swiper-slide .thumbnail { width:100%; height:20rem; border-radius:0.5rem; overflow:hidden; }
.device-mobile .m-container .RoomsList .Rooms-swiper .swiper-slide img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .RoomsList .Rooms-swiper .swiper-pagination { bottom:0 !important; z-indeX:9999999; }
.device-mobile .m-container .RoomsList .Rooms-swiper .swiper-pagination-bullet {  width:1.2rem; height:1.2rem; background:#BCBCBC; opacity: 1; }
.device-mobile .m-container .RoomsList .Rooms-swiper .swiper-pagination-bullet-active { width: 4rem; transition: width .5s; border-radius: 5px; background: #149AAF; border: 1px solid transparent; }
.device-mobile .m-container .RoomsList .Rooms-swiper .txt { margin:1.5rem 0 0; font-size:1.6rem; font-size:500; color:#666; }

/* 스와이프 off */
.device-mobile .m-container ul.RoomsList li .box .Rooms-swiper-off { width:100%; height:auto; position:relative; overflow:hidden;  }
.device-mobile .m-container ul.RoomsList li .box .Rooms-swiper-off .swiper-slide { width:100%; height:auto; border-radius:0.5rem; overflow:hidden; }
.device-mobile .m-container ul.RoomsList li .box .Rooms-swiper-off .swiper-slide img { width:100%; height:100%; object-fit: cover; }

.device-mobile .m-container ul.RoomsList li .box .txt { margin:0 !important; padding:0 !important; }
.device-mobile .m-container ul.RoomsList li .box .txt .titArea { border-bottom:1px solid #ddd;  }
/* 배광민 플렉스태그 important 제거*/
.device-mobile .m-container ul.RoomsList li .box .txt .titArea div { display:block; }
.device-mobile .m-container ul.RoomsList li .box .txt .titArea .d-flex {display: flex; }


.device-mobile .m-container ul.RoomsList li .box .txt .titArea h5 { font-size:2rem; font-weight:700; color:#333; }
.device-mobile .m-container ul.RoomsList li .box .txt .titArea span.col-1 { font-size:1.6rem; color:#F25B6A; font-weight:500; }
.device-mobile .m-container ul.RoomsList li .box .txt .titArea span.col-1:after { display:none; }
.device-mobile .m-container ul.RoomsList li .box .txt .titArea span.col-2 { display:block; font-size:1.6rem; color:#9B7E1A; font-weight:500; }
.device-mobile .m-container ul.RoomsList li .box .txt .titArea p { font-weight:400; color:#666; padding-left:1.5rem; font-size:1.5rem; font-weight:400; color:#666; background:url('../../images/egovframework/sub/ico-dot2.png') 0 50% no-repeat; }
.device-mobile .m-container ul.RoomsList li .box .txt .titArea a.link { display:block; width:16rem; height:5rem; font-size:2.2rem; font-weight:700; color:#fff; background:#767676; border-radius:0.5rem; display:flex; align-items:center; justify-content:center; }
.device-mobile .m-container ul.RoomsList li .box:hover .txt .titArea a.link { background:#149AAF; }
.device-mobile .m-container ul.RoomsList li .box .txt dl { display:block !important; width:100%; margin:0 0 1rem; }
.device-mobile .m-container ul.RoomsList li .box .txt dl dt { display:block !important; width:100%; font-size:1.5rem; font-weight:400; color:#8E8E8E; }
.device-mobile .m-container ul.RoomsList li .box .txt dl dd { margin:1rem 0 0; display:block !important; width:100%; flex:1; font-size:1.5rem; font-weight:500; color:#333;  }
.device-mobile .m-container ul.RoomsList li .box .txt .description dl.ico-1 dt { padding-left:3rem; background: url('../../images/egovframework/sub/ico-about-rooms-1.png') 0.5rem 0.6rem no-repeat; }
.device-mobile .m-container ul.RoomsList li .box .txt .description dl.ico-2 dt { padding-left:3rem; background: url('../../images/egovframework/sub/ico-about-rooms-2.png') 0.2rem 0.8rem no-repeat; }
.device-mobile .m-container ul.RoomsList li .box .txt .description dl.ico-3 dt { padding-left:3rem; background: url('../../images/egovframework/sub/ico-about-rooms-3.png') 0.2rem 0.6rem no-repeat; }
.device-mobile .m-container ul.RoomsList li .box .line { display:inline-block; vertical-align:middle; height:1.4rem; border-right:1px solid #555; margin:0 1rem; }


/* 서브 탭  공통 */
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab { margin:3rem 0; padding:0 0 2rem; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; overflow:hidden; border-bottom:1px solid #a59e97; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab.border-0 { border:0; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab li { background:#f7f7f7; width:49% !important; margin:0 0 0.5rem; border-radius:0.3rem 0.3rem 0 0; position:relative; display:flex; align-items:center; justify-content:center; cursor:pointer; height:4rem; padding:0 1rem; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab li:after {  }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab li:last-child:after { border:0; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab li span { display:flex; align-items:center; justify-content:center; font-size:1.6rem; font-weight:400 !important; color:#958D85; text-align:center; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab li.active { background:#149AAF;  }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab li.active:after { border:0; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab li.active span { text-align:center; font-weight:500 !important; color:#fff; }


/* 서브 탭 링크 공통 */
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab-link { padding:0 0 2rem; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; overflow:hidden; border-bottom:1px solid #eee; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab-link.border-0 { border:0; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab-link li { background:#F5F5F5; border:1px solid #DBDBDB; width:49% !important; margin:0 0 0.5rem; border-radius:0.5rem; position:relative; display:flex; align-items:center; justify-content:center; cursor:pointer; height:5rem; padding:0 1rem; }

.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab-link li a { font-size:1.8rem; font-weight:400 !important; color:#958D85;  }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab-link li.active { background:#F25B6A;  }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab-link li.active:after { border:0; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab-link li.active a { font-weight:500 !important; color:#fff !important; }



/* 컨텐츠 기획중 */
.device-mobile .m-container .Working { padding:12rem 0; text-align:center; background:#f9f9f9; font-size:1.7rem; }



/* 한일고속페리 */
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress { padding:0; }

.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .bg-video {z-index:-1; position:relative; top:0; right:0;  }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .bg-video video { width:100%; height:100%; object-fit: cover; }

.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .conWrap { position:relative; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .conWrap.width { width:100%; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .conWrap h3.p-tit { font-size:4rem; color:#333 !important; font-weight:400 !important; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .conWrap h3.p-tit strong { color:#333; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .conWrap .border-bottom { border-bottom:1px dashed #ccc; padding:0 0 3rem; margin:0 0 2rem; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .conWrap .mianTxt { margin:2rem 0 0; font-size:1.6rem; font-weight:400; color:#666; line-height:150%; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .conWrap .tag { display:block; margin:0 auto; border-radius:2.5rem; padding:0 3rem; height:5rem; background:#148393; font-size:1.8rem; color:#fff; text-align:center; line-height:5rem; }

.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .imgWrap { display:block; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .imgWrap div { margin:1rem 0 !important; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .imgWrap img { width:100%; height:100%; object-fit:cover; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .conWrap .areaWrap { display:block; align-items:center; }

.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info { display:block; align-items:center; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info li { margin:1rem 0 0 !important; padding:0 2rem; display:flex; width:100%; height:10rem; align-items:center; border:1px solid #149AAF; border-radius:1rem; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info li:nth-child(2) { margin:0; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info li p { font-size:1.8rem; color:#333; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info li p span { color:#149AAF; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info li:nth-child(1) { background: url('../../images/egovframework/whyHanilExpress/whyHanilExpress-ico-1.png') 98% 50% no-repeat; background-size:6rem; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info li:nth-child(2) { background: url('../../images/egovframework/whyHanilExpress/whyHanilExpress-ico-2.png') 98% 50% no-repeat; background-size:6rem; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info li:nth-child(3) { background: url('../../images/egovframework/whyHanilExpress/whyHanilExpress-ico-3.png') 98% 50% no-repeat; background-size:6rem; }

.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info2 { margin:3rem 0 0; display:block; align-items:center; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info2 li { display:block; width:100%; padding:0; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info2 li .thumbnail-grid { width:14rem; height:14rem; margin:0 auto 3rem; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info2 li .thumbnail-grid img { width:100%; height:100%; object-fit:cover; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info2 li .txt { flex:1; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info2 li p.tc-red { font-size:2rem; font-weight:700; }
.device-mobile .m-container .dataResult.AboutFerry .whyHanilExpress .box-info2 li p {  font-size:1.5rem; color:#555; font-weight:400;  }





/* 선박요금 */
.device-mobile .m-container .dataResult.AboutFerry .Sub-Tab-content { display:none; padding:0 0 5rem; }
.device-mobile .m-container .dataResult.AboutFerry .Sub-Tab-content.active { display:block;  }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch { background:#F4FEFF; border:1px solid #149AAF; padding:1.5rem; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch select { width:100%; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch input { width:100%; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch input:focus,
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch select:focus { border:1px solid #333 !important; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch .txt-delete { display:none; position:absolute; top:1.5rem; right:2rem; width:2.8rem; height:2.8rem;  background:url('../../images/egovframework/sub/ico-delete.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch .btn-sch { width:16rem; height:6rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#149AAF; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch .btn-sch .ico-search { position:relative; top:-2px; display:inline-block; vertical-align:middle; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/sub/ico-search-white.png') 50% 50% no-repeat; background-size:contain;  }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch .btn-back { width:16rem; height:6rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#958D85; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result .col.line { padding:0 0 5rem; background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list { }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list tr:nth-child(even) { border:1px solid #BDBDBD; border-radius:0.5rem; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list td { position:relative;  }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list td:after { content:""; position:absolute; top:50%; right:0; height:3rem; margin-top:-1.5rem; border-right:1px solid #BDBDBD; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list td:last-child:after { border:0; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list .blank { padding:0; height:2rem; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result table.tbl-list .h-10 { padding:0; height:1rem; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result .no-data { text-align:center; padding:6rem 0; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result .no-data strong { display:inline-block; vertical-align:middle; font-size:2rem; font-weight:500; color:#958D85; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result .no-data .btn-tooltip { opacity:0.5; margin-right:1rem; width:3.5rem; height:3.5rem; display:inline-block; vertical-align:middle; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result .no-data p { font-size:1.7rem; font-weight:400; color:#958D85; margin:0 0 0.5rem; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result .no-data .bt-01 { margin-right:1rem; padding:0.5rem;  font-size:1.6rem; font-weight:500;  background:#958D85; color:#fff; border-radius:0.5rem; }

/* 신규 버튼 */
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result button.btn-link-lang { margin-right:0.5rem; width:8rem; height:3.2rem; padding-left:2rem; border:2px solid #149AAF; border-radius:1.6rem; background:#F6F6F6 url('../../images/egovframework/sub/ico-lang.png') 1rem 50% no-repeat; background-size:1.9rem; font-size:1.6rem; font-weight:700; color:#6B655F; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result button.btn-link-cs { margin-right:0.5rem; width:6rem; height:3.2rem; border-radius:1.6rem; background:#958D85; color:#fff; font-size:1.6rem; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-Result button.btn-link-event { width:7rem; height:3.2rem; border-radius:1.6rem; background:#149AAF; color:#fff; font-size:1.6rem; }


#container-sub .dataResult.AboutFerry .FeeSearch-Result button.btn-link-lang { margin-right: 1rem; width: 9rem; height: 4rem; padding-left: 2rem; border: 2px solid #149AAF; border-radius: 11rem; background: #F6F6F6 url(../../images/egovframework/sub/ico-lang.png) 1rem 50% no-repeat; background-size: 1.9rem; font-size: 1.8rem; font-weight: 700; color: #6B655F; }

#container-sub .dataResult.AboutFerry .FeeSearch-Result button.btn-link-cs { margin-right:1rem; width:9rem; height:4rem; border-radius:11rem; background:#958D85; color:#fff; font-size:1.8rem; }
#container-sub .dataResult.AboutFerry .FeeSearch-Result button.btn-link-event { width:9rem; height:4rem; border-radius:11rem; background:#149AAF; color:#fff; font-size:1.8rem; }



.device-mobile .m-container .dataResult.AboutFerry .FeeSearch { display:block !important; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch .btn-sch { width:100%; height:4rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#fff; border:1px solid #149AAF; font-size:1.8rem; font-weight:500; color:#767676; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch .btn-sch.active { width:100%; height:4rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#149AAF; border:1px solid #149AAF; font-size:1.8rem; font-weight:500; color:#fff;  }

.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab.ico-version li.active { color:#fff; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab.ico-version li:nth-child(1) span { margin-right:1rem; width:3rem; height:3rem; display:inline-block; background:url('../../images/egovframework/sub/ico-pay-gold.png') 50% 50% no-repeat; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab.ico-version li:nth-child(2) span { margin-right:1rem; width:4.6rem; height:5rem; display:inline-block; background:url('../../images/egovframework/sub/ico-pay-silver.png') 50% 50% no-repeat; }
.device-mobile .m-container .dataResult.AboutFerry ul.Sub-Tab.ico-version li:nth-child(3) span { margin-right:1rem; width:2.9rem; height:3rem; display:inline-block; background:url('../../images/egovframework/sub/ico-pay-blue.png') 50% 50% no-repeat; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-sch { display:block; align-items:center; justify-content:center; border-bottom:1px solid #D1D0C8; padding:1rem 0; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-sch input { width:100%; height:6rem !important; background:#fff !important; padding-right:9rem; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-sch input:focus { border:1px solid #333 !important; }
.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-sch .txt-delete { display:none; position:absolute; top:1.5rem; right:2rem; width:2.8rem; height:2.8rem;  background:url('../../images/egovframework/sub/ico-delete.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-sch .btn-sch { width:100%; height:5rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#149AAF; }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-sch .btn-sch .ico-search { position:relative; top:-2px; display:inline-block; vertical-align:middle; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/sub/ico-search-white.png') 50% 50% no-repeat; background-size:contain;  }

.device-mobile .m-container .dataResult.AboutFerry .FeeSearch-sch .btn-back { width:100%; height:5rem; font-size:2rem; color:#fff; font-weight:700; border-radius:0.5rem; background:#958D85; }




/* 승선절차 */
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry h4.addr { margin-top:2rem !important; font-size:2.5rem; font-weight:700; color:#333; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry h4.addr span { position:relative; top:-0.5rem; display:inline-block; vertical-align:middle; margin:0 2rem; width:3.5rem; height:1.5rem; background: url('../../images/egovframework/sub/ico-Stepcountry-arrow.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry ul.RoomsList li .box .txt .titArea { border:0; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry ul.RoomsList li .box .txt .titArea h5 { font-size:2rem; font-weight:500; color:#222; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry ul.RoomsList li .box .txt .titArea .step { padding:0 !important; background:none !important; text-transform:uppercase; font-size:1.5rem; color:#00757C; font-weight:700; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .description p.mainTxt {  font-size:1.6rem; line-height:160%; font-weight:400; color:#666; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .description div.mainTxt {  font-size:1.6rem; line-height:160%; font-weight:400; color:#666; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .description div.mainTxt ul.dot { list-style-type:"·"; margin-left:0; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .description div.mainTxt ul.dot li { line-height:160%; padding:0 0 0 1.5rem; background:none; font-size:1.6rem; font-weight:400; color:#958D85; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .description ul { list-style-type:"※ "; margin-left:2.4rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .description ul li { line-height:160%; padding:0; background:none; font-size:1.6rem; font-weight:400; color:#958D85; }


.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap { margin-top:2rem !important; display:block !important; background:#f8f5ed; border:1px solid #958d85; padding:2rem 1.5rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-txt p.i-tit { padding-left:5rem !important; position:relative; font-size:2rem; line-height:5rem; font-weight:700; color:#222; background: url('../../images/egovframework/Stepcountry/ico-petcase.png') 0 50% no-repeat; background-size:contain; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-txt p.i-tit span { position:relative; top:-0.3rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-txt p { font-size:1.6rem; font-weight:400; color:#6B655F; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-img { margin:2rem 0 0; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-img li:first-child { margin-right:1rem !important; } 
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-img li .thumbnail { }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-img li .thumbnail img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-InfoWrap .i-img li p { font-size:1.5rem; font-weight:500; text-align:center; color:#222; margin:1.5rem 0 0; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap { margin-top:2rem !important; display:block !important; background:#f4feff; padding:2rem 1.5rem; border:1px solid #a0d9e1; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap .i-txt p.i-tit { margin:0 0 2rem; text-align:center; position:relative; font-size:2rem; font-weight:700; color:#222; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap ul { flex-wrap:wrap; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap ul li { width:50%; margin:0 0 1rem !important; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap button.btn-tab { font-size:1.6rem; color:#666; font-weight:400; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap button.btn-tab span {
  content:"";
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
  width:2rem;
  height:2rem;
  border-radius:100%;
  border:1px solid #D9D9D9;
  background:#fff;
  position:relative;
  margin-right:1rem;
}

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Area-InfoWrap button.btn-tab.active span:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:#1B878E;
  width:60%;
  height:60%;
  border-radius:100%;
}

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .RoomsList.toggle li.toggle-con { display:none; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .RoomsList.toggle li.toggle-con.active { display:block; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .RoomsList.toggle .titArea div { margin:2rem 0 0; display:flex !important; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .RoomsList.toggle .titArea div h5 { padding:0 !important; margin:0 1rem 0 0 !important; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .RoomsList.toggle .titArea div h5:after { padding:0 1rem 0 0 !important; margin:0 !important; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .RoomsList.toggle .titArea div .mark { font-size:1.5rem !important; }


.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap { padding:2rem 1.5rem; background:#EFEFEA; background-size:contain; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap .i-txt {  }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap .i-txt .i-tit { font-size:2.2rem; color:#222; font-weight:700; text-align:center; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li { font-size:1.5rem; font-weight:400; color:#6B655F; margin:0 0 2rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(1) { padding-left:4rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-1.png') 0 0 no-repeat; background-size:3rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(2) { padding-left:4rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-2.png') 0 0 no-repeat; background-size:3rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(3) { padding-left:4rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-3.png') 0 0 no-repeat; background-size:3rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(4) { padding-left:4rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-4.png') 0 0 no-repeat; background-size:3rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(5) { padding-left:4rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-5.png') 0 0 no-repeat; background-size:3rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(6) { padding-left:4rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-6.png') 0 0 no-repeat; background-size:3rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(7) { padding-left:4rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-7.png') 0 0 no-repeat; background-size:3rem; }
.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .Pet-TicketWrap li:nth-child(8) { padding-left:4rem; background: url('../../images/egovframework/Stepcountry/ico-petticket-8.png') 0 0 no-repeat; background-size:3rem; }

.device-mobile .m-container .dataResult.AboutFerry.Stepcountry .border-top { border-top:1px solid #958D85; }


/* 고객편의 */
.device-mobile .m-container ul.FerryList-type2 li { padding:2rem 0 0; /*background:url('../../images/egovframework/sub/line.png') 0 100% no-repeat;*/ }
.device-mobile .m-container ul.FerryList-type2 li:last-child { background:none; }
.device-mobile .m-container ul.FerryList-type2 li h4.addr { font-size:2rem; font-weight:700; color:#83796F; }
.device-mobile .m-container ul.FerryList-type2 li h4.addr:after { content:""; display:inline-block; vertical-align:middle; position:relative; top:-2px; margin:0 1.5rem; height:2rem; border-right:1px solid #BDBDBD; }
.device-mobile .m-container ul.FerryList-type2 li .sub-tit { font-size:1.8rem; font-weight:500; color:#333; }

.device-mobile .m-container ul.FerryList-type2 li .box { display:block !important; border:1px solid #D1D0C8; padding:1.5rem; border-radius:0.5rem; box-shadow:0 0 15px 3px rgba(0,0,0,.05); }
.device-mobile .m-container ul.FerryList-type2 li .box:hover { border:1px solid #149AAF; background:#F4FEFF; }
.device-mobile .m-container ul.FerryList-type2 li .box .thumbnail { width:100%; height:auto; border-radius:0.5rem; overflow:hidden; margin:0 0 1rem; }
.device-mobile .m-container ul.FerryList-type2 li .box .thumbnail img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container ul.FerryList-type2 li .box .txt { margin:0 !important; }
.device-mobile .m-container ul.FerryList-type2 li .box .txt .titArea { border-bottom:1px solid #ddd; padding:0 0 2rem; }
.device-mobile .m-container ul.FerryList-type2 li .box .txt .titArea h5 { font-size:2rem; font-weight:700; color:#333; }
.device-mobile .m-container ul.FerryList-type2 li .box .txt .titArea p { font-size:1.5rem; font-weight:400; color:#666; padding-left:1.5rem; font-size:1.8rem; font-weight:400; color:#666; background:url('../../images/egovframework/sub/ico-dot2.png') 0 50% no-repeat; }

.device-mobile .m-container ul.FerryList-type2 li .box .txt .titArea a.link { display:block; width:16rem; height:5rem; font-size:2.2rem; font-weight:700; color:#fff; background:#767676; border-radius:0.5rem; display:flex; align-items:center; justify-content:center; }

.device-mobile .m-container ul.FerryList-type2 li .box:hover .txt .titArea a.link { background:#149AAF; }

.device-mobile .m-container ul.FerryList-type2 li .box .txt dl { display:flex;  }
.device-mobile .m-container ul.FerryList-type2 li .box .txt dl dt { padding:0.5rem 0; width:11rem; font-size:1.5rem; font-weight:400; color:#8E8E8E; }
.device-mobile .m-container ul.FerryList-type2 li .box .txt dl dd { padding:0.5rem 0; flex:1; font-size:1.5rem; font-weight:500; color:#333;  }

.device-mobile .m-container ul.FerryList-type2 li .box .txt .description dl:nth-child(1) dt { padding-left:2.5rem; background: url('../../images/egovframework/customer/ico-parking-p.png') 0 0.6rem no-repeat; }
.device-mobile .m-container ul.FerryList-type2 li .box .txt .description dl:nth-child(2) dt { padding-left:2.5rem; background: url('../../images/egovframework/customer/ico-parking-m.png') 0 0.6rem no-repeat; }


.device-mobile .m-container .dataResult.AboutFerry .txtWrap { margin:2rem 0 0; }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .col { width:100%; }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .col .thumbnail {  }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .col .thumbnail img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap h4 { font-size:2rem; font-weight:700; color:#333; margin:1rem 0 0; }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap p { font-size:1.6rem; font-weight:400; color:#666; margin:1.5rem 0 0; padding-right:1rem; }




/* 수화물 배송 & 자전거 선적 */
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box { display:block; border-radius:0.5rem; padding:1rem; border:1px solid #BC9409; box-shadow:0 0 15px 5px rgba(0,0,0,.1); }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list { margin-left:3rem; }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li { padding-left:1rem; margin:0 0 1rem; position:relative; }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li:nth-child(1):before { content:"01"; position:absolute; top:0; left:-3rem;  width:3rem; height:3rem; background:#149AAF; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:700; color:#fff; border-radius:100%;  }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li:nth-child(2):before { content:"02"; position:absolute; top:0; left:-3rem;  width:3rem; height:3rem; background:#149AAF; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:700; color:#fff; border-radius:100%;  }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li:nth-child(3):before { content:"03"; position:absolute; top:0; left:-3rem;  width:3rem; height:3rem; background:#149AAF; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:700; color:#fff; border-radius:100%;  }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li:nth-child(4):before { content:"04"; position:absolute; top:0; left:-3rem;  width:3rem; height:3rem; background:#149AAF; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:700; color:#fff; border-radius:100%;  }


.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(1):before { content:"01"; position:absolute; top:0; left:-3rem;  width:3rem; height:3rem; background:#BC9409; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:700; color:#fff; border-radius:100%;  }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(2):before { content:"02"; position:absolute; top:0; left:-3rem;  width:3rem; height:3rem; background:#BC9409; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:700; color:#fff; border-radius:100%;  }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(3):before { content:"03"; position:absolute; top:0; left:-3rem;  width:3rem; height:3rem; background:#BC9409; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:700; color:#fff; border-radius:100%;  }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(4):before { content:"04"; position:absolute; top:0; left:-3rem;  width:3rem; height:3rem; background:#BC9409; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:700; color:#fff; border-radius:100%;  }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list.yellow li:nth-child(5):before { content:"05"; position:absolute; top:0; left:-3rem;  width:3rem; height:3rem; background:#BC9409; text-align:center; line-height:3rem; font-size:1.6rem; font-weight:700; color:#fff; border-radius:100%;  }
	
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list li p { font-size:1.6rem; font-weight:500; color:#333; }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list-s { list-style-type:"·"; margin:1rem 0 0; }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list-s li { padding-left:1rem; margin:0; font-size:1.3rem; font-weight:400; color:#555; }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box ul.num-list-s li:before { display:none; }

.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box .img { margin:2rem 0 0; }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .shadow-box .img img { width:100%; }
.device-mobile .m-container .dataResult.AboutFerry .txtWrap .msgWrap { background-position:4rem 50%; }






.device-mobile .m-container .dataResult.AboutFerry .msgWrap { border-radius:0.5rem; border:1px solid #F25B6A; padding:2rem 1.5rem; background:#FFF5F6; }
.device-mobile .m-container .dataResult.AboutFerry .msgWrap ul { list-style-type:"※ "; margin:0 0 0 2rem; }
.device-mobile .m-container .dataResult.AboutFerry .msgWrap ul li { line-height:160%; padding:0; background:none; font-size:1.6rem; font-weight:400; color:#222; }




/***** 한일고속 *****/

/* ceo인사말 */
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .titArea { margin:2rem 0 0; padding:0 0 2rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .border-bottom { border-bottom:1px solid #aaa; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .titArea h3 { font-size:2rem; font-weight:500; color:#333; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .titArea h3 img { width:18rem; position:relative; top:-1rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .titArea .titTxt { font-size:1.7rem; font-weight:400; color:#333; line-height:160%; }

.device-mobile .m-container .dataResult.CompanyFerry.Welcome .contents { }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .contents .txtZone { padding-right:0; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome p.mainTxt { font-size:1.5rem; font-weight:400; color:#666; line-height:160%; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome p.name { font-size:1.5rem; font-weight:500; color:#333;  }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome p.name strong { margin-left:1rem; font-size:1.8rem; font-weight:500; color:#333;  }

.device-mobile .m-container .dataResult.CompanyFerry.Welcome .contents .imgZone { margin:2rem 0 0; flex:1; justify-content:space-between; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .contents .imgZone div { width:49%; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .contents .imgZone img { width:100%; height:100%; object-fit:cover; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .contents .imgZone img:last-child { margin-left:0;  }

.device-mobile .m-container .dataResult.CompanyFerry.Welcome .ftTxtWrap div:first-child { }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .ftTxtWrap .name p { font-weight:500; }
.device-mobile .m-container .dataResult.CompanyFerry.Welcome .ftTxtWrap .name p img { position:relative; top:-1rem; }
.device-mobile .m-container .CompanyFerry-Welcome-bg { height:40rem; background:url('../../images/egovframework/company/img-welcome-bg.png') 50% 100% no-repeat; background-size:cover; }


/* 한일고속소개 */
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus .contents { }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus .contents .imgZone { }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus .contents .imgZone .con-img img { width:100%;  height:100%; object-fit:cover; }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus .contents .imgZone .ico { display:none; top:5rem; right:-13rem; z-index:9; }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus .contents .txtZone { flex:1; padding:2rem 0; }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus .contents .txtZone h3 { font-size:2.2rem; font-weight:500; color:#222;  }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus .contents .txtZone h3 span { font-weight:400; }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus .contents .txtZone h4 { font-size:1.8rem; font-weight:700; color:#149AAF;  }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus .contents .txtZone p.mainTxt { font-size:1.5rem; font-weight:400; color:#666;  }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus ul.imgList { justify-content:space-between !important; flex-wrap:wrap !important; }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus ul.imgList li { width:49% !important; margin:0 0 2% !important; }
.device-mobile .m-container .dataResult.CompanyFerry.Aboutus ul.imgList li img { width:100% !important;  height:100% !important; object-fit:cover !important; }


.device-mobile .m-container .CompanyFerry-Aboutus-bg { margin:0; position:relative; z-index:9; height:auto; background:none; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus { padding:0; background:#fff; position:relative; top:0; border-radius:0.5rem 0.5rem 0 0; }

.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone { flex:none !important; width:100% !important; padding:0 !important; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone h3 { font-size:2.2rem; font-weight:500; color:#222; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone h3 span { font-weight:400; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone h4 { font-size:1.8rem; font-weight:700; color:#149AAF;  }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .txtZone p.mainTxt { font-size:1.5rem; font-weight:400; color:#666;  }

.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone { flex:1 !important; width:auto !important; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li { width:33%; height:auto; padding:9rem 0 0; text-align:center; margin:3rem 0; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li p { font-size:2rem; font-weight:500; color:#B0901C; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li:nth-child(1) { background:url('../../images/egovframework/company/ico-about-1.png') 50% 0 no-repeat; background-size:cover; background-size:10rem; } 
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li:nth-child(2) { background:url('../../images/egovframework/company/ico-about-2.png') 50% 0 no-repeat; background-size:cover; background-size:10rem; } 
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus .contents .imgZone li:nth-child(3) { background:url('../../images/egovframework/company/ico-about-3.png') 50% 0 no-repeat; background-size:cover; background-size:10rem; } 

.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus ul.imgList { justify-content:space-between !important; flex-wrap:wrap !important; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus ul.imgList li { width:49% !important; margin:0 0 2% !important; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg .dataResult.CompanyFerry.Aboutus ul.imgList li img { width:100% !important;  height:100% !important; object-fit:cover !important; }


/* 연혁 */
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 { background:#F6F6F3; padding:2rem; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs { border-bottom:1px solid #e2e2dc; position:relative; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs h3 {  font-size:2rem; padding:0 0 2rem; font-weight:700; color:#83796F; }

.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs .Tabs { position:relative; right:0; bottom:0; margin-left:0; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs .Tabs li { position:relative; cursor:pointer; font-size:1.8rem; font-weight:400; color:#8A8875; margin-left:5rem; padding:0; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs .Tabs li:first-child { margin:0; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs .Tabs li .mark { }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs .Tabs li.active { font-size:1.8rem; font-weight:700; color:#F25B6A; background:none; }

.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents { display:none; position:relative; padding-top:2rem; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents.active { display:block; }

.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents h4 { position:relative; margin:0 0 2rem; top:0; font-size:2.2rem; font-weight:700; color:#6B655F; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiperWrap { margin-left:0; flex:1;  position:relative;  }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiperWrap .m-history-swiper { overflow:hidden; }

.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiperWrap .thumbnail { width:100%; height:20rem; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiperWrap .thumbnail img { width:100%; height:100%; object-fit: cover; }


.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-button-next::after,
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-button-prev::after {
  display: none;
}
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-button-prev {
  width:8rem;
  height:6.2rem;
  left:-4rem;
  background: url('../../images/egovframework/sub/ico-reservation-prev.png') 50% 50% no-repeat;
  background-size:contain;
  z-index:9;
}
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-button-next {
  width:8rem;
  height:6.2rem;
  right:-4rem;
  background: url('../../images/egovframework/sub/ico-reservation-next.png') 50% 50% no-repeat;
  background-size:contain;
  z-index:9;
}

.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-slide { }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-slide h5 { height:auto; font-size:1.6rem; font-weight:400; color:#666; margin:0 0 1rem; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-slide h5 strong { color:#B0901C; }
.device-mobile .m-container .CompanyFerry-Aboutus-bg2 .historyTabs-Contents .swiper-slide p.txt { margin:1rem 0 0; font-size:1.4rem; font-weight:400; color:#666; }



/* 고속버스사업 */
.device-mobile .m-container .CompanyFerry-Business-bg { margin:3rem 0 0; position:relative; z-index:9; height:auto; background:none; background-size:cover; }
.device-mobile .m-container .CompanyFerry-Business-bg section.container { height:100%; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business { position:relative; height:100%; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea { padding:1.5rem; background:#fff; position:relative; top:0; border-radius:0.5rem 0.5rem 0 0; border-radius:2rem; box-shadow:0 0 15px 5px rgba(0,0,0,.1); }

.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico { display:none; position:absolute; bottom:11rem; left:50%; transform:translateX(-50%); text-align:center; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico img { }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico ul { display:flex; width:80rem;  }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico ul li p { font-weight:500; font-size:3.5rem; color:#fff; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico ul li strong { color:#FFD84F; font-size:6.5rem; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .ico ul li div { display:inline-block; padding:0 3rem; font-size:2rem; color:#333; border-radius:1.6rem; height:3.2rem; line-height:3.2rem; background:rgba(255,255,255,.6); }

.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea h4 { padding-left:6rem !important; margin:0 0 2rem !important; font-size:2rem !important; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico-1.png') 0 1rem no-repeat; background-size:5rem !important; }

.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea h4 span { color:#B0901C; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea p { padding:2rem 0 0 !important; font-size:1.6rem !important; font-weight:400; color:#666; line-height:150%; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea p strong { font-weight:500; color:#333; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Business .txtArea .line { background:url('../../images/egovframework/main/line.png') 50% 0 repeat-x; }


.device-mobile .m-container .dataResult.CompanyFerry.Business .txtZone { width:100% !important; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .imgZone { flex:1;  width:18rem; margin:0 auto; text-align:center;  }
.device-mobile .m-container .dataResult.CompanyFerry.Business .imgZone img:first-child { margin-right:0; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .imgZone img { margin:2rem 0 0; width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtArea h4 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem !important; font-size:2rem !important; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico-2.png') 0 0 no-repeat; background-size:5rem !important; }

.device-mobile .m-container .dataResult.CompanyFerry.Business .txtArea h4 span { color:#B0901C; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtArea p { padding:2rem 0 0 !important; font-size:1.6rem !important; font-weight:400; color:#666; line-height:150%; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtArea p strong { font-weight:500; color:#333; }






/* 노선 및 요금안내 */
.device-mobile .m-container .CompanyFerry-Business-bg2 { position:relative; z-index:9; background:none !important;  }
.device-mobile .m-container .CompanyFerry-Business-bg2 { padding:0 0 10rem; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap { height:auto; padding:2rem 1.5rem 1.5rem; background:#fff; border-radius:0 0 1rem 1rem; box-shadow:0 5px 15px -5px rgba(0,0,0,.1); }
.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap .form .btn-save { margin-left:2.5rem; width:17rem; height:5rem; background:#FFD84F; font-size:2.2rem; color:#443600; font-weight:700; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap .form .select-box-area { position:relative; display:flex; align-items:center; width:100% !important; height:5rem !important; line-height:5rem !important; border:1px solid #cac6c2; border-radius:0.5rem; padding:0; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap .form .select-box-area.active { border:1px solid #333 !important; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap .form .select-box-area.active .select-c { color:#333; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap .form .select-box-area .select-c { width:100% !important; height:5rem !important; line-height:5rem !important; font-size:1.6rem; font-weight:500; color:#958D85; background:none !important; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap .form .select-box-area .ico1 {
  width:7rem;
  height:4rem;
  background:#fff url('../../images/egovframework/business/ico-from.png') 1.5rem 50% no-repeat;
  /*background-size:;*/
}

.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap .form .select-box-area .ico2 {
  width:7rem;
  height:4rem;
  background:#fff url('../../images/egovframework/business/ico-to.png') 1.5rem 50% no-repeat;
  /*background-size:;*/
}

.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap .btn-sch { width:100%; height:5rem; background:#149AAF; font-size:1.8rem; font-weight:700; color:#fff; border-radius:0.5rem; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .searchWrap .btn-sch span { display:inline-block; position:relative; top:-2px; margin-right:1rem; vertical-align:middle; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/sub/ico-sch-white.png') 0 0 no-repeat; background-size:contain; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business { margin:3rem 0 0; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li { margin:1rem 0 0;  border:1px solid #B0901C; border-radius:0.5rem; overflow:hidden; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .header { display:flex; align-items:center; height:6rem; background:#f1eee3; border-bottom:1px solid #B0901C; padding:2rem; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .header h4 { font-size:2rem; font-weight:700; color:#6B655F; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .header h4 span:nth-child(1) { display:inline-block; vertical-align:middle; width:4rem; height:1rem; margin:0 1rem; background:url('../../images/egovframework/business/ico-arrow.png') 50% 50% no-repeat; background-size:contain; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body { padding:0 1.5rem; background:#fff; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div { display:block;  height:auto; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:last-child { background:none; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl { display:flex; align-items:center; padding:1rem 0; background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:last-child dl { background:none; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl:nth-child(1) { width:auto; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl dt,
.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl dd { width:50%; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl dd { display:block; font-size:1.5rem; color:#666; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl dd p:after { display:none; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div dl dd p:last-child:after { display:none; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(1) dl:nth-child(1) dt { font-size:1.6rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-1.png') 0 50% no-repeat; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(1) dl:nth-child(2) dt { font-size:1.6rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-2.png') 0 50% no-repeat; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(2) dl:nth-child(1) dt { font-size:1.6rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-3.png') 0 50% no-repeat; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(2) dl:nth-child(2) dt { font-size:1.6rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-4.png') 0 50% no-repeat; }

.device-mobile .m-container .CompanyFerry-Business-bg2 .dataResult.CompanyFerry.Business li .body div:nth-child(3) dl:nth-child(1) dt { font-size:1.6rem; font-weight:500; color:#333; padding-left:3rem; background:url('../../images/egovframework/business/ico-s-5.png') 0 50% no-repeat; }


/* 영업소 안내 */
.device-mobile .m-container  .dataResult.CompanyFerry.Business .btn-link  { display:flex; align-items:center; justify-content:center; margin:0 auto; width:10rem; height:4rem; border-radius:2.5rem; background:#6B655F; font-size:1.7rem; color:#fff; }

.device-mobile .m-container  table.tbl-list th { text-align:center; }
.device-mobile .m-container  table.tbl-list.sm th  { font-size:1.5rem; }
.device-mobile .m-container  table.tbl-list.sm td { font-size:1.3rem; }

.device-mobile .m-container .CompanyFerry-Business-bg2.bgcolor { padding:2rem 1.5rem; background-color:#F6F6F3 !important; }
.device-mobile .m-container .CompanyFerry-Business-bg2 ul.infoList li { font-size:1.5rem; font-weight:400; color:#6B655F; padding-bottom:3rem; background:url('../../images/egovframework/main/line.png') 50% 100% repeat-x; margin:0 0 3rem; }
.device-mobile .m-container .CompanyFerry-Business-bg2 ul.infoList li:last-child { margin:0; background:none; }
.device-mobile .m-container .CompanyFerry-Business-bg2 ul.infoList li h4 { font-size:1.8rem; font-weight:700; color:#333; }
.device-mobile .m-container .CompanyFerry-Business-bg2 ul.infoList li p { font-size:1.5rem; font-weight:400; color:#666; margin:1rem 0 0; line-height:160%; }
.device-mobile .m-container .CompanyFerry-Business-bg2 ul.infoList li h4 span { font-size:1.8rem; font-weight:700; border-radius:50%; color:#fff; display:inline-block; vertical-align:middle; width:3.5rem; height:3.5rem; text-align:center; line-height:3.5rem; background:#6B655F;  margin-right:1rem; }


.device-mobile .m-container .dataResult.CompanyFerry.Business .imgZone2 { margin:2rem 0 0;  }
.device-mobile .m-container .dataResult.CompanyFerry.Business .imgZone2 img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtZone2 { position:relative; margin:2rem 0 0; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtZone2 h4 { font-size:1.8rem; font-weight:700; color:#333; margin:0 0 2rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtZone2 dl { font-size:1.6rem; border-bottom:1px solid #e9e9e5; padding:0 0 1rem; margin:0 0 1rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtZone2 dl.border-0 { border:0; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtZone2 dt { width:auto; font-weight:500; color:#333; padding-left:1.2rem; background:url('../../images/egovframework/sub/ico-dot2.png') 0 1.3rem no-repeat; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtZone2 dd { margin:0.5rem 0 0; flex:1; font-weight:400; color:#666; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .txtZone2 .btn-detail.list { position:relative; right:0; bottom:0; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .txt-guide2 { font-size:1.6rem; color:#F25B6A; line-height:160%; }


/* 숭차권 예약 */
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList { }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li { width:auto; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li .box { height:auto; border:1px solid #bbb; border-radius:1rem; padding:1.5rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li .box h4 { font-size:2rem; font-weight:500; color:#222; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box { background:none; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box h4 strong { color:#149AAF; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(2) .box { background:none; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(2) .box h4 strong { color:#F25B6A; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li .box .line { width:auto; border-bottom:1px solid #ddd; padding:0 0 1rem; margin:0 0 1rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li .box .line dl { font-size:1.5rem; padding:0; margin:0 0 1rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li .box .line dt { font-weight:500; color:#333; padding-left:3rem; margin:0 0 0.5rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li .box .line dt:after {  content:""; display:inline-block; height:1.2rem; border-right:1px solid #D9D9D9; margin:0 2rem; display:none; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box .line dl:nth-child(1) dt { background:url('../../images/egovframework/business/ico-ticket-1.png') 0 50% no-repeat; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box .line dl:nth-child(2) dt { background:url('../../images/egovframework/business/ico-ticket-2.png') 0 50% no-repeat; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(1) .box .line dl:nth-child(3) dt { background:url('../../images/egovframework/business/ico-ticket-3.png') 0 50% no-repeat; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(2) .box .line dl:nth-child(1) dt { background:url('../../images/egovframework/business/ico-ticket-1.png') 0 50% no-repeat; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(2) .box .line dl:nth-child(2) dt { background:url('../../images/egovframework/business/ico-ticket-2.png') 0 50% no-repeat; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li:nth-child(3) .box .line dl:nth-child(3) dt { background:url('../../images/egovframework/business/ico-ticket-3.png') 0 50% no-repeat; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li .box .line dd { flex:1; font-weight:400; color:#666; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li .box p { font-size:1.5rem; font-weight:400; color:#83796F; }
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li a.btn-link { display:block; width:100%; height:5rem; line-height:5rem; text-align:center; background:#83796F; font-size:1.8rem; font-weight:700; color:#fff; border-radius:0.5rem; }

.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li.active .box { background-color:#f8f5ed; } 
.device-mobile .m-container .dataResult.CompanyFerry.Business .mapList li.active a.btn-link { color:#83796F; background:#fff; border:1px solid #83796F; }

.device-mobile .m-container .dataResult.CompanyFerry.Business p.txt-guide { font-size:1.5rem !important; font-weight:400; color:#666; }
.device-mobile .m-container .CompanyFerry-Business-bg2 .txt-guide2 { font-size:1.5rem; color:#F25B6A; line-height:160%; }



/* 선박사업 */
.device-mobile .m-container .CompanyFerry-Business-bg { margin:3rem 0 0; position:relative; z-index:9; height:auto; background:none; background-size:cover; }
.device-mobile .m-container .CompanyFerry-Business-bg section.container { height:100%; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness { position:relative; height:100%; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea { padding:2rem 1.5rem; position:relative; top:0; border-radius:0.5rem 0.5rem 0 0; border-radius:2rem; box-shadow:0 0 15px 5px rgba(0,0,0,.1); background:none; background-size:55rem; }

.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico { display:none; position:absolute; bottom:11rem; left:50%; transform:translateX(-50%); text-align:center; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico img { }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico ul { display:flex; width:auto;  }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico ul li p { font-weight:500; font-size:3.5rem; color:#fff; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico ul li strong { color:#FFD84F; font-size:6.5rem; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .ico ul li div { display:inline-block; padding:0 3rem; font-size:2rem; color:#333; border-radius:1.6rem; height:3.2rem; line-height:3.2rem; background:rgba(255,255,255,.6); }


.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea h4 { padding-left:8rem; margin:0 0 2rem; font-size:2rem !important; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico2-1.png') 0 0 no-repeat; background-size:7rem; }

.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea h4 span { color:#B0901C; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea p { padding:0; font-size:1.5rem; font-weight:400; color:#666; line-height:150%; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea p strong { font-weight:500; color:#333; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea .txt-tit { font-size:1.8rem; font-weight:500; color:#F25B6A; }

.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txtArea .line { background:url('../../images/egovframework/main/line.png') 50% 0 repeat-x; }

.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt1 { display:none; position:relative; bottom:3rem; left:5rem; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt1 p {  text-transform: uppercase; font-size:2.4rem; font-weight:500; color:#333; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt1 p strong { font-size:3.2rem; font-weight:500; color:#fff; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt1 p strong span { font-size:5rem; font-weight:700; color:#fff; }

.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt2 { display:none; position:relative; bottom:3rem; left:50%; padding-left:5rem;  }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt2 p {  text-transform: uppercase; font-size:2.4rem; font-weight:500; color:#333; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt2 p strong { font-size:3.2rem; font-weight:500; color:#fff; }
.device-mobile .m-container .CompanyFerry-Business-bg .dataResult.CompanyFerry.Shipbusiness .txt2 p strong span { font-size:5rem; font-weight:700; color:#fff; }

.device-mobile .m-container .CompanyFerry-Business-bg3 { padding:2rem 1.5rem; position:relative; z-index:9; background:#F6F6F3;  }

.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone img:first-child { margin-right:3rem; }

.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .txtArea h4 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem !important; margin:0 0 2rem !important; font-size:2rem !important; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico-1.png') 0 0.5rem no-repeat; background-size:5rem !important; }

.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .txtArea h4 span { color:#149AAF; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .txtArea p { padding:0; font-size:1.5rem; font-weight:400; color:#666; line-height:150%; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .txtArea p strong { font-weight:500; color:#333; }

.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li { width:auto; height:auto; background:#fff; border-radius:1rem; padding:1.5rem; margin-right:0; margin:0 0 1rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li:last-child { margin-right:0; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .thumbnail { width:100%; height:15rem; overflow:hidden; border-radius:0.5rem; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .thumbnail img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .txt { line-height:auto; margin:1rem 0;  }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .txt strong { line-height:auto; display:block; font-size:1.8rem; font-weight:500; color:#222; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .txt span { line-height:auto; display:block; font-size:1.8rem; font-weight:500; color:#B0901C; }

.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .tag { margin:1rem 0 0; display:block; font-size:1.3rem; font-weight:500; color:#333; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .tag strong { color:#149AAF; font-weight:500; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .tag.t1 { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-ss-t1.png') 0 50% no-repeat; background-size:contain; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .tag.t2 { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-ss-t2.png') 0.5rem 50% no-repeat; background-size:contain; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone li .tag.t3 { padding-left:3.5rem; background:url('../../images/egovframework/business/icon-ss-t3.png') 0 50% no-repeat; background-size:contain; }



.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .txtZone2 { width:auto; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone2 { margin:1rem 0 0; flex:1; margin-left:0; text-align:center;  }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .imgZone2 img { width:100%; height:100%; object-fit: cover;}

.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .txtArea2 h4 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem !important; margin:0 0 2rem !important; font-size:2rem !important; font-weight:500; color:#333; background:url('../../images/egovframework/business/ico2-3.png') 0 0.5rem no-repeat; background-size:5rem !important; }

.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .txtArea2 h4 span { color:#149AAF; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .txtArea2 p { padding:0; font-size:1.5rem; font-weight:400; color:#666; line-height:150%; }
.device-mobile .m-container .dataResult.CompanyFerry.Shipbusiness .txtArea2 p strong { font-weight:500; color:#333; }



/* 안전여행 */
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .txtArea h4 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem !important; margin:0 0 2rem !important; font-size:2rem !important; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-1.png') 0 0.5rem no-repeat; background-size:5rem !important; }

.device-mobile .m-container .dataResult.CompanyFerry.safetravel .txtArea h4 span { color:#149AAF; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .txtArea p { padding:0; font-size:1.5rem; font-weight:400; color:#666; line-height:150%; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .txtArea p strong { font-weight:500; color:#333; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .imgZone li { width:auto; height:auto; background:#fff; border:1px solid #D9D5D2; border-radius:1rem; margin-right:0; margin:0 0 1rem !important; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .imgZone li:last-child { margin-right:0; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .imgZone li .thumbnail { height:auto; overflow:hidden; border-radius:0.5rem; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .imgZone li .thumbnail img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .imgZone li .txt { padding:1.5rem;  }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .imgZone li .txt p { font-size:1.5rem; font-weight:500; color:#149AAF; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel .imgZone li .txt strong { font-weight:500; color:#149AAF; }

.device-mobile .m-container .CompanyFerry-safetravel-bg {  background:#F6F6F3; height:auto; position:relative; margin:3rem 0 0; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .line-bg { margin:2rem 0 0; height:1px; background:url('../../images/egovframework/main/line.png') 0 100% repeat-x; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.none { background:#fff; margin:0;  }
.device-mobile .m-container .CompanyFerry-safetravel-bg h6 { font-size:2rem; font-weight:500; color:#333; }
.device-mobile .m-container .CompanyFerry-safetravel-bg section.container { height:100%; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel { height:100%; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .imgZone { width:auto; position:relative;  }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .imgZone .thumbnail { position:relative; top:0; left:0; transform:none; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .imgZone .thumbnail img { width:100%; height:100%; object-fit: cover;}
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .txtZone { flex:1; padding:2rem 1.5rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .txtZone p { font-size:1.5rem; font-weight:400; color:#555; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .txtArea p strong { font-weight:500; color:#555; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel .txtArea .line { border-top:1px solid #e6e6e0; margin-top:2rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-2.png') 0 0 no-repeat; background-size:7rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.none .dataResult.CompanyFerry.safetravel h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-3.png') 0 0 no-repeat; background-size:7rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list { height:auto; padding:0 0 2rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list.pad { padding:2rem 1.5rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list .dataResult.CompanyFerry.safetravel h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-4.png') 0 0 no-repeat; background-size:7rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list .txtZone { padding-bottom:0rem !important; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.txtList li { margin:3rem 0 0; background:#fff; border-radius:0.5rem; padding:2rem 1.5rem; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.txtList li .txt { flex:1; padding-right:0rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.txtList li .txt h5 { font-size:1.8rem; font-weight:500; color:#333; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.txtList li .txt h5 span { font-size:1.8rem; font-weight:700; border-radius:50%; color:#fff; display:inline-block; vertical-align:middle; width:3.5rem; height:3.5rem; text-align:center; line-height:3.5rem; background:#6B655F;  margin-right:1rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.txtList li .txt p { font-size:1.5rem; font-weight:400; color:#555; border-top:1px solid #d9d9d9; line-height:160%; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.txtList li .txt p.no-line { font-size:1.5rem; font-weight:400; color:#555; border-top:0; line-height:160%; margin:1.5rem 0 0; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.txtList li .thumbnail { margin:1rem 0 0; width:auto; height:auto; overflow:hidden; border-radius:0.5rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.txtList li .thumbnail img { width:100%; height:100%; object-fit: cover;}

.device-mobile .m-container .CompanyFerry-safetravel-bg.list h3.p-tit { font-size:2rem; font-weight:700; color:#83796F; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list h3.p-tit.font-30 { font-size:3rem; font-weight:700; color:#333; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list .mianTxt { font-size:1.5rem; font-weight:400; color:#666; line-height:150%; margin-top:1.5rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list .titleWrap { border-bottom:1px solid #958D85; padding:0 0 2rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list .titleWrap.none { border:0; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list.none .dataResult.CompanyFerry.safetravel h4 { padding-left:8rem; font-size:3.5rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-5.png') 0 0 no-repeat; background-size:7rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list.none ul.txtList li .txt h5 span { font-size:1.8rem; font-weight:700; border-radius:50%; color:#fff; display:inline-block; vertical-align:middle; width:3.5rem; height:3.5rem; text-align:center; line-height:3.5rem; background:#6B655F;  margin-right:1rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.Safe-Tabs { display:flex; flex-wrap:wrap; justify-content:space-between; border-radius:0.5rem; overflow:hidden; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.Safe-Tabs li { border-radius:0.5rem; cursor:pointer; line-height:5rem; text-align:center; height:5rem; width:49%; background:#D9D9D9; margin:0 0 2%; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.Safe-Tabs li span { font-size:1.7rem; font-weight:400; color:#83796F; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.Safe-Tabs li.active { background:#83796F; border-radius:0.5rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list ul.Safe-Tabs li.active span { font-size:1.7rem; font-weight:700; color:#fff; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list .Safe-Tab-content { display:none; margin:2rem 0 0; }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list .Safe-Tab-content.active { display:block;  }
.device-mobile .m-container .CompanyFerry-safetravel-bg.list .Safe-Tab-content .no-data { font-size:2rem; font-weight:400; color:#333; background:#ebeae6; text-align:center; }

.device-mobile .m-container .Safe-Tab-content2 { display:none; }
.device-mobile .m-container .Safe-Tab-content2.active { display:block;  }


/* 안전여행 2 */
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .txtArea h4.ico-1 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem !important; margin:0 0 2rem !important; font-size:2rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-1.png') 0 0.5rem no-repeat; background-size:5rem !important; }

.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .txtArea h4.ico-2 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem !important; margin:0 0 2rem !important; font-size:2rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-2.png') 0 0.5rem no-repeat; background-size:5rem !important; }

.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .txtArea h4.ico-3 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem !important; margin:0 0 2rem !important; font-size:2rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-3.png') 0 0.5rem no-repeat; background-size:5rem !important; }

.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .txtZone { }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .txtArea h4 { padding-left:8rem; font-size:2rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-t-1.png') 0 0 no-repeat; background-size:7rem; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .txtArea h4 span { color:#149AAF; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .txtArea p { padding:0; font-size:1.5rem; font-weight:400; color:#666; line-height:150%; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .txtArea p strong { font-weight:500; color:#333; }

.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .imgZone { flex:1; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .imgZone img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .imgZone li { width:auto; background:#fff; border-radius:1rem; margin-right:0; margin:0 0 1rem; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .imgZone li:last-child { margin-right:0; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .imgZone li .thumbnail { width:100%; height:auto; overflow:hidden; border-radius:0.5rem; }
.device-mobile .m-container .dataResult.CompanyFerry.safetravel-02 .imgZone li .thumbnail img { width:100%; height:100%; object-fit: cover; }

.device-mobile .m-container .CompanyFerry-safetravel-bg.h-auto { height:auto; padding:2rem 1.5rem; margin:0; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li { display:block; width:100%; margin:0 0 1rem; background:#fff; box-shadow:0 0 15px 5px rgba(0,0,0,.05); padding:1.5rem; min-height:7rem; border-radius:1rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li span {  font-size:1.6rem; font-weight:700; min-width:3rem; height:3rem; line-height:3rem; text-align:center; border-radius:50%; background:#958D85; color:#fff; margin-right:1rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li strong {  width:auto; position:relative; display:block; align-items:center; font-size:1.6rem; font-weight:500; color:#333;  }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li strong:after { content:""; position:absolute; top:50%; right:0; height:1.5rem; margin-top:-0.75rem; border-right:1px solid #D9D9D9; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .txtList li p { margin-left:0; margin:1rem 0 0; font-size:1.5rem; font-weight:400; color:#555; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .bigimg { width:auto; margin:5rem auto; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow { display:block; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li { margin:0 0 1rem; display:flex; align-items:center; width:auto; height:auto; border-radius:1rem; padding:1rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(3n) { }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li p { flex:1; margin-left:1rem; font-size:1.5rem; color:#555; font-weight:400; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(1) { border:1px solid #149AAF; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(1) span.num { margin-left:1rem; display:flex; align-items:center; justify-content:center; min-width:3.5rem; min-width:3.5rem; border-radius:50%; background:#149AAF; font-size:1.8rem; font-weight:700; color:#fff; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(1) span.ico { margin-left:auto; position:relative; top:1rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-1.png') 50% 50% no-repeat; background-size:contain; font-size:1.8rem; font-weight:700; color:#fff; }


.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(2) { border:1px solid #F25B6A; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(2) span.num { margin-left:1rem; display:flex; align-items:center; justify-content:center; min-width:3.5rem; min-width:3.5rem; border-radius:50%; background:#F25B6A; font-size:1.8rem; font-weight:700; color:#fff; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(2) span.ico { margin-left:auto; position:relative; top:1rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-2.png') 50% 50% no-repeat; background-size:contain; font-size:1.8rem; font-weight:700; color:#fff; }



.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(3) { border:1px solid #958D85; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(3) span.num { margin-left:1rem; display:flex; align-items:center; justify-content:center; min-width:3.5rem; min-width:3.5rem; border-radius:50%; background:#958D85; font-size:1.8rem; font-weight:700; color:#fff; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(3) span.ico { margin-left:auto; position:relative; top:0rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-3.png') 50% 50% no-repeat; background-size:8rem; font-size:1.8rem; font-weight:700; color:#fff; }


.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(4) { border:1px solid #BC9409; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(4) span.num { margin-left:1rem; display:flex; align-items:center; justify-content:center; min-width:3.5rem; min-width:3.5rem; border-radius:50%; background:#BC9409; font-size:1.8rem; font-weight:700; color:#fff; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(4) span.ico { margin-left:auto; position:relative; top:1rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-4.png') 50% 50% no-repeat; background-size:contain; font-size:1.8rem; font-weight:700; color:#fff; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(5) { border:1px solid #555; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(5) span.num { margin-left:1rem; display:flex; align-items:center; justify-content:center; min-width:3.5rem; min-width:3.5rem; border-radius:50%; background:#555; font-size:1.8rem; font-weight:700; color:#fff; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.Knowhow li:nth-child(5) span.ico { margin-left:auto; position:relative; top:1rem; right:-1.5rem; width:11rem; height:11rem; border-radius:50%; background:url('../../images/egovframework/business/safetravel/ico-p3-5.png') 50% 50% no-repeat; background-size:contain; font-size:1.8rem; font-weight:700; color:#fff; }


.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 {  display:block; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 li { margin:0 0 1rem; padding:1.5rem; width:100%; height:auto; background:#fff; border-radius:0.5rem; border:1px solid #E8E7E3; box-shadow:0 0 15px 5px rgba(0,0,0,.05); }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 li .thumbnail { width:100%; height:auto; border:1px solid #E8E7E3; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 li .thumbnail img { width:100%; height:100%; object-fit: cover; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 ul.List2 li p { font-size:1.5rem; font-weight:400; color:#555; }


.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 h4.ico-4 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem; font-size:2rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-4.png') 0 0.5rem no-repeat; background-size:5rem;  }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 h4.ico-5 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem; font-size:2rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-5.png') 0 0.5rem no-repeat; background-size:5rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .Conbox { border:1px solid #E8E7E3; padding:2rem; box-shadow:0 0 15px 5px rgba(0,0,0,.05); border-radius:0.5rem;  }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .Conbox .titArea { border-bottom:1px solid #e5e5e0; padding:0 0 2rem; }
.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 .Conbox .titArea strong { font-size:1.8rem; color:#333; font-weight:500; }



.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 h4.ico-6 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem; font-size:2rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-6.png') 0 0.5rem no-repeat; background-size:5rem; }

.device-mobile .m-container .CompanyFerry-safetravel-bg .dataResult.CompanyFerry.safetravel-02 h4.ico-7 { padding-top:1rem; padding-bottom:1rem; padding-left:6rem; font-size:2rem; font-weight:700; color:#333; background:url('../../images/egovframework/business/safetravel/ico-p2-7.png') 0 0.5rem no-repeat; background-size:5rem;}



/* 메인 선박예매 팝업 */
.ico-search {  position: relative; top: -2px; display: inline-block; vertical-align: middle; width: 2.8rem; height: 2.8rem; background: url('../../images/egovframework/sub/ico-search-white.png') 50% 50% no-repeat; background-size: contain; }
.m-modal .reservation .popContents { padding:1.5rem; }
.m-modal .reservation .tab li { width:33%; height:4rem; margin-right:0.1rem; }
.m-modal .reservation .tab li i.ico { display:inline-block; vertical-align:middle; margin-right:1rem; }
.m-modal .reservation .tab li:nth-child(1) i.ico { width:3.3rem; height:2.4rem; background:url('../../images/egovframework/main/reservation-tab1-off.png') 50% 0 no-repeat; }
.m-modal .reservation .tab li:nth-child(2) i.ico { width:3.1rem; height:1.1rem; background:url('../../images/egovframework/main/reservation-tab2-off.png') 50% 0 no-repeat; }
.m-modal .reservation .tab li:nth-child(3) i.ico { width:3rem; height:2.3rem; background:url('../../images/egovframework/main/reservation-tab3-off.png') 50% 0 no-repeat; }
.m-modal .reservation .tab li:nth-child(1) button.active i.ico { width:3.3rem; height:2.4rem; background:url('../../images/egovframework/main/reservation-tab1-on.png') 50% 0 no-repeat; }
.m-modal .reservation .tab li:nth-child(2) button.active i.ico { width:3.1rem; height:1.1rem; background:url('../../images/egovframework/main/reservation-tab2-on.png') 50% 0 no-repeat; }
.m-modal .reservation .tab li:nth-child(3) button.active i.ico { width:3rem; height:2.3rem; background:url('../../images/egovframework/main/reservation-tab3-on.png') 50% 0 no-repeat; }
.m-modal .reservation .tab li button { color:#fff; font-size:1.7rem; width:100%; height:100%; background:rgba(117,118,110,.7); }
.m-modal .reservation .tab li button.active { color:#443600; background:rgba(255,216,79,.9); }

.m-modal .reservation .tab-area { display:none; }
.m-modal .reservation .tab-area.active { display:block; }

.m-modal .reservation .form { padding:1rem; background:rgba(107,101,95,.9); }
.m-modal .reservation .form .select-box-area { margin:1rem 0 0; border-radius:0.5rem; overflow:hidden; }
.m-modal .reservation .form .select-box-area:nth-child(1),
.m-modal .reservation .form .select-box-area:nth-child(2),
.m-modal .reservation .form .select-box-area:nth-child(3),
.m-modal .reservation .form .select-box-area:nth-child(4) { }
.m-modal .reservation .form .select-box-area select { font-size:1.6rem !important; }
.m-modal .reservation .form .select-box-area input { width:100%; height:5rem; border:0; border-radius:0; padding:0 1rem; }
.m-modal .reservation .form .btn-save { margin:1rem 0 0; width:100%; height:5rem; background:#FFD84F; font-size:2rem; color:#443600; font-weight:700; }

.m-modal .reservation .form .select-box-area .select { width:100%; height:5rem; border:0; font-size:1.9rem; font-weight:500; color:#454C62; }

.m-modal .reservation .form .select-box-area .ico1 {
  background:#fff url('../../images/egovframework/main/Group-1.png') 1.5rem 50% no-repeat;
  padding-left:5.5rem;
}

.m-modal .reservation .form .select-box-area .ico2 {
  background:#fff url('../../images/egovframework/main/Group.png') 1.5rem 50% no-repeat;
  padding-left:5.5rem;
}

.m-modal .reservation .form .select-box-area .ico3 {
  background:#fff url('../../images/egovframework/main/Vector.png') 1.5rem 50% no-repeat;
  padding-left:5.5rem;
}

.m-modal .reservation .form .select-box-area .ico4 {
  background:#fff url('../../images/egovframework/main/Vector-1.png') 1.5rem 50% no-repeat;
  padding-left:9rem;
}

/***** 모달용 인원차량선택 팝업 *****/
.pop-close-sch { margin-left:auto; width:2.8rem; height:2.8rem; background:url('../../images/egovframework/sub/ico-close.png') 50% 50% no-repeat; background-size:contain; }



/* 모바일 승선권 팝업 */
.m-modal .mobileTicket { }
.m-modal .mobileTicket h4 { display:flex; align-items:center; height:5rem; font-size:1.8rem; color:#fff; font-weight:700; letter-spacing:-0.5px; }
.m-modal .mobileTicket h4 span { font-size:1.4rem; font-weight:500; color:#F4FEFF; }
.m-modal .mobileTicket .no { margin:0.5rem 0 0 0.5rem; font-size:1.4rem; font-weight:500; color:#fff; }
.m-modal .mobileTicket .popContents { padding:0; position:relative; }

.m-modal .mobileTicket .popContents ul.info { height:10rem; padding:2rem; background:#F6F6F4; }
.m-modal .mobileTicket .popContents ul.info li:nth-child(1) { width:30%; }
.m-modal .mobileTicket .popContents ul.info li:nth-child(2) { width:40%; margin:0 5rem; }
.m-modal .mobileTicket .popContents ul.info li:nth-child(3) { width:30%; }
.m-modal .mobileTicket .popContents ul.info li p { font-size:1.4rem; color:#666; }
.m-modal .mobileTicket .popContents ul.info li p.bold { font-size:1.8rem; color:#333; font-weight:500;  }

.m-modal .mobileTicket .popContents .pad { padding:0 2rem 2rem; }
/* 2023-06-28 배광민변경 */
.m-modal .mobileTicket .popContents .pad .addr { position:relative; top:-2rem; background:#fff; z-index:2; height:8rem; display:flex; align-items:center; justify-content:center; border:1px solid #149AAF; border-radius:1rem; box-shadow:0 0 10px 5px rgba(0,0,0,.1); }
.m-modal .mobileTicket .popContents .pad .addr p { font-size:3rem; font-weight:700; }
.m-modal .mobileTicket .popContents .pad .addr p.from { color:#149AAF; }
.m-modal .mobileTicket .popContents .pad .addr span { margin:0 2rem; width:10.5rem; height:7rem; background:url('../../images/egovframework/sub/ico-mobileTicket.png') 50% 50% no-repeat; }

.m-modal .mobileTicket .popContents .pad ul.info2 { height:auto; padding:1rem; background:#6B655F; border-radius:0.5rem 0.5rem 0 0; }
.m-modal .mobileTicket .popContents .pad ul.info2 li:nth-child(1) { width:40%; }
.m-modal .mobileTicket .popContents .pad ul.info2 li:nth-child(2) { width:30%; margin:0 5rem; }
.m-modal .mobileTicket .popContents .pad ul.info2 li:nth-child(3) { width:30%; }
.m-modal .mobileTicket .popContents .pad ul.info2 li p { font-size:1.4rem; color:#CECECE; }
.m-modal .mobileTicket .popContents .pad ul.info2 li p.bold { font-size:1.7rem; color:#fff; font-weight:500;  }

.m-modal .mobileTicket .popContents .pad ul.info3 { height:10rem; padding:2rem 1rem; background:#fff; border-bottom:1px solid #EEE; }
.m-modal .mobileTicket .popContents .pad ul.info3 li:nth-child(1) { width:20%; }
.m-modal .mobileTicket .popContents .pad ul.info3 li:nth-child(2) { width:10%; margin:0 3rem; }
.m-modal .mobileTicket .popContents .pad ul.info2 li:nth-child(3) { width:70%; }
.m-modal .mobileTicket .popContents .pad ul.info3 li p { font-size:1.4rem; color:#666; }
.m-modal .mobileTicket .popContents .pad ul.info3 li p.bold { font-size:1.8rem; color:#333; font-weight:500;  }

.m-modal .mobileTicket .popContents .pad ul.info4 { height:10rem; padding:2rem 1rem; background:#fff; border-bottom:1px dashed #ccc; }
.m-modal .mobileTicket .popContents .pad ul.info4 li:nth-child(1) { width:20%; }
.m-modal .mobileTicket .popContents .pad ul.info4 li:nth-child(2) { width:10%; margin:0 3.5rem; }
.m-modal .mobileTicket .popContents .pad ul.info4 li:nth-child(3) { width:70%; }
.m-modal .mobileTicket .popContents .pad ul.info4 li p { font-size:1.4rem; color:#666; }
.m-modal .mobileTicket .popContents .pad ul.info4 li p.bold { font-size:1.8rem; color:#333; font-weight:500;  }

.m-modal .mobileTicket .popContents .pad .info { margin:2rem 0 0; }
.m-modal .mobileTicket .popContents .pad .info .qrWrap { width:10rem; height:10rem; border:2px solid #E3E3E3; padding:0.5rem; overflow:hidden; align-items: center; margin: auto; }
.m-modal .mobileTicket .popContents .pad .info .qrWrap img { width:100%; height:100%; object-fit:cover; }
.m-modal .mobileTicket .popContents .pad .info .txt { flex:1; margin-left:2rem; justify-content: center; align-items: center; text-align: center; }
.m-modal .mobileTicket .popContents .pad .info .flex_box { display: inline-flex;  text-align: center;  width: 27rem;  align-items: center; }
.m-modal .mobileTicket .popContents .pad .info .txt p { font-size:1.4rem; font-weight:500; color:#333; }
.m-modal .mobileTicket .popContents .pad .info .txt p.margin3{ margin-right: 3rem; }
.m-modal .mobileTicket .popContents .pad .info .txt p.pay { margin:0 0 0.2rem; font-size:2.4rem; font-weight:700; color:#F25B6A; }
.m-modal .mobileTicket .popContents .pad .info .txt p.pay span { font-size:1.8rem; font-weight:500; color:#333;  }
.m-modal .mobileTicket .popContents .pad .info .txt p.description { font-size:1.4rem; font-weight:400; color:#666; }

.m-modal .mobileTicket .popFooter { padding:0; height:4rem; background:url('../../images/egovframework/sub/mobileTicket_bg.png') 50% 50% no-repeat; background-size:cover; }

.m-modal .mobileTicket .swiper-button-next::after,
.m-modal .mobileTicket .swiper-button-prev::after {
  display: none;
}
.m-modal .mobileTicket .swiper-button-prev {
  width:5rem;
  height:5rem;
  left:1rem;
  background: url('../../images/egovframework/main/slide-left.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:99999999;	/* 0728 mwj 수정 z-index:9; */
}
.m-modal .mobileTicket .swiper-button-next {
  width:5rem;
  height:5rem;
  right:1rem;
  background: url('../../images/egovframework/main/slide-right.png') 50% 50% no-repeat;
  background-size:contain; 
  z-index:99999999;	/* 0728 mwj 수정 z-index:9; */
}


.reservation-active { background:#F4FEFF !important; border:2px solid #149AAF !important; border-radius:0.5rem; }
.reservation-active .reservation-status { margin-left:auto; }
.reservation-none-active .reservation-status { margin-left:auto; }

/***** 인트로 *****/
#wrapper { height:100%; }
#wrapper .introWrap { overflow:hidden; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background: url('../../images/egovframework/intro/intro_bg.png') 50% 50% no-repeat; }
#wrapper .introWrap { background-size:cover; }
#wrapper .introWrap .txtWrap .txt-big { font-size:4.6rem; color:#333; font-weight:400; }
#wrapper .introWrap .txtWrap .txt-big strong { font-size:5.6rem; font-weight:500;  }
#wrapper .introWrap .txtWrap .txt-big strong.purple { color:#8135E1; }
#wrapper .introWrap .txtWrap h1 { font-size:10rem; color:#333; }
#wrapper .introWrap .txtWrap h1 strong { color:#F25B6A; }
#wrapper .introWrap .txtWrap p.description { font-size:2.4rem; color:#333; font-weight:400; }
#wrapper .introWrap .txtWrap .link { margin:5rem 0 0; display:flex; }
#wrapper .introWrap .imgWrap { margin:3rem 0 0 14rem; }

.device-mobile { height:100%; max-width:76.7rem; margin:0 auto; }
.device-mobile .introWrap { overflow:hidden; padding:3rem 2rem; width:100%; height:100%; background: url('../../images/egovframework/mobile/images/intro/intro_bg.png') 50% 50% no-repeat; }
.device-mobile .introWrap { background-size:cover; }
.device-mobile .introWrap .txtWrap .txt-big { margin:1rem 0 0; font-size:2.4rem; color:#333; font-weight:400; }
.device-mobile .introWrap .txtWrap .logo img { width:20rem; }
.device-mobile .introWrap .txtWrap .txt-big strong { font-size:3rem; font-weight:500;  }
.device-mobile .introWrap .txtWrap .txt-big strong.purple { color:#8135E1; }
.device-mobile .introWrap .txtWrap h1 { font-size:4.5rem; color:#333; }
.device-mobile .introWrap .txtWrap h1 strong { color:#F25B6A; }
.device-mobile .introWrap .txtWrap p.description { font-size:1.6rem; color:#333; font-weight:400; }
.device-mobile .introWrap .txtWrap .link { margin:2rem 0 0; text-align:center; display:flex; justify-content:center; }
.device-mobile .introWrap .txtWrap .link a { width:50%; margin-right:1rem; }
.device-mobile .introWrap .txtWrap .link img { width:100%; height:100%; object-fit:contain; }
.device-mobile .introWrap .imgWrap { margin:4rem 0 0; text-align:center;  }
.device-mobile .introWrap .imgWrap img { width:18rem;  }

/* 로딩바 */
#loading { position:fixed; z-index:9999999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
#loading .wrap { width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding:2rem; }
#loading .loadingBar { display:flex; align-items:center; justify-content:center; flex-direction:column; width:48rem; height:18rem; background:rgba(255,255,255,.95); border-radius:1.5rem; }
#loading .loadingBar .bar { position:relative; margin:1.5rem 0 0; width:24rem; height:2rem; border-radius:1rem; background:#EDEDED; border:1px solid #D9D9D9; }
#loading .loadingBar .bar .progress { position:absolute; top:0; left:0; width:0; height:100%; border-radius:1rem; border:1px solid #EDEDED; background:linear-gradient( to right, #FED955, #F25B6A ); }
#loading .loadingBar .bar .progress div { position:relative; width:100%; height:100%;  }
#loading .loadingBar .bar .progress div img { position:absolute; top:-2rem; right:-4rem; }
#loading .loadingBar .bar .progress { }
@keyframes loading {
    from { width:0; }
    to { width:100%; }
}

div#first{	background: #eff3ff; 	}
div#second{ background: #ffefff;	}

#container .reservation .tab-area-main { display:none; }
#container .reservation .tab-area-main.active { display:block; }
.m-modal .reservation .tab-area-main { display:none; }
.m-modal .reservation .tab-area-main.active { display:block; }

/***** 주소확인 버튼을 위한 css *****/
.d_btn:hover {
    color: #464646;
    text-decoration: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e5e5e5));
    background-image: -moz-linear-gradient(top,#fff,#e5e5e5);
    background-image: -o-linear-gradient(top,#fff,#e5e5e5);
    background-image: linear-gradient(top,#fff,#e5e5e5);
}
.d_btn {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0.4em 0.15em;
    border: 1px solid #ccc;
    border-color: #dbdbdb #d2d2d2 #b2b2b2 #d2d2d3;
    cursor: pointer;
    color: #464646;
    border-radius: 0.2em;
    vertical-align: middle;
    font-size: 1em;
    height:4rem;
    line-height: 2em;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -o-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(top,#fff,#f2f2f2);
    margin-right: 0.5rem;
}
.ticket-icon { margin-bottom: 1rem; }
.btnClass.small span { text-decoration: none; display: inline-block; height: 26px;  line-height: 26px; }
.btnClass span { text-decoration: none; display: inline-block; height: 34px; line-height: 34px; font-weight: bold; }
.pointer { cursor: pointer; }
.head { width: 100% }
.head img { padding:1rem; }
.popup-alert p { font-size: 1.8rem; color:#333; font-weight: 400;}
.popfooter { display:flex; bottom:0px; width:100%; height: 6rem; font-size: 12px; background-color: #aca196; padding: 5px 20px; vertical-align: middle; }
.popfooter a { color:#fff; border-radius:5px; display:inline-block; text-align:center; width:10rem; height:4rem; line-height:48px; background:#767676; font-size:16px; font-weight:500; margin-left: 11rem; }
/* modal 폰트크기 조정 */
.col-auto .small-font { font-size:1.8rem; }
#reservationNextBtn {background: #F25B6A; font-size:2.4rem;}
.m-modal .Passenger-change form .col-auto.mr-2.last-div { width: 100%; }
/* icon 설명 문구 */
#container-sub .container .travel-reservation .icon-explanation{   display: flex; padding: 1rem; justify-content: flex-end; }
#container-sub .container .travel-reservation .icon-explanation .ico-p { margin-left: 1rem; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #8D00FC; font-size: 1.8rem; color: #fff; }
#container-sub .container .travel-reservation .icon-explanation p { margin-left: 1rem; font-size: 1.8rem; }

.device-mobile .m-container .travel-reservation-schedule .icon-explanation{ display: flex; padding: 1rem; justify-content: flex-end; }
.device-mobile .m-container .travel-reservation-schedule .icon-explanation .ico-p { margin-left: 1rem; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #8D00FC; font-size: 1.4rem; color: #fff; }
.device-mobile .m-container .travel-reservation-schedule .icon-explanation p { margin-left: 1rem; font-size: 1.8rem; }

/* 2023-11-21[s] */
.m-modal .mobileTicket .popContents .pad ul.info-col2 { height:7rem; padding:1rem; background:#6B655F; border-radius:0.5rem 0.5rem 0 0; }
.m-modal .mobileTicket .popContents .pad ul.info-col2 li:nth-child(1) { width:50%; }
.m-modal .mobileTicket .popContents .pad ul.info-col2 li:nth-child(2) { width:50%; }
.m-modal .mobileTicket .popContents .pad ul.info-col2 li p { font-size:1.4rem; color:#CECECE; }
.m-modal .mobileTicket .popContents .pad ul.info-col2 li p.bold { font-size:1.7rem; color:#fff; font-weight:500;  }
.m-modal .mobileTicket .popContents .pad ul.info-col2.no_bg { background:none; border-bottom:1px solid #EEE; }
.m-modal .mobileTicket .popContents .pad ul.info-col2.no_bg li p { font-size:1.4rem; color:#666; }
.m-modal .mobileTicket .popContents .pad ul.info-col2.no_bg li p.bold { font-size:1.8rem; color:#333; font-weight:500;  }
.m-modal .mobileTicket .popContents .pad .info_pay { margin:7rem 0 0; text-align:center; }
.m-modal .mobileTicket .popContents .pad .info_pay .ico { margin:0 auto; width:18.7rem; height:7.9rem; background: url('../../images/egovframework/sub/ico_car_ticket.png') 50% 50% no-repeat; background-size:contain; }
.m-modal .mobileTicket .popContents .pad .info_pay .pay { letter-spacing:0; margin:2.1rem 0 0; font-size:1.4rem; font-weight:500; color:#333; }
.m-modal .mobileTicket .popContents .pad .info_pay .pay strong { margin-left:0.5rem; font-size:2.4rem; font-weight:700; color:#F25B6A; }
.m-modal .mobileTicket .popContents .pad .info_pay .pay span { font-size:1.8rem; font-weight:500; color:#333; }
/* 2023-11-21[e] */


/* 승선권 체크 2023-07-26[s] */
.m-modal.notice { overflow:hidden; display:flex; align-items:center; justify-content:center; position:fixed; top:5rem; left:0; width:100%; height:100%; background:rgba(0,0,0,.35);  }
.m-modal.notice .bg-line { position:fixed; top:5rem; left:0; width:100%; height:100%; z-index:1; }

.m-modal.notice .notice-con { z-index:9999999999; position:relative; top:-5rem; display:flex; align-items:center; justify-content:center; flex-direction:column; width:25rem; height:15.2rem; position:relative; background:rgba(255,255,255,.9); border-radius:1rem; }
.m-modal.notice .notice-con h3 { font-size:2.4rem; font-weight:700; color:#454545; letter-spacing:-3%; }
.m-modal.notice .notice-con p { margin:0.5rem 0 0; font-size:1.5rem; font-weight:400; color:#626262; letter-spacing:-3%; }

.m-modal.notice.type-A .notice-con { border-top:0.8rem solid #FF4154; }
.m-modal.notice.type-A .notice-con .ico { width:5.7rem; height:5.6rem; position:absolute; top:-2.8rem; left:48%; margin-left:-2.35rem; background:url('../../images/egovframework/sub/ico-ticket-no.png') 50% 50% no-repeat; }

.m-modal.notice.type-B .notice-con { border-top:0.8rem solid #22AEC5; }
.m-modal.notice.type-B .notice-con .ico { width:5.7rem; height:5.6rem; position:absolute; top:-2.8rem; left:48%; margin-left:-2.35rem; background:url('../../images/egovframework/sub/ico-ticket-ok.png') 50% 50% no-repeat; }

.m-modal.notice.type-C .notice-con { border-top:0.8rem solid #FFBE17; }
.m-modal.notice.type-C .notice-con .ico { width:5.7rem; height:5.6rem; position:absolute; top:-2.8rem; left:48%; margin-left:-2.35rem; background:url('../../images/egovframework/sub/ico-ticket-etc.png') 50% 50% no-repeat; }
/* 승선권 체크 2023-07-26[e] */