@charset "utf-8";
@import url("print.css");									/* Print Style 로드 */



/* --------------------------------------------------------- 배포 후 > comm_style 위치로 변경  ------------------------------------------------------------------ */

/* ----------------------------------------------- 타이포그래피(Typography) -------------------------------------------------------- */
/* 제목 */
.title-type1-area {margin-bottom: 30px;}
.title-type1-area .red {color:#ee4843;}
.title-type1-area span.title-type1,
.title-type1-area .title-type1-memo {
    display: inline-block; vertical-align: bottom;
}
.title-type1 {
    font-size: 30px; line-height: 32px; color: #333333;
    font-family: "NotoSans", "돋움", "Dotum", "맑은고딕", sans-serif; font-weight: 400;
}
.title-type1-area .sub-title {
    display:inline-block; position: absolute; top: 5px; left: 209px; width: 190px; height: 16px; transform: skew(-20deg);
    background: #3b3b3b; color: #ffffff; text-align: center; vertical-align : middle; padding : 4px 0 4px;

}
.title-type1-area .sub-title.hot{ left: 146px; width:180px;}
.title-type1-area .sub-title.hot-place{ left: 244px; width:205px;}

.title-type1-area .sub-underLine {
    display:inline-block;
    border-bottom:1px solid #3b3b3b;
    width:760px;
    position:absolute;
    top:28px;
    left:217px;
}
.title-type1-area .sub-underLine.hotUnderLine {
    display:inline-block;
    border-bottom:1px solid #3b3b3b;
    width:724px;
    position:absolute;
    top:28px;
    left:257px;
}

.product-item-area .category-tab div {
    display:inline-block; padding-left:34px;
}
.product-item-area .category-tab div:first-child {
    padding-left:0;
}
.product-item-area .category-tab div a {
    font-family : "NotoSans"; color:#222222; font-weight: 800;
}
.product-item-area .category-tab div a:hover{color:#fe3a43;}

.product-item-area .category-tab div a.tx{color:#fe3a43; border-bottom: 2px solid #fe3a43; padding-bottom:13px; font-weight: 800;}


.title-type1-area div p {
    font-family: "NotoSans L";
    transform: skew(20deg);
    font-size:14px;

}
.title-type1-memo {
    display: inline-block; margin-left: 15px;
    font-size: 15px; color: #8b8a8a;
    font-family: "NotoSans", "돋움", "Dotum", "맑은고딕", sans-serif;
    position: relative; top: -2px;
}

.title-type2 {
    font-size: 46px; color: #333333;
    font-family: "NotoSans B", "돋움", "Dotum", "맑은고딕", sans-serif;
    text-align: center;
}
.title-type2-memo {font-size: 20px; line-height: 18px; color: #333333; text-align: center; margin-top: 16px; padding-bottom:30px;}

.title-type3 {
    font-size: 26px; color: #333333; text-align: center;
    font-family: "Notosans B", "돋움", "Dotum", "맑은고딕", sans-serif;
}

.title-type3 span.red {
    color: #f0524c;
}

.title-type3 img.icon {display: inline-block; vertical-align: middle; margin-right: 15px;}



.title-type4 {
    font-size: 20px; line-height: 24px;
    font-family: "NotoSans B", "돋움", "Dotum", "맑은고딕", sans-serif;
    color: #f0524c; margin-bottom: 30px;
}



/* 제목 > Side Area */
.title-side-area {display: table; width: 100%; table-layout: fixed;}
.title-side-area .l-area,
.title-side-area .r-area {
    display: table-cell; vertical-align: top;
}
.title-side-area .r-area {text-align: right;}
.title-side-area .icon img {display: inline-block; vertical-align: middle; height: 18px;}



/* 본문(문단) */
.type-bodyA {}
.type-bodyA dl.typeA,
.type-bodyA .inline-group,
.type-bodyA .inline-group2 {
    margin-top: 70px;
}
#tabs-1 .type-bodyA dl.typeA:first-child {margin-top: 0;}
.type-bodyA dl.typeA > dt {font-size: 20px; color: #333333; font-family: "NotoSans B", sans-serif; padding:20px 0px;}
.type-bodyA dl.typeA > dd,
.typography-typeA {
    font-size: 14px; line-height: 24px; color: #999999; margin-top: 15px;
}
.typography-typeA {margin: 10px 0;}
.type-bodyA dl.typeA .inline-group {margin-top: 30px;}
.type-bodyA dl.typeA .inline-group dl.typeC {margin: 0;}
.type-bodyA div.typeB {margin-top: 20px;}
.type-bodyA div.typeB dl {display: inline-block; vertical-align: middle; margin-right: 50px;}
.type-bodyA div.typeB dl dt,
.type-bodyA div.typeB dl dd {display: inline-block; vertical-align: middle;}
.type-bodyA div.typeB dt {font-size: 14px; color: #333333; margin: 0;}
.type-bodyA div.typeB dd {font-size: 14px; color: #999999; margin: 0;}
.type-bodyA dl.typeC {margin-top: 30px;}
.type-bodyA dl.typeC:first-child {margin-top: 0;}
.type-bodyA dl.typeC dt {font-size: 14px; font-weight: bold; line-height: 24px; color: #333333;}
.type-bodyA dl.typeC dt::before {content: "-"; display: inline-block; vertical-align: middle; margin-right: 4px;}
.type-bodyA dl.typeC dd {padding-left: 14px;}
.type-bodyA dl.typeC dd a {color: #999999;}
.type-bodyA dl.typeD {margin-top: 30px;}
.type-bodyA dl.typeD:first-child {margin-top: 0;}
.type-bodyA dl.typeD dt,
.type-bodyA dl.typeD dd {display: inline-block; vertical-align: middle;}
.type-bodyA dl.typeD dt {font-size: 14px; font-weight: bold; line-height: 24px; color: #333333;}
.type-bodyA dl.typeD dt::before {content: "-"; display: inline-block; vertical-align: middle; margin-right: 4px;}
.type-bodyA dl.typeD dd a {color: #999999;}
.type-bodyA .inline-group dl {display: inline-block; vertical-align: top; width: 485px; margin: 0;}
.type-bodyA .inline-group2 dl {margin: 0; margin-top: 15px;}
.type-bodyA .inline-group2 dl:first-child {margin-top: 0;}
.type-bodyA .inline-group2 dl dt,
.type-bodyA .inline-group2 dl dd {display: inline-block; vertical-align: middle; margin: 0;}
.type-bodyA .inline-group2 dl dd {margin-left: 20px;}
.detail-photo {text-align: center; max-width: 700px; margin: 10px auto;}
.detail-photo img.full {width: auto; max-width: 100%; margin: 10px 0;}
.detail-photo.old {margin: 0 auto;}
.detail-photo.old img.full {margin: 0;}

.type-body3 {font-size: 15px; line-height: 22px; padding: 0 24px;}
.type-body3 p {color: #fff; margin-top: 10px;}

.float-content {overflow: hidden;}
.float-content .l-area,
.float-content .r-area {float: left;}
.float-content .icon img {margin-right: 10px; max-width: 100px;}
.float-content .text {margin-left: 15px;}

.inline-typeA dl {display: inline-block; vertical-align: middle; margin-right: 50px;}
.inline-typeA dl dt,
.inline-typeA dl dd {
    display: inline; vertical-align: middle;
    font-size: 16px; line-height: 24px;
}
.inline-typeA dl dt {color: #333333;}
.inline-typeA dl dd {color: #a8a8a8; margin-left: 5px;}

.typography-info {text-align: left;}
.typography-info p {font-size: 12px; line-height: 20px; color: #666666;}

dl.info-textA {padding: 20px 20px;}
dl.info-textA dt {font-size: 16px; font-weight: bold; line-height: 24px;}
dl.info-textA dd {font-size: 14px; line-height: 22px;}



/* 캡션 */
.sec-caption {width: 0; height: 0; line-height: 0; text-indent: -9999px; overflow: hidden;} /*Section Title*/
.caption-text-red {font-size: 12px; color: #fe434c; margin: 5px 0;}
.caption-typeA {font-size: 13px; line-height: 18px; color: #5f5f60; margin: 10px 0;}
.caption-typeB {
    display: inline-block;
    font-size: 14px; line-height: 20px; color: #666666; margin: 5px 0 10px;}
.caption-typeC {font-size: 14px; line-height: 20px; color: #909090; margin-top: 10px;}
.caption-check {font-size: 14px; line-height: 20px; color: #f0534b; text-align: right; margin: 14px 0 8px;}

.carBanner {
    position: relative;
    float: right;
}
.carBanner a {
    display: inline-block;
}


/* ----------------------------------------------- //타이포그래피(Typography) -------------------------------------------------------- */



/* --------------------------------------------------------- 컬러(color) ------------------------------------------------------------------ */
/* 폰트 */
.text-black {color: #272222 !important;}
.text-gray {color: #8b8b8b !important;}
.text-red {color: #f0524c !important;}
.text-pink {color: #e5555e !important;}
.text-blue {color: #0062f4 !important;}
.text-green {color: #019a2e !important;}
.text-yellow {color: #fff260 !important;}
/* --------------------------------------------------------- //컬러(color) ------------------------------------------------------------------ */



/* --------------------------------------------------------- 버튼(button) ------------------------------------------------------------------ */
/* Button Area */
.comm-btnWrap {text-align: center; margin: 20px 0 10px;}
.btn-wrap {text-align: center; margin: 20px 0 10px;}
.btn-wrap.right {text-align: right; margin: 15px 0;}


/* Button Style */
.comm-btn {
    display: inline-block; vertical-align: middle; color: #222; background-color: #f2f2f2; text-transform: uppercase; letter-spacing: 1px;
    font-size: 12px; font-weight: bold; padding: 0px 20px; margin: 2px 1px; line-height: 28px; white-space: nowrap;
    border: 1px solid #e1e3e4; border-color: rgba(0,0,0,0.1); border-bottom-width: 3px; border-radius: .25em; cursor: pointer;
}
.comm-btn:hover {color: #222;}


/* Button Color */
.comm-btn.red {background-color: #f0524c; color: #fff;}
.comm-btn.blue {background-color: #059cd3; color: #fff;}
.comm-btn.gray {background-color: #222; color: #fff;}
.comm-btn.black {background-color: #333333; color: #fff;}
.comm-btn.not-ms {background-color: #373f56; color: #fafd03; text-align: center; cursor: auto;}



/* Button size */
.comm-btn.sm {font-size: 12px; line-height: 22px; padding: 0 8px; border:none;}
.comm-btn.big {
    min-width: 180px; height: 70px;
    font-size: 24px; font-weight: normal; line-height: 70px; border: none; border-radius: 0;
    font-family: "NotoSans", sans-serif;
}

.comm-btn.typeB {font-size: 14px; line-height: 40px; padding: 0 30px; border: none; border-radius: 0;}
.comm-btn.form {height: 40px; line-height: 40px;}
a.comm-btn.sm,
a.comm-btn.big {padding: 0;}
/* --------------------------------------------------------- //버튼(button) ------------------------------------------------------------------ */



/* --------------------------------------------------------- 리스트 스타일 ------------------------------------------------------------------ */
/* list style disc */
.list-disc {}
.list-disc > li {
    font-size: 14px; line-height: 22px; color: #666666; margin: 4px 0;
    background: url(../../images/web/list/disc.png) no-repeat left 8px; padding-left: 14px; position: relative;
    background-size: 4px 4px;
}
.list-disc > li.danger {color: #e74c3c; background-image: url("../../images/web/list/disc_red.png");}
.list-disc li > ul,
.list-disc li > ol {margin-bottom: 15px;}
.list-disc li > ul > li {
    font-size: 14px; line-height: 22px; margin: 5px 0;
    background: url(../../images/web/list/hyphen.png) no-repeat left 11px; padding-left: 14px;
    background-size: 5px 1px;
}
.list-disc.sm > li {
    font-size: 12px; line-height: 20px; margin: 3px 0;
}

.comm-layer-popup .list-disc {padding: 10px;}
.comm-layer-popup .list-disc > li {font-size: 13px; line-height: 20px; background-position: left 6px;}



/* disc type-B */
.list-disc.type-B li {
    font-size: 15px; line-height: 24px; color: #fff; margin: 20px 0 5px 0;
    background: url(../../images/mw/list/disc_white.png) no-repeat left 9px; padding-left: 15px; position: relative;
    background-size: 6px;
}
.list-disc.type-B li:first-child {margin-top: 0;}
.list-disc.type-B li .title {font-size: 16px; line-height: 28px; color: #ffffff;}
/* --------------------------------------------------------- //리스트 스타일 ------------------------------------------------------------------ */



/* ----------------------------------------------- 테이블(Table) -------------------------------------------------------- */
/* table > basic */
table th.left,
table td.left {text-align: left !important;}
table th.center,
table td.center {text-align: center !important;}
table th.right,
table td.right {text-align: right !important;}
table a.link {color: #4ba9df; font-weight: 700; border-bottom: 1px solid #4ba9df; padding-bottom: 1px;}
table caption.left {text-align: left;}
table caption.center {text-align: center;}
table caption.right {text-align: right;}
.table-margin {margin: 10px 0;}



/* table > caption */
table caption {width: 0px; height: 0px; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px;}
.tb-caption {font-size: 14px; margin-bottom: 10px;}
.tb-caption2 {font-size: 14px; color: #221f20; text-align: left; margin: 25px 0 10px;}



/* table > slash(사선) */
table .backslash {
    background-image: url("../../images/mw/table/backslash.png");
    background-size: 100% 100%;
    text-align: left !important;
    padding: 5px 10px !important;
    line-height: 20px;
}
table .slash div,
table .backslash div {text-align: right; font-weight: 700; color: #fff;}



/* 테이블 옵션 (col) */
.table-col {
    width: 100%; border-spacing: 0px; border-collapse: collapse; table-layout: fixed;
    background: #fff; border-top: 2px solid #333333;
}
.table-col > thead > tr > th {
    font-size: 15px; font-weight: bold; color: #3e3939; text-align: center;
    background-color: #f4f4f4; padding: 10px 10px;
    border: 1px solid #cccccc;
}
.table-col > thead > tr:last-child > th {border-bottom: 1px solid #333333;}
.table-col > tbody > tr > th {
    font-size: 15px;
    background: #f5f5f5; padding: 10px 10px;
    border: 1px solid #cccccc;
}
.table-col > tbody > tr > td {
    font-size: 14px; line-height: 22px; color: #424447;
    min-height: 25px; padding: 10px 10px;
    border: 1px solid #cccccc;
}
.table-col > tbody > tr.line > td {border-top: 2px solid #9c9c9c; border-bottom: 2px solid #9c9c9c;}
.table-col > tfoot > tr > td {
    font-size: 15px;
    font-weight: bold; text-align: center;
    background: #f4f4f4; padding: 10px 10px;
    border: 1px solid #cccccc;
}
.table-col > tfoot > tr:first-child > td {border-top: 1px solid #333333;}
.table-col > tfoot > tr:last-child > td {border-bottom: 1px solid #333333;}
.table-col.left > tbody > tr > td {text-align: left;}
.table-col.center > tbody > tr > td {text-align: center;}
.table-col.right > tbody > tr > td {text-align: right;}
table.vertical-top > tbody > tr > th {vertical-align: top; padding-top: 40px;}
table.vertical-top > tbody > tr > td {vertical-align: top;}
table.vertical-middle > tbody > tr > th,
table.vertical-middle > tbody > tr > td {vertical-align: middle;}
table.vertical-bottom > tbody > tr > th,
table.vertical-bottom > tbody > tr > td {vertical-align: bottom;}



/* 테이블 옵션 (row) */
.table-row {width: 100%; border-spacing: 0px; border-collapse: collapse; margin: 10px 0 10px;}
.table-row.not-border {border-top: none;}
.table-row > tbody > tr > th {
    font-size: 13px; font-weight: bold; color: #3e3939; text-align: center;
    background: #f4f4f4; border: 1px solid #dde2e8;
    height: 30px; padding: 8px;
}
.table-row > tbody > tr > td {
    font-size: 13px; line-height: 20px; color: #424447;
    border: 1px solid #dde2e8; background: #fff;
    height: 30px; padding: 8px 10px;
}
/* ----------------------------------------------- //테이블(Table) -------------------------------------------------------- */



/* --------------------------------------------------------- 폼(form) ------------------------------------------------------------------ */
/* 기본옵션 */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="search"],
textarea {-webkit-appearance: none; /* iPhone 그림자 제거 */}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="url"],
select {
    height: 32px; line-height: 32px; vertical-align: middle;
    font-size: 14px; color: #333333; border: 1px solid #cfcfcf; border-radius: 0;
    padding: 0 10px; overflow: hidden;
}

.distributor select {
    height: 51px; line-height: 32px; vertical-align: middle;
    font-size: 16px; color: #333333; border: 0px solid #cfcfcf; border-radius: 0;
    padding: 0 20px; overflow: hidden; width: 154px;
}

textarea { width: 100%; font-size: 14px; line-height: 22px; border: 1px solid #cfcfcf; border-radius: 0; padding: 10px; margin: 2px 0 0; min-height: 100px;}
.comment-t {
    margin-top: 10px;
}


/* input placeholder all */
::-webkit-input-placeholder {color: #9b9b9b !important;}
::-moz-placeholder {color: #9b9b9b !important;} /* firefox 19+ */
:-ms-input-placeholder {color: #9b9b9b !important;} /* ie */
input:-moz-placeholder {color: #9b9b9b !important;}

input:focus, textarea:focus {border: 1px solid #f0534b; }



/* Input Align */
.input-col4 input {display: inline-block; vertical-align: middle; width: calc(25% - 4px);}
.input-col4-btn input {display: inline-block; vertical-align: middle; width: calc(25% - 28px);}
.input-col4-btn .comm-btn {width: 90px;}

.input-btn-col2 input {width: calc(100% - 98px);}
.input-btn-col2 .comm-btn {width: 90px;}



/* Default check, radio */
.label-typeA label {display: inline-block; vertical-align: middle; margin: 3px 0;}
.label-typeA label span {
    display: inline-block; vertical-align: middle; margin-left: 2px; margin-right: 16px;
    font-size: 15px; line-height: 20px; color: #1b1b1b; cursor: pointer;
}

.label-typeA label span.label-memo {margin-right:0; font-size:13px; color:#9a9a9a;}
.label-typeA label span.label-memo-blue {margin-right:0; font-size:13px; color:#00a8d1;}

/* Default id==for check, radio */
.label-typeB span {display: inline-block; vertical-align: middle; margin: 6px 0;}
.label-typeB label {
    display: inline-block; vertical-align: middle; margin-left: 2px; margin-right: 16px;
    font-size: 14px; line-height: 20px; color: #666666; cursor: pointer;
}



/* -------------------- Label Desigin -------------------- */
/* Input Radio */
.lb-ch {display: inline-block; vertical-align: middle; margin-right: 25px;}
.lb-ch input[type="radio"] {width: 0; height: 0; line-height: 0; visibility: hidden; position: absolute;}
.lb-ch input[type="radio"] + label {
    display: inline-block; width: 20px; height: 20px; border-radius: 100%; cursor: pointer;
    background-color: #fff; border: 1px solid #d0d0d0;
}
.lb-ch input[type="radio"]:checked + label {
    background: url("../../images/web/icon/basic/label-check.png") no-repeat center #ffffff;
    background-size: 10px;
}
.lb-ch .text {
    display: inline-block; vertical-align: middle;
    font-size: 18px; font-weight: bold; color: #666666; margin-left: 2px;
}

/* Input Radio, Checkbox > Box Style */
.lb-box {}
.lb-box input[type="radio"],
.lb-box input[type="checkbox"] {
    visibility: hidden; position: absolute; z-index: -1;
}
.lb-box input[type="radio"] + label,
.lb-box input[type="checkbox"] + label {
    width: 100%; height: 40px; line-height: 40px; border: 1px solid #cfcfcf;
    font-size: 16px; color: #666666; text-align: center;
    display: block; box-sizing: border-box;
    cursor: pointer;
    letter-spacing: -1.5px;
}
.lb-box input[type="radio"]:checked + label,
.lb-box input[type="checkbox"]:checked + label {
    border: 3px solid #f0524c;
    line-height: 36px;
    color: #f0524c;
}



/* 비활성화 */
input.disabled,
select.disabled,
textarea.disabled {background: #ffffff !important;}
input.disabled:hover,
select.disabled:hover,
textarea.disabled:hover {cursor: not-allowed;}
/* --------------------------------------------------------- //폼(form) ------------------------------------------------------------------ */



/* --------------------------------------------------------- 페이징(paging) ------------------------------------------------------------------ */
/* Default */
.paging-wrap {text-align: center; margin-top: 70px; margin-bottom: 70px;}
.paging-wrap .mobile {
    display: inline-block; width: 310px; height: 85px; line-height: 85px;
    background: #fff; border: 2px solid #000;
    font-size: 18px; color: #333333;
}



/* 이전글, 다음글 */
.row-paging {width: 980px; margin: 0 auto;}
.row-paging .row-area {margin-top: 70px; border-top: 1px solid #333333; border-bottom: 2px solid #333333;}
.row-paging .row {display: table; width: 100%; border-top: 1px solid #dbdada;}
.row-paging .row:first-child {border-top: none;}
.row-paging .row .col {
    display: table-cell; vertical-align: middle; padding: 15px 10px;
    font-size: 14px; color: #333333;
}
.row-paging .row .col a {color: #333333;}
.row-paging .row .col.info {width: 100px; text-align: center;}
.row-paging .row .col.date {width: 200px; text-align: right; color: #8a8a8a; padding-right: 50px;}
/* --------------------------------------------------------- //페이징(paging) ------------------------------------------------------------------ */



/* --------------------------------------------------------- 라벨(label) ------------------------------------------------------------------ */
/* Group Area */
.label-groupA {}
.label-groupA .comm-label {margin: 0;}
.label-groupA .comm-label:first-child {margin-left: 0;}


/* 기본옵션 */
.comm-label {
    display: inline-block; margin: 2px; vertical-align: middle;
    font-size: 10px; line-height: 14px; color: #222;
    background: #fff; border: 1px solid #e1e3e4; padding: 0 3px;
    min-width: 30px; text-align: center;
}
/* 아이콘 변경에 따른 색상 변경
.comm-label.blue {border: 1px solid #39beef; color: #39beef;}
.comm-label.red {border: 1px solid #f1524c; color: #f1524c;}
.comm-label.green {border: 1px solid #37d6b6; color: #37d6b6;}
.comm-label.purple {border: 1px solid #a44cd7; color: #a44cd7;}
*/
.comm-label.blue {border: 1px solid #39beef; color: #39beef;}
.comm-label.red {border: 1px solid #90c057; color: #90c057;}
.comm-label.green {border: 1px solid #f87c0f; color: #f87c0f;}
.comm-label.purple {border: 1px solid #e8544e; color: #e8544e;}
.comm-label.sale {border: 1px solid #d778f6; color: #d778f6;}



/* 버튼 크기 */
.label.big {font-size: 13px; padding: 10px 18px;}
.label.sm {font-size: 10px; font-weight: 400; padding: 3px 6px;}
/* --------------------------------------------------------- //라벨(label) ------------------------------------------------------------------ */



/* --------------------------------------------------------- 네비게이션 ------------------------------------------------------------------ */
/* 탭패널 (nav tabs) */
.nav-tabs1 {margin: 0;}
.nav-tabs1 .menu-wrap {position: relative; z-index: 2; margin-bottom: -1px;}
.nav-tabs1 .tabPanel {display: none; position: relative;}
.nav-tabs1 .tabPanel .pd-wrap {padding: 20px 15px;}

/*.nav-tabs1 ul.nav-menu {overflow: hidden;}*/
.nav-tabs1 ul.nav-menu li {
    display: inline-block; margin-right: 5px;
    background: #fff; border: 1px solid #cfcfcf;
    transition: all .3s ease-out;
}
.nav-tabs1 ul.nav-menu li a {
    display: table-cell; vertical-align: middle; color: #59607d; text-align: center;
    font-size: 15px; color: #666666;
    width: 128px; height: 48px;
}
/*.nav-tabs1 ul.nav-menu li.active,
.nav-tabs1 ul.nav-menu li:hover {
    background: #efefef;
    border-bottom: 1px solid #efefef;
} */
.nav-tabs1 ul.nav-menu li.active a {color: #333333; font-family: "NotoSans M"}



/* 탭패널2 (nav tabs2) */
.nav-tabs2 {position: relative; margin-top: 50px;}
.nav-tabs2 ul.menuList {display: table; width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 75px;}
.nav-tabs2 ul.menuList li {
    display: table-cell; vertical-align: middle; width: 1%;
    background: #f0f0f0; border: 1px solid #b7b7b7;
    font-size: 14px; line-height: 48px; text-align: center;
}
.nav-tabs2 ul.menuList li a {display: block; color: #333333;}
.nav-tabs2 ul.menuList li.active {background: #ffffff; border-bottom: none;}
.nav-tabs2 .tabPanel {padding-top: 10px;}
.nav-tabs2.scrollTop ul.menuList {position: fixed; top: 0; z-index: 98; width: 980px;}
/* --------------------------------------------------------- //네비게이션 ------------------------------------------------------------------ */



/* --------------------------------------------------------- 팝업(popup) ------------------------------------------------------------------ */
/* 레이어팝업 */
.lock-bg {
    position: fixed; left: 0; right: 0; top: 0; bottom: 0;
    width: 100%; height: 100%; background: #000;
    opacity: .8; filter: alpha(opacity=80); z-index: 99;
}

.comm-layer-popup {position: absolute; left: 10px; right: 10px; top: 0; z-index: 100; display: none;}
#main_popup{ position: fixed; right: 3%; left: auto; top: 5%; z-index: 100;}
.comm-layer-popup .content-wrap {
    width: 36em; max-width: 100%; margin: auto;
    background: #fff; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); border: 1px solid #b1afaf; border-radius: .3em; overflow: hidden;
}
.comm-layer-popup .head {background: #eaedef; border-bottom: 1px solid #f2f2f2; padding: 14px 10px; position: relative;}
.comm-layer-popup .head .title {
    font-size: 16px; font-weight: bold; color: #323232; text-align: center;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 25px;
}
.comm-layer-popup .head .close {position: absolute; top: 12px; right: 12px; border: none; background: transparent;}
.comm-layer-popup .main {padding: 10px;}
.comm-layer-popup .main .memo {padding: 10px 0; font-size: 14px; line-height: 22px;}
.comm-layer-popup .main .scroll {height: 300px; overflow-y: auto;}
.comm-layer-popup .main .img-box {text-align: center;}
.comm-layer-popup .main .img-box img {max-width: 100%;}
.comm-layer-popup .foot {padding: 10px 20px 20px; border-top: 1px solid #e1e3e4; text-align: center;}
.comm-layer-popup.tybe-black .content-wrap {background: #333333; border: 1px solid #aaaaaa;}
.comm-layer-popup.tybe-black .head {background: transparent; border-bottom: 1px solid #8f8f8f;}
.comm-layer-popup.tybe-black .head .title {color: #ffffff;}


/* 레이어팝업 > 크기 */
.comm-layer-popup .content-wrap.sm {width: 400px;}
.comm-layer-popup .content-wrap.big {width: 900px;}



/* 페이지별 레이어팝업 크기 */
.comm-layer-popup.point-search .content-wrap {width: 500px;}
.comm-layer-popup.point-saving .content-wrap {width: 600px;}



/* Window Pop up */
.popup-wrap {padding: 20px;}
/* --------------------------------------------------------- //팝업(popup) ------------------------------------------------------------------ */



/* --------------------------------------------------------- Not Content ------------------------------------------------------------------ */
/* 콘텐츠 없을 시 (content) */
.not-content {border: 1px solid #e1deda; padding: 60px 20px; text-align: center;}
.not-content .icon {margin-bottom: 15px;}
.not-content .text {font-size: 14px; color: #5f5f60;}

table .not-content {border: none;}
/* --------------------------------------------------------- //Not Content ------------------------------------------------------------------ */



/* --------------------------------------------------------- Photo Style ------------------------------------------------------------------ */
/* 기본옵션 */
img.del {opacity: 0.4;}



/* 그룹 */

/* --------------------------------------------------------- //Photo Style ------------------------------------------------------------------ */



/* --------------------------------------------------------- Browser ------------------------------------------------------------------ */
/* IE 하위 브라우저용 */
.not-browser {width: 600px; margin: auto; padding: 150px 20px; text-align: center;}
.not-browser img.icon {display: inline-block;}

.not-browser .warning {text-align: center;}
.not-browser .warning span {
    display: inline-block; width: 82px; height: 71px;
    background-image: url("../../images/web/error/error.png");
    background-repeat: no-repeat;
    background-position: center;
}

.not-browser .error-title {
    font-size: 24px; line-height: 34px; font-weight: bold; color: #3f3f3f; margin-top: 30px;
    border-bottom: 1px solid #e1e3e4; margin-bottom: 20px; padding-bottom: 20px;
}
.not-browser .error-title .sub {display: block; text-align: center; font-size: 18px; line-height: 28px; color: #5f5f60;}

.not-browser .error-text {
    font-size: 14px; line-height: 24px; font-weight: bold; color: #5f5f60;
    padding: 0 40px;
}
.not-browser .button {margin-top: 70px;}
.not-browser .button a {display: inline-block; background: #5f5f60; color: #fff; font-size: 14px; line-height: 35px; padding: 0 15px; font-weight: 700;}
.not-browser .button a:hover {background: #3f3f3f;}
/* --------------------------------------------------------- //Browser ------------------------------------------------------------------ */



/* --------------------------------------------------------- jquery ui ------------------------------------------------------------------ */
/* datepicker > input */
.date-wrap {position: relative; display: inline-block; width: 180px;}
.date-wrap .datepicker {width: 100%; min-width: 0; padding-left: 10px; font-size: 14px; text-align:center;}
.date-wrap img.ui-icker-trigger {position: absolute; right: 6px; top: 0px; z-index: 8;}
.date-wrap img.ui-datepicker-trigger {
    position: absolute; right: 10px; top: 10px; top: calc(50% - 10px); z-index: 8;
    width: 19px; height: 20px;
}
/* --------------------------------------------------------- //jquery ui ------------------------------------------------------------------ */

/* --------------------------------------------------------- 배포 후 > comm_style 위치로 변경  ------------------------------------------------------------------ */



/* --------------------------------------------------------- style common  ------------------------------------------------------------------ */
/* not message */
.comm-offMs {text-align: center; margin-top: 25px;}
.comm-offMs .not-ms {display:inline-block; background: #373f56; text-align: center; padding: 11px 15px; border-radius: 5px; min-width: 190px;  font-size: 15px;}
.comm-offMs .not-ms span {color: #fafd03; font-weight: 700;}
.comm-offMs .not-ms img {margin-right: 10px; height: 25px;}
.cart .comm-offMs .not-ms {padding: 10px 15px; min-width: 180px; font-size: 14px;}
.cart .comm-offMs .not-ms img {height: 22px;}

/* agree checkbox */
.subContents p.commAgree {margin-top: 10px;}


/* loading */
.loading-wrap {text-align: center; margin: 60px 0;}

/* table (col) */
table.commCol {width: 100%; border-spacing: 0px; border-collapse: collapse; font-size: 13px;}
table.commCol > thead > tr > th {background: #f4f4f4; height: 35px; color: #292121; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
table.commCol > thead > tr > th:first-child {border-left: none;}
table.commCol > tbody > tr > td {text-align: center; height: 35px; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; word-break: break-all; padding: 4px;}
table.commCol > tbody > tr > td:first-child {border-left: none;}
table.commCol tbody td.left {text-align: left; padding-left: 20px !important; position: relative;}
table.commCol > tfoot > tr > td {background: #f4f4f4; color: #171212; font-weight: 700; border-bottom: 1px solid #aaacae; padding: 15px; text-align: right; font-size: 16px;}
table.commCol > tfoot > tr > td > strong {color: #FE434C;}
table.commCol > tfoot > tr > td > span.sub-price {font-size: 14px;}
table.commCol > tfoot > tr > td > span.sub-price strong {}

/* table (col2) */
table.commCol2 {width: 100%; border-spacing:0px; border-collapse:collapse; font-size: 13px;}
table.commCol2 > tbody > tr > td {height: 35px; border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; word-break: break-all; padding: 4px 10px;}
table.commCol2 > tbody > tr > td:first-child {border-left: none;}
table.commCol2 tbody td.left {text-align: left; padding-left: 20px !important; padding-right: 18px !important; position: relative;}
table.commCol2 > tfoot > tr > td {background: #f4f4f4; color: #171212; font-weight: 700; border-bottom: 1px solid #aaacae; padding: 15px; text-align: right; font-size: 16px;}
table.commCol2 > tfoot > tr > td > strong {color: #FE434C;}


/* table (col3) */
/* 날씨상세 사용
.table-col {width: 100%; border-spacing: 0px; border-collapse: collapse; font-size: 13px;}
.table-col > thead > tr > th {font-weight: 700; height: 30px; padding: 10px 4px; border: 1px solid #d9d8d8; text-align: center;}
.table-col > tbody > tr > td {height: 30px; padding: 10px 4px; border: 1px solid #d9d8d8;}
.table-col > tfoot > tr > td {font-weight: 700; background: #eee; height: 30px; padding: 4px 10px; border: 1px solid #e1e3e4; text-align: center;}

.table-col.left > tbody > tr > td {text-align: left;}
.table-col.center > tbody > tr > td {text-align: center;}
.table-col.right > tbody > tr > td {text-align: right;}
*/


/* table (row) */
table.commRow {width: 100%; border-spacing:0px; border-collapse:collapse; font-size: 13px;}
table.commRow {border-top: 1px solid #dcdcdc;}
table.commRow th {background: #f4f4f4; color: #292121; border: 1px solid #dcdcdc; border-left: none; width: 140px; padding: 10px 0;}
table.commRow td {border-bottom: 1px solid #dcdcdc; padding: 10px;}

/* table (row-sub) */
table.commRow-sub th {width: 19% !important;}

/* table style */
table.list_tb tr:hover td {background-color:#f7f7f7;}
table.list_tb tr:hover td.left {position: static;}
table td.right {text-align: right !important; padding-right: 10px !important;}
table td.min {font-size: 12px;}


/* title wrap(side) */
.side-title {position: relative;}
.side-title .side-r {
    position: absolute; top: 8px; right: 0; z-index: 2;
    font-size: 12px; color: #2d2b2b;
}



/* ------------------------------ 게시판  ------------------------------ */
/* 목록 */
.commBoard-wrap .cmTitle {font-size: 13px; margin-bottom: 10px; line-height: 20px;}
.commBoard-wrap .cmTitle span.colorIP {color: #ff464e;}
.commBoard-wrap .board-list .bdSearch {position: relative;}
.commBoard-wrap .board-list .bdSearch .cmInfo {position: absolute; top: 8px; left: 0;}
.commBoard-wrap .board-list .bdSearch .searchForm {text-align: right; margin-bottom: 10px;}
.commBoard-wrap .board-list .bdSearch .searchForm > * {vertical-align: middle;}
.commBoard-wrap .board-list .bdSearch .searchForm #search {width: 90px;}
.commBoard-wrap .board-list .bdSearch .searchForm input.int {width: 200px;}
.commBoard-wrap .board-list .bdSearch .searchForm input.button {position: absolute; right: 0; top: 0;}

.searchForm .not-select {display: inline-block; font-size: 13px; color: #3f3f3f; border: 1px solid #cccbd0; line-height: 28px; padding: 0 16px; cursor:not-allowed;}

.commBoard-wrap .board-list .bdList thead th.title1 {width: 10%;}
.commBoard-wrap .board-list .bdList thead th.title3 {width: 14%;}
.commBoard-wrap .board-list .bdList thead th.title4 {width: 12%;}
.commBoard-wrap .board-list .bdList tbody td.left {line-height: 18px;}
.commBoard-wrap .board-list .bdList tbody td.left a {display: inline-block; color: #3f3f3f;}
.commBoard-wrap .board-list .bdList tbody td.left a.reduction {width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.commBoard-wrap .board-list .bdList tbody td.left a.reduction img.icon {
    display: inline-block; vertical-align: middle;
    width: 63px; height: 41px; margin: 3px 8px 0px 3px;
}
.commBoard-wrap .board-list .bdList tbody td.left a:hover {color: #3f3f3f;}
.commBoard-wrap .board-list .bdList tbody td.left span {display: inline-block; color: #dc0909; vertical-align: middle;}
.commBoard-wrap .board-list .bdList tbody td.left a span:hover {color: #dc0909;}
.commBoard-wrap .board-list .bdList tbody td span.product {max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.commBoard-wrap .board-list .bdList .md-pick tbody td {padding: 0 !important; line-height: normal; vertical-align: middle;}
.commBoard-wrap .boardBT {text-align: right; margin-top: 10px;}
.commBoard-wrap .boardBT a {display: inline-block; border: 1px solid #797878; background: #979797; color: #fff; line-height: 30px; min-width: 80px; text-align: center; font-size: 12px; font-weight: 700;}
.commBoard-wrap .boardBT2 {text-align: center; margin-top: 30px;}
.commBoard-wrap .boardBT2 > * {display: inline-block; vertical-align: middle;}


/* 게시물 없을 시 */
.commBoard-wrap .board-not {padding: 80px 0; text-align: center; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.commBoard-wrap .board-not p {font-size: 14px; margin-top: 20px;}


/* 상세 */
.commBoard-wrap .board-view .view-head {background: #f6f6f6; border-top: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; padding: 12px 20px;}
.commBoard-wrap .board-view .view-head h5 {font-size: 13px; line-height: 18px;}
.commBoard-wrap .board-view .view-head p {font-size: 12px; margin-top: 8px;}
.commBoard-wrap .board-view .view-content {font-size: 13px; padding: 20px; border-bottom: 1px solid #c2c1c1; line-height: 20px;}
.commBoard-wrap .board-view .view-content img {display: block; width: 100%; margin: 10px 0;}

.commBoard-wrap .board-view .view-content.photo {padding: 0;}
.commBoard-wrap .board-view .view-content.photo img {margin: 0;}

.commBoard-wrap .board-view .view-content .video {}
.commBoard-wrap .board-view .view-content .video iframe {max-width: 100%;}

.commBoard-wrap .board-view .viewFile {padding:15px 20px; background-color:#ffffff; border-bottom:1px solid #e1e3e4; font-size:12px;}
.commBoard-wrap .board-view .viewFile table {width:100%; font-size:12px;}
.commBoard-wrap .board-view .viewFile table th {text-align:left; border-right:1px solid #e1e3e4;}
.commBoard-wrap .board-view .viewFile table td {text-align:left; padding-left:20px;}
.commBoard-wrap .board-view .viewFile table td .fileIcon {margin-right:8px;}
.commBoard-wrap .board-view .viewFile table td .viewFileList li {margin-top:8px;}
.commBoard-wrap .board-view .viewFile table td .viewFileList li:first-child {margin-top:0;}
.commBoard-wrap .board-view .viewFile table td .viewFileList li span a {color:#999999;}
.commBoard-wrap .board-view .viewFile table td .viewFileList li span a:hover {color:#fe434c;}

.commBoard-wrap .board-view.md-view .view-content {border: none;}

/* 글쓰기 */
.commBoard-wrap .board-write th {width: 138px !important;}
.commBoard-wrap .board-write td label {margin-right: 10px;}
.commBoard-wrap .board-write td.category select {width: 100%;}
.commBoard-wrap .board-write td.category ul.ctOption {display: table; width: 100%;}
.commBoard-wrap .board-write td.category ul.ctOption > li {display: table-cell; vertical-align: middle; padding-left: 8px;}
.commBoard-wrap .board-write td.category ul.ctOption > li:first-child {padding-left: 0;}
.commBoard-wrap .board-write td.title input {width: 100%;}
.commBoard-wrap .board-write td.memo textarea {width: 100%;}
.commBoard-wrap .board-write td.email select {width: 130px;}
.commBoard-wrap .board-write td.email .mgL {margin-left: 10px;}
.commBoard-wrap .board-write td.phone-number .phone {width: 98px;}
.commBoard-wrap .board-write td.ctUS {position: relative;}
.commBoard-wrap .board-write td.ctUS > input {vertical-align: middle;}
.commBoard-wrap .board-write td.ctUS input.us_int {width: 100%;}
.commBoard-wrap .board-write td.ctUS input.us_bt {position: absolute; right: 10px; top: 10px;}
.commBoard-wrap .board-write td.memo textarea {height: 200px;}

/* ------------------------------ page number  ------------------------------ */
/* pageNumber1 */
/*.subContents .pageNumber {text-align: center;}
.subContents .pageNumber .floatWrap {display: inline-block;}
.subContents .pageNumber .floatWrap > span {float: left; border: 1px solid #cccccc; min-width: 25px; height: 23px; line-height: 23px; font-size: 0.750em; margin-right: 2px;}
.subContents .pageNumber .floatWrap > span.select {border: 2px solid #fb442b; height: 21px; line-height: 21px; font-weight: 700; color: #fb442b;}
.subContents .pageNumber .floatWrap span a {display: block;}
.subContents .pageNumber .floatWrap span a img {display: block;}*/
/* id중복에 따른 class 추가 */
/*.subContents .pageNumber .page_first, 
.subContents .pageNumber .page_prev, 
.subContents .pageNumber .page_next, 
.subContents .pageNumber .page_last {border: none !important}*/
/* change pageNumber1 */
.pageNumber {text-align: center;}
.pageNumber .list_pageing {display: inline-block;}
.pageNumber .list_pageing a,
.pageNumber .list_pageing strong {float: left; min-width: 32px; height: 27px; line-height: 27px; font-size: 12px; margin-right: 4px; color: #333333; font-weight: 700;}
.pageNumber .list_pageing strong {background: #fe434c; color: #fff; font-weight: 700;}
.pageNumber .list_pageing span {float: left; min-width: 32px; height: 27px; line-height: 27px;}
.pageNumber .list_pageing span a {border: none;}
/* ------------------------------ //page number  ------------------------------ */

/* font-color (폰트 컬러) */
.comm-color0 {color: #3f3f3f;}
.comm-color1 {color: #fe434c;}
.comm-color2 {color: #23a3e2;}

/* button 알림 텍스트 */
.comm-infoText {font-size: 12px; text-align: center; margin: 10px 0; color: #5f5f60;}

/* ------------------------------ button ------------------------------ */
/* -------------------- arrow -------------------- */
/* default */
.comm-btWrap {margin-top: 20px; text-align: center;}
.comm-arrowBT {
    font-size: 18px; border: none; min-width: 170px; line-height: 45px; border: 1px solid #aaaaaa; text-align: center;
    background-image: url("../../images/web/button/arrow.png"); background-repeat: no-repeat; background-position: right 15px center;
    background-color: #fff; color: #333;
}
a.comm-arrowBT {display: inline-block; color: #333; margin:0 5px;}
/* red */
.comm-arrowBT2 {
    border: none;
    background-image: url("../../images/web/button/arrow2.png");
    background-color: #f62c2c; color: #fff;
}
a.comm-arrowBT2 {color: #fff;}
/* blue */
.comm-arrowBT3 {
    border: none;
    background-image: url("../../images/web/button/arrow2.png");
    background-color: #23a3e2; color: #fff;
}
a.comm-arrowBT3 {color: #fff;}

/* -------------------- basic -------------------- */
/* mini default */
.comm-button1 {text-align: center; margin: 20px 0 10px;}
.comm-button1 > a {display:inline-block; color: #fff; background: #a6a2a2; padding:0 5px; min-width: 84px; line-height: 30px; font-size: 12px;}
.comm-button1 > a.color1 {background: #fe434c;}
/* default */
.comm-button2 {text-align: center; margin: 25px 0 10px;}
.comm-button2 > * {display:inline-block; border: 1px solid #bcbcbc; color: #171212; padding:0 8px; min-width: 120px; line-height: 40px; font-size: 14px; font-weight: 700;}
.comm-button2 > * > img {display:inline-block; margin-right: 5px;}
.comm-button2 > .select {background: #fe434c; color: #fff; border: 1px solid #ec3e45;}
.comm-button2 > .color0 {background: #8c8e8f; color: #fff; border: 1px solid #858686;}
.comm-button2 > .color1 {background: #fe434c; color: #fff; border: 1px solid #ec3e45;}
.comm-button2 > .color2 {background: #23a3e2; color: #fff;}
.comm-button2 > .color3 {background: #00a4b3; color: #fff; border: 1px solid #008c99;}
.comm-button2 > .color4 {background: #fa6268; color: #fff; border: 1px solid #ec3e45;}
/* big default */
.comm-button3 {text-align: center;}
.comm-button3 > * {display:block; color: #171212; line-height: 80px; font-size: 18px; font-weight: 700;}
.comm-button3 > * > img {display:inline-block; margin-right: 5px;}
.comm-button3 > .select {background: #fe434c; color: #fff;}
.comm-button3 > .color0 {background: #8c8e8f; color: #fff;}
.comm-button3 > .color1 {background: #fe434c; color: #fff;}
.comm-button3 > .color2 {background: #23a3e2; color: #fff;}
.comm-button3 > .color3 {background: #00a4b3; color: #fff;}
.comm-button3 > .color4 {background: #fa6268; color: #fff;}
/* 결제하기, 예약하기 (추가함) */
.comm-button4 {text-align: center; margin: 40px 0 15px;}
.comm-button4 > * {display:inline-block; border: 1px solid #bcbcbc; color: #171212; padding:0 8px; min-width: 220px; line-height: 50px; font-size: 18px; font-weight: 700;}
.comm-button4 > * > img {display:inline-block; margin-right: 5px;}
.comm-button4 > .select {background: #fe434c; color: #fff; border: 1px solid #ec3e45;}
.comm-button4 > .color0 {background: #8c8e8f; color: #fff; border: 1px solid #858686;}
.comm-button4 > .color1 {background: #fe434c; color: #fff; border: 1px solid #ec3e45;}
.comm-button4 > .color2 {background: #23a3e2; color: #fff; border: 1px solid #1f8bc0;}
.comm-button4 > .color3 {background: #00a4b3; color: #fff; border: 1px solid #008c99;}
.comm-button2 > .color4 {background: #fa6268; color: #fff; border: 1px solid #ec3e45;}
/* mini default (align>right) */
.comm-button5 {text-align: right; margin: 10px 0 10px;}
.comm-button5 > a {display:inline-block; color: #fff; background: #a6a2a2; padding:0 5px; min-width: 84px; line-height: 30px; font-size: 12px; text-align: center;}
.comm-button5 > a.color1 {background: #fe434c;}


/* a 다이렉트 버튼 */
.comm-dtBT {display: inline-block; background: #00a4b3; color: #fff; line-height: 32px; vertical-align: middle; min-width: 75px; text-align: center; font-size: 14px;}
.comm-dtBT:hover {color: #fff;}

/* side button */
.comm-sideBT {display: inline-block; vertical-align: middle; margin-left: 4px; background: #9D9B9C; color: #fff; font-size: 12px; padding: 0px 10px; line-height: 30px;}
.comm-sideBT:hover {color: #fff;}
.comm-sideBT2 {
    display: inline-block; vertical-align: middle; margin-left: 5px;
    background: #fff; border: 1px solid #fe434c; color: #fe434c; font-size: 12px; padding: 0px 15px; line-height: 28px;
}

/* side button(예약불가, 기간만료, 재고없음) */
table td span.nt {display: inline-block; background: #fe434c; color: #fff !important; font-size: 11px; font-weight: 700; padding: 3px 6px; margin-left: 4px;}
table td span.nt2 {display: inline-block; background: #fa6268; color: #fff !important; font-size: 11px; font-weight: 700; padding: 3px 6px; margin-left: 4px;}
/* side button(적용가능쿠폰) */
span.couponBT {
    display: inline-block;
    background: #ff003a;
    color: #fff;
    font-size: 0.8rem;
    padding: 10px;
    min-width: 70px;
    text-align: center;
}

/* table btn */
.btn-tdWrap {text-align: center; margin-top: 4px;}
.btn-td {display: inline-block; background: #f4f5f7; color: #2a2929; border: 1px solid #c8cacc; font-size: 12px; font-weight: 700; padding: 2px 8px;}


/* ------------------------------ //button  ------------------------------ */



/* ------------------------------ helper  ------------------------------ */
.helper {font-size: 14px; text-align: center; margin: 10px 0 25px;}
.helper.red {color: #fe434c;}
.helper.blue {color: #23a3e2;}


.helper2 {font-size: 12px; text-align: center; margin: 10px 0 10px;}
.helper2.red {color: #fe434c;}
.helper2.blue {color: #23a3e2;}
/* ------------------------------ //helper  ------------------------------ */



/* ------------------------------ style select box  ------------------------------ */
.comm-select {font-size: 13px; position: relative; margin-bottom: 5px;}
.comm-select .select-button,
.new-detail .opCal .opCal-title {
    display: block; border: 1px solid #ccc; padding: 8px; padding-right: 35px; background: url("../../images/web/icon/arrow7.gif") no-repeat right center;
    width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.new-detail .opCal {margin-top: 4px; position: relative;}
.detailR .comm-select .select-button {
    width: 404px;
}
.comm-select .select-list-option {
    position: absolute; top: 33px; left: 0; border: 1px solid #ccc; height: 150px; overflow-y: auto;
    width: 96.5%; width: calc(100% - 18px); padding: 8px; background: #fff; border: 1px solid #ccc; border-top: none; z-index: 3; display: none;
}
.travelExpenses-wrap .comm-select .select-list-option {top: 34px;}
.cart .comm-select .select-list-option {top: 34px;}
.comm-select2 .select-list-option p {color: #b9b9b9;}
.comm-select2 .select-list-option p * {color: #b9b9b9;}
.comm-select2 .select-list-option a p {color: #3f3f3f;}
.comm-select2 .select-list-option a p * {color: #3f3f3f;}
.comm-select3 .select-list-option a p {color: #3f3f3f;}
.comm-select .select-list-option li {line-height: 18px; font-size: 13px; position: relative; border-top: 1px solid #e1e3e4; padding: 10px 0;}
.comm-select .select-list-option li:first-child {border-top: none;}
.comm-select .select-list-option li a .product .count {color: #5f5f60;}
.comm-select .select-list-option li .product .guide {display: inline-block; margin: 0 6px; color: #B9B9B9;}
.comm-select .select-list-option li .option_price {
    position: absolute;
    top: 9px;
    right: 0;
}
.comm-select .select-list-option li del {
    display: table-cell;
    text-align: right;
    font-family: "Roboto";
    font-size: 12px;
    color: #a0a0a0;
    padding-right: 4px;
}
.comm-select .select-list-option li .price {
    display: table-cell;
    font-size: 14px;
}
.comm-select .select-list-option li span {color: #3f3f3f;}

.comm-select2 {margin-top: 5px; margin-bottom: 0;}
.comm-select2 .select-list-option li .product {padding-right: 110px;}

.comm-select3 {margin-top: 5px; margin-bottom: 0;}
/* ------------------------------ //style select box  ------------------------------ */


/* ------------------------------ 문단제목 ------------------------------ */
.comm-title1 {font-size: 16px; font-weight: 700; margin-bottom: 15px;}
.comm-title2 {font-size: 16px; font-weight: 700; margin-bottom: 13px; position: relative;}
.comm-title2 .side-wrap2 {position: absolute; top: -10px; right: 0px;}
.comm-title3 {font-size: 14px; font-weight: 700; margin-bottom: 10px; margin-top: 20px; background: url("../../images/web/list/05.gif") no-repeat left center; padding-left: 25px;}

.comm-title11 {font-size: 16px; font-weight: bold; color: #333333; margin: 7px 0 14px;}
.comm-title11 strong {color: #fe434c;}
/* ------------------------------ //문단제목 ------------------------------ */


/* ------------------------------ 문단 ------------------------------ */
.comm-payMemo {text-align: center; font-size: 13px; margin-top: 40px;}


/* 문단 동의체크 */
.comm-agree1 {margin-top: 10px;}
.comm-agree1 > .memo, .comm-agree1 > .agree {display: inline-block; font-size: 12px;}
.comm-agree1 .agree {margin-left: 10px;}
.comm-agree1 .agree input, .comm-agree1 .agree label, .comm-agree1 .agree span {display: inline-block; vertical-align: bottom;}
.comm-agree1 .agree .big {font-size: 13px;}
/* ------------------------------ //문단 ------------------------------ */


/* -------------------------------- text info  -------------------------------- */
dl.comm-sideText {font-size: 12px; line-height: 18px; margin: 10px 0 20px;}
dl.comm-sideText dt {white-space: nowrap; font-weight: 700;}
dl.comm-sideText dt,
dl.comm-sideText dd {display: table-cell;}
dl.comm-sideText dd {padding-left: 4px;}
/* -------------------------------- text info  -------------------------------- */


/* ------------------------------ list style  ------------------------------ */
/* list title1 */
.subContents .side-wrap {position: relative;}
.subContents .side-wrap .side-group {position: absolute; right: 0; top: -5px;}
.subContents .side-wrap .side-select-area {position: absolute; right: 0; top: -5px;}
.subContents .side-wrap .side-select-area .side-group {position: static; display: inline-block; vertical-align: top;}

.subContents .listTitle-wrap {position: relative;}
.subContents .listTitle1 {
    font-family:'NotoSans','돋움','Dotum', sans-serif; font-weight:700; font-size: 15px;
    background: url("../../images/web/icon/arrow1.gif") no-repeat left center;
    padding-left: 15px;
    margin-top: 25px; margin-bottom: 15px;
    position: relative;
}
.event-detail2 .listTitle1 {display:none;}
.subContents .listTitle1 span.subText {color: #fe434c; margin-left: 10px; font-weight:400; font-size: 13px;}
.subContents .listTitle1 span.sub-info {display:inline-block; position: absolute; right: 0; bottom: 0; font-size: 12px; color: #FE434C;}
.subContents .listTitle2 {font-size: 26px; margin-bottom: 20px;}

/* list */
ul.commList-pg li {margin-top: 20px;}
ul.commList-pg li:first-child {margin-top: 0;}
ul.commList1 li {
    font-size: 13px; line-height: 22px; background: url("../../images/web/list/01.gif") no-repeat left 10px; padding-left: 10px;
}
ul.commList2 {background: #f6f6f6; border: 1px solid #dddbdb; padding: 15px;}
ul.commList2 li {
    font-size: 13px; line-height: 20px; background: url("../../images/web/list/01.gif") no-repeat left 8px; padding-left: 10px;
}
/* -------------------------------- //list style  -------------------------------- */


/* -------------------------------- accordion  -------------------------------- */
/* default */
.subContents .default-accordion {border-top: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; font-size: 13px;}
.subContents .default-accordion dt.thead {background: #f6f6f6; border-bottom: 1px solid #9c9c9c; cursor: auto;}
.subContents .default-accordion dt.thead * {text-align: center !important; font-weight: 700;}
.subContents .default-accordion dt {border-bottom: 1px solid #e4e4e5; cursor: pointer;}
.subContents .default-accordion dd {background: #f6f6f6; display: none;}

/* default2 */
.default-accordion2 {font-size: 13px;}
.default-accordion2 dt {border-bottom: 1px solid #e4e4e5; padding: 20px;}
.default-accordion2 dd {background: #f6f6f6; padding: 4px 20px;}
/* -------------------------------- //accordion  -------------------------------- */

/* -------------------------------- tab menu  -------------------------------- */
/* mainTabMenu1 */
.subContents .mainTabMenu1 ul.menuList {display: table; width: 100%;}
.subContents .mainTabMenu1 ul.menuList li {display: table-cell; background: #f9f9f9; text-align: center;}
.subContents .mainTabMenu1 ul.menuList li a {
    font-size: 13px; line-height: 45px; display: block; color: #313030; font-weight: 700;
    border: 1px solid #cccccc; border-left: none; border-bottom: 1px solid #fd0035; word-spacing: -2px;
}
.subContents .mainTabMenu1 ul.menuList li:first-child a {border-left: 1px solid #cccccc;}
.subContents .mainTabMenu1 ul.menuList li a.select {border: 1px solid #fd0035; border-bottom: 1px solid #fff; background: #fff;}
.subContents .mainTabMenu1 ul.menuList li.all img {margin-right: 8px;}
.subContents .mainTabMenu1 ul.menuList li img.icon {margin-right: 5px;}
.subContents .mainTabMenu1 ul.menuList li.menuInfo a {background: #fe434c; color: #fff;}

.subContents .mainTabMenu1 ul.menuList.col1 li {width: 100%;}
.subContents .mainTabMenu1 ul.menuList.col2 li {width: 50%;}
.subContents .mainTabMenu1 ul.menuList.col3 li {width: 33%;}
.subContents .mainTabMenu1 ul.menuList.col3 li:first-child {width: 34%;}
.subContents .mainTabMenu1 ul.menuList.col4 li {width: 25%;}
.subContents .mainTabMenu1 ul.menuList.col5 li {width: 20%;}
.subContents .mainTabMenu1 ul.menuList.col6 li {width: 16.5%;}
.subContents .mainTabMenu1 ul.menuList.col6 li:first-child {width: 17.5%;}
.subContents .mainTabMenu1 ul.menuList.col7 li {width: 14%;}
.subContents .mainTabMenu1 ul.menuList.col7 li:first-child {width: 16%;}
.subContents .mainTabMenu1 ul.menuList.col8 li {width: 12.5%;}
.subContents .mainTabMenu1 ul.menuList.col9 li {width: 11%;}
.subContents .mainTabMenu1 ul.menuList.col9 li:first-child {width: 12%;}
.subContents .mainTabMenu1 ul.menuList.col10 li {width: 10%;}

.subContents .product-item-area .mainTabMenu1 {margin-bottom: 30px;}
.subContents .product-item-area .mainTabMenu1 ul.menuList li {width: 1%;}



/* .mainTabMenu1 .split2 {overflow: hidden;}
.mainTabMenu1 .split2 ul {float: left;}

.mainTabMenu1 .split2 ul.menuList {width: 80%;}

.mainTabMenu1 .split2 ul.right-menu {margin-left: 10px; width: 18%; width: calc(20% - 10px);}
.mainTabMenu1 .split2 ul.right-menu li {
	width: 190px; text-align: center;
	background: url("../../images/web/menu/tab_bg.jpg") no-repeat center;
}
.mainTabMenu1 .split2 ul.right-menu li a {
	display: table-cell; width: 190px; height: 45px; vertical-align: middle;
	font-size: 13px; line-height: 16px; color: #fff; font-weight: 700;
    border: 1px solid #cccccc; border-left: none; border-bottom: 1px solid #fd0035; word-spacing: -2px;
}
.mainTabMenu1 .split2 ul.right-menu li a span {
	display: inline-block; color: #fff; font-weight: bold;
	background: #006ce6; border-radius: 15px; padding: 5px 10px;
}
.mainTabMenu1 .split2 ul.right-menu li a span small {color: #fff; font-size: 13px;} */


.subContents .mainTabMenu1 ul.menuList li.split {width: 200px;}
.subContents .mainTabMenu1 ul.menuList li.split a {
    border-top: none; background: url("../../images/web/menu/tab_bg_off.jpg") no-repeat center;
}
.subContents .mainTabMenu1 ul.menuList li.split a span {
    display: inline-block; line-height: 16px; font-weight: bold;
    background: #f9f9f9; color: #313030; border-radius: 15px; padding: 5px 10px;
}
.subContents .mainTabMenu1 ul.menuList li.split a span .icon {
    display: inline-block; vertical-align: middle; width: 18px; height: 17px;
    background: url("../../images/web/menu/star_off.png") no-repeat center;
}
.subContents .mainTabMenu1 ul.menuList li.split a span small {color: #313030; font-size: 13px;}

.subContents .mainTabMenu1 ul.menuList li.split a.select {
    background-image: url("../../images/web/menu/tab_bg_on.jpg"); border: none; border-bottom: 1px solid #fd0035;
}
.subContents .mainTabMenu1 ul.menuList li.split a.select span {
    background: #006ce6; color: #fff;
}
.subContents .mainTabMenu1 ul.menuList li.split a.select span .icon {
    background-image: url("../../images/web/menu/star_on.png");
}
.subContents .mainTabMenu1 ul.menuList li.split a.select span small {color: #fff;}


/* 판매순, 가격순, 최신상품순 */
.subContents .mainTabMenu1 ul.array {margin: 20px 0; position: relative;}
.subContents .mainTabMenu1 ul.array li {
    display: inline-block; margin-left: 15px; font-size: 13px; line-height: 18px; vertical-align: middle;
    background: url("../../images/web/list/02.gif") no-repeat left center; padding-left: 8px; position: relative;
}
.subContents .mainTabMenu1 ul.array li:first-child {margin-left: 0;}
.subContents .mainTabMenu1 ul.array li > a {color: #9e9e9e; float: left;}
.subContents .mainTabMenu1 ul.array li a:first-child {margin-right: 5px;}
.subContents .mainTabMenu1 ul.array li a:hover {color: #333;}
.subContents .mainTabMenu1 ul.array li.select {background: url("../../images/web/icon/check.gif") no-repeat left center; padding-left: 18px;}
.subContents .mainTabMenu1 ul.array li.select a {color: #525151; font-weight: 700;}
.subContents .mainTabMenu1 ul.array li.selList {background: none; position: absolute; right: 0; top: -2px;}
.subContents .mainTabMenu1 ul.array li.selList select {min-width: 150px;}
.subContents .mainTabMenu1 ul.array li.selList .sail-check {position: relative; top: 5px;}

.subContents .mainTabMenu1 .align-option ul.array {display: inline-block; vertical-align: middle;}
.subContents .mainTabMenu1 .align-option ul.array:first-child {margin-right: 15px;}
.subContents .mainTabMenu1 .align-option ul.group {border: 1px solid #cccccc; border-radius: 20px; overflow: hidden; padding-right: 20px;}
.subContents .mainTabMenu1 .align-option ul.group .title {
    background: #cccccc; color: #3f3838;
    margin: 0 5px 0 0; padding-left: 18px; padding-right: 14px; position: relative;
}
.subContents .mainTabMenu1 .align-option ul.group .title::after {
    content: ""; position: absolute; top: 0; right: -21px;
    width: 0px; height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
    border-left: 6px solid #cccccc;
}
.subContents .mainTabMenu1 .align-option ul.group li {padding-top: 6px; padding-bottom: 6px;}


/* 거리순 (map) */
.subContents .mainTabMenu1 ul.array li.distance .map-wrap {position: absolute; top: 20px; left: 0; width: 624px; border: 3px solid #fc5302; background: #fff; z-index: 999;  display: none; }
.subContents .mainTabMenu1 ul.array li.distance .map-wrap .title {font-size: 17px; padding: 15px; border-bottom: 1px solid #d3d2d2;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap .map-close {position: absolute; right: 15px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap .map-close {position: absolute; right: 15px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap .map-box {height: 476px; background: url("../../images/web/map.jpg") no-repeat center;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap .map-box .button {position: absolute; bottom: 25px; width: 620px; text-align: center;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location {position: absolute; top: 120px; left: 30px; width: 555px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li {position: absolute; background: none; padding: 0; margin: 0; font-size: 12px; text-align: center;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li a:hover span {color: #f36f21;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li img {display: inline-block; padding-bottom: 2px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li span {display: block; color: #2f2f2f; font-weight: 700;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li.list1 {top: 105px; left: 55px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li.list2 {top: 85px; left: 130px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li.list3 {top: 20px; left: 238px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li.list4 {top: 30px; left: 378px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li.list5 {top: 30px; left: 470px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li.list6 {top: 165px; left: 430px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li.list7 {top: 212px; left: 222px;}
.subContents .mainTabMenu1 ul.array li.distance .map-wrap ul.location li.list8 {top: 230px; left: 66px;}

/* item */
.subContents .mainTabMenu1 .tabPanel .itemWrap {width: 1020px; display: inline-block; margin-bottom: 30px;}
.subContents .mainTabMenu1 .tabPanel .item {width: 315px; border: 1px solid #d3d2d2; float: left; margin-right: 15px; margin-bottom: 15px; position: relative;}
.subContents .mainTabMenu1 .tabPanel .item a {display: block;}
.subContents .mainTabMenu1 .tabPanel .item a:hover {outline: 3px solid #f75f4d;}
.subContents .mainTabMenu1 .tabPanel .item a:hover::after {
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 210px; background: #353030; opacity: .5; z-index: 8;
}
.subContents .mainTabMenu1 .tabPanel .item .nt {position: absolute; z-index: 2; overflow: hidden;}
.subContents .mainTabMenu1 .tabPanel .item .nt img {float: left;}
.subContents .mainTabMenu1 .tabPanel .item .ntTopL {top: 0; left: 0;}
.subContents .mainTabMenu1 .tabPanel .item .ntTopR {top: 0; right: 0;}
.subContents .mainTabMenu1 .tabPanel .item .ntBottomR {bottom: 10px; right: 10px;}
.subContents .mainTabMenu1 .tabPanel .item .ntReservation {right: 0; bottom: 0; background: #fe434c; color: #fff; font-size: 12px; padding: 2px 4px;}
.subContents .mainTabMenu1 .tabPanel .item .ntDisabled {right: 0; bottom: 0; background: #444444; color: #fff; font-size: 12px; padding: 2px 4px;}
.subContents .mainTabMenu1 .tabPanel .item .photo {
    height: 210px; overflow: hidden; border-bottom: 1px solid #d3d2d2; position: relative;
    /* 이미지 없을 시에 따른 추가 */
    /*background: url("../../images/web/comm/no_img.jpg") no-repeat center;*/
}
.subContents .mainTabMenu1 .tabPanel .item .photo img.icon {position: absolute; left: 10px; top: 10px;}
.subContents .mainTabMenu1 .tabPanel .item .photo img.img {width: 100%;}
.subContents .mainTabMenu1 .tabPanel .item .photo img.img2 {height: 225px;}

.mainTabMenu1 .tabPanel .item .photo .bottom-info {
    position: absolute; width: 100%; bottom: 0; font-size: 12px; overflow: hidden;
    background: rgba(51, 51, 51, 0.85);
}
.mainTabMenu1 .tabPanel .item .photo .bottom-info .info {float: left; color: #fa6e0e; line-height: 30px; font-weight: 700; padding-left: 8px;}
.mainTabMenu1 .tabPanel .item .photo .bottom-info .date {float: right; color: #fff; line-height: 30px; padding-right: 8px;}

.subContents .mainTabMenu1 .tabPanel .item .textWrap {padding: 15px; height: 90px;}
.subContents .event-wrap .mainTabMenu1 .tabPanel .item .textWrap {height: 52px;} /* 이벤트 */
.subContents .mainTabMenu1 .tabPanel .item .textWrap > .title {font-size: 0.875em; color: #312e2e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .subTitle {
    font-size: 0.750em; color: #312e2e; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    /*height: 14px;*/
}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info {position: relative; margin-top: 10px;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.saleWrap {height: 45px;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.saleWrap p {display: inline-block; position: relative;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.saleWrap p.sale {
    font-size: 1.875em; color: #fe434c; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; margin-right: 8px;
}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.saleWrap p.sale .t_price {font-size: 16px;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.saleWrap p.won span.won1 {
    position: absolute; top: -12px; font-size: 0.750em; color: #a8a0a5; text-decoration: line-through;
}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.saleWrap p.won span.won2 {color: #33353d; font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.saleWrap p.date {font-size: 12px;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.comment {position: absolute; right: 0; bottom: 7px;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.comment p {font-size: 0.750em; color: #666666;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.comment p.like > span {display: inline-block; vertical-align: middle;}
.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.comment p.like span img {display: inline-block;}
/*.subContents .mainTabMenu1 .tabPanel .item .textWrap .info li.comment img.sale-coupon {position: absolute; right: 0; bottom: -8px; height: 50px;}*/
.mainTabMenu1 .tabPanel .item .textWrap .product {position: absolute; width: 90%; bottom: 6px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mainTabMenu1 .tabPanel .item .textWrap .product * {color: #888;}


/* 제주특산품 item 3개 > 4개 */
#div_productAjax .item {width: 232px;}
#div_productAjax .item .photo {height: 155px;}
#div_productAjax .item a:hover::after {height: 276px;}
#div_productAjax .item .item .textWrap .info {margin-top: 8px;}



/* ------------- detailTabMenu ------------- */
/* detailTabMenu1 */
.subContents .detailTabMenu1 {margin-top: 20px;}
.subContents .detailTabMenu1 ul.menuList li {display: inline-block; border: 1px solid #e0dcdc; border-bottom: none; min-width: 100px; text-align: center; margin-right: -2px;}
.subContents .detailTabMenu1 ul.menuList li a {font-size: 0.750em; line-height: 34px; display: block; color: #2d2b2b; padding: 0 8px;}
.subContents .detailTabMenu1 ul.menuList li a.select {background: #fe434c; color: #fff; font-weight: 700;}
.subContents .detailTabMenu1 ul.menuList li a span {color: #de2b33;}
.subContents .detailTabMenu1 ul.menuList li a.select span {color: #fff;}
.subContents .detailTabMenu1 .tabPanel {border: 1px solid #d9d8d8; padding: 20px;}
.subContents .detailTabMenu1 .tabPanel article:last-child p {padding-bottom: 15px;}
.subContents .detailTabMenu1 .tabPanel p.photo {margin-bottom: 10px;}
/* detailTabMenu1 (위치보기) */
.subContents .detailTabMenu1 .mapWrap .map {height: 570px; overflow: hidden;}
.subContents .detailTabMenu1 .mapWrap .map img {width: 100%;}
.mapWrap .map {height: 480px; overflow: hidden;}
.mapWrap .map img {width: 100%;}
/* detailTabMenu1 (이용후기, 1:1문의) */
.subContents .detailTabMenu1 .review-regi {margin-top: 10px;}
.subContents .detailTabMenu1 .review-regi .top-wrap {position: relative; border-bottom: 1px solid #ececeb; padding-bottom: 25px;}
.subContents .detailTabMenu1 .review-regi h3.title {padding-right: 20px;}
.subContents .detailTabMenu1 .review-regi h3.title,
.subContents .detailTabMenu1 .review-regi p {display: table-cell; vertical-align: middle;}
.subContents .detailTabMenu1 .review-regi p {font-size: 0.750em; line-height: 18px;}
.subContents .detailTabMenu1 .review-regi .writeBT {position: absolute; right: 0; bottom: 25px;}
.subContents .detailTabMenu1 .regi {background: #f4f4f4; border: 1px solid #ddd9da; padding: 20px; margin-top: 20px;}
.subContents .detailTabMenu1 .regi .like img {margin-right: 5px;}
.subContents .detailTabMenu1 .regi .int {margin-top: 10px;}
.subContents .detailTabMenu1 .regi .int input.int-title {width: 100%; margin-bottom: 5px;}
.subContents .detailTabMenu1 .regi .int textarea {width: 100%; height: 70px; min-height: 70px; vertical-align: top; resize: none;}
.subContents .detailTabMenu1 .regi .int ul {display: table; width: 100%;}
.subContents .detailTabMenu1 .regi .int ul > li {display: table-cell; vertical-align: top;}
.subContents .detailTabMenu1 .regi .int ul > li.left {padding-right: 5px;}
.subContents .detailTabMenu1 .regi .int ul > li.right {width: 69px;}
.subContents .detailTabMenu1 .review-list ul {margin-bottom: 30px;}
.subContents .detailTabMenu1 .review-list .regi-edit ul {margin-bottom: 0;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap {border-bottom: 1px solid #ececec; padding: 30px 15px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l {padding-right: 15px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .title {margin-bottom: 10px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .user-info {margin-bottom: 12px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .user-info span {color: #9ea09d; font-size: 12px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .user-info span.heart {margin-right: 10px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .user-info2 span {color: #363030;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .memo {font-size: 12px; line-height: 20px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .comment {font-size: 0.875em; color: #969494;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .comment-count {color: #fd444c; font-size: 12px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .int_comment {margin-top: 10px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .int_comment textarea {
    display: inline-block; width: 92%; width: calc(100% - 63px); resize: none;
    height: 52px; min-height: 52px; vertical-align: top;
}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .int_comment input {display: inline-block; /*margin-left: -5px;*/}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .re_comment {border-top: 1px solid #ececec; margin-top: 15px; padding-top: 15px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .re_comment > div {display: table-cell; vertical-align: middle;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .re_comment > .ic2 {padding-left: 10px; position: relative; top: -4px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-l .re_comment > .re {font-size: 0.812em; line-height: 20px; padding-left: 15px;}
.subContents .detailTabMenu1 .commentBT1 {display:inline-block; width: 67px; line-height: 103px; border: 1px solid #7e7c7d; background: #969495; color: #fff; font-size: 12px; text-align: center;}
.subContents .detailTabMenu1 .commentBT2 {display:inline-block; width: 67px; line-height: 68px; border: 1px solid #7e7c7d; background: #969495; color: #fff; font-size: 12px; text-align: center;}
.subContents .detailTabMenu1 .commentBT3 {display:inline-block; width: 56px; line-height: 50px; border: 1px solid #bd2525; background: #fe434c; color: #fff; font-size: 12px; text-align: center;}
.subContents .detailTabMenu1 .commentBT3 {display:inline-block; width: 56px; line-height: 50px; border: 1px solid #bd2525; background: #fe434c; color: #fff; font-size: 12px; text-align: center;}
.subContents .detailTabMenu1 .coment-editBT {display: inline-block; width: 28px; line-height: 15px; background: #e77154; color: #fff; font-size: 11px; text-align: center; border-radius: 2px;}
.subContents .detailTabMenu1 .coment-delBT {display: inline-block; width: 28px; line-height: 15px; background: #8d8c8b; color: #fff; font-size: 11px; text-align: center; border-radius: 2px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-r {width: 180px; border-left: 1px solid #e2e2e2; padding-left: 15px; word-break:break-all;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-r .user-info span {color: #9ea09d; font-size: 0.750em;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-r .like {margin-top: 15px;}
.subContents .detailTabMenu1 .review-list ul li.commentWrap div.area-r .like img {margin-right: 2px;}



/* 이용후기 리뷰사진 추가 */
.review-list .photo-comment {display: table; width: 100%;}
.review-list .photo-comment .area-photo,
.review-list .photo-comment .area-text {display: table-cell; vertical-align: top;}

.review-list .photo-comment .area-photo {width: 120px; padding-right: 10px;}
.review-list .photo-comment .area-photo .photo-wrap {width: 120px; position: relative;}
.review-list .photo-comment .area-photo .photo-wrap:hover .over-rap {display: block;}
.review-list .photo-comment .area-photo .photo {width: 120px; height: 80px;}
.review-list .photo-comment .area-photo .photo > img {width: 100%; height: 100%;}
.review-list .photo-comment .area-photo .over-rap {
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background: rgba(51,51,51,.8); text-align: center; display: none;
}
.review-list .photo-comment .area-photo .over-rap .add-btn {
    display: inline-block; border: 2px solid #fff; color: #fff; font-size: 12px; font-weight: 700;
    width: 28px; height: 28px; line-height: 28px; border-radius: 28px; margin-top: 24px;
}
.review-list .photo-comment .area-photo .over-rap .add-btn:hover {background: #fff; color: #333;}

.detail-gallery.review-gallery {position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 440px; height: 400px; display: none;}
.detail-gallery.review-gallery .arrow {display: none;}
.detail-gallery.review-gallery .custom-container {width: 440px;}
.detail-gallery.review-gallery .custom-container .mid {height: 293px;}
.detail-gallery.review-gallery .custom-container .carousel {padding-left: 5px; min-width: auto !important;}
.detail-gallery.review-gallery.active {display: block !important;}



/* detailTabMenu1 (주변관광지) */
.subContents .detailTabMenu1 .around {position: relative;}
.subContents .detailTabMenu1 .around .sighMap {width: 590px; height: 555px; background: #f2f2f2; overflow: hidden;}
.subContents .detailTabMenu1 .around .sighMap-list {width: 346px; height: 553px; border: 1px solid #d2d2d2; position: absolute; right: 0; top: 0; background: #e9edf0; overflow-y: auto;}
.subContents .detailTabMenu1 .around .sighMap-list ul {padding: 20px;}
.subContents .detailTabMenu1 .around .sighMap-list ul li {position: relative; padding-left: 35px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d3d5d4;}
.subContents .detailTabMenu1 .around .sighMap-list .icWrap {
    position: absolute; top: 10px; left: 0; width: 24px; height: 31px; line-height: 28px; text-align: center; background: url("../../images/web/icon/location.png") no-repeat center;
    color: #fff; font-size: 0.750em;
}
.subContents .detailTabMenu1 .around .sighMap-list .info a {color: #3f3f3f;}
.subContents .detailTabMenu1 .around .sighMap-list .info p {font-size: 0.750em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* tabs wrap (좌측, 우측 분할화면) */
.subContents .tabs-wrap {margin-top: 30px; border-top: 2px solid #484646;}
.subContents .tabs-wrap > .tabs-left {width: 740px; border-right: none !important;}
.subContents .tabs-wrap > .tabs-left,
.subContents .tabs-wrap > .tabs-right {display: table-cell; vertical-align: top; border: 1px solid #dddcdc; border-top: none;}
.subContents .tabs-wrap > .tabs-right {width: 207px; padding: 15px; padding-top: 20px;}
.subContents .tabs-wrap .tabs-left .detailTabMenu1 {margin-top: 0;}
.subContents .tabs-wrap .detailTabMenu1 .tabPanel {border: none;}
/*.subContents .tabs-wrap .detailTabMenu1 ul.menuList {overflow: hidden; background: #505a69;}*/
.subContents .tabs-wrap .detailTabMenu1 ul.menuList {display: table; width: 100%; background: #505a69;}
/*.subContents .tabs-wrap .detailTabMenu1 ul.menuList li {float: left; border: none; margin-right: 0; width: 20%;}*/
.subContents .tabs-wrap .detailTabMenu1 ul.menuList li {display: table-cell; border: none; margin-right: 0;}
.subContents .free-coupons .tabs-wrap .detailTabMenu1 ul.menuList li {width: 25%;}
.subContents .tabs-wrap .detailTabMenu1 ul.menuList li a {line-height: 45px; border-right: 1px solid #353e4a; color: #fff; font-size: 0.812em;}
.subContents .tabs-wrap .detailTabMenu1 ul.menuList li a.select {background: #fff; color: #1a1818; font-weight: 700; border-right: none;}
.subContents .tabs-wrap .detailTabMenu1 ul.menuList li a span {color: #de2b33;}
.subContents .tabs-wrap .detailTabMenu1 ul.menuList li a.select span {color: #de2b33;}
.subContents .tabs-wrap .different {margin-top: 25px;}
.subContents .tabs-wrap .different li {margin-top: 20px;}
.subContents .tabs-wrap .different li:first-child {margin-top: 0;}
/*.subContents .tabs-wrap .different .photo {height: 140px; overflow: hidden;}*/
.subContents .tabs-wrap .different .photo img {width: 100%;}
.subContents .tabs-wrap .different .text {font-size: 0.750em; margin: 8px 0 5px 0; color: #3f3f3f;}
.subContents .tabs-wrap .different .price {font-size: 0.750em; color: #333333; position: relative; font-family: 'Noto Sans KR', sans-serif; font-weight: 800;}
.subContents .tabs-wrap .different .price .count {color: #fe434c; position: absolute; right: 0; top: 0; font-weight: 400;}
.subContents .tabs-wrap .different .date {font-size: 0.750em; font-weight: 700; color: #5f5f60;}
/* tabs wrap (콘텐츠 수정) */
.subContents .tabs-wrap .detailTabMenu1 .review-regi h3.title,
.subContents .tabs-wrap .detailTabMenu1 .review-regi p {display: block;}
.subContents .tabs-wrap .detailTabMenu1 .review-regi p {margin-top: 20px;}
.subContents .tabs-wrap .detailTabMenu1 .review-list ul li.commentWrap div.area-r {width: 140px;}
.subContents .tabs-wrap .detailTabMenu1 .review-list ul li.commentWrap div.area-r .like img {width: 22px;}


/* detailTabMenu2 */
.subContents .detailTabMenu2 {margin-top: 20px;}
.subContents .detailTabMenu2 ul.menuList {overflow: hidden;}
.subContents .detailTabMenu2 ul.menuList li {float: left; min-width: 110px; text-align: center; position: relative;}
.subContents .detailTabMenu2 ul.menuList li a {
    font-size: 0.750em; line-height: 46px;
    display: block; color: #2d2b2b;
    border: 1px solid #e0dcdc; border-left: none; border-bottom: none;
}
.subContents .detailTabMenu2 ul.menuList li:first-child a {border-left: 1px solid #e0dcdc;}
.subContents .detailTabMenu2 ul.menuList li a.select {background: #fff; color: #131414; font-weight: 700; border: 1px solid #3f3f3f; border-bottom: 1px solid #fff;}
.subContents .detailTabMenu2 ul.menuList li a.select::after {content: url("../../images/web/icon/tab_arrow.png"); position: absolute; bottom: -15px; left: 47%; left: calc(50% - 5px);}
.subContents .detailTabMenu2 ul.menuList li a span {color: #de2b33;}
.subContents .detailTabMenu2 ul.menuList li a.select span {color: #fff;}
.subContents .detailTabMenu2 .tabPanel {border-top: 1px solid #3f3f3f; padding: 20px; margin-top: -1px; display: none;}
.subContents .detailTabMenu2 .tabPanel article:last-child p {padding-bottom: 15px;}

.subContents .detailTabMenu2.single {margin: 20px 0 20px;}
.subContents .detailTabMenu2.single ul.menuList li a {
    padding: 0 20px;
    font-size: 14px; line-height: 50px;
}

/* detailTabMenu3 (결제방법 약관) */
.subContents .detailTabMenu3 {}
.subContents .detailTabMenu3 ul.menuList {overflow: hidden;}
.subContents .detailTabMenu3 ul.menuList li {float: left; min-width: 95px; text-align: center; position: relative;}
.subContents .detailTabMenu3 ul.menuList li a {font-size: 12px; line-height: 30px; display: block; color: #2d2b2b; border: 1px solid #e0dcdc; border-left: none; border-bottom: none;}
.subContents .detailTabMenu3 ul.menuList li:first-child a {border-left: 1px solid #e0dcdc;}
.subContents .detailTabMenu3 ul.menuList li a.select {background: #fff; color: #131414; font-weight: 700; border: 1px solid #3f3f3f; border-bottom: 1px solid #fff;}
.subContents .detailTabMenu3 ul.menuList li a.select::after {content: url("../../images/web/icon/tab_arrow.png"); position: absolute; bottom: -10px; left: 47%; left: calc(50% - 2px);}
.subContents .detailTabMenu3 ul.menuList li a span {color: #de2b33;}
.subContents .detailTabMenu3 ul.menuList li a.select span {color: #fff;}
.subContents .detailTabMenu3 .tabPanel {border-top: 1px solid #3f3f3f; padding: 15px 10px; margin-top: -1px; display: none; height: 200px; overflow-y: auto; line-height: 18px;}
.subContents .detailTabMenu3 .tabPanel article:last-child p {padding-bottom: 15px;}
.subContents .detailTabMenu3 .tabPanel li {margin-top: 5px;}
.subContents .detailTabMenu3 .tabPanel .mt0 li {margin-top: 0;}
.subContents .detailTabMenu3 .tabPanel table th {text-align: center;}
.subContents .detailTabMenu3 .tabPanel table th.title1 {width: 12%;}
.subContents .detailTabMenu3 .tabPanel table th.title3 {width: 12%;}
/* -------------------------------- //tab menu  -------------------------------- */


/* -------------------------------- common info text -------------------------------- */
/* 시설소개 및 특전사항 등  */
.subContents .commInfo1 .commInfo1-text {border: 1px solid #e5e2e2; padding: 15px;}
/* comm-article1 */
.subContents article.comm-art1 h6 {padding: 15px; background: #eff0f1; font-size: 14px}

.subContents article.comm-art1 p.product-title {font-size: 14px; font-weight: 700; margin: 15px 0 -10px; padding: 0;}

.subContents article.comm-art1 ul.product-imgList {overflow: hidden; margin: 10px 0;}
.subContents article.comm-art1 ul.product-imgList li {float: left; width: 48%; width: calc(50% - 5px); margin: 10px 10px 0 0;}
.subContents article.comm-art1 ul.product-imgList li:nth-child(2n+0) {margin-right: 0;}
.subContents article.comm-art1 ul.product-imgList li img {display: block; width: 100%;}

.subContents article.comm-art1 p {padding: 15px; padding-bottom: 25px; font-size: 13px; line-height: 22px;}
.subContents article.comm-art1:last-child p {padding-bottom: 15px;}
/*.subContents article.comm-art1 p.fix {padding: 15px; padding-bottom: 0px !important;}*/
.subContents article.comm-art1 p.fix > span {display: block;}
.subContents article.comm-art1 p.fix > span > strong {color: #FE434C;}

/* 이용안내, 규정 등 편집기 추가에 따른 추가 (2016-06-07) */
.subContents article.comm-art1 div.memo {padding: 15px; padding-bottom: 25px; font-size: 13px; line-height: 20px;}
.subContents article.comm-art1 div.memo.not {padding: 0; padding-bottom: 25px;}
.subContents article.comm-art1 div.memo.not table.commRow {/* border-top: none; */}
.subContents article.comm-art1:last-child div.memo {padding-bottom: 15px;}

.comm-art1 .col2-area {display: table; width: 100%; margin: 15px 0 25px;}
.comm-art1 .col2-area .l-area,
.comm-art1 .col2-area .r-area {
    display: table-cell; vertical-align: top; width: 50%;
}
.comm-art1 .col2-area .l-area {padding-right: 10px;}
.comm-art1 .col2-area .r-area {padding-left: 10px;}
.comm-art1 .col2-area .memo {margin: 0 !important; padding: 0 !important;}
.comm-art1 .col2-area .memo .map-area {border: 1px solid #e1e3e4; height: 400px;}
.comm-art1 .col2-area .memo .text-area {margin-top: 10px; /*padding: 0 15px;*/ padding: 0;}
.comm-art1 .col2-area .memo .text-area dl dt {font-size: 15px; font-weight: bold; text-align: left;}
.comm-art1 .col2-area .memo .table-row > tbody > tr > th {font-size: 13px; padding: 8px;}
.comm-art1 .col2-area .memo .table-row > tbody > tr > td {font-size: 13px; line-height: 20px; padding: 8px 10px;}

#dext_body ul li,
#dext_body dl dt dd {list-style: disc;}
#dext_body ol li {list-style: decimal;}
#dext_body ul,
#dext_body ol {padding-left: 20px;}
#dext_body P,
#dext_body P *,
#dext_body .comm-title5,
#dext_body .memo-wrap {
    padding: 0;
    font-size: 14px !important; font-weight: 400 !important; line-height: 24px !important; /*color: #999999;*/
    font-family: "NotoSans", "돋움", "Dotum", "맑은고딕", sans-serif !important;
}
#dext_body .comm-title5 {font-size: 15px !important; color: #333333 !important; margin: 10px 0 4px;}



/* 관광지, 패키지, 레져만 추가 */
.package2 #tabs-1 article.comm-art1 {background: #eff0f1;}
.package2 #tabs-1 article.comm-art1 h6 {background: #ddd;}
.package2 #tabs-1 article.comm-art1 p {}


/* comm-article2 */
.subContents article.comm-art2 {margin-top: 20px;}
.subContents article.comm-art2 h6 {padding: 0 15px 5px 15px; font-size: 14px;}
.subContents article.comm-art2 p {padding: 0 15px; font-size: 13px; line-height: 20px;}
/* comm-article3 */
.subContents article.comm-art3 {margin-top: 25px;}
.subContents article.comm-art3 h6 {font-size: 0.812em; margin-bottom: 10px; background: url("../../images/web/list/04.gif") no-repeat left center; padding-left: 20px;}
.subContents article.comm-art3 p {font-size: 0.750em; line-height: 24px; background: #f5f5f5; border: 1px solid #ecebeb; padding: 18px;}
.subContents article.comm-art3 ul.info-list {background: #f5f5f5; border: 1px solid #ecebeb; padding: 18px;}
.subContents article.comm-art3 ul.info-list li {
    font-size: 12px; line-height: 18px; padding: 4px 0;
    background: url("../../images/web/list/01.gif") no-repeat left center; padding-left: 10px;
}

/* 좌우 배치 */
.comm-artWrap {display: table; width: 100%; margin-top: 30px;}
.comm-artWrap .comm-art3 {
    display: table-cell; vertical-align: top; width: 50%; margin: 0; background: #f5f5f5; border: 1px solid #dcdcdc; padding: 15px 10px;
}
/* .comm-artWrap .comm-art3:first-child {border-right: none;} */

/* 상단 제목 및 버튼 추가 */
.comm-artWrap.top {margin: 0 0 10px; position: relative;}
.comm-artWrap.top .side-right {position: absolute; right: 0; top: 0; padding: 6px;}
.comm-artWrap.top h6 {margin-bottom: 0 !important;}

.auto-cancel {padding: 5px 0 8px;}

.subContents .comm-artWrap article.comm-art3 ul.info-list {background: transparent; border: none; padding: 0;}
.subContents .comm-artWrap article.comm-art3 ul.info-list li {
    background-position: left 12px;
}


/* -------------------------------- common main 검색폼 -------------------------------- */
.subContents .product_search {background: #fff; border: 1px solid #d9d8d8; height: 292px; padding: 26px 26px; padding-right: 0; position: relative; overflow: hidden;}
.subContents .product_search .infoLeft {width: 610px;}
.subContents .product_search .infoLeft h2 {font-size: 1.625em; margin-top: 5px; margin-bottom: 20px;}
.subContents .product_search .infoLeft h2 span {font-size: 12px; color: #333333; font-weight: 400;}
.subContents .product_search .infoLeft ul.check {display: table; margin-top: 10px;}
.subContents .product_search .infoLeft ul.check:first-child {margin-top: 0;}
.subContents .product_search .infoLeft ul.check li {display: table-cell; vertical-align: middle; font-size: 12px; color: #262626;}
.subContents .product_search .infoLeft ul.check li.title {
    width: 78px;
    color: #000000; background: url("../../images/web/list/01.gif") no-repeat left center; padding-left: 8px;
    font-weight: 700;
}
.subContents .product_search .infoLeft ul.check li.list label {margin-right: 10px; margin-left: 2px; letter-spacing: -1px;}
.subContents .package .product_search .infoLeft ul.check li.list label {margin-right: 3px;}
.subContents .product_search .infoLeft ul.check input {height: 30px; vertical-align: middle; font-size: 12px;}
.subContents .air .product_search .infoLeft ul.check input[type="checkbox"] {height: 25px;}
.subContents .air .product_search .infoLeft ul.check input[type="radio"] {height: 25px;}
.subContents .product_search .infoLeft ul.check select {height: 30px; padding: 5px; vertical-align: middle; font-size: 12px;}
.subContents .product_search .infoLeft ul.check #lodgeName {width: 181px;}
.subContents .product_search .infoLeft ul.check .lodge_time_st {width: 60px;}
.subContents .product_search .infoLeft ul.calendar {display: inline-block;}
.subContents .product_search .infoLeft ul.calendar input.datepicker {width: 116px;}
.subContents .product_search .infoLeft ul.calendar2 {margin-left: 25px;}
.subContents .product_search .infoLeft ul.calendar2 li.title {width: 50px;}
.subContents .product_search .infoLeft ul.button {margin-top: 25px;}
.subContents .product_search .infoLeft ul.button li {text-align: center;}
.subContents .product_search .infoLeft ul.can2 {display: inline-block;}
.subContents .product_search .infoLeft .checkList .marL {margin-left: 20px;}
.subContents .product_search .infoLeft #start_region,
.subContents .product_search .infoLeft #end_region {width: 70px;}
.subContents .product_search .infoLeft ul.line2 {display: inline-block;}
.subContents .product_search .infoLeft ul.ranking {margin-left: 11px;}
.subContents .product_search .infoLeft ul.ranking .title {width: 65px !important;}
.subContents .product_search .infoLeft ul.check select.person {width: 105px;}
.subContents .product_search .infoLeft #vNights {margin-left: 5px;}
.subContents .product_search .infoLeft #vFromTm {margin-left: 5px;}
.subContents .product_search .infoLeft #vToTm {margin-left: 5px;}

.subContents .product_search .infoLeft ul.check.col2 {display: inline-block; margin-right: 20px;}

.product_search li.list .warning {color: #fe434c; position: relative; top: -3px; margin-bottom: 4px;}

/* infoRight */
.subContents .product_search .infoRight {position: absolute; right: 0; top: 0;}
.subContents .product_search .infoRight .bestInfo {height: 120px; position: relative;}
.subContents .product_search .infoRight .bestInfo .title {padding: 15px 20px 0 20px; font-size: 14px; color: #fff; margin-bottom: 15px; position: absolute; z-index: 2;}
.subContents .product_search .infoRight .bestInfo .title img {margin-bottom: 5px; margin-right: 5px;}
.subContents .product_search .infoRight .slideWrap {background: #f2f2f2; height: 224px;}
/* infoRight slideshow */
.subContents .product_search .infoRight .proName {font-size: 14px; color: #fff; padding: 48px 20px 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.subContents .product_search .infoRight .rcName {font-size: 14px; color: #fff;}
.subContents .product_search .infoRight .price {font-size: 26px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; padding: 0 20px;}
.subContents .product_search .infoRight .price span {font-size: 14px; color: #fff; font-weight:400; margin-left: 3px;}
.webwidget_slideshow_dot {padding: 0px; margin: 0px; position: relative; font-size: 13px;}
.webwidget_slideshow_dot .slides_box {overflow: hidden; position: absolute;}
/*.webwidget_slideshow_dot .title_thumb_box {width: 336px; height: 120px; }*/
/*.webwidget_slideshow_dot .title_thumb_box .title_box {padding: 5px;}*/
.webwidget_slideshow_dot .title_thumb_box .thumb_box {text-align: center; height: 25px; position: absolute; right: 16px; top: 16px; z-index: 3;}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span {margin-right: 3px; margin-left: 3px;}

.webwidget_slideshow_dot .title_thumb_box .thumb_box span.dotPrev {
    display: none; margin: 0;
    position: absolute; top: -95px; left: 0; z-index: 7;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span.dotNext {
    display: none; margin: 0;
    position: absolute; top: -95px; right: 0; z-index: 7;
}

.lodge .webwidget_slideshow_dot .title_thumb_box .thumb_box span.dotPrev,
.rent .webwidget_slideshow_dot .title_thumb_box .thumb_box span.dotPrev {display: block;}

.lodge .webwidget_slideshow_dot .title_thumb_box .thumb_box span.dotNext,
.rent .webwidget_slideshow_dot .title_thumb_box .thumb_box span.dotNext {display: block;}

.webwidget_slideshow_dot .title_thumb_box .thumb_box span img {cursor: pointer;}
.webwidget_slideshow_dot img {border: none;}
.webwidget_slideshow_dot ul {position: absolute; list-style: none;}
.webwidget_slideshow_dot ul li {padding: 0px; margin: 0px; float: left;}
.webwidget_slideshow_dot ul li a {display: block;}

/* 검색결과 */
.subContents .product_result {margin-top: 30px;}

/* -------------------------------- common sub 상세정보 -------------------------------- */
.subContents .detail {/*border: 1px solid #d9d8d8;*/ position: relative; display: table; width: 100%; table-layout: fixed;}
.subContents .detail .detailL,
.subContents .detail .detailR {display: table-cell; vertical-align: top;}

.subContents .detail .detailL {position: relative; /*border-right: 1px solid #d9d8d8;*/ width: 490px;}
.subContents .detail .detailL .serviceInfo {position: absolute; left: 0; top: 0; z-index: 2;}
.subContents .detail .detailL .photo {text-align: center; position: relative; height: 290px;}
.subContents .detail .detailL .photo img {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; width: auto; margin: auto;}
.subContents .detail .detailR {width: 489px;}
.subContents .detail .detailR .pdWrap {padding: 10px 0 25px 40px;}
.subContents .detail .detailR .pdWrap > .title {font-size: 1.628em; color: #281e1e; position: relative; border-bottom: 2px solid #494848; padding-bottom: 10px; padding-right: 120px;}
.subContents .package2 .detail .detailR .pdWrap > .title {padding-right: 0;}
.subContents .sightseeing2 .detail .detailR .pdWrap > .title {padding-right: 0;}
.subContents .free-coupons .detail .detailR .pdWrap > .title {padding-right: 0;}
.subContents .food2 .detail .detailR .pdWrap > .title {padding-right: 0;}
.subContents .detail .detailR .pdWrap .title span.subText {font-size: 14px; color: #281e1e; vertical-align: middle; font-weight: 400;}
.subContents .detail .detailR .pdWrap span.sns {position: absolute; right: 0; top: -4px; overflow: hidden;}
.subContents .detail .detailR .pdWrap span.sns a {float: left;}
.subContents .detail .detailR .evaluation {margin-top: 15px; text-align: right;}
.subContents .detail .detailR .evaluation li {display: inline-block;}
.subContents .detail .detailR .evaluation li:first-child {margin-right: 12px;}
.subContents .detail .detailR .evaluation li span {vertical-align: middle;}
.subContents .detail .detailR .evaluation #ind_grade {
    background: url("../../images/web/icon/gradeBG.jpg") no-repeat center; background-size: 100px 35px;  display: inline-block;
    width: 100px; height: 35px; line-height: 35px;
    font-size: 11px; text-align: center; color: #3f3f3f;
}
.subContents .detail .detailR .evaluation #ind_grade strong {color: #fd4249;}
.subContents .detail .detailR .evaluation #ind_review {
    background: url("../../images/web/icon/reviewBG.jpg") no-repeat center; background-size: 97px 35px;  display: inline-block;
    width: 97px; height: 35px; line-height: 35px;
    font-size: 11px; text-align: center; color: #3f3f3f;
}
.subContents .detail .detailR .evaluation #ind_review strong {color: #0ab49a;}
.subContents .detail .detailR .itemInfo {margin-top: 8px;}
.subContents .detail .detailR .itemInfo > li {
    background: url("../../images/web/list/03.gif") no-repeat left center; padding: 14px 5px; padding-left: 10px;
    font-size: 0.750em; border-bottom: 1px solid #dddddd;
    line-height: 21px;
    display: table; width: 100%; table-layout: fixed;
}
/*.subContents .detail .detailR .itemInfo li:last-child {border-bottom: none;}*/
.subContents .detail .detailR .itemInfo li span {display: table-cell; vertical-align: middle;}
.subContents .detail .detailR .itemInfo li span.infoTitle {width: 75px; margin-right: 10px; color: #322c2c; font-weight: 700;}
.subContents .rent2 .detail .detailR .itemInfo li span.infoTitle {width: 68px;}
.subContents .detail .detailR .itemInfo li span.infoText {position: relative;}
.subContents .detail .detailR .itemInfo li span.infoText select#carCount {width: 100px; height: 20px;}
.subContents .detail .detailR .itemInfo li span.infoText a {color: #3f3f3f;}
.subContents .detail .detailR .itemInfo li .excellence {display: inline-block; vertical-align: middle; margin-left: 10px;}

.subContents .detail .detailR .itemInfo > li.subItem {
    background: none; background-color: #f4f4f4; background-image: url("../../images/web/lodge/bg1.png"); background-repeat: repeat-x;
    height: 90px; overflow-y: auto; position: relative;
}
.subContents .detail .detailR .itemInfo li.subItem img.tip {position: absolute; left: 0; top: -1px;}
.subContents .detail .detailR .itemInfo li.subItem p {padding: 25px 0; line-height: 20px; font-size: 12px;}
.subContents .detail .detailR .itemInfo li #map {margin-left: 10px;}

/* 렌터카 정보 2줄 (2016-09-19) */
.subContents .detail .detailR .itemInfo.line2 {overflow: hidden;}
.subContents .detail .detailR .itemInfo.line2 li {float: left; width: 46%; width: calc(50% - 16px);}
.subContents .detail .detailR .itemInfo.line2 li.col1 {width: 100%;}


/* -------------------------------- common sub 상세정보2 추가사항 (패키지, 관광지입장권, 레져/음식/뷰티) -------------------------------- */
.subContents .detail .detailR2 .pdWrap > .subText {font-size: 0.875em; margin-bottom: 5px;}
.subContents .detail .detailR2 .pdWrap .prInfo {border-top: 1px solid #e7e6e6; margin-top: 20px; padding-top: 4px;}
.subContents .detail .detailR2 .pdWrap .prInfo > li {font-size: 0.750em;}
.subContents .detail .detailR2 .pdWrap .prInfo span.money {font-family: 'Noto Sans KR', sans-serif; color: #231E1E;}
.subContents .detail .detailR2 .pdWrap .prInfo span.sale {
    display: inline-block; width:103px; height: 61px; line-height: 46px; background: url("../../images/web/icon/sale2.png") no-repeat left top; color: #fff; text-align: center;
    font-family: 'Noto Sans KR', sans-serif; font-weight: 700; font-size: 12px; margin-top: 4px;
}
.subContents .detail .detailR2 .pdWrap .prInfo span.sale strong {color: #fff; font-size: 26px;}
.subContents .detail .detailR2 .pdWrap .prInfo .price-sns span.money {font-size: 30px;}
.subContents .detail .detailR2 .pdWrap .prInfo .price-sns {position: relative;}
.subContents .detail .detailR2 .pdWrap .prInfo .price-sns span.sns {top: 6px;}
.subContents .detail .detailR2 .pdWrap .prInfo .left {margin: 12px 0;}
.subContents .detail .detailR2 .pdWrap .prInfo .left span {color: #ee1a24; font-weight: 700;}
.subContents .detail .detailR2 .pdWrap .prInfo .left.info {}
.subContents .detail .detailR2 .pdWrap .prInfo .left.info p {display: inline-block;}
.subContents .detail .detailR2 .pdWrap .prInfo .left.info p::after {content: "|"; display: inline-block; margin: 0 4px 0 8px; color: #999;}
.subContents .detail .detailR2 .pdWrap .prInfo .left.info p:last-child::after {content: "";}
.subContents .detail .detailR2 .pdWrap .prInfo .left.info strong {}
.subContents .detail .detailR2 .pdWrap .prInfo .left.info span {color: #059bd3;}
.subContents .detail .detailR2 .pdWrap .prInfo .option select {display: block; width: 100%; margin-bottom: 5px;}
.subContents .detail .detailR2 .pdWrap .prInfo .option select#selProduct {color: #333333;}

/* 상품선택 open class 추가 */
.comm-select.open {border: 1px solid #333; background: #f2f2f2;}
.comm-select.open .select-button {font-weight: bold !important;}
.opCal.open {/*border: 1px solid #333; background: #f2f2f2;*/}
.opCal.open .opCal-title {/*font-weight: bold !important;*/}

.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap {background: #f5f7fa; border-top: 1px solid #e5e9ed; border-bottom: 1px solid #e5e9ed; margin-top: 5px; padding: 0 8px;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul > li {font-size: 12px; padding: 8px 0; border-top: 1px solid #e1e3e4; position: relative;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul > li:first-child {border-top: none;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li .qtyList-close {position: absolute; right: 0; top: 0;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol {display: table; width: 100%;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol li {display: table-cell; vertical-align: middle; font-size: 12px;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol li.list1 {padding-right: 8px; text-align: left;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol li.list2 {width: 80px; position: relative; text-align: center;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol li.list3 {width: 85px; padding-left: 10px; text-align: right;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol li.list2 input {width: 80px; height: 30px; text-align: center; padding: 0; display: inline;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol li.list2 button {position: absolute; width: 25px; height: 30px; background: #f2f2f2; border: 1px solid #CCCBD0; display: inline;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol li.list2 button.addition {right: 0;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol li.list2 button.subtract {left: 0;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .qtyWrap ul li ol li.shipping {text-align: left; width: 96px; padding-right: 8px;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .opCal {position: relative;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .opCal .opCal-title {
    font-size: 13px; border: 1px solid #ccc; padding: 8px;
    background: url("../../images/web/icon/arrow7.gif") no-repeat right center; font-weight: 400; color: #3f3f3f;
    cursor: pointer;
}
.subContents .cart .opCal {position: relative;}
.subContents .cart .opCal .opCal-title {
    font-size: 13px; border: 1px solid #ccc; padding: 8px;
    background: url("../../images/web/icon/arrow7.gif") no-repeat right center; font-weight: 400; color: #3f3f3f;
    cursor: pointer;
}
.subContents .detail .detailR2 .pdWrap .prInfo .option .opCal .opCal-title span {margin-left: 10px; color: #5f5f60;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .opCal .lodgeCalendar {display: block;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .calendar .datepicker {/*width: 300px; margin: 0 auto;*/}
.subContents .detail .detailR2 .pdWrap .prInfo .option .calendar .datepicker .ui-datepicker-inline table.ui-datepicker-calendar td {height: 20px;}
.subContents .detail .detailR2 .pdWrap .prInfo .option .calendar .datepicker a.ui-state-default {line-height: 20px;}
.subContents .detail .detailR2 .pdWrap .prInfo .total-money {text-align: right; padding: 12px 0 0; position: relative;}
.subContents .detail .detailR2 .pdWrap .prInfo .total-money span.money {font-size: 24px; color: #ff140a; position: relative; bottom: -2px;}
.subContents .detail .detailR2 .pdWrap .prInfo .total-money span.money strong {color: #ff140a;}
.subContents .detail .detailR2 .pdWrap .prInfo .total-money .shipping-fee {
    /*position: absolute; left: 0; bottom: 16px; z-index: 2;*/
    display: block; text-align: left;
    font-size: 12px; line-height: 16px; color: #fe434c;
}


/* 관광지입장권 사용시간 추가 */
.subContents .detail .detailR2 .pdWrap .prInfo .total-money .ticket-info {
    position: absolute; left: 0; bottom: 16px; color: #EE1A24; word-spacing: -1px;
}
.subContents .detail .detailR2 .pdWrap .prInfo .button {text-align: right; position: relative; margin-top: 15px;}
.subContents .detail .detailR2 .pdWrap .prInfo .button > * {display: inline-block; vertical-align: middle;}
.subContents .detail .detailR2 .pdWrap .prInfo .button input {border: none !important;}
.subContents .free-coupons .detail .detailR2 .pdWrap .prInfo .left {margin: 20px 0 8px;}


/* 택배 수령방법 */
.receipt-option-area {margin-top: 5px;}
.receipt-option-area select {width: 100% !important; height: 32px !important; margin-bottom: 0;}
.receipt-option-area .btn-area {text-align: right;}
.receipt-option-area .btn-area .comm-btn {margin-top: 0;}


/* ------------------------- 숙박, 골프 상세 common ------------------------- */
/* 갤러리 버튼 */
.subContents .photo-gallery #gallery_zoom {position: absolute; right: 0; top: 275px; z-index: 2;}
/* 요금정보 title */
.subContents .lodgeInformation .listTitle-wrap .right {position: absolute; right: 0; top: -6px; font-size: 13px;}
.subContents .lodgeInformation .listTitle-wrap .right span {color: #1a1919; margin-right: 6px;}
.subContents .lodgeInformation .listTitle-wrap .right #lodgeEtc {min-width: 130px; height: 30px; font-size: 12px;}

/* 달력 */
.subContents .lodgeCalendar {position: relative; border: 1px solid #cac8c8;}
.subContents .lodgeCalendar2 {border: none;}
.subContents .lodgeCalendar .leftArea,
.subContents .lodgeCalendar .rightArea {display: table-cell; vertical-align: top;}
.subContents .lodgeCalendar .leftArea {width: 610px;}
.subContents .lodgeCalendar .leftArea .title {background: #a2b5c2; color: #fff; text-align: center; padding: 15px 0;}
.subContents .lodgeCalendar .rightArea {width: 370px;}
.subContents .lodgeCalendar .rightArea .title {background: #808e9d; color: #fff; text-align: center; padding: 15px 0;}
.subContents .lodgeCalendar .leftArea .ctWrap,
.subContents .lodgeCalendar .rightArea .ctWrap {min-height: 540px;}
.subContents .golf2 .lodgeCalendar .leftArea .ctWrap,
.subContents .golf2 .lodgeCalendar .rightArea .ctWrap {min-height: 490px;}
.subContents .lodgeCalendar .rightArea .ctWrap {background: #eaedef;}
.subContents .lodgeCalendar .leftArea .ctWrap {padding: 0 35px;}
.subContents .lodgeCalendar .calendar .calHead {text-align: center; padding-top: 30px; padding-bottom: 20px;}
.subContents .lodgeCalendar2 .calendar .calHead {padding-top: 10px; padding-bottom: 5px;}
.subContents .lodgeCalendar .calendar .calHead > span {display:inline-block; font-size: 1.312em; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; vertical-align: middle; color: #4f4f4f;}
.subContents .lodgeCalendar .calendar .calHead a {display: inline-block; vertical-align: middle;}
.subContents .lodgeCalendar .calendar .calHead .calPrev {margin-right: 20px;}
.subContents .lodgeCalendar .calendar .calHead .calNext {margin-left: 20px;}
.subContents .lodgeCalendar .calendar .calBody {margin-top: 8px;}
.subContents .lodgeCalendar .calendar .calBody table {width: 100%; font-size: 12px; border-spacing:0px; border-collapse:collapse;}
.subContents .lodgeCalendar .calendar .calBody table thead th {
    width: 14%; height: 40px; background: #eff2f6; border: 1px solid #e8e7e7; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; color: #2b2727; text-align: center;
}
.subContents .lodgeCalendar .calendar .calBody table thead th.sun {background: #fd6f76; color: #fff;}
.subContents .lodgeCalendar .calendar .calBody table thead th.sat {background: #12b6f3; color: #fff;}
.subContents .lodgeCalendar .calendar .calBody table tbody td {height: 42px; border: 1px solid #e8e7e7; vertical-align: top; position: relative; color: #7d7f80; padding: 4px;}
.subContents .lodgeCalendar .calendar .calBody table tbody td.sun {color: #fe434c;}
.subContents .lodgeCalendar .calendar .calBody table tbody td.sun p.date {color: #fe434c;}
.subContents .lodgeCalendar .calendar .calBody table tbody td.sat {color: #0897e7;}
.subContents .lodgeCalendar .calendar .calBody table tbody td.sat p.date {color: #0897e7;}
.subContents .lodgeCalendar .calendar .calBody table tbody td a {height: 45px; display: block; color: #4c4d4d;}
.subContents .lodgeCalendar .calendar .calBody table tbody td a:hover {outline: 3px solid #fe434c;}
.subContents .lodgeCalendar .calendar .calBody table tbody td a.select {outline: 3px solid #fe434c;}
.subContents .lodgeCalendar .calendar .calBody table tbody td p.date {font-weight: 700;}
.subContents .lodgeCalendar .calendar .calBody table tbody td p.icon {position: absolute; right: 4px; top: 3px;}
.subContents .lodgeCalendar .calendar .calBody table tbody td p.price {position: absolute; right: 4px; bottom: 4px; color: #707070; font-size: 11px;}
/* 패키지 달력추가 */
.subContents .packCalendar {
    background: #f2f2f2; border: 1px solid #dfdddd; border-top: none; display: none;
    position: initial; top: 34px; left: 0; right: 0; z-index: 999;
}
.subContents .cart .packCalendar {width: 522px;}
.subContents .packCalendar .calendar {display: table; width: 100%;}
/*.subContents .packCalendar .calHead,*/
/*.subContents .packCalendar .calBody {display: table-cell;}*/
.subContents .packCalendar .calHead {text-align: center; font-size: 1.312em;}
.subContents .packCalendar .calHead .cal-top > a,
.subContents .packCalendar .calHead .cal-top > span {padding-top: 10px; display: inline-block}
.subContents .packCalendar .calHead .cal-top > span {font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; vertical-align: middle; color: #4f4f4f;}
.subContents .packCalendar .calHead a {display: inline-block; vertical-align: middle;}
.subContents .packCalendar .calHead a.calPrev {margin-right: 10px;}
.subContents .packCalendar .calHead a.calNext {margin-left: 10px;}
.subContents .packCalendar .calBody {padding: 10px;}
.subContents .packCalendar .calBody > table {background: #fff; width: 100%; border: 1px solid #dfdddd; text-align: center; font-size: 12px; table-layout: fixed; padding: 0px 8px 0px 8px;}
.subContents .packCalendar .calBody > table th {height: 36px;}
.subContents .packCalendar .calBody > table td {color: #c7c7c7; height: 33px; vertical-align: top;}
.subContents .packCalendar .calBody > table td a {display: block; line-height: 19px; color: #3f3f3f; border: 1px solid #fff; margin-top: -1px;}
.subContents .packCalendar .calBody > table td a.select {border: 1px solid #f0524c; }

.subContents .packCalendar .calHead .cal-top{text-align: center;}
.subContents .packCalendar table.cal .end em{display: inline-block; width: 100%; text-align: center; color: #3f3f3f; font-style: normal; margin-top: 1px;}
.subContents .packCalendar table.cal .reser em{display: inline-block; width: 100%; text-align: center; color: #fe434c; font-style: normal;}

/*.subContents .packCalendar .calBody > table td a.end {background: #807f7f; color: #fff; border: 1px solid #c49597;}*/
.subContents .packCalendar .cal-info {padding-left: 30px;}
.subContents .packCalendar .cal-info p {font-size: 11px; text-align: left; line-height: 18px;}
.subContents .packCalendar .cal-info p span {display: inline-block;}
.subContents .packCalendar .cal-info .colorBG {width: 8px; height: 8px; margin-right: 5px;}
.subContents .packCalendar .cal-info .info1 .colorBG {background: #fe434c;}
.subContents .packCalendar .cal-info .info2 .colorBG {background: #807f7f;}
/* ------------------------- //숙박, 골프 상세 common ------------------------- */

/* ------------------------------ 결제페이지 ------------------------------ */
/* 결제페이지 */
.subContents .comm_pay .pay-title {
    border-bottom: 1px solid #e0dfe0; position: relative;
    background: url(../../images/web/cart/title_bg.jpg) no-repeat right top;
}
.subContents .cart .comm_pay .pay-title { /* 장부가니 이미지 변경 */
    background-image: url(../../images/web/cart/title_bg2.jpg);
}
.subContents .comm_pay .pay-title h2 {color: #262020; line-height: 63px; font-size: 1.625em;}
.subContents .comm_pay .pay-title p {position: absolute; right: 0px; top: 0px; font-size: 0.875em;}
.subContents .comm_pay .pay-title p span {color: #fff;}
.subContents .comm_pay .payArea {margin-top: 30px;}
.subContents .comm_pay div.rightArea .payArea {margin-top: 0;}
.subContents .comm_pay .payArea > .title {margin-bottom: 8px; font-size: 1em;}
.subContents .comm_pay .payArea > .title > span {font-size: 12px; color: #EC262F;}
/*.subContents .comm_pay .lrWrap > div {display: table-cell; vertical-align: top;}*/
.subContents .comm_pay .lrWrap {position: relative;}
.subContents .comm_pay .lrWrap > div.leftArea {width: 680px; min-height: 370px; padding-right: 20px;}
.subContents .comm_pay .lrWrap > div.rightArea {width: 280px; position: absolute; top: 0; right: 0; z-index: 2;}
/* 결제페이지(예약자정보, 사용자정보) */
.subContents .comm_pay .payArea table.commRow .inpName {width: 100%; max-width: 328px;}
.subContents .comm_pay .payArea table.commRow .selNumber {width: 90px;}
.subContents .comm_pay .payArea table.commRow .inpNumber {width: 65px;}
.subContents .comm_pay .payArea p.check {margin-top: 5px;}



/* L.Point */
.subContents .comm_pay .l-point input.disabled {width: 140px;}
.subContents .comm_pay .l-point .value-point {display: inline-block; margin-right: 8px;}
.subContents .comm_pay .l-point .value-point strong {color: #f0524c;}
.subContents .comm_pay .payArea .pay-st strong {font-size: 18px;}
.subContents .comm_pay .payArea .right-align {width: 200px; text-align: right;}

td .lock-area {position: relative;}
td .lock-area .button-lock {
    position: absolute; top: -2px; left: 0; z-index: 2;
    width: 100%; height: 40px; background: #ffffff; opacity: .7;
}

/*결제 남은시간*/
#waitingTime {position:fixed; top:calc(50% - 80px); left:calc(50% + 170px); background-color:#ffffff; border:1px solid; padding:10px; z-index:2147483647;}
#waitingTime3 {font-size: 13px; padding-left: 150px;}

/* 결제페이지(할인정보) */
.subContents .comm_pay .pointWrap td.money {font-family: 'Noto Sans KR', sans-serif;}
.subContents .comm_pay .pointWrap td.point input,
.subContents .comm_pay .pointWrap td.point label,
.subContents .comm_pay .pointWrap td.point span {vertical-align: middle;}
.subContents .comm_pay .pointWrap td.point span.money {color: #ec262f;}
.subContents .comm_pay .pointWrap td.point #cash,
.subContents .comm_pay .pointWrap td.point #point {margin-left: 10px;}

/* 배송지 정보(16-08-16) */
.deli-address label {display: inline-block; margin-right: 10px;}
.deli-address label span {display: inline-block; vertical-align: middle;}

.deli-address .addr-wrap input.addr1,
.deli-address .addr-wrap input.addr2 {display: block; width: 328px; margin-top: 6px;}
.deli-address .addr-wrap .btn {display: inline-block; background: #9d9b9c; color: #fff; font-size: 13px; line-height: 30px; padding: 0 8px;}

.deli-address .requests select,
.deli-address .requests textarea {display: block; width: 328px;}
.deli-address .requests .memo {margin-top: 6px;}
.deli-address .requests .memo textarea,
.deli-address .requests .memo span {display: inline-block; vertical-align: bottom; min-height: 0;}


/* 결제페이지(결제정보) */
.subContents .comm_pay .payInfoWrap td .paySelect input {margin-left: 15px;}
.subContents .comm_pay .payInfoWrap td .paySelect input:first-child {margin-left: 0;}
.subContents .comm_pay .payInfoWrap td .paySelect label {color: #231e1e;}
.subContents .comm_pay .payInfoWrap td .agree {margin-top: 20px;}
.subContents .comm_pay .payInfoWrap td .agree dl {}
.subContents .comm_pay .payInfoWrap td .agree dt {border: 1px solid #d7d5d5; height: 41px; position: relative; margin-top: 10px;}
.subContents .comm_pay .payInfoWrap td .agree dt:first-child {margin-top: 0;}
.subContents .comm_pay .payInfoWrap td .agree dt p {padding: 12px;}
.subContents .comm_pay .payInfoWrap td .agree dt p label {color: #231e1e;}
.subContents .comm_pay .payInfoWrap td .agree dt .ddDown {position: absolute; right: 0; top: 0;}
.subContents .comm_pay .payInfoWrap td .agree dd {padding: 12px; border: 1px solid #d7d5d5; border-top: none; display: none;}
.subContents .comm_pay .payInfoWrap td p.memo {margin-top: 10px; line-height: 18px;}
.subContents .comm_pay .payInfoWrap td p.ordCheck {margin-top: 10px; margin-bottom: 8px;}
.subContents .comm_pay .payInfoWrap td .no_charge { margin-top: 5px;}
.subContents .comm_pay .payInfoWrap td .no_charge a {
    display: inline-block;
    height:20px;
    line-height: 20px;
    padding: 2px 8px;
    font-size: 12px;
    color: #55575f;
    background-color: #fff;
    border:solid 1px #b6b9c1;
}

/* 결제페이지(결제폼) */
.subContents .comm_pay .payForm {background: #f6f6f6; border: 1px solid #c1c1c1;}
.subContents .comm_pay .payForm #payment {display: block;}
.subContents .comm_pay .payForm .pdWrap {padding: 0 20px;}
.subContents .comm_pay .payForm .tbWrap {border-bottom: 1px solid #d7d7d7; padding: 20px 0;}
.subContents .comm_pay .payForm .tbWrap ul li {display: table; width: 100%; margin-top: 8px;}
.subContents .comm_pay .payForm .tbWrap ul li:first-child {margin-top: 0;}
.subContents .comm_pay .payForm .tbWrap ul li > p {display: table-cell;}
.subContents .comm_pay .payForm .tbWrap ul li > p.title {font-size: 0.812em;}
.subContents .comm_pay .payForm .tbWrap ul li > p.title2 {font-size: 0.875em;}
.subContents .comm_pay .payForm .tbWrap ul li > p.memo {text-align: right; font-size: 0.812em;}
.subContents .comm_pay .payForm .tbWrap ul li > p.memo2 {font-family: 'Noto Sans KR', sans-serif;}
.subContents .comm_pay .payForm .tbWrap ul li > p.memo2 strong {font-size: 22px;}
.subContents .comm_pay .payForm .list2 ul li > p.memo2 strong {color: #f2382c;}
.subContents .comm_pay .payForm .list3 ul li > p.memo2 strong {font-size: 14px;}
.subContents .comm_pay .payForm .list4 .memo {font-size: 0.750em; line-height: 20px;}
.subContents .comm_pay .payForm .list4 .agree {font-size: 0.750em; margin-top: 10px;}
.subContents .comm_pay .payForm .list4 .agree label {font-size: 13px;}
.subContents .comm_pay .payForm .list4 .agree span {font-size: 11px; vertical-align: middle;}

/* 예약확인/결제페이지 (숙박, 렌터 등) */
/*.subContents .lodge3 .payArea table.commCol td.left {padding: 10px 5px;}
.subContents .lodge3 .payArea table.commCol th.title1 {width: 125px;}
.subContents .lodge3 .payArea table.commCol th.title3 {width: 140px;}
.subContents .lodge3 .payArea table.commCol th.title4 {width: 140px;}
.subContents .lodge3 .payArea table.commCol td.money {color: #FE434C; font-weight: 700;}
.subContents .lodge3 .payArea table.commCol td.money * {color: #FE434C; font-weight: 700;}
.subContents .lodge3 .payArea table.commCol td .price {}
.subContents .lodge3 .payArea table.commCol td .sale {color: #FE434C;}
.subContents .lodge3 .payArea table.commCol td .sale * {color: #FE434C;}
.subContents .lodge3 .payArea table.commCol td span.subText {color: #31aea2;}*/
.lodge3 table.coupon-wrap {width: 100%; border-spacing:0px; border-collapse:collapse; margin-top: 8px;}
.lodge3 table.coupon-wrap tr td {position: relative; padding-top: 8px;}
.lodge3 table.coupon-wrap td.tBT {width: 80px;}
.lodge3 table.coupon-wrap td.add {padding-left: 5px;}
.lodge3 table.coupon-wrap .add-ct {line-height: 22px; color: #23A3E2;}
.lodge3 table.coupon-wrap .add-ct * {color: #23A3E2;}
.lodge3 table.coupon-wrap .add-ct a.close {display: inline-block; vertical-align: middle; margin-left: 8px; position: relative; top: -2px;}
.lodge3 table.coupon-wrap table th {text-align: center;}
.lodge3 table.coupon-wrap table th.title11 {width: 10%;}
.lodge3 table.coupon-wrap table th.title13 {width: 20%;}
.lodge3 .commList1 {margin-top: 10px;}
.comm-off * {text-decoration: line-through; color: #999;}
.cpListTr.off td{
    color: #999;
}

/* 예약자/사용자 정보 한줄로 합침 */
.lodge3 .line2 {overflow: hidden;}
.lodge3 .line2 .payArea {float: left; width: 50%;}
.lodge3 .line2 .userWrap2 {margin-left: 20px; width: 47%; width: calc(50% - 20px);}


/* ------------------------- 관광지입장권, 레져/음식 common ------------------------- */
/* 상품 메인 슬라이드 */
.subContents .product_slide {position: relative; width: 980px; height: 244px; overflow: hidden;}
.subContents .product_slide .prev {left: 0;}
.subContents .product_slide .prev,
.subContents .product_slide .next {position: absolute; top: 38%; z-index: 3;}
.subContents .product_slide .next {right: 0;}
.subContents .product_slide ul {overflow: hidden; width: 1000px;}
.subContents .product_slide ul li {width: 238px; margin-right: 10px; float: left;}
.subContents .product_slide .imgBox {height: 160px; overflow: hidden; position: relative;}
.subContents .product_slide .imgBox p.ranking {
    width: 32px; height: 44px; position: absolute; top: 0; left: 0; z-index: 2; text-align: center;
    background: url("../../images/web/icon/ranking.png") no-repeat left top; padding-top: 18px; font-size: 11px; color: #f7ee01; font-weight: 700;
}
.subContents .product_slide .imgBox img.photo {
    /*position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; max-width: 100%; max-height: 100%; margin: auto; z-index: 1;*/
    width: 100%; height: 160px; z-index: 1;
}

.subContents .product_slide .imgBox .nt {position: absolute; z-index: 2; overflow: hidden;}
.subContents .product_slide .imgBox .nt img {float: left;}
.subContents .product_slide .imgBox .ntTopL {top: 0; left: 0;}
.subContents .product_slide .imgBox .ntTopR {top: 0; right: 0;}
.subContents .product_slide .imgBox .ntBottomR {bottom: 10px; right: 10px;}

.subContents .product_slide .infoText {background: #565656; padding: 15px 0; height: 54px; position: relative;}
.subContents .product_slide .infoText p {color: #fff; padding-left: 10px; padding-right: 10px;}
.subContents .product_slide .infoText p.name {font-size: 0.812em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 59px;}
.subContents .product_slide .infoText p.price {font-family: 'Noto Sans KR', sans-serif; font-size: 0.812em; padding-right: 80px; margin-top: 12px; color: #fa6e0e;}
.subContents .product_slide .infoText p.price strong {color: #fa6e0e; font-size: 18px; display: inline-block; margin-right: 1px; position: relative; top: 1px;}
.product_slide .infoText p.sale {
    position: absolute; right: 0; bottom: 16px;
    font-size: 20px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;
}
.product_slide .infoText p.sale .t_price {font-size: 16px;}


/* new gallery */
.custom-container {width: 490px; overflow: hidden; position: relative;}
.custom-container .mid {height: 326px; overflow: hidden; position: relative;}
.custom-container .mid > img {width: 100%; height: 100%;}
.custom-container .carousel {margin-top: 10px; padding: 5px 0; padding-left: 29px; min-width: 490px !important; border-top: 1px solid #e1e3e4; border-bottom: 1px solid #e1e3e4;}
.custom-container .carousel ul {overflow: hidden; width: 5000px;}
.custom-container .carousel ul li {
    float: left; width: 82px; height: 55px; margin-right: 5px; cursor: pointer; opacity: 0.6; filter:Alpha(opacity=60);
}
.custom-container .carousel ul li.select {opacity: 1; filter:Alpha(opacity=100);}
.custom-container .carousel ul li img {display: block; width: 82px; height: 55px;}
.custom-container .carousel ul li.select img {border: 4px solid #FE434C; width: 74px; height: 47px;}
.custom-container .arrow {position: absolute; z-index: 3; width: 24px; height: 55px; bottom: 6px;}
.custom-container .prev {left: 0; background: url("../../images/web/icon/photo_prev.gif") no-repeat center;}
.custom-container .next {right: 0; background: url("../../images/web/icon/photo_next.gif") no-repeat center;}

/* new gallery(숙박객실) */
.detail-gallery {padding: 20px; background: #424040; position: absolute; top: 30px; z-index: 999; display: none;}
.gallery-view2 {padding-top: 30px;}
.gallery-view2 .carousel {background: #27211C; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.gallery-view2 .photo_close {position: absolute; right: 0; top: 0;}
.gallery-view2 .prev {background: url("../../images/web/icon/photo_prev2.gif") no-repeat center;}
.gallery-view2 .next {background: url("../../images/web/icon/photo_next2.gif") no-repeat center;}


/* 숙박 소아ㆍ유아 접수불가에 따른 수정 */
.lodgeInformation .pr_info {font-size: 12px; color: #999; margin-left: 5px;} /* 상품설명추가 */
.lodgeInformation span.not {display: inline-block; width: 71px; line-height: 28px; padding: 0 5px; border: 1px solid #ccc; color: #999} /* 숙박상세 */
.cart span.not {display: inline-block; line-height: 28px; padding: 0 5px; border: 1px solid #ccc; color: #999} /* 장바구니 */
.travelExpenses-wrap span.not {display: inline-block; line-height: 28px; padding: 0 5px; border: 1px solid #ccc; color: #999} /* 경비산출 */


/* ------------------------- popup layer ------------------------- */
/* layer popup(상세보기) */
.subContents .layerP1 {width: 204px; padding: 22px 22px 30px; position: absolute; top: 40px; right: 17px; font-size: 12px; background: #fff; border: 1px solid #fe434c; z-index: 1000; display: none;}
.subContents .layerP1 img.bubble {position: absolute; top: -7px; right: 22px;}
.subContents .layerP1 img.layerP1-close {position: absolute; bottom: 10px; right: 10px;}
.subContents .layerP1 p.memo {line-height: 20px; max-height: 200px; overflow-y: auto;}
/* layer popup(여행경비산출) */
.travel-contents .layerP1 {right: 8px;}
/* layer popup(장바구니 렌트) */
/*.subContents .cart .list-cell3 .layerP1 {top: 40px; right: auto; left: 59px;}*/
.subContents .cart .list-cell3 .layerP1 {top: auto; bottom: 40px; right: auto; left: 62px;}
.subContents .travelExpenses-wrap .list-cell3 .layerP1 {top: auto; bottom: 40px; right: auto; left: 62px;}
/* layer popup(결제하기 적용가능쿠폰) */
.coupon-wrap .layerP1 {width: 500px; padding: 22px 22px 25px; top: 36px; right: 0; left: 0;}
.coupon-wrap .layerP1 img.bubble {right: 0; left: 35px;}
/* layer popup(결제정보-결제전) */
.title-bt .layerP1 {width: 500px; right: 0px; top: auto; bottom: 35px; padding: 22px 22px 35px}
.title-bt .layerP1 img.bubble {right: 34px; top: auto; bottom: -7px;}

/* full popup */
.comm-fullPopup {
    position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; border: 1px solid #787575; z-index: 101;
    max-width: 100%; max-height: 100%; overflow-y: auto; display: none;
}
.rent-detail {padding:20px; width: 560px; height: 450px; overflow-y: auto;}
.comm-fullPopup h4.title {padding: 0 20px 10px 0; margin-bottom: 20px; position: relative; font-size: 18px; border-bottom: 1px solid #cccbd0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comm-fullPopup h4.title .option-close {position: absolute; right: 0px;}
.comm-fullPopup h5.sub-title {font-size: 13px; margin-bottom: 6px;}

.comm-fullPopup2 {
    position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; border: 1px solid #787575; z-index: 101;
    max-width: 100%; max-height: 100%; overflow-y: auto; display: none;
}
.comm-fullPopup2 .event-a img {position:absolute; top:651px; left:214px;}
.comm-fullPopup2 .event-b img {position:absolute; top:937px; left:214px;}

/* mypage 취소요청 팝업 20160527 */
.comm-fullPopup.cancel-popup {height: 460px;}
.comm-fullPopup.cancel-popup.total {height: 180px;}
.comm-fullPopup.cancel-popup .memoMsg {height: 80px; overflow-y: auto;}

.comm-fullPopup .logo-area{
    text-align: center; padding-top:30px;
}

/* 찜하기 팝업 */
.comm-fullPopup.like-popup {width: 480px; height: 300px; overflow-y: visible;}
.comm-fullPopup.like-popup h4.title {padding: 0 20px 10px 0; margin-bottom: 20px; position: relative; font-size: 15px; border-bottom: 1px solid #cccbd0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comm-fullPopup.like-popup h4.title .option-close {position: absolute; right: 0px;}
.comm-fullPopup.like-popup h5.sub-title {font-size: 13px; margin-bottom: 6px;}
.comm-fullPopup.like-popup .scroll-wrap {max-height: 290px; overflow-y: auto;}
.comm-fullPopup.like-popup img.bubble {position: absolute; top: auto; right: auto; bottom: -6px;}

.comm-fullPopup .top-box .option-close {position: absolute; right: 20px; top: 20px;}
.comm-fullPopup .ct-box .memo {font-size: 14px; text-align: center; padding: 82px 20px;}
.comm-fullPopup .ct-box .memo p {line-height: 28px;}
.comm-fullPopup .ct-box .memo p.danger {font-weight: 700; color: #fe434c;}
.comm-fullPopup .bt-box {background: #eaedef; padding: 25px;}
.comm-fullPopup .bt-box .btn-wrap {text-align: center;}
.comm-fullPopup .bt-box .btn-wrap .btn {display: inline-block; font-size: 14px; font-weight: 700; color: #fff; padding: 10px 20px; min-width: 80px;}
.comm-fullPopup .bt-box .btn-wrap .red {background: #fa6268;}
.comm-fullPopup .bt-box .btn-wrap .gray {background: #8f8e8e;}



/* layer popup (2016-09-26) */
.layer-popup {
    position: fixed; left: 0; right: 0; top: 90px;
    width: 580px; max-width: 88%; max-height: 88%; margin: auto;
    border: 1px solid #b1afaf; background: #fff; text-align: left; z-index: 100;
    overflow-y: auto; display: none;
}
.layer-popup .option-box {padding: 25px 20px;}
.layer-popup .option-box .title {position: relative; font-size: 16px;}
.layer-popup .option-box .title .option-close {position: absolute; top: -1px; right: 0;}
.layer-popup .option-box .info-text {padding: 20px 0;}

.layer-popup .addr-form .num {width: 150px;}
.layer-popup .addr-form .addr1,
.layer-popup .addr-form .addr2 {width: 49%; width: calc(50% - 3px);}
.layer-popup .addr-form input,
.layer-popup .addr-form .btn {margin: 2px 0;}

.layer-popup .addr-form .btn {display: inline-block; height: 30px; font-size: 13px; background: #a6a2a2; border: none; color: #fff; padding: 0 8px;}
.layer-popup .addr-form a.btn {height: auto; line-height: 30px;}

.layer-popup .comm-button2 {margin: 10px 0 0 0;}
.layer-popup .comm-button2 a {min-width: 90px; padding: 0 10px; line-height: 34px; font-size: 13px; border: none;}

.layer-popup .info-text .int input {width: 100%; margin: 3px 0;}




/* 결제정보(결제전) */
.title-bt {position: relative;}
.payArea .comm-sideBT {position: absolute; right: 0; top: -8px;}
.layerP1 .scroll-wrap {max-height: 222px; overflow-y: auto;}
.layerP1 .scroll-wrap table {font-size: 12px;}
.layerP1 .scroll-wrap table th {padding: 4px;}
.layerP1 .scroll-wrap table td {padding: 4px;}

table.comm-payInfo > tbody > tr > td {text-align: right; padding-right: 67% !important;}
table.comm-payInfo th {text-align: center;}
table.comm-payInfo td.sale img {margin-right: 4px; position: relative; top: -1px;}
table.comm-payInfo td.total-wrap {position: relative;}
table.comm-payInfo td.total-wrap {padding: 18px 10px;}
table.comm-payInfo thead .title1 {width: 10%;}
table.comm-payInfo thead .title2 {width: 25%;}
table.comm-payInfo thead .title3 {width: 20%;}
table.comm-payInfo tfoot td {font-size: 14px !important;}
table.comm-payInfo td.pay-st strong {font-size: 20px;}


/* 예약하기 > email form (2016-06-08) */
.payArea .email-form .id {width: 108px;}
.payArea .email-form .guide {}
.payArea .email-form .email {width: 108px;}
.payArea .email-form .select {width: 90px;}
.payArea .email-form .direct {display: inline-block; margin-left: 5px;}

.line2 .userWrap2 .email-form .id {width: 100px;}
.line2 .userWrap2 .email-form .email {width: 100px;}
.line2 .userWrap2 .email-form .select {width: 86px;}


/* 숙박, 렌트 상세 아이콘 정보 추가 */
.gallery-view1 .icon-imInfo {position: absolute; width: 100%; height: 70px; /*bottom: 0px;*/ top:256px; z-index: 9; background: rgba(51,51,51,.85); overflow: hidden;}
.gallery-view1 .icon-imInfo ul {display: table; width: 100%;}
.gallery-view1 .icon-imInfo ul li {display: table-cell; vertical-align: middle; width: 16%; height: 70px; text-align: center;}
.gallery-view1 .icon-imInfo ul li.off {opacity: .5;}
.gallery-view1 .icon-imInfo ul li .text {font-size: 12px; color: #fff; margin-top: 5px;}
/* --------------------------------------------------------- //style common  ------------------------------------------------------------------ */



/* --------------------------------------------------------- sub01(항공)  ------------------------------------------------------------------ */
/* 메인(검색결과-항공편) */
.subContents .air .air-result {border: 1px solid #d9d8d8; overflow: hidden;}
.subContents .air .air-result > div {float: left; width: 50%;}
.subContents .air .air-result .lArea {border-right: 1px solid #d9d8d8; width: 49.8%; width: calc(50% - 1px);}
.subContents .air .air-result .lArea h5.date {background: #91b2e4;}
.subContents .air .air-result .rArea h5.date {background: #ada4cc;}
.subContents .air .air-result h5.date {color: #fff;}
.subContents .air .air-result h5.date img {margin-right: 5px;}
.subContents .air .air-result h5.date span {color: #f1fa01; margin-left: 15px; font-weight: 700;}
/** 레이어만 숨김 2020.09.16 김지연  */
.subContents .air .air-result .air-list .loading {visibility:hidden; height:0;}
.subContents .air .air-result .air-list .loading ul li {display: inline-block; margin-left: 10px;}
.subContents .air .air-result .air-list .loading ul li.title {font-size: 0.770em; margin-left: 0;}
.subContents .air .air-result .air-list .loading ul li.title img {margin: 0 10px;}
.subContents .air .air-result .air-list .loading ul li.air1 {margin-left: 0;}
.subContents .air .air-result .air-list .loading ul li img.load {margin-left: 3px;}
.subContents .air .air-result .air-list .list-wrap {height: 350px; /*overflow-y: auto;*/ border-bottom: 1px solid #e4e4e4;}
/*.subContents .air .air-result .air-list .list-wrap {position: relative; padding-top:35px; width:100%; height: 350px; overflow: hidden;}
.subContents .air .air-result .air-list .list-wrap .table-scroll {height: 350px; overflow: auto;}
.subContents .air .air-result .air-list .list-wrap .table-scroll table.air-line {width: 100%;}
.subContents .air .air-result .air-list .list-wrap .table-scroll table.air-line thead tr {position: absolute; top: 0; display: block; width: 100%; height: 35px;}*/
.air-result .air-list .air-line th {cursor: pointer;}
.air-result .air-list .air-line th a.up {display: none;}
.air-result .air-list .air-line th.headerSortUp {background: #e0e0e0;}
.air-result .air-list .air-line th.headerSortDown {background: #e0e0e0;}
.air-result .air-list .air-line th.headerSortDown a.down {display: none;}
.air-result .air-list .air-line th.headerSortDown a.up {display: inline-block;}
.air-result .air-list .air-line th.headerSortUp a.down {display: inline-block;}
.air-result .air-list .air-line th.headerSortUp a.up {display: none;}
.subContents .air .air-result .air-list .air-line th.title1 {width: 25%;}
.subContents .air .air-result .air-list .air-line th.title3 {width: 18%;}
.subContents .air .air-result .air-list .air-line th.title4 {width: 18%;}
.subContents .air .air-result .air-list .air-line th.title5 {width: 14%;}
.subContents .air .air-result .air-list .air-line td {padding: 15px 0;}
.subContents .air .air-result .air-list .air-line td p {font-size: 13px;}
.subContents .air .air-result .air-list .air-line td p img {display: inline-block;}
.subContents .air .air-result .air-list .air-line td p.name {margin-top: 5px; color: #999999;}
.subContents .air .air-result .air-list .air-line td p.emph {font-size: 11px; color: #999999;}
.subContents .air .air-result .air-list .air-line td.time p {line-height: 18px;}
.subContents .air .air-result .air-list .air-line td p.sTime {color: #333333; font-weight: 700;}
.subContents .air .air-result .air-list .air-line td p.seat {color: #333333; font-weight: 700;}
.subContents .air .air-result .air-list .air-line td p.money {color: #333333; font-weight: 700;}
.subContents .air .air-result .air-list .air-line td .sale {color: #ee0711; font-weight: 700;}
.subContents .air .air-result .air-list .air-line tr.no {height: 313px; vertical-align: middle;}
.subContents .air .air-result .air-list .air-line tr.no td {border-bottom: none;}
.subContents .air .air-result .air-list .air-line .condition {color: #ff6600;}
.subContents .air .air-result .air-list #goWrap tr.active td {background: #dde3ed;}
.subContents .air .air-result .air-list #comeWrap tr.active td {background: #e4dcfc;}
.subContents .air .air-result .air-list .air-rule {padding: 15px;}
.subContents .air .air-result .air-list .air-rule .title {margin-bottom: 10px;}
.subContents .air .air-result .air-list .air-rule p {font-size: 0.750em; line-height: 18px;}
.subContents .air .air-result .air-list .air-rule ul.commList1 li {font-size: 0.750em;}
/* .air .air-result #init_start_div, .air .air-result #init_end_div {font-size: 14px; padding-left: 130px !important;} */

/* 2016-06-15 추가 */
.subContents .air .air-result .air-list .list-wrap {height: 372px;} /* scroll 영역 */
.subContents .air .air-result .air-list .loading ul {margin-top: 6px;}
.subContents .air .air-result .air-list .loading ul:first-child {margin-top: 0px;}
.subContents .air .air-result .air-list .loading ul li {margin-left: 4px;}
.subContents .air .air-result .air-list .loading ul li:nth-child(2) {margin-left: 0px;}
.subContents .air .air-result .air-list .loading ul li.title span {display: inline-block;}
.subContents .air .air-result .air-list .loading ul li.title span:first-child {width: 58px;}
.subContents .air .air-result .air-list .air-line td {padding: 6px 0;}
.subContents .air .air-result .air-list .air-line td .l-area,
.subContents .air .air-result .air-list .air-line td .r-area {display: inline-block; vertical-align: middle;}
.subContents .air .air-result .air-list .air-line td p.ci img {height: 15px;}
.subContents .air .air-result .air-list .air-line td p.name {color: #333; margin-bottom: 1px;}
.subContents .air .air-result .air-list .air-line td.time p {line-height: 18px; display: inline-block; vertical-align: middle;}
.subContents .air .air-result .air-list .air-line td.time p.arrow img {width: 15px; position: relative; top: -2px;}
.subContents .air .air-result .air-list .air-line td.condition label {display: block; margin-top: 3px; font-size: 12px;}
.subContents .air .air-result .air-list tr.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.subContents .air .air-result .air-list tr.disabled:hover {cursor: not-allowed;}


/* 2016-06-28 항공권 메뉴 고정 */
.subContents .air .air-result .air-list .list-wrap {height: 494px; padding-top: 36px; position: relative; overflow: hidden;} /* scroll 영역 */
.subContents .air .air-result .air-list .list-wrap .table-scroll {height: 495px; overflow-y: auto;}
.subContents .air .air-result .air-list .list-wrap table thead tr {position: absolute; top: 0; display: block; width: 100%;}
.subContents .air .air-result .air-list .air-line th.title1 {width: 138px;}
.subContents .air .air-result .air-list .air-line th.title2 {width: 119px;}
.subContents .air .air-result .air-list .air-line th.title3 {width: 75px;}
.subContents .air .air-result .air-list .air-line th.title4 {width: 65px;}
.subContents .air .air-result .air-list .air-line th.title5 {width: 87px;}
.subContents .air .air-result .air-list .air-line thead th:nth-child(1) {width: 130px;}
.subContents .air .air-result .air-list .air-line thead th:nth-child(2) {width: 119px;}
.subContents .air .air-result .air-list .air-line thead th:nth-child(3) {width: 75px;}
.subContents .air .air-result .air-list .air-line thead th:nth-child(4) {width: 73px;}
.subContents .air .air-result .air-list .air-line thead th:nth-child(5) {width: 87px;}
.subContents .air .air-result .air-list .air-line tbody td:nth-child(1) {width: 130px;}
.subContents .air .air-result .air-list .air-line tbody td:nth-child(2) {width: 119px;}
.subContents .air .air-result .air-list .air-line tbody td:nth-child(3) {width: 75px;}
.subContents .air .air-result .air-list .air-line tbody td:nth-child(4) {width: 73px;}
.subContents .air .air-result .air-list .air-line tbody td:nth-child(5) {width: auto;}

.air-result .list-wrap {position: relative}
.air-result .list-wrap .no-item {position: absolute; left: 28%; left: calc(50% - 115px); top: 185px; font-size: 14px;}


/* 2016-06-21 추가 tooltip (툴팁) */
.air .tooltip-btn {cursor: pointer; position: relative; text-align: center;}
.air .tooltip-btn.side {display: inline-block; margin-left: 5px;}

.air .tooltip-btn span {display: inline-block; background: #4c95fb; color: #fff; font-size: 12px; padding: 2px 5px; border-radius: 3px; margin-top: 4px;}
.air .tooltip-btn .info-text {position: relative;}
.air .tooltip-btn:hover .info-text::before {
    content: ""; position: absolute; bottom: 28px; left: -60px; width: 280px; z-index: 98;
    background: #fff; border: 1px solid #4c95fb; padding: 8px 15px; border-radius: 10px; font-size: 12px; text-align: left; box-shadow: 0px 4px 4px #b9b9b9; color: #222;
}
/*.air .tooltip-btn:hover .busan::before {content: "에어부산을 탑승하시는 공동운항편입니다.";}
.air .tooltip-btn:hover .seoul::before {content: "에어서울을 탑승하시는 공동운항편입니다.";}*/
.air .tooltip-btn:hover .busan::before {content: url('../../images/web/air2/info_busan.png');}
.air .tooltip-btn:hover .seoul::before {content: url('../../images/web/air2/info_seoul.png');}

.air .tooltip-btn.side:hover .info-text::before {left: -130px;}
.air .air-list .tooltip-btn:hover .info-text::before {left: -120px;}
.air td.left .tooltip-btn:hover .info-text::before {left: -30px;}

.air tr.disabled .tooltip-btn {cursor: not-allowed;}
.air tr.disabled .tooltip-btn:hover .info-text {display: none !important;}

/* 툴팁 삼각형 */
.air .tooltip-btn:hover .info-text::after {
    content: ""; position: absolute; bottom: 20px; left: 50%; left: calc(50% - 8px); z-index: 99;
    width: 0px; height: 0px;
    border-top: 8px solid #4c95fb;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid  transparent;
}


/* 메인(선택하신 여정) */
.subContents .air .journey .payWrap {border: 1px solid #d9d8d8; display: table; width: 100%;}
.subContents .air .journey .payWrap > div {display: table-cell; vertical-align: top; height: 298px;}
.subContents .air .journey .payWrap > div.payForm {vertical-align: top;}
.subContents .air .journey .jourList {width: 620px; padding: 25px;}
.subContents .air .journey .jourList .come {margin-top: 20px;}
.subContents .air .journey .jourList .title {position: relative; margin-bottom: 10px;}
.subContents .air .journey .jourList .title img {margin-left: 5px;}
.subContents .air .journey .jourList .title span {font-size: 12px; font-weight: 400;}
.subContents .air .journey .jourList .title span.guid {position: absolute; right: 0; bottom: 0;}
.subContents .air .journey .jourList table th {width: 20%;}
.subContents .air .journey .jourList table th {height: 30px;}
.subContents .air .journey .jourList table td {height: 30px;}
.subContents .air .journey .payForm {background: #eaedef; padding: 15px;}
.subContents .air .journey .payForm .sel span.title {display: block; font-size: 13px; margin-bottom: 5px; font-weight: 700; color: #493d3d;}
.subContents .air .journey .payForm .sel select {width: 97px;}
.subContents .air .journey .payForm .selInfo {text-align: right; font-size: 0.812em; margin-top: 20px;}
.subContents .air .journey .payForm p.info4 {
    font-size: 1.125em; color: #cd3f40; text-align: center; margin-top: 15px;
    font-family: 'Noto Sans KR', sans-serif; font-weight: 700;
}
.subContents .air .journey .payForm p.info4 span {font-size: 16px; color: #cd3f40;}
.subContents .air .journey .payForm p.info4 span.plus {font-size: 12px; color: #5c5d5f;}
.subContents .air .journey .payForm p.info5 {font-size: 0.687em; text-align: center; margin: 4px 0 15px 0; color: #fe434c;}
.subContents .air .journey .payWrap .payForm .button {text-align: center;}

.subContents .air .journey .info {font-size: 0.750em; line-height: 22px; margin-top: 10px;}


/* 결제페이지 */
.subContents .air2 .payArea table.commCol th.title1 {}
.subContents .air2 .payArea table.commCol td.seat span {color: #fe434c;}
.subContents .air2 .lrWrap .passengers table td {padding: 6px 0;}
.subContents .air2 .lrWrap .passengers table th.title1 {width: 125px;}
.subContents .air2 .lrWrap .passengers table th.title2 {width: 85px;}
.subContents .air2 .lrWrap .passengers table th.title3 {width: 110px;}
.subContents .air2 .lrWrap .passengers table td.name input.first {width: 40px;}
.subContents .air2 .lrWrap .passengers table td.name input.last {width: 60px;}
.subContents .air2 .lrWrap .passengers table td.birth input {width: 90px;}
.subContents .air2 .lrWrap .passengers table td p.ex {margin-top: 4px; color: #5f5f60;}
.subContents .air2 .lrWrap .passengers table td.fare-info {padding: 0 10px;}
.subContents .air2 .lrWrap .passengers table td.fare-info label {display: inline-block; width: 60px;}
.subContents .air2 .lrWrap .passengers table td.fare-info select {width: 80%; width: calc(100% - 64px); font-size: 11px;}
.subContents .air2 .lrWrap .passengers .caution {border: 1px solid #dad9d9; margin-top: 10px; padding: 20px 30px;}
.subContents .air2 .lrWrap .passengers .caution > div {display: table-cell; vertical-align: middle;}
.subContents .air2 .lrWrap .passengers .caution div.icon {width: 80px;}
.subContents .air2 .lrWrap .passengers .caution div.text p {font-size: 0.750em; line-height: 20px;}

/* 항공사 리스트 */
ul.air-trip {background: #fff; padding: 15px; margin-top: 24px;}
ul.air-trip .air-title {font-size: 14px; font-weight: 400; position: relative;}
ul.air-trip .air-title img {margin-right: 14px;}
ul.air-trip .air-title a {
    position: absolute; right: 0; top: -4px; display: inline-block; background: #FE434C; color: #fff; text-align: center; border-radius: 4px;
    font-size: 14px; min-width: 58px; padding: 0 5px; line-height: 30px; font-weight: 700;
}


/* 신규 변경 */
.air .payForm ul.air-price li {border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; margin-top: 25px;}
.air .payForm ul.air-price li:first-child {margin-top: 10px;}
.air .payForm ul.air-price li .title {margin-bottom: 10px;}
.air .payForm ul.air-price li .person {font-size: 13px;}
.air .payForm ul.air-price li .total {color: #fe434c; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 700;}
.air .payForm ul.air-price li .total * {color: #fe434c;}
.air .payForm ul.air-price li .total .price {font-weight: 800; font-size: 24px;}
.air .payForm ul.air-price li .total .pay-info {font-size: 11px;}
.air .payForm ul.air-price li.buy {border-bottom: none;}
.air .payForm ul.air-price li.buy .air-list {background: #fff;}
.air .payForm ul.air-price li.buy .air-list .logo {text-align: center; padding: 18px 0 14px;}
/*.air .payForm ul.air-price li.buy .air-list .bt {text-align: center;}
.air .payForm ul.air-price li.buy .air-list .bt a {
    display: block; text-align: center; background: #fe434c; color: #fff; font-weight: 700;
    font-size: 16px; line-height: 45px;
}*/
.air .payForm ul.air-price li.buy .air-list .bt {display: table; width: 100%;}
.air .payForm ul.air-price li.buy .air-list .bt a {display: table-cell; width: 50%; text-align: center; font-size: 16px; font-weight: 700; line-height: 45px; background: #fe434c; color: #fff;}
.air .payForm ul.air-price li.buy .air-list .bt a.cancel {background: #b0b0b0;}

/* 항공 기준나이 정보 추가 */
.air .air-info {margin-top: 4px;}
.air .air-info span {font-size: 11px; color: #999; display: inline-block; width: 106px; text-align: center;}
.subContents .air .product_search .infoLeft ul.button {margin-top: 20px;}
/* --------------------------------------------------------- //sub01(항공)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub02(숙박)  ------------------------------------------------------------------ */
/* ------------------------------ 숙박 메인 ------------------------------ */
/* mainTabMenu1 */
/*.subContents .lodge .mainTabMenu1 ul.menuList li {width: 14%;}
.subContents .lodge .mainTabMenu1 ul.menuList li:first-child {width: 16%;}*/

/* mainTabMenu1 (풀빌라, 카라반 삭제에 따른 추가) */
.subContents .lodge .mainTabMenu1 ul.menuList li {width: 20%;}



/* common main 검색폼 */
.subContents .lodge .product_search .infoLeft h2 {margin-bottom: 15px;}
.subContents .lodge .product_search .infoLeft ul.check {margin-top: 5px;}
.subContents .lodge .product_search .infoLeft ul.check li.title {width: 70px;}
.subContents .lodge .product_search .infoLeft ul.check li.list label {margin-right: 6px;}
.subContents .lodge .product_search .infoLeft ul.marL li.title {width: 50px;}
.subContents .lodge .product_search .infoLeft ul.marL #personnel {width: 118px;}
.subContents .lodge .product_search .infoLeft ul.radio {margin-top: -3px;}
.subContents .lodge .product_search .infoLeft ul.checkbox {margin-top: -3px;}
.subContents .lodge .product_search .infoLeft ul.button {margin-top: 18px;}

/* 핫딜, 당일특가 추가에 따른 코드 */
.lodge2 .detail .nt {position: absolute; z-index: 2; overflow: hidden;}
.lodge2 .detail .nt img {float: left;}
.lodge2 .detail .ntTopL {top: 0; left: 0;}


/* ------------------------------ 숙박 상세 ------------------------------ */
/* 숙박정보 */
/*.subContents .lodge2 .detail .detailR .pdWrap {padding: 25px 25px 0px 40px;}*/
.subContents .lodge2 .detail .detailR .itemInfo > li {padding: 5px; padding-left: 10px;}
.subContents .lodge2 .detail .detailR .itemInfo > li.subItem {background-position: 0% 0%;}

/* 요금정보/예약하기 */
.subContents .lodge2 .lodgeInformation table.commCol thead th.title1 {width: 45px;}
.subContents .lodge2 .lodgeInformation table.commCol thead th.title3 {width: 160px;}
.subContents .lodge2 .lodgeInformation table.commCol thead th.title4 {width: 120px;}
.subContents .lodge2 .lodgeInformation table.commCol thead th.title5 {width: 180px;}
.subContents .lodge2 .lodgeInformation table.commCol tbody td.price {color: #ec1010;}
/* 요금정보/예약하기 (상세 갤러리) */
/*
.subContents .lodge2 .lodgeInformation table td {position: relative;}
.subContents .lodge2 .lodgeInformation .gallery-view {position: absolute; top: 30px; background: #424040; width: 533px; z-index: 2; visibility: hidden;}
.subContents .lodge2 .lodgeInformation .gallery-view .pdWrap {padding: 20px; padding-top: 40px;}
.subContents .lodge2 .lodgeInformation .gallery-view .button {text-align: right; margin-top: 15px;}
.subContents .lodge2 .lodgeInformation .gallery-view .photo_close {position: absolute; right: 20px; top: 12px;}
.subContents .lodge2 .lodgeInformation .gallery-view .pgwSlideshow {background: #2e2c2c;}
.subContents .lodge2 .lodgeInformation .gallery-view .pgwSlideshow .ps-list {background: #27211c; border-top: 1px solid #333;}
.subContents .lodge2 .lodgeInformation .gallery-view .pgwSlideshow .ps-list .ps-prev {background: url("../../images/web/icon/photo_prev2.gif") no-repeat center;}
.subContents .lodge2 .lodgeInformation .gallery-view .pgwSlideshow .ps-list .ps-next {background: url("../../images/web/icon/photo_next2.gif") no-repeat center;}
*/

/* 달력 (info) */
.subContents .lodge2 .lodgeCalendar ul.calendar-info {margin-top: 15px;}
.subContents .lodge2 .lodgeCalendar ul.calendar-info li {display: inline-block; font-size: 0.750em; margin-right: 15px;}
.subContents .lodge2 .lodgeCalendar ul.calendar-info li:first-child {margin-left: 0;}

/* 결제폼 */
.subContents .lodge2 .payForm .pdWrap {padding: 20px 25px; padding-top: 30px;}
.subContents .lodge2 .payForm h3 {
    color: #493d3d; font-family:'NotoSans', sans-serif; font-weight:700; padding-top: 4px; padding-bottom: 8px; text-align: center;
    border-bottom: 1px solid #000000; font-size: 1em;
}
.subContents .lodge2 .payForm h3 .subText {font-size: 14px; color: #059bd3;}
.subContents .lodge2 .payForm p.info1 {font-size: 0.750em; margin-top: 22px; line-height: 18px;}
.subContents .lodge2 .payForm p.info1 span {color: #dc0a0a;}
.subContents .lodge2 .payForm p.info2 {font-size: 0.875em; margin-top: 15px; vertical-align: middle;}
.subContents .lodge2 .payForm p.info2 select {width: 190px; height: 32px; font-size: 12px; margin-left: 5px; vertical-align: middle;}
.subContents .lodge2 .payForm p.info3 {font-size: 0.687em; margin-top: 10px; margin-bottom: 10px; color: #fe434c; text-align: center;}
/*.subContents .lodge2 .payForm p.info4 {
    font-size: 1.125em; color: #cd3f40; text-align: center;
    font-family: 'Noto Sans KR', sans-serif; font-weight: 700;
}
.subContents .lodge2 .payForm p.info4 span {font-size: 16px; color: #cd3f40;}
.subContents .lodge2 .payForm p.info4 span.plus {font-size: 12px; color: #5c5d5f;}
.subContents .lodge2 .payForm p.info4 span.subText {font-size: 12px; color: #5c5d5f; font-weight: 300;}*/
.subContents .lodge2 .payForm p.info4 {font-size: 12px; text-align: center;}
.subContents .lodge2 .payForm p.info4 span {color: #cd3f40; font-family: 'Noto Sans KR', sans-serif;}
.subContents .lodge2 .payForm p.info4 span.price {font-size: 18px; font-weight: 700;}
.subContents .lodge2 .payForm p.info4 span.won {font-size: 16px;}
.subContents .lodge2 .payForm p.info5 {font-size: 0.687em; text-align: center; margin: 2px 0 8px 0;}
.subContents .lodge2 .payForm .priceInfo {font-size: 12px; border-top: 1px solid #cccbcc; border-bottom: 1px solid #cccbcc; padding: 10px 0; line-height: 24px;}
.subContents .lodge2 .payForm .priceInfo span.money {color: #fe434c;}
.subContents .lodge2 .payForm .list-cell {padding: 20px 0;}
.subContents .lodge2 .payForm .list-cell ul > li {display: table; width: 100%;}
.subContents .lodge2 .payForm .list-cell ul li {margin-top: 10px;}
.subContents .lodge2 .payForm .list-cell ul li:first-child {margin-top: 0;}
.subContents .lodge2 .payForm .list-cell ul li > div {display: table-cell; text-align: left;}
.subContents .lodge2 .payForm .list-cell ul li div.area1 {
    width: 60px; font-size: 12px; background: url("../../images/web/list/03.gif") no-repeat left 14px; padding-left: 8px; vertical-align: top; padding-top: 7px;
}
.subContents .lodge2 .payForm .list-cell ul li.dateWrap div.area2 input.cal {width: 130px;}
.subContents .lodge2 .payForm .list-cell ul li.dateWrap div.area2 select {width: 112px;}
.subContents .lodge2 .payForm .list-cell ul li.persWrap div.area2 select {width: 80px; padding-left: 6px;}
.subContents .lodge2 .payForm .list-cell ul li.persWrap div.area2 table {font-size: 12px;}
.subContents .lodge2 .payForm .list-cell ul li.persWrap div.area2 table td {text-align: center;}
.subContents .lodge2 .payForm .pay-info {font-size: 0.750em; margin-bottom: 20px;}
.subContents .lodge2 .payForm .pay-info #payinfo {position: relative; margin-top: 15px; margin-bottom: 8px;}

.subContents .lodge2 .payForm .pay-info #payinfo img {position: absolute; right: 0;}
.subContents .lodge2 .payForm .pay-info #payinfo img#pay_plus {bottom: 12px;}
.subContents .lodge2 .payForm .pay-info #payinfo img#pay_close {top: 11px;}
.subContents .lodge2 .payForm p.button {text-align: center; margin-top: 20px;}
.subContents .lodge2 .payForm p.button input:focus {border: none !important;}
.subContents .lodge2 .payForm .cancel {position: relative;}

/* 숙박,골프 공통 pay-info */
.subContents .payForm .pay-info span.money {
    font-size: 12px; color: #272731; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; vertical-align: middle; display: inline-block; padding-bottom: 3px;
}
.subContents .payForm .pay-info #payinfo_plus {background: #fff; height: 62px; overflow-y: auto; padding: 8px; border-bottom: 1px solid #cccbcc;}
.subContents .payForm .pay-info #payinfo_plus p {line-height: 20px; position: relative;}
.subContents .payForm .pay-info #payinfo_plus p .del {position: absolute; right: 0; top: -1px;}
.subContents .payForm .pay-info .addBT {text-align: right; margin-top: 4px; font-size: 13px;}
.subContents .payForm .pay-info .addBT a {background: #808e9d; color: #fff; display: inline-block; padding: 5px 8px;}
/* 숙박,골프 공통 선택추가 */
.subContents .payForm .select-add {padding: 4px 0;}
.golf2 .payForm .select-add {border-top: 1px solid #CCCBCC; padding-top: 6px;}
.subContents .payForm .select-add table {width: 100%; font-size: 12px;}
.subContents .payForm .select-add table td {padding: 2px 0;}
.subContents .payForm .select-add table .price {text-align: right; font-size: 13px; height: 32px;}
.subContents .payForm .select-add table .price .accom-sale {font-size: 12px; margin-bottom: 2px;}
.subContents .payForm .select-add table .price .accom-sale strong {color: #fe434c;}


.subContents .payForm .select-add table .text {color: #5f5f60;}
.subContents .payForm .select-add table .button {text-align: right;}
.subContents .payForm .select-add table .button a {background: #808e9d; color: #fff; display: inline-block; padding: 5px 8px;}
.subContents .payForm .select-add table .button .warning {display:inline-block; background: #fa6268; color: #fff; display: inline-block; padding: 5px 8px;}
/* --------------------------------------------------------- //sub02(숙박)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub03(렌터카)  ------------------------------------------------------------------ */
/* ------------------------------ 렌터카 메인 ------------------------------ */
/* mainTabMenu1 */
.subContents .rent .mainTabMenu1 .menuList li {width: 16%;}

/* common main 검색폼 */
.subContents .rent .product_search .infoLeft ul.radio {margin-top: -3px;}
.subContents .rent .product_search .infoLeft ul.check {margin-top: 5px;}
.subContents .rent .product_search .infoLeft ul.checkbox {margin-top: 4px;}
.subContents .rent .product_search .carName {margin-right: 25px;}
.subContents .rent .product_search .carName input.car-name {width: 210px;}
.subContents .rent .product_search .company select {width: 184px;}
.subContents .rent .product_search .infoLeft ul.button {margin-top: 10px;}

.subContents .rent .product_search #vFromTm {width: 68px;}
.subContents .rent .product_search #vToTm {width: 67px;}

.label-infoText {
    font-size: 11px; line-height: 16px; color: #fe434c; margin-left: 90px;
    background: url("../../images/web/list/04.gif") no-repeat left center; padding-left: 20px;
}



/* ------------------------------ 렌터카 상세 ------------------------------ */
.subContents .rent2 .rentalInformation .ctWrap {border: 1px solid #d9d8d8; position: relative;}
.subContents .rent2 .rentalInformation .calendarWrap,
.subContents .rent2 .rentalInformation .payForm {display: table-cell; vertical-align: top;}

/* 결제 */
.subContents .rent2 .rentalInformation .payForm {background: #eaedef; width: 366px; height: 290px;}
.subContents .rent2 .rentalInformation .payForm .pdWrap {padding: 15px 20px;}
.subContents .rent2 .rentalInformation .payForm h3 {
    color: #493d3d; font-family:'NotoSans', sans-serif; font-weight:700; padding-top: 4px; padding-bottom: 8px; text-align: center;
    border-bottom: 1px solid #000000;
}
.subContents .rent2 .rentalInformation .payForm h3 .subText {font-size: 14px; color: #059bd3;}
.subContents .rent2 .rentalInformation .payForm p.info1 {font-size: 12px; margin-top: 22px; line-height: 18px;}
.subContents .rent2 .rentalInformation .payForm .info2 {font-size: 12px; margin-top: 15px; vertical-align: middle; position: relative;}
.subContents .rent2 .rentalInformation .payForm .info2 select {width: 190px; height: 32px; font-size: 12px; vertical-align: middle;}
.subContents .rent2 .rentalInformation .payForm .info2 a.layer-1 img {height: auto !important;}
.subContents .rent2 .rentalInformation .payForm p.info3 {
    font-size: 0.687em; margin-top: 10px; margin-bottom: 10px; color: #fe434c; text-align: center; border-bottom: 1px solid #e3e1de; padding-bottom: 10px;
}
.subContents .rent2 .rentalInformation .payForm p.info4 {font-size: 12px; text-align: center;}
.subContents .rent2 .rentalInformation .payForm p.info4 span {color: #cd3f40; font-family: 'Noto Sans KR', sans-serif;}
.subContents .rent2 .rentalInformation .payForm p.info4 span.price {font-size: 18px; font-weight: 700;}
.subContents .rent2 .rentalInformation .payForm p.info4 span.won {font-size: 16px;}
.subContents .rent2 .rentalInformation .payForm p.info5 {font-size: 0.687em; text-align: center; margin: 2px 0 8px 0;}
.subContents .rent2 .rentalInformation .payForm p.button {text-align: center;}
.subContents .rent2 .rentalInformation .payForm p.off {text-align: center; font-size: 14px; margin-top: 14px;}
.subContents .rent2 .rentalInformation .payForm p.off span {display: inline-block; background: #fe434c; color: #fff; padding: 10px 24px; font-weight: 700;}

.rent2 .payForm .warning {font-size: 12px; line-height: 18px; color: #fe434c; /* margin-top: 2px; */}
.rent2 .payForm .warning p {color: #fe434c;}
.rent2 .payForm .warning p strong {font-weight: normal;}
.rent2 .payForm .warning p span {color: #fe434c;}
.rent2 .payForm .warning p span.space {display: block; padding-left: 56px;}

/* calendar */
.subContents .rent2 .rentalInformation .calendarWrap {padding: 20px 8px; position: relative; width: 610px;}
.subContents .rent2 .rentalInformation .calendarWrap > div.calendar {display: table-cell; vertical-align: top; width: 300px; height: 250px; padding: 0 12px;}
.subContents .rent2 .calendar:first-child {border-right: 1px solid #d9d8d8;}
.subContents .rent2 .calendar .calHead {text-align: center;}
.subContents .rent2 .calendar .calHead span {font-size: 1.312em; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; vertical-align: middle;}
.subContents .rent2 .calendar .calHead a {display: inline-block; vertical-align: middle;}
.subContents .rent2 .calendar .calHead a.calPrev {margin-right: 20px;}
.subContents .rent2 .calendar .calHead a.calNext {margin-left: 20px;}
.subContents .rent2 .calendar .calBody {margin-top: 8px;}
.subContents .rent2 .calendar .calBody table {width: 100%; height: 177px; font-size: 0.687em;}
.subContents .rent2 .calendar .calBody table thead th {height: 23px;}
.subContents .rent2 .calendar .calBody table tbody td {height: 23px; color: #b9b9b9; text-align: center;}
.subContents .rent2 .calendar .calBody table tbody td a {line-height: 23px; display: block;}
.subContents .rent2 .calendar .calBody table tbody td a:hover {background: #bbbbbb; color: #fff;}
.subContents .rent2 .calendar .calBody table tbody td a.select {background: #8cd07f; color: #fff;}
.subContents .rent2 .calendar .calTime {text-align: center; font-size: 0.812em; margin-top: 8px; position: absolute; bottom: 20px; width: 47%;}
.subContents .rent2 .calendar .calTime span {margin-right: 5px;}
.subContents .rent2 .calendar .calTime select {width: 120px; height: 30px;}

/* 차량손해면책제도 */
table.rent-disclaimer {width: 100%; padding-top: 10px;}
table.rent-disclaimer td.area {
    text-align: center; padding: 15px 10px; position: relative; vertical-align: top;
    width: 50%; background: #f6f6f6; border: 1px solid #DDDBDB;
}
table.rent-disclaimer td.area h5 {font-size: 16px; position: absolute; top: -12px; width: 100%;}
table.rent-disclaimer td.area h5 span {background: #4e5b92; color: #fff; display: inline-block; min-width: 116px; padding: 4px; font-weight: 700;}
table.rent-disclaimer td.area .t_memo {margin: 15px 0; line-height: 18px; font-size: 12px;}
table.infoTB {width: 100%; font-size: 11px;}
table.infoTB td {vertical-align: top; font-weight: 700;}
table.infoTB td.list1 {width: 50%; text-align: left;}
table.infoTB td.list2 {width: 12px;}
table.infoTB td.list1 span {display: table-cell;}
table.infoTB td.list1 span.or1 {font-weight: 700; white-space: nowrap;}
table.infoTB td.list1 span.or2 {font-size: 10px; color: #5f5f60;}

.rent-detail .memoMsg {background: #f6f6f6; border: 1px solid #dddbdb; padding: 15px; font-size: 13px; line-height: 18px; margin-bottom: 20px;}


/* 차량 인수/반납 위치 */
.rent-map-area .map {width: 100%; height: 400px;}
.rent-map-area .map .point-info,
.map-area .point-info {
    position:absolute; bottom: 43px; left:-84px; width:170px; padding:8px;
    background: #fff; border-radius: 5px; box-shadow: 0px 2px 7px #888888;
    color:#000; font-size: 12px;
}
.rent-map-area .map .point-info strong,
.map-area .point-info strong {
    display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px;
    font-weight: bold; font-size: 14px;
}
.rent-map-area .map .point-info .addr,
.map-area .point-info .addr {
    display: block; margin-top: 4px; font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 15px;
    max-height: 30px;
    white-space: normal !important;
}
.rent-map-area .map .point-info::after,
.map-area .point-info::after {
    content: "";
    position: absolute; bottom: -8px; left: 45%;
    width: 0; height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
.rent-map-area .map .point-info a.btn-close,
.map-area .point-info a.btn-close {position: absolute; top: 4px; right: 8px;}



/* 콘텐츠 배너 */
.detail-banner-area {margin: 38px 0 50px;}
.detail-banner-area a,
.detail-banner-area img {display: block;}
/* --------------------------------------------------------- //sub03(렌터카)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub04(골프)  ------------------------------------------------------------------ */
/* ------------------------------ 골프 메인 ------------------------------ */
/* 검색 조회 */
.subContents .golf .product_search .infoLeft h2 {margin-bottom: 38px;}
.subContents .golf .product_search .infoLeft ul.check {margin-top: 18px;}
.subContents .golf .product_search .infoLeft ul.button {margin-top: 48px;}
.subContents .golf .product_search #golf_day0 {margin-left: 10px;}

/* mainTabMenu1 */
.subContents .golf .mainTabMenu1 .menuList li {width: 20%;}

/* 골프 오버시 정보 */
/*.subContents .golf .item .golf-overInfo {position: absolute; width: 100%; top: 10px; z-index: 9; display: none;}
.subContents .golf .item .golf-overInfo > .title {padding: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.subContents .golf .item .golf-overInfo .infoBox {width: 250px; height: 206px; margin: auto; background: #fff; border-radius: 6px; padding: 20px; overflow-y: auto;}
.subContents .golf .item .golf-overInfo .infoBox > li {border-bottom: 1px solid #d9d9d9; padding: 6px 0;}
.subContents .golf .item .golf-overInfo .infoBox ol {display: table; width: 100%;}
.subContents .golf .item .golf-overInfo .infoBox ol li {display: table-cell; font-size: 13px; text-align: center; font-weight: 700;}
.subContents .golf .item .golf-overInfo .infoBox ol li.list1 {width: 50px;}
.subContents .golf .item .golf-overInfo .infoBox ol li.list2 {color: #fe434c;}
.subContents .golf .item .golf-overInfo .infoBox ol li.list3 {width: 80px; font-size: 11px;}
.subContents .golf .item .golf-overInfo .infoBox ol li.list3 span {color: #fff; padding: 3px 8px;}
.subContents .golf .item .golf-overInfo .infoBox ol li.list3 span.on {background: #c83d67;}
.subContents .golf .item .golf-overInfo .infoBox ol li.list3 span.off {background: #8f8d8e;}
.subContents .golf .mainTabMenu1 .tabPanel .item a:hover .golf-overInfo {display: block;}
.subContents .golf .mainTabMenu1 .tabPanel .item a:hover::after {height: 331px;}*/

.subContents .item .golf-overInfo {position: absolute; width: 100%; top: 10px; z-index: 9; display: none;}
.subContents .item .golf-overInfo > .title {padding: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.subContents .item .golf-overInfo .infoBox {width: 250px; height: 206px; margin: auto; background: #fff; border-radius: 6px; padding: 20px; overflow-y: auto;}
.subContents .item .golf-overInfo .infoBox > li {border-bottom: 1px solid #d9d9d9; padding: 6px 0;}
.subContents .item .golf-overInfo .infoBox ol {display: table; width: 100%;}
.subContents .item .golf-overInfo .infoBox ol li {display: table-cell; font-size: 13px; text-align: center; font-weight: 700;}
.subContents .item .golf-overInfo .infoBox ol li.list1 {width: 50px;}
.subContents .item .golf-overInfo .infoBox ol li.list2 {color: #fe434c;}
.subContents .item .golf-overInfo .infoBox ol li.list3 {width: 80px; font-size: 11px;}
.subContents .item .golf-overInfo .infoBox ol li.list3 span {color: #fff; padding: 3px 8px;}
.subContents .item .golf-overInfo .infoBox ol li.list3 span.on {background: #c83d67;}
.subContents .item .golf-overInfo .infoBox ol li.list3 span.off {background: #8f8d8e;}
.subContents .mainTabMenu1 .tabPanel .item a:hover .golf-overInfo {display: block;}
.subContents .mainTabMenu1 .tabPanel .item a:hover::after {height: 331px;}

/* ------------------------------ 골프 상세 ------------------------------ */
/* 골프정보 */
/*.subContents .golf2 .detail .detailR .itemInfo > li {background-position: left 23px; padding: 14px; padding-left: 10px;}*/

/* 달력 */
.subContents .lodgeCalendar .calendar .calBody table tbody td p.icon span {font-size: 10px; display: inline-block; border: 1px solid #41a630; color: #41a630; padding: 1px;}
/* 달력 (info) */
.subContents .golf2 .lodgeCalendar ul.calendar-info {margin-top: 15px;}
.subContents .golf2 .lodgeCalendar ul.calendar-info li {font-size: 0.750em;}

/* 결제폼 */
.subContents .golf2 .payForm .pdWrap {padding: 20px 25px; padding-top: 30px;}
.subContents .golf2 .payForm h3 {
    color: #493d3d; font-family:'NotoSans', sans-serif; font-weight:700; padding-top: 4px; padding-bottom: 8px; text-align: center;
    border-bottom: 1px solid #000000; font-size: 1em;
}
.subContents .golf2 .payForm h3 .subText {font-size: 14px; color: #059bd3;}
.subContents .golf2 .payForm p.info1 {font-size: 0.750em; margin-top: 22px; line-height: 18px;}
.subContents .golf2 .payForm p.info1 span {color: #dc0a0a;}
.subContents .golf2 .payForm p.info2 {font-size: 0.875em; margin-top: 15px; vertical-align: middle;}
.subContents .golf2 .payForm p.info2 select {width: 190px; height: 32px; font-size: 12px; margin-left: 5px; vertical-align: middle;}
.subContents .golf2 .payForm p.info3 {font-size: 0.687em; margin-top: 10px; margin-bottom: 10px; color: #fe434c; text-align: center;}
/*.subContents .golf2 .payForm p.info4 {
    font-size: 1.125em; color: #cd3f40; text-align: center;
    font-family: 'Noto Sans KR', sans-serif; font-weight: 700;
}
.subContents .golf2 .payForm p.info4 span {font-size: 16px; color: #cd3f40;}
.subContents .golf2 .payForm p.info4 span.plus {font-size: 12px; color: #5c5d5f;}
.subContents .golf2 .payForm p.info4 span.subText {font-size: 12px; color: #5c5d5f; font-weight: 300;}*/

.subContents .golf2 .payForm p.info4 {font-size: 12px; text-align: center;}
.subContents .golf2 .payForm p.info4 span {color: #cd3f40; font-family: 'Noto Sans KR', sans-serif;}
.subContents .golf2 .payForm p.info4 span.price {font-size: 18px; font-weight: 700;}
.subContents .golf2 .payForm p.info4 span.won {font-size: 16px;}

.subContents .golf2 .payForm p.info5 {font-size: 0.687em; text-align: center; margin: 4px 0 10px 0;}
.subContents .golf2 .payForm .priceInfo {font-size: 12px; border-top: 1px solid #cccbcc; border-bottom: 1px solid #cccbcc; padding: 10px 0; line-height: 24px;}
.subContents .golf2 .payForm .priceInfo span.money {color: #fe434c;}
.subContents .golf2 .payForm .list-cell {padding: 20px 0;}
.subContents .golf2 .payForm .list-cell ul > li {display: table; width: 100%;}
.subContents .golf2 .payForm .list-cell ul li {margin-top: 10px;}
.subContents .golf2 .payForm .list-cell ul li:first-child {margin-top: 0;}
.subContents .golf2 .payForm .list-cell ul li > div {display: table-cell; text-align: left;}
.subContents .golf2 .payForm .list-cell ul li div.area1 {
    width: 60px; font-size: 12px; background: url("../../images/web/list/03.gif") no-repeat left 14px; padding-left: 8px; vertical-align: top; padding-top: 7px;
}
.subContents .golf2 .payForm .list-cell ul li.dateWrap div.area2 input.cal {width: 170px;}
.subContents .golf2 .payForm .list-cell ul li.dateWrap div.area2 select#half {width: 68px;}
.subContents .golf2 .payForm .list-cell ul li.dateWrap div.area2 select#hour {width: 98px;}
.subContents .golf2 .payForm .list-cell ul li.persWrap div.area2 select#personnel {width: 170px;}
.subContents .golf2 .payForm .pay-info {font-size: 0.750em; border-top: 1px solid #cccbcc; margin-bottom: 20px;}
.subContents .golf2 .payForm .pay-info #payinfo {position: relative; margin-top: 15px; margin-bottom: 8px;}
.subContents .golf2 .payForm .pay-info span.money {
    font-size: 14px; color: #272731; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; vertical-align: middle; display: inline-block; padding-bottom: 3px;
}
.subContents .golf2 .payForm .pay-info #payinfo img {position: absolute; right: 0;}
.subContents .golf2 .payForm .pay-info #payinfo img#pay_plus {bottom: 12px;}
.subContents .golf2 .payForm .pay-info #payinfo img#pay_close {top: 11px;}
.subContents .golf2 .payForm p.button {text-align: center; margin-top: 20px;}
.subContents .golf2 .payForm .cancel {position: relative;}
/* --------------------------------------------------------- //sub04(골프)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub05(패키지할인상품)  ------------------------------------------------------------------ */
/* ------------------------------ 패키지 메인 ------------------------------ */
/* 검색 조회 */
.subContents .package .product_search .infoLeft ul.button {margin-top: 40px;}

/* mainTabMenu1 */
/*.subContents .package .mainTabMenu1 .menuList li {width: 14%;}
.subContents .package .mainTabMenu1 .menuList li:first-child {width: 16%;}*/
.subContents .package .mainTabMenu1 .menuList li {width: 12.5%;}

/* item */
/* .subContents .package .mainTabMenu1 .tabPanel .item {width: 478px; margin-right: 20px; margin-bottom: 20px;}
.subContents .package .mainTabMenu1 .tabPanel .item a:hover::after {height: 320px;}
.subContents .package .mainTabMenu1 .tabPanel .item .photo {height: 320px;} */

/* item2개 > 3개 */
.subContents .package .mainTabMenu1 .tabPanel .item {width: 315px;}
.subContents .package .mainTabMenu1 .tabPanel .item .photo {height: 210px;}
.subContents .package .mainTabMenu1 .tabPanel .item a:hover::after {height: 331px;}



/* ------------------------------ 패키지 상세 ------------------------------ */
/* 패키지정보 */
/*.subContents .package2 .detail {border: none;}
.subContents .package2 .detail .detailL {border-right: none;}*/
/*.subContents .package2 .detail .detailR .pdWrap {padding-top: 8px;}
.subContents .package2 .pgwSlideshow .ps-list .ps-prev {left: -3px;}
.subContents .package2 .pgwSlideshow .ps-list .ps-next {right: -3px;}*/

/* 판매처정보 */
.detail .detailL .seller {margin-top: 28px; border: 2px solid #e6e5e5; border-top: 2px solid #fe434c; padding-left: 86px; position: relative;}
.detail .detailL .seller .ci {position: absolute; top: 0; left: 0; width: 86px;}
.detail .detailL .seller .ci h6 {background: #fe434c; color: #fff; text-align: center; padding: 2px 0;}
.detail .detailL .seller .ci .ciPhoto {height: 65px; position: relative; overflow: hidden;}
.detail .detailL .seller .ci .ciPhoto img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 85%; max-height: 85%; width: auto; margin: auto;}
.detail .detailL .seller .info {border-left: 1px solid #dcdcdc; padding: 12px; height: 56px;}
.detail .detailL .seller .info p.text {
    font-size: 0.750em; line-height: 16px; margin-top: 10px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 70px;
}
.detail .detailL .seller .info p.addr {font-size: 0.750em; color: #1a1b1d;}
.detail .detailL .seller .info p.addr a {color: #3f3f3f;}
.detail .detailL .seller .info .excellence {position: absolute; top: 0; right: 0; z-index: 2;}
/* --------------------------------------------------------- //sub05(패키지할인상품)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub06(관광지입장권)  ------------------------------------------------------------------ */
/* ------------------------------ 관광지 메인 ------------------------------ */
/* mainTabMenu1 */
.subContents .sightseeing .mainTabMenu1 .menuList li {width: auto;}

/* item */
/* .subContents .sightseeing .mainTabMenu1 .tabPanel .item {width: 478px; margin-right: 20px; margin-bottom: 20px;}
.subContents .sightseeing .mainTabMenu1 .tabPanel .item a:hover::after {height: 320px;}
.subContents .sightseeing .mainTabMenu1 .tabPanel .item .photo {height: 320px;} */

/* ------------------------------ 관광지 상세 ------------------------------ */
/* 할인쿠폰 */
.sale-couponWrap {background: url("../../images/web/coupon.jpg") no-repeat center; width: 674px; height:215px; margin: 0 auto; margin-bottom: 25px; text-align: center;}
/*.sale-couponWrap .pdWrap {padding: 52px 95px 0px 175px;}*/
.sale-couponWrap .pdWrap {display: table-cell; vertical-align: middle; width: 400px; height: 220px; padding-left: 178px; padding-right: 100px;}
.sale-couponWrap h3 {font-size: 18px;}
.sale-couponWrap p.sale {margin-top: 10px; line-height: 46px;}
.sale-couponWrap p.sale > * {display: inline-block;}
/*.sale-couponWrap p.sale {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/
.sale-couponWrap p.sale strong {font-size: 45px; font-family: 'Noto Sans KR', sans-serif;}
/*.sale-couponWrap p.sale span {font-size: 36px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.sale-couponWrap p.sale span.text1 {font-weight: 700;}
.sale-couponWrap p.sale span.text2 {font-size: 48px;}*/
.sale-couponWrap p.date {font-size: 12px;}

.subContents .mail-form {width: 300px; top: 55px; right: auto; left: 50px;}
.subContents .detail .detailR2 .pdWrap .prInfo .button > .mail-form {display: none;}
.subContents .mail-form table th {width: 30%; text-align: center;}
.subContents .mail-form img.bubble {right: auto; right: calc(50% - 15px);}


/* 할인쿠폰 변경(2016-01-19), 공통사용 */
.sale-couponWrap2 {width: 674px; margin: 0 auto 25px;}
.sale-couponWrap2 h3.name {font-size: 18px; color: #565151; font-weight: bold; line-height: 24px;}
.sale-couponWrap2 p.sale {font-size: 40px; color: #242323; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; margin-top: 15px; line-height: 60px;}
.sale-couponWrap2 p.date {
    font-size: 14px; color: #565151; border-top: 1px dashed #919191; border-bottom: 1px dashed #919191; width: 350px; margin: 0 auto; padding: 10px 0;
    margin-top: 20px;
}

.mypage .sale-couponWrap2 {margin: 10px auto;}
/* ------------------------------ //관광지 상세 ------------------------------ */


/* --------------------------------------------------------- sub07(레져/음식/뷰티)  ------------------------------------------------------------------ */
/* ------------------------------ 레져/음식/뷰티 메인 ------------------------------ */
/* mainTabMenu1 */
.subContents .food .mainTabMenu1 .menuList li {width: auto;}

/* ------------------------------ 레져/음식/뷰티 상세 ------------------------------ */

/* --------------------------------------------------------- //sub07(레져/음식/뷰티)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub08(이벤트)  ------------------------------------------------------------------ */
/* main (list) */
.subContents .event-wrap .listTitle {font-size: 1.875em; margin-bottom: 20px;}

/* main item */
.subContents .event-wrap .mainTabMenu1 .tabPanel .item {width: 314px; margin-right: 24px; margin-bottom: 24px;}
.subContents .event-wrap .mainTabMenu1 .tabPanel .item a:hover::after {height: 226px;}
.subContents .event-plan .mainTabMenu1 .tabPanel .item a:hover::after {height: 157px;}
.subContents .event-pick .mainTabMenu1 .tabPanel .item a:hover::after {height: 314px;}
/*.subContents .event-wrap .mainTabMenu1 .tabPanel .item .photo {height: 500px;}*/
/*.subContents .event-wrap .mainTabMenu1 .tabPanel .item .photo {height: 163px;}*/
.subContents .event-wrap .mainTabMenu1 .tabPanel .item .photo {/*height: 225px;*/ display:inline;}
/*.subContents .event-wrap .mainTabMenu1 .tabPanel .item .textWrap {position: absolute; bottom: 0; background: #fff; width: 284px; padding: 22px 15px;}*/
.subContents .event-wrap .mainTabMenu1 .tabPanel .item .textWrap {background: #fff; padding: 13px 15px;}
.subContents .event-wrap .mainTabMenu1 .tabPanel .item .textWrap .title {text-align: center; font-size: 17px;}
.subContents .event-wrap .mainTabMenu1 .tabPanel .item .textWrap .subTitle {text-align: center; font-size: 13px; color: #fe434c;}



/* 목록 > d-day (디데이) */
.event-wrap .d-day {
    position: absolute; width: 79px; height: 62px; left: 0; bottom: 85px; z-index: 2;
    background: url("../../images/web/event/dday_list.png") no-repeat center;
}
.event-wrap .d-day span {
    display: block; font-size: 18px; line-height: 21px; font-weight: bold; color: #fff; text-align: center;
    padding: 30px 0 0 7px; letter-spacing: 6px;
    text-shadow: 1px 1px 1px #222;
}



/* left wrap */
.subContents .event2-wrap .tabs-wrap {margin-top: 0;}

.event-list {min-height: 300px;}
.event-list li {border-top: 1px solid #e1e3e4; position: relative;}
.event-list li:first-child {border-top: none;}
.event-list li p.pr-img {width: 740px;}
.event-list li {text-align: center;}
.event-list li img {max-width: 100%;}

/* 상세 > d-day (디데이) */
.event-list li .d-day  {
    position: absolute; width: 106px; height: 116px; left: 6px; top: 6px; z-index: 2;
    background: url("../../images/web/event/dday_detail.png") no-repeat center;
}
.event-list li .d-day span {
    display: block; font-size: 22px; line-height: 24px; font-weight: bold; color: #fff; text-align: center;
    padding: 58px 0 0 8px; letter-spacing: 7px;
    text-shadow: 1px 1px 1px #222;
}

.event-quick {padding: 10px; display: table; width: 97%;}
.event-quick > span {display: table-cell; vertical-align: middle;}
.event-quick span.text {font-size: 14px; line-height: 20px;}
.event-quick span.button {width: 100px; text-align: right;}
.event-quick span.button > a {display:inline-block; color: #fff; background: #a6a2a2; padding:0 5px; min-width: 84px; line-height: 30px; font-size: 12px; text-align: center; font-weight: 700;}
.event-quick span.button > a.btn1 {background: #fe434c;}



/* 하단 상품목록 */
.tabs-left .product-wrap {margin: 30px 0 30px 15px; position: relative; left: 5px;}
.product-wrap ul.product-list li {
    display: table; width: 96%; border-top: 1px solid #e1e3e4; border-bottom: 1px solid #e1e3e4; margin-top: -1px; background-color:#fff;}
.product-wrap ul.product-list li .cell {display: table-cell; vertical-align: middle;}
.product-wrap ul.product-list li .cell1 {width: 120px;}
.product-wrap ul.product-list li .cell1 .photo {width: 120px; height: 120px; position: relative;}
.product-wrap ul.product-list li .cell1 .photo img {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    max-width: 100%; max-height: 100%; display: block;
    margin: auto;
}

.product-wrap ul.product-list li .cell1 .nt {position: absolute; z-index: 2; overflow: hidden;}
.product-wrap ul.product-list li .cell1 .ntReservation {right: 0; bottom: 0; background: #fe434c; color: #fff; font-size: 12px; padding: 2px 4px;}
.product-wrap ul.product-list li .cell1 .ntDisabled {right: 0; bottom: 0; background: #444444; color: #fff; font-size: 12px; padding: 2px 4px;}
.product-wrap ul.product-list li .cell1 .ntSale {right: 0; bottom: 0; background: #fd7506; color: #fff; font-size: 12px; padding: 2px 4px;}

.product-wrap ul.product-list li .cell2 {padding-left: 30px;}
.product-wrap ul.product-list li .cell2 .title {font-size: 14px;}
.product-wrap ul.product-list li .cell2 .subTitle {font-size: 12px; margin-top: 2px;}
.product-wrap ul.product-list li .cell3 {width: 155px; text-align: right; padding-right: 30px;}
.product-wrap ul.product-list li .cell3 .saleWrap {/*height: 50px;*/ position: relative; top: 2px;}
.product-wrap ul.product-list li .cell3 .saleWrap p {display: inline-block; position: relative;}
.product-wrap ul.product-list li .cell3 p.sale {
    font-size: 18px; color: #fe434c; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; margin-right: 5px;
}
.product-wrap ul.product-list li .cell3 p.sale .t_price {font-size: 14px;}
.product-wrap ul.product-list li .cell3 p.won span.won1 {
    position: absolute; top: -12px; font-size: 0.750em; color: #a8a0a5; text-decoration: line-through;
}
.product-wrap ul.product-list li .cell3 p.won span.won2 {color: #33353d; font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.product-wrap ul.product-list li .cell3 p.won span.won {
    font-size: 13px; color: #333333; padding-bottom:4px; font-weight:800; font-family: "NotoSans";
}
.product-wrap ul.product-list li .cell3 p.date {font-size: 12px;}
.product-wrap ul.product-list li .cell4 {width: 125px; text-align: right;}
.product-wrap ul.product-list li .cell4 a {display: inline-block; background: #fe434c; color: #fff; font-size: 13px; line-height: 35px; width: 110px; text-align: center; font-weight: 700;}
.product-wrap ul.product-list li .cell4 a:hover {text-decoration: underline;}
.product-wrap ul.product-list li .cell4 {display:none;}

/* 기획전 리스트형식 수정 */
.event-detail .product-wrap ul.product-list li a .cell2 {width:317px;}
.event-detail .product-wrap ul.product-list li a .cell2 .subTitle {display:none;}
.event-detail .product-wrap ul.product-list li a .cell2 .event-label {
    color:#fff; font-size:11px; font-weight:bold; background-color:#018097; height:auto; line-height:1; float:left;
    display:inline-block; padding:3px; letter-spacing:-.5px; margin-right:5px; position:relative;/*display:table-cell;*/}
.event-detail .product-wrap ul.product-list li a .cell2 .list-red { background-color:#f0524c; }
.event-detail .product-wrap ul.product-list li a .cell2 .list-yellow { background-color:#f27835;}
.event-detail .product-wrap ul.product-list li a .cell2 .list-green { background-color:#018097;}

.event-detail .product-wrap ul.product-list li a .cell2 .event-label-group {position:absolute; margin-top:3px;}
.event-detail .product-wrap ul.product-list li a .cell2 .title {font-size:16px; width:198px; text-overflow:ellipsis; display:inline; overflow:hidden; white-space: nowrap;}
.event-detail .product-wrap ul.product-list li a .cell5 {width:340px; padding-left:20px;}
.event-detail .product-wrap ul.product-list li a .cell5 p {font-size:13.5px; padding-left:27px; color:#797979; padding-top:2px;}
.event-detail .product-wrap ul.product-list li a .cell1 {width: 130px;}
.event-detail .product-wrap ul.product-list li a .cell1 .photo {width: 130px; height: 130px;}
.event-detail .product-wrap ul.product-list li a {width:100%; height:13px; display:table;}

    /* 하단 상품목록 > 협회상품 바로가기 */
.product-wrap .oss-quick {text-align: center; margin: 20px 0;}
.product-wrap .oss-quick a {display: inline-block; background: #fe434c; color: #fff; font-size: 13px; line-height: 35px; width: 120px; text-align: center; font-weight: 700;}


/* 이벤트 댓글 */
.event-review {padding: 40px 0 0;}
.event-review ul.comment-list {}
.event-review ul.comment-list li {margin: 0; padding: 12px 0; border-top: 1px solid #e1e3e4;}
.event-review ul.comment-list li .user-info {}
.event-review ul.comment-list li .user-info .user {font-size: 13px; margin-right: 10px; color: #2e2c2c; font-weight: 700;}
.event-review ul.comment-list li .user-info .date {font-size: 12px;}
.event-review ul.comment-list li .memo {margin-top: 10px; font-size: 13px; line-height: 20px;}

.event-review .regi {margin-bottom: 10px;}
.event-review .regi textarea {display: inline-block; vertical-align: middle; border: 1px solid #cccbd0; width: 86%; width: calc(100% - 88px); min-height: 80px; height: 80px;}
.event-review .regi .cm-btn {
    display: inline-block; vertical-align: middle;
    width: 80px; height: 80px; line-height: 80px; background: #969495; border: 1px solid #7e7c7d;
    font-size: 13px; color: #fff; text-align: center;
}

.event-review .pageNumber {margin-top: 20px;}



/* 첨부파일 추가 */
.subContents .view-file {background: #fff; border: 1px solid #d7d6d4; border-width: 1px 0 1px 0; padding: 20px; margin: 0 0 20px;}
.subContents .view-file dl {display: table; width: 100%;}
.subContents .view-file dl dt,
.subContents .view-file dl dd {display: table-cell; vertical-align: middle;}
.subContents .view-file dl dt {width: 90px; font-size: 12px; font-weight: bold; color: #222; border-right: 1px solid #e1e3e4; text-align: center;}
.subContents .view-file dl dd {padding-left: 30px;}
.subContents .view-file ul li {font-size: 12px; line-height: 20px; margin-top: 10px;}
.subContents .view-file ul li:first-child {margin-top: 0;}
.subContents .view-file ul li .icon {display: inline-block; vertical-align: middle; margin-right: 4px;}
.subContents .view-file ul li a {color: #5f5f60;}
.subContents .view-file ul li a:hover {text-decoration: underline; color: #333;}
/* --------------------------------------------------------- //sub08(이벤트)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub09(여행경비산출)  ------------------------------------------------------------------ */
/* travel-head*/
.travelExpenses-wrap .travel-head .title-info {height: 120px; background: url(../../images/web/travel/top_bg.jpg) no-repeat center;}
.travelExpenses-wrap .travel-head .title-info .text-wrap {padding: 30px; padding-top: 32px;}
.travelExpenses-wrap .travel-head .title-info .text-wrap > .title {font-size: 30px;}
.travelExpenses-wrap .travel-head .title-info .text-wrap .sub-text {font-size: 13px; color: #61655e; margin-top: 6px;}
.travelExpenses-wrap .travel-search {background: #16b2c8; height: 60px;}
.travelExpenses-wrap .travel-search .search-form {height: 60px;}
.travelExpenses-wrap .travel-search .search-form .title-wrap {padding-right: 5px; font-size: 24px; color: #fff;}
.travelExpenses-wrap .travel-search .search-form .int-wrap {font-size: 13px;}
.travelExpenses-wrap .travel-search .search-form .int-wrap > span {display: inline-block; vertical-align: middle;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .list-title {color: #e5f8ff; margin-left: 6px;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .list-title:first-child {margin-left: 0;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .list-button > a {display:inline-block; background: #fff; color: #211c1c; line-height: 35px; padding: 0 8px; text-align: center;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .lodgeList-button > a {padding: 0 12px;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .golfList-button > a {padding: 0 20px;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .packList-button > a {min-width: 93px;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .foodList-button > a {min-width: 139px;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .list-button .select {background: #444444; color: #fff;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .list-button .select .count {color: #fff;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .list-select input,
.travelExpenses-wrap .travel-search .search-form .int-wrap .list-select select {height: 35px; vertical-align: middle;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .list-select input {width: 110px;}
.travelExpenses-wrap .travel-search .rcForm .int-wrap .list-select input {width: 82px;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .list-select select {margin-left: 5px; width: 72px;}
.travelExpenses-wrap .travel-search .search-form .int-wrap .searchBT {display:inline-block; background: #06749d; color: #fff; line-height: 35px; padding: 0 10px;}
.travelExpenses-wrap .travel-search .search-form .air-wrap input.datepicker {width: 85px;}
.travelExpenses-wrap .travel-search .search-form .air-wrap input.datepicker_no {width: 90px;}
.travelExpenses-wrap .travel-search .search-form .air-wrap .personnel select {margin-left: 0; width: 76px;}
.travelExpenses-wrap .travel-search .search-form .air-wrap .personnel select:first-child {margin-left: 5px;}

/* travel-contents */
.travel-contents {position: relative;}
.travel-contents > .l-area {width: 700px; min-height: 524px;}

/* travel-contents item */
.travel-contents .itemWrap {width: 725px; min-height: 500px; display: inline-block; margin-bottom: 30px;}
.travel-contents .item {width: 226px; border: 1px solid #d3d2d2; float: left; margin-right: 8px; margin-bottom: 8px; position: relative;}
.travel-contents .item a {display: block;}
.travel-contents .item a.select {outline: 1px solid #f75f4d;}
.travel-contents .item a:hover {outline: 3px solid #f75f4d;}
.travel-contents .item a:hover::after {
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 150px; background: #353030; opacity: .5; z-index: 8;
}
.travel-contents .item .nt {position: absolute; z-index: 2; overflow: hidden;}
.travel-contents .item .nt img {float: left;}
.travel-contents .item .ntTopL {top: 0; left: 0;}
.travel-contents .item .ntBottomR {bottom: 10px; right: 10px;}
.travel-contents .item .ntReservation {right: 0; bottom: 0; background: #fe434c; color: #fff; font-size: 12px; padding: 2px 4px;}
.travel-contents .item .ntDisabled {right: 0; bottom: 0; background: #444444; color: #fff; font-size: 12px; padding: 2px 4px;}
.travel-contents .item .photo {height: 150px; overflow: hidden; border-bottom: 1px solid #d3d2d2; position: relative;}
.travel-contents .item .photo img.icon {position: absolute; left: 10px; top: 10px;}
.travel-contents .item .photo img.img {width: 100%;}
.travel-contents .item .textWrap {padding: 15px; height: 95px; position: relative;}
.travel-contents .item .textWrap > .title {font-size: 0.875em; color: #312e2e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.travel-contents .item .textWrap .subTitle {font-size: 0.750em; color: #312e2e; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.travel-contents .item .textWrap .info {position: absolute; width: 200px; bottom: 16px;}
.travel-contents .item .textWrap .info li.saleWrap {/*height: 50px;*/}
.travel-contents .item .textWrap .info li.saleWrap p {display: inline-block; position: relative;}
.travel-contents .item .textWrap .info li.saleWrap p.sale {
    /*font-size: 28px;*/ font-size: 15px; color: #fe434c; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; margin-right: 5px;
}
.travel-contents .item .textWrap .info li.saleWrap p.won span.won1 {
    position: absolute; top: -12px; font-size: 0.750em; color: #a8a0a5; text-decoration: line-through;
}
.travel-contents .item .textWrap .info li.saleWrap p.won span.won2 {color: #33353d; font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.travel-contents .item .textWrap .info li.saleWrap p.date {font-size: 12px;}
.travel-contents .item .textWrap .info li.comment {position: absolute; right: 0; bottom: 4px;}
.travel-contents .item .textWrap .info li.comment p {font-size: 0.750em; color: #666666;}
.travel-contents .item .textWrap .info li.comment p.like > span {display: inline-block; vertical-align: middle;}
.travel-contents .item .textWrap .info li.comment p.like span img {display: inline-block;}
/* travel-contents item 골프 오버시 정보 */
.travel-contents .item .golf-overInfo {position: absolute; width: 100%; top: 10px; z-index: 9; display: none;}
.travel-contents .item .golf-overInfo > .title {padding: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.travel-contents .item .golf-overInfo .infoBox {width: 176px; height: 155px; margin: auto; background: #fff; border-radius: 6px; padding: 20px; overflow-y: auto;}
.travel-contents .item .golf-overInfo .infoBox > li {border-bottom: 1px solid #d9d9d9; padding: 6px 0;}
.travel-contents .item .golf-overInfo .infoBox ol {display: table; width: 100%;}
.travel-contents .item .golf-overInfo .infoBox ol li {display: table-cell; font-size: 13px; text-align: center; font-weight: 700;}
.travel-contents .item .golf-overInfo .infoBox ol li.list1 {width: 50px;}
.travel-contents .item .golf-overInfo .infoBox ol li.list2 {color: #fe434c;}
.travel-contents .item .golf-overInfo .infoBox ol li.list3 {width: 60px; font-size: 11px;}
.travel-contents .item .golf-overInfo .infoBox ol li.list3 span {color: #fff; padding: 3px 8px;}
.travel-contents .item .golf-overInfo .infoBox ol li.list3 span.on {background: #c83d67;}
.travel-contents .item .golf-overInfo .infoBox ol li.list3 span.off {background: #8f8d8e;}
.travel-contents .item a:hover .golf-overInfo {display: block;}
.travel-contents .golf-itemWrap .item a:hover::after {height: 276px;}

/* 항공 item */
.travel-contents .air-result {border: 1px solid #d9d8d8; overflow: hidden;}
/*.travel-contents .air-result > div {float: left; width: 50%;}*/
/*.travel-contents .air-result .lArea {border-right: 1px solid #d9d8d8; width: 49.8%; width: calc(50% - 1px);}*/
.travel-contents .air-result .lArea h5.date {background: #91b2e4;}
.travel-contents .air-result .rArea h5.date {background: #ada4cc;}
.travel-contents .air-result h5.date {color: #fff;}
.travel-contents .air-result h5.date img {margin-right: 5px;}
.travel-contents .air-result h5.date span {color: #f1fa01; margin-left: 15px;}
.travel-contents .air-result .air-list .loading {padding: 15px;}
.travel-contents .air-result .air-list .loading ul li {display: inline-block; margin-left: 10px;}
.travel-contents .air-result .air-list .loading ul li.title {font-size: 0.750em; margin-left: 0;}
.travel-contents .air-result .air-list .loading ul li.title img {margin: 0 10px;}
.travel-contents .air-result .air-list .loading ul li.air1 {margin-left: 0;}
.travel-contents .air-result .air-list .loading ul li img.load {margin-left: 3px;}
.travel-contents .air-result .air-list .list-wrap {height: 350px; overflow-y: auto; border-bottom: 1px solid #e4e4e4;}
.travel-contents .air-result .air-list .air-line thead {}
.travel-contents .air-result .air-list .air-line th.title1 {width: 26%;}
.travel-contents .air-result .air-list .air-line th.title3 {width: 14%;}
.travel-contents .air-result .air-list .air-line th.title4 {width: 18%;}
.travel-contents .air-result .air-list .air-line th.title5 {width: 8%;}
.travel-contents .air-result .air-list .air-line td {padding: 15px 0;}
.travel-contents .air-result .air-list .air-line td > p {font-size: 12px; display: inline-block;}
.travel-contents .air-result .air-list .air-line td p img {display: inline-block;}
.travel-contents .air-result .air-list .air-line td .name {color: #999999;}
.travel-contents .air-result .air-list .air-line td .emph {font-size: 11px; color: #999999;}
.travel-contents .air-result .air-list .air-line td.time p {line-height: 18px;}
.travel-contents .air-result .air-list .air-line td .sTime {color: #333333; font-weight: 700;}
.travel-contents .air-result .air-list .air-line td .seat {color: #333333; font-weight: 700;}
.travel-contents .air-result .air-list .air-line td .money {color: #333333; font-weight: 700;}
.travel-contents .air-result .air-list .air-line td .sale {color: #ee0711; font-weight: 700;}
.travel-contents .air-result .air-list .air-line tr.no {height: 313px; vertical-align: middle;}
.travel-contents .air-result .air-list .air-line tr.no td {border-bottom: none;}
.travel-contents .air-result .air-list .air-line .condition {color: #ff6600;}
.travel-contents .air-result .air-list #goWrap tr.select {background: #dde3ed;}
.travel-contents .air-result .air-list #comeWrap tr.select {background: #e4dcfc;}
.travel-contents .air-result .air-list .air-rule {padding: 15px;}
.travel-contents .air-result .air-list .air-rule .title {margin-bottom: 10px;}
.travel-contents .air-result .air-list .air-rule p {font-size: 0.750em; line-height: 18px;}
.travel-contents .air-result .air-list .air-rule ul.commList1 li {font-size: 0.750em;}

/* 선택화면 */
.travelExpenses-wrap .add-content {display: inline-block; padding: 0 6px; line-height: 18px; background: #736b6b; color: #fff; border: 1px solid #626060; position: absolute; right: 0; font-size: 11px; white-space: nowrap;}
.travelExpenses-wrap .add-content2 {display: inline-block; padding: 0 6px; line-height: 20px; background: #278acb; color: #fff; font-size: 11px; white-space: nowrap;}
.travelExpenses-wrap .add-content img {vertical-align: baseline;}
.travel-contents .select-view {margin-top: 25px;}
.travel-contents .select-view .listTitle1 {margin-top: 0; position: relative;}
.travel-contents .select-view .view-wrap {border: 1px solid #e5e4e5;}
.travel-contents .select-view .view-wrap .option-list {padding: 5px 15px;}
.travel-contents .select-view .view-wrap .option-list > li {border-top: 1px solid #e5e4e5; padding: 15px 0;}
.travel-contents .select-view .view-wrap .option-list > li:first-child {border-top: none;}
.travel-contents table.travel-option {width: 100%; font-size: 12px;}
.travel-contents table.travel-option td.title {padding-right: 10px;}
.travel-contents table.travel-option td.title .name {margin-top: 5px;}
.travel-contents table.travel-option td.title .name:first-child {margin-top: 0;}
.travel-contents table.travel-option td.title .air_start {display: inline-block; min-width: 38px; background: #0795c9; color: #fff; border: 1px solid #067ba6; font-size: 11px; text-align: center;}
.travel-contents table.travel-option td.title .air_end {display: inline-block; min-width: 38px; background: #7b71aa; color: #fff; border: 1px solid #5c4da5; font-size: 11px; text-align: center;}
.travel-contents table.travel-option td.detail-box {width: 33%; position: relative;}
.travel-contents table.travel-option td.detail-box select {width: 150px;}
.travel-contents table.travel-option td.price {width: 15%; text-align: right; font-size: 13px; color: #201e1e; font-weight: 700;}
.travel-contents table.travel-option td.close {width: 34px; text-align: right;}
.travel-contents .select-view .travel-total {background: #eaedef; padding: 15px 52px 20px;}
.travel-contents .select-view .travel-total .total-wrap {}
.travel-contents .select-view .travel-total .comm-button2 a {font-size: 16px;}
/* 총합계(pay-total) */
.travel-contents .pay-total {font-size: 12px; text-align: right; font-weight: 700;}
.travel-contents .pay-total span {color: #cd3f40; font-family: 'Noto Sans KR', sans-serif;}
.travel-contents .pay-total span.price {font-size: 18px; font-weight: 700;}
.travel-contents .pay-total span.won {font-size: 16px; font-weight: 700;}

/* travel-contents right-contents */
.travel-contents > .r-area {width: 255px; position: absolute; top: 32px; right: 0;}
.travel-contents .travel-list > li {background: #444444; border-top: 1px solid #515151; font-size: 13px; position: relative;}
.travel-contents .travel-list > li:first-child {border-top: none;}
.travel-contents .travel-list > li.select {background: #fe434c;}
.travel-contents .travel-list > li * {color: #fff; font-weight: 700;}
.travel-contents .travel-list > li a.title {display: block; line-height: 35px; padding: 0 20px;}
.travel-contents .travel-list > li .price {position: absolute; right: 20px;}
/* travel-contents right-contents travel-pay */
.travel-contents .travel-pay {background: #eaedef; padding-top: 25px;}
.travel-contents .travel-pay .wrap-title {text-align: center;}
.travel-contents .travel-pay .pay-list {margin-top: 25px; padding: 0 10px;}
.travel-contents .travel-pay .pay-list li {display: table; width: 100%; font-size: 14px; line-height: 28px;}
.travel-contents .travel-pay .pay-list li > p {display: table-cell;}
.travel-contents .travel-pay .pay-list li .pay-title {font-weight: 700;}
.travel-contents .travel-pay .pay-list li .pay-title .bt {display: inline-block; min-width: 38px; line-height: 18px; text-align: center; background: #fe434c; color: #fff; font-size: 11px;}
.travel-contents .travel-pay .pay-list li .pay-price {text-align: right;}
.travel-contents .travel-pay .pay-list li .pay-price * {font-weight: 700;}
.travel-contents .travel-pay .pay-info {padding: 10px; margin-top: 10px;}
.travel-contents .travel-pay .pay-total {border-top: 1px solid #918c8c; text-align: center; padding: 20px 0;}
.travel-contents .travel-pay .pay-button {text-align: center;}
.travel-contents .travel-pay .pay-button > * {display: block; background: #059bd3; color: #fff; line-height: 83px; font-size: 24px; font-weight: 700;}

/* 우측 선택화면 변경 */
.travel-list .sub-list {background: #1f1f1f; padding: 0 20px;}
.travel-list .sub-list ul li {border-top: 1px solid #515151; padding: 5px 0; line-height: 16px; position: relative;}
.travel-list .sub-list ul li:first-child {border-top: none;}
.travel-list .sub-list ul li * {color: #ccc; font-weight: 400;}
.travel-list .sub-list ul li h5 {font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0px;}
.travel-list .sub-list ul li p {font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0px;}
.travel-list .sub-list ul li a.close {position: absolute; right: 4px; bottom: 6px;}
.travel-list .sub-list .money {position: relative; height: 16px;}
.travel-list .sub-list .money .right {position: absolute; right: 25px;}


/* travelExpenses-wrap 옵션변경 form */
.travelExpenses-wrap .option-wrap {display: none;}
/* .travelExpenses-wrap .option-box {
    position: fixed; left: 0; right: 0; top: 0; bottom: 0;
    width: 580px; max-width: 100%; max-height: 100%; margin: auto;
    border: 1px solid #b1afaf; background: #fff; text-align: left; z-index: 100;
} */
.travelExpenses-wrap .option-box {
    position: fixed; left: 0; right: 0; top: 90px;
    width: 580px; max-width: 88%; max-height: 88%; margin: auto;
    border: 1px solid #b1afaf; background: #fff; text-align: left; z-index: 100;
    overflow-y: auto;
}
/* .travelExpenses-wrap .room-option {height: 848px; overflow-y: auto;}
.travelExpenses-wrap .golf-option {height: 680px; overflow-y: auto;}
.travelExpenses-wrap .rent-option {height: 616px; overflow-y: auto;}
.travelExpenses-wrap .pack-option {height: 355px; overflow-y: auto;} */
.travelExpenses-wrap .option-box .info-head .title {padding: 0 20px 10px 0; margin-bottom: 20px; position: relative; font-size: 16px; border-bottom: 1px solid #cccbd0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.travelExpenses-wrap .option-box .info-head .title .option-close {position: absolute; right: 0px;}
.travelExpenses-wrap .option-box .info-head .sub-title {font-size: 13px; margin-bottom: 6px;}
.travelExpenses-wrap .option-box .info-head {padding: 20px;}
.travelExpenses-wrap .option-box .info-title {margin-bottom: 20px;}
.travelExpenses-wrap .option-box .info-title > p {display: inline-block; vertical-align: top;}
.travelExpenses-wrap .option-box .info-title p.photoBox {width: 150px; height: 100px; overflow: hidden;}
.travelExpenses-wrap .option-box .info-title p.photoBox img {width: 100%;}
.travelExpenses-wrap .option-box .info-title p.text {width: 355px; margin-left: 15px;}
.travelExpenses-wrap .option-box .info-title p.text span {display: block; font-size: 13px; line-height: 20px; color: #130f0f;}
.travelExpenses-wrap .option-box .info-text {padding: 20px; background: #eaedef; position: relative;}
.travelExpenses-wrap .option-box .info-text .price-wrap {clear: both; border-top: 1px solid #cccbcc; padding-top: 6px; position: relative;}
.travelExpenses-wrap .option-box .info-text .price-wrap .text {position: absolute; left: 0; top: 14px; font-size: 13px;}
.travelExpenses-wrap .option-box .info-text p.info4 {
    clear: both; font-size: 18px; color: #cd3f40; text-align: right; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;
}
.travelExpenses-wrap .option-box .info-text p.info4 strong {color: #cd3f40; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.travelExpenses-wrap .option-box .info-text p.info4 span {font-size: 16px; color: #cd3f40; font-family: 'Noto Sans KR', sans-serif;}
.travelExpenses-wrap .option-box .info-text p.info4 span.plus {font-size: 12px; color: #5c5d5f; font-weight: 700;}
.travelExpenses-wrap .option-box .info-text p.bt {text-align: center; margin-top: 15px;}
/* travelExpenses-wrap 옵션변경 form (숙박) */
/*.travelExpenses-wrap .room-option .info-head {height: 616px; overflow-y: auto}*/
/* 숙박 객실 */
.travelExpenses-wrap .room-option table.commCol thead th {text-align: center;}
.travelExpenses-wrap .room-option table.commCol thead th.title1 {width: 38px;}
.travelExpenses-wrap .room-option table.commCol thead th.title3 {width: 105px;}
.travelExpenses-wrap .room-option table.commCol thead th.title4 {width: 75px;}
.travelExpenses-wrap .room-option table.commCol thead th.title5 {width: 100px;}
.travelExpenses-wrap .room-option table.commCol tbody td.price {color: #ec1010;}
/* 숙박달력 */
.travelExpenses-wrap .lodgeCalendar {border: none; margin-top: 20px;}
.travelExpenses-wrap .lodgeCalendar .calendar .calHead {padding: 0 0 10px;}
.travelExpenses-wrap .lodgeCalendar .calendar .calBody table thead th {text-align: center;}
.travelExpenses-wrap .lodgeCalendar .calendar .calBody table tbody td {text-align: left;}
/* 숙박달력 (info) */
.travelExpenses-wrap .lodgeCalendar ul.calendar-info {margin-top: 15px;}
.travelExpenses-wrap .lodgeCalendar ul.calendar-info li {display: inline-block; font-size: 0.750em; margin-right: 15px;}
.travelExpenses-wrap .lodgeCalendar ul.calendar-info li:first-child {margin-left: 0;}
/* 숙박옵션 */
.travelExpenses-wrap .list-cell {padding-bottom: 15px; /*max-height: 106px; overflow-y: auto;*/}
.travelExpenses-wrap .list-cell2 {float: left; width: 65%;}
.travelExpenses-wrap .list-cell ul.bt_option > li {display: table; width: 100%;}
.travelExpenses-wrap .list-cell ul li {margin-top: 10px;}
.travelExpenses-wrap .list-cell ul li:first-child {margin-top: 0;}
.travelExpenses-wrap .list-cell ul li > div {display: table-cell; text-align: left;}
.travelExpenses-wrap .list-cell ul li div.area1 {
    width: 60px; font-size: 12px; background: url("../../images/web/list/03.gif") no-repeat left 14px; padding-left: 8px; vertical-align: top; padding-top: 7px;
}
.travelExpenses-wrap .list-cell ul.bt_option li.dateWrap div.area2 input.cal {width: 162px;}
.travelExpenses-wrap .list-cell ul li.dateWrap div.area2 select#date {width: 80px;}
.travelExpenses-wrap .list-cell ul li.persWrap div.area2 select {width: 80px;}
.travelExpenses-wrap .list-cell ul li.persWrap div.area2 table {font-size: 12px;}
.travelExpenses-wrap .list-cell ul li.persWrap div.area2 table td {text-align: center; height: auto; padding: 0; border: none;}
.travelExpenses-wrap .priceInfo {font-size: 12px; float: right; width: 35%; padding-top: 5px;}
.travelExpenses-wrap .priceInfo .text {line-height: 18px; padding-left: 15px; padding-top: 5px;}
.travelExpenses-wrap #adCalPriceInfo .line {display: block;}
.travelExpenses-wrap select#adCalNight {width: 80px;}


/* travelExpenses-wrap 옵션변경 form (골프) */
.travelExpenses-wrap .golf-option .info-head .sub-title {position: absolute; margin: 0; padding-top: 8px;}
/* 골프달력 */
.travelExpenses-wrap .golf-option .lodgeCalendar {margin-top: 0;}
/* 골프옵션 */
.travelExpenses-wrap .golf-option .addBT-wrap {position: absolute; top: -25px; right: 20px;}
.travelExpenses-wrap .list-cell ul.gf_option > li {display: inline-block; margin-left: 4px;}
.travelExpenses-wrap .list-cell ul.gf_option > li:first-child {margin-left: 0;}
.travelExpenses-wrap .list-cell ul.gf_option li div.area1 {width: auto; padding-right: 3px;}
.travelExpenses-wrap .golf-option .list-cell ul li {margin-top: 0;}
.travelExpenses-wrap .list-cell ul li.dateWrap div.area2 input.cal {width: 100px;}
.travelExpenses-wrap .list-cell ul li.dateWrap div.area2 select#half {width: 70px;}
.travelExpenses-wrap .list-cell ul li.dateWrap div.area2 select#hour {width: 105px;}
.travelExpenses-wrap .list-cell ul li.persWrap div.area2 select#personnel {width: 90px;}
.travelExpenses-wrap .golf-option .price-list {min-height: 26px;}
.travelExpenses-wrap .golf-option .price-list li {display: table; width: 100%; font-size: 13px; position: relative; padding: 4px 0;}
.travelExpenses-wrap .golf-option .price-list li > p {display: table-cell;}
.travelExpenses-wrap .golf-option .price-list li > p.price {width: 22%; text-align: right;}
.travelExpenses-wrap .golf-option .gfPrice-wrap {background: #fff; padding: 10px; border-bottom: 1px solid #CCCBCC;}
.travelExpenses-wrap .golf-option .gfPrice-wrap .addBT {text-align: right; padding: 5px 0;}
/* 골프 선택추가 */
.travelExpenses-wrap .select-add {padding: 4px 0;}
.travelExpenses-wrap .select-add {border-top: 1px solid #CCCBCC; border-bottom: 1px solid #CCCBCC; padding-top: 6px;}
.travelExpenses-wrap .select-add table {width: 100%; font-size: 13px;}
.travelExpenses-wrap .select-add table td {padding: 2px 0;}
.travelExpenses-wrap .select-add table .price {text-align: right; font-size: 13px;}
.travelExpenses-wrap .select-add table .text {color: #5f5f60;}
.travelExpenses-wrap .select-add table .button {text-align: right;}
/*.travelExpenses-wrap .select-add table .button a {background: #808e9d; color: #fff; display: inline-block; padding: 5px 8px;}*/
.travelExpenses-wrap .select-add table .button .warning {display:inline-block; background: #fa6268; color: #fff; display: inline-block; padding: 5px 8px;}

/* travelExpenses-wrap 옵션변경 form (관광지) */
.travelExpenses-wrap .qtyWrap {border-top: 1px solid #e5e9ed; border-bottom: 1px solid #e5e9ed;}
.travelExpenses-wrap .qtyWrap ul > li {font-size: 12px; padding: 8px 0; border-top: 1px solid #e1e3e4;}
.travelExpenses-wrap .qtyWrap ul > li:first-child {border-top: none;}
.travelExpenses-wrap .qtyWrap ul li ol {display: table; width: 100%;}
.travelExpenses-wrap .qtyWrap ul li ol li {display: table-cell; vertical-align: middle; font-size: 12px;}
.travelExpenses-wrap .qtyWrap ul li ol li.list1 {padding-right: 16px; text-align: left;}
.travelExpenses-wrap .qtyWrap ul li ol li.list2 {width: 18%; position: relative; text-align: center;}
.travelExpenses-wrap .qtyWrap ul li ol li.list3 {width: 20%; padding-left: 16px; text-align: right;}
.travelExpenses-wrap .qtyWrap ul li ol li.list4 {width: 20px; text-align: right;}
.travelExpenses-wrap .qtyWrap ul li ol li.list2 input {width: 95%; text-align: center; padding-left: 0; display: inline;}
.travelExpenses-wrap .qtyWrap ul li ol li.list2 button {position: absolute; width: 25px; height: 30px; background: #f2f2f2; border: 1px solid #CCCBD0; display: inline;}
.travelExpenses-wrap .qtyWrap ul li ol li.list2 button.addition {right: 0;}
.travelExpenses-wrap .qtyWrap ul li ol li.list2 button.subtract {left: 0;}
/* 관광지달력 */
.travelExpenses-wrap .packCalendar {width: 100%; width: calc(100% - 2px);}
.travelExpenses-wrap .opCal {position: relative;}
.travelExpenses-wrap .opCal .opCal-title {
    font-size: 13px; border: 1px solid #ccc; padding: 8px;
    background: url("../../images/web/icon/arrow7.gif") no-repeat right center; font-weight: 400; color: #3f3f3f;
    cursor: pointer;
}
.travelExpenses-wrap .opCal {position: relative;}
.travelExpenses-wrap .opCal .opCal-title {
    font-size: 13px; border: 1px solid #ccc; padding: 8px;
    background: url("../../images/web/icon/arrow7.gif") no-repeat right center; font-weight: 400; color: #3f3f3f;
    cursor: pointer;
}
.travelExpenses-wrap .opCal .opCal-title span {margin-left: 10px; color: #5f5f60;}
.travelExpenses-wrap .opCal .lodgeCalendar {display: block;}

/* 렌터카 달력 */
.travelExpenses-wrap .rent-option .calendarWrap {padding: 20px 8px; position: relative; display: table; width: 522px; border: 1px solid #d9d8d8}
.travelExpenses-wrap .rent-option .calendarWrap > div.calendar {display: table-cell; vertical-align: top; width: 50%; padding: 10px 12px 15px;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar:first-child {border-right: 1px solid #d9d8d8;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calHead {text-align: center;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calHead span {font-size: 1.312em; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; vertical-align: middle;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calHead a {display: inline-block; vertical-align: middle;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calHead a.calPrev {margin-right: 20px;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calHead a.calNext {margin-left: 20px;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calBody {margin-top: 8px;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calBody table {width: 100%; height: 177px; font-size: 0.687em;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calBody table thead th {height: 23px !important;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calBody table tbody td {height: 23px !important; color: #b9b9b9; text-align: center;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calBody table tbody td a {line-height: 23px !important; display: block;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calBody table tbody td a:hover {background: #bbbbbb; color: #fff;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calBody table tbody td a.select {background: #8cd07f; color: #fff;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calTime {text-align: center; font-size: 0.812em; margin-top: 8px; /*position: absolute; bottom: -20px;*/}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calTime span {margin-right: 5px;}
.travelExpenses-wrap .rent-option .calendarWrap .calendar .calTime select {width: 120px; height: 30px;}

/* 렌터카 옵션 */
.travelExpenses-wrap .rent-option .list-cell3 {float: left; width: 330px;}
.travelExpenses-wrap .rent-option .list-cell3 p.info1 {font-size: 12px; line-height: 18px;}
.travelExpenses-wrap .rent-option .list-cell3 .info1 span {color: #dc0a0a;}
.travelExpenses-wrap .rent-option .list-cell3 .info2 {font-size: 12px; margin-top: 10px; vertical-align: middle; position: relative;}
.travelExpenses-wrap .rent-option .list-cell3 .info2 select {width: 190px; height: 32px; font-size: 12px; margin-left: 5px; vertical-align: middle;}
.travelExpenses-wrap .rent-option .list-cell3 p.info1,
.travelExpenses-wrap .rent-option .list-cell3 .info2 {background: url("../../images/web/list/03.gif") no-repeat left center; padding-left: 8px;}
.travelExpenses-wrap .rent-option .comm-offMs {margin-top: 10px;}

/* 페이징 수정 */
.travelExpenses-wrap .pageNumber {clear: both; padding-top: 50px;}
/* --------------------------------------------------------- //sub09(여행경비산출)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub10(제주온라인마켓 회원)  ------------------------------------------------------------------ */
/* ------------------------------ 회원가입 common ------------------------------ */
/* title */
.subContents .member-title {position: relative;}
.subContents .member-title h2 {font-size: 1.75em;}
.subContents .member-title ul.info {position: absolute; right: 0; top: 0; display: inline-block;}
.subContents .member-title ul.info li {float: left;}

/* contents */
.subContents .member-ctWrap {border: 1px solid #dbdbdb; margin-top: 25px;}
.subContents .member-ctWrap p.button {text-align: center; padding: 15px 0;}

/* ------------------------------ 회원가입 본인인증 ------------------------------ */
/* contents */
.subContents .sign-up .member-ctWrap > .lArea {vertical-align: middle; width: 180px; text-align: center; background: #f7f7f7;}
.subContents .sign-up .member-ctWrap > .lArea,
.subContents .sign-up .member-ctWrap > .rArea {display: table-cell;}
.subContents .sign-up .member-ctWrap > .rArea {vertical-align: top; border-left: 1px solid #e4e4e4; padding: 40px;}
.subContents .sign-up .member-ctWrap .rArea span.title {color: #343331; font-size: 16px; font-weight: 700; margin-right: 10px; display: inline-block}
.subContents .sign-up .member-ctWrap .rArea p.agree span.title {margin-right: 18px;}
.subContents .sign-up .member-ctWrap .rArea p.agree label {margin-right: 8px;}
.subContents .sign-up .member-ctWrap .rArea a.viewBT {display: inline-block; border:1px solid #fd444c; font-size: 11px; color: #fc434b; padding: 4px 8px; margin-left: 10px;}
.subContents .sign-up .member-ctWrap .rArea a.mcBT {display: inline-block; background: #848283; color: #fff; line-height: 35px; text-align: center; font-size: 14px; width: 115px;}
.subContents .sign-up .member-ctWrap .rArea .check {width: 520px; margin: 0 auto;}
.subContents .sign-up .member-ctWrap .rArea .check p {margin-top: 10px;}
.subContents .sign-up .member-ctWrap .rArea .check p:first-child {margin-top: 0;}
.subContents .sign-up .member-ctWrap .rArea p.phone #first {width: 100px}
.subContents .sign-up .member-ctWrap .rArea p.phone input {width: 100px}
.subContents .sign-up .member-ctWrap .rArea p.phone input#hp3 {width: 102px}
.subContents .sign-up .member-ctWrap .rArea p.phone .title,
.subContents .sign-up .member-ctWrap .rArea p.cite .title {width: 65px}
.subContents .sign-up .member-ctWrap .rArea p.cite #certNumber {width: 309px}
.subContents .sign-up .member-ctWrap .rArea p span,
.subContents .sign-up .member-ctWrap .rArea p select,
.subContents .sign-up .member-ctWrap .rArea p input,
.subContents .sign-up .member-ctWrap .rArea p a {vertical-align: middle;}
.subContents .sign-up .member-ctWrap .rArea p select,
.subContents .sign-up .member-ctWrap .rArea p input {height: 35px;}
.subContents .sign-up .member-ctWrap ul.info {border-top: 1px solid #d9d9d9; margin-top: 25px; padding-top: 15px;}
.subContents .sign-up .member-ctWrap ul.info li {font-size: 0.750em; line-height: 20px; margin-top: 20px; background: url("../../images/web/list/03.gif") no-repeat left 9px; padding-left: 10px;}
.subContents .sign-up .member-ctWrap ul.info li:first-child {margin-top: 0;}
.subContents .sign-up .member-ctWrap ul.info.not-border {border: none; padding: 0;}
.subContents .sign-up .member-ctWrap .msg {font-size: 12px; color: #2f2f2f; border-bottom: 1px solid #e1e3e4; padding: 10px; border-top: 1px solid #e1e3e4; line-height: 16px;}

/* ------------------------------ 회원가입 약관동의 ------------------------------ */
/* contents */
.subContents .sign-up2 .member-ctWrap {border: none;}
.subContents .sign-up2 .member-ctWrap .terms {/*margin-top: 25px; */ margin-bottom: 10px; height: 165px; overflow-y: auto; line-height: 20px; padding-right: 20px; border-bottom: 1px solid #e1e3e4;}
.subContents .sign-up2 .member-ctWrap table.commRow th {width: 170px; font-size: 16px;}
.subContents .sign-up2 .member-ctWrap table.commRow td {padding: 20px;}
.subContents .sign-up2 .member-ctWrap table.commRow td label {margin-right: 10px;}
.subContents .sign-up2 .member-ctWrap p.all {padding: 5px 15px 5px 15px}

/* ------------------------------ 회원가입 회원정보입력 ------------------------------ */
/* contents */
.subContents .sign-up3 .member-ctWrap {border: none;}
.subContents .sign-up3 .member-ctWrap table.commRow th {width: 150px; font-size: 14px;}
.subContents .sign-up3 .member-ctWrap table.commRow th span {color: #676767;}
.subContents .sign-up3 .member-ctWrap table.commRow .mgR {margin-right: 10px;}
.subContents .sign-up3 .member-ctWrap table.commRow .mgL {margin-left: 10px;}
.subContents .sign-up3 .member-ctWrap table.commRow .commWidth {width: 160px;}
.subContents .sign-up3 .member-ctWrap table.commRow label {margin-right: 10px;}
.subContents .sign-up3 .member-ctWrap .commBT {display: inline-block; background: #9d9b9c; color: #fff; font-size: 14px; line-height: 30px; vertical-align: middle; min-width: 90px; padding: 0 5px; text-align: center;}
.subContents .sign-up3 .member-ctWrap p.button {padding: 30px 0;}
.subContents .sign-up3 .member-ctWrap p.button > * {display: inline-block; vertical-align: middle;}
.subContents .sign-up3 .member-ctWrap select {width: 100px;}
.subContents .sign-up3 .member-ctWrap .addrWrap input.address {width: 250px; margin-top: 10px;}
.subContents .sign-up3 .member-ctWrap .telWrap input {width: 90px;}
.subContents .sign-up3 .member-ctWrap .phoneWrap input {width: 110px; margin-right: 10px;}
.subContents .sign-up3 .member-ctWrap .phoneWrap div {margin-top: 5px;}
.subContents .sign-up3 .member-ctWrap .agWrap p {font-size: 13px; margin-bottom: 15px;}

/* ------------------------------ 회원가입 완료 ------------------------------ */
/* contents */
.subContents .sign-up4 .member-ctWrap {text-align: center; padding: 60px 60px 60px 75px;}
.subContents .sign-up4 .member-ctWrap span {display: inline-block; vertical-align: middle; font-size:14px;}
.subContents .sign-up4 .member-ctWrap span.ct {margin-left: 40px; font-size: 18px; line-height: 36px;}

/* ------------------------------ 회원정보 (로그인) ------------------------------ */
.user-login .login-ctWrap {border: 1px solid #dbdbdb; margin-top: 25px; position: relative;}
.user-login .login-ctWrap .lArea {margin-right: 338px;}
.user-login .login-ctWrap .loginBox {width: 534px; margin: 25px auto 10px;}
.user-login .login-ctWrap .loginBox .login-head {
    height: 90px; position: relative;
    border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; margin-bottom: 20px;
    background: url("../../images/web/sign/login.jpg") no-repeat center top;
}
.user-login .login-ctWrap .loginBox .login-head p {
    font-size: 12px; position: absolute; bottom: 12px; color: #121110;
}
.user-login .login-ctWrap .login {position: relative;}
.user-login .login-ctWrap .login table.int-login {width: 405px; border-spacing:0px; border-collapse:collapse;}
.user-login .login-ctWrap .login table.int-login th {font-size: 13px; text-align: left; width: 95px;}
.user-login .login-ctWrap .login table.int-login td {}
.user-login .login-ctWrap .login input.int {display: block; width: 100%; height: 40px; margin-bottom: 6px;}
.user-login .login-ctWrap .login input.pw {margin-top: 6px;}
.user-login .login-ctWrap .login input#u-pw {margin-top: 6px;}
/*.subContents .user-login .login-ctWrap .login input#u-id {background: url("../../images/web/sign/id.jpg") no-repeat left center !important;}
.subContents .user-login .login-ctWrap .login input#u-pw {background: url("../../images/web/sign/pw.jpg") no-repeat left center !important; margin-top: 6px;}*/
.user-login .login-ctWrap .login button {
    position: absolute; right: 0; top: 0; background: #8f8e8e; color: #fff; border: none; width: 120px; height: 86px; font-size: 18px;
}
.user-login .login-ctWrap .login .check {margin-top: 6px; padding-left: 60px;}
.user-login .login-ctWrap .login-info {border-top: 1px solid #e9e8e9; margin-top: 20px; padding-top: 20px; text-align: center;}
.user-login .login-ctWrap .login-info a {display: inline-block; min-width: 100px; line-height: 26px; border: 1px solid #c8cacc; font-size: 12px; color: #3f3f3f;}
.user-login .login-ctWrap .lArea,
.user-login .login-ctWrap .rArea {height: 344px !important; overflow: hidden;}
.user-login .login-ctWrap .rArea {position: absolute; right: 0; top: 0; width: 344px;  background: #f2f2f2;}
.user-login .login-ctWrap .rArea > img {width: 100%;}
/* slide top */
.subContents .rArea .bestInfo {height: 120px; position: relative;}
.subContents .rArea .bestInfo .title {padding: 15px 20px 0 20px; font-size: 14px; color: #fff; margin-bottom: 15px; position: absolute; z-index: 2;}
.subContents .rArea .bestInfo .title img {margin-bottom: 5px; margin-right: 5px;}
.subContents .rArea .slideWrap {background: #f2f2f2; /*height: 224px;*/ height: 336px;}
/* slide content */
.subContents .rArea .slideWrap .proName {font-size: 14px; color: #fff; padding: 48px 20px 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.subContents .rArea .slideWrap .price {font-size: 26px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; padding: 0 20px;}
.subContents .rArea .slideWrap .price span {font-size: 14px; color: #fff; font-weight:400; margin-left: 3px;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot {padding: 0px; margin: 0px; position: relative; font-size: 13px;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot .slides_box {overflow: hidden; position: absolute; top: -120px;}
/*.subContents .rArea .slideWrap .webwidget_slideshow_dot .title_thumb_box {width: 344px; height: 120px; position: absolute; }*/

.subContents .rArea .slideWrap .webwidget_slideshow_dot .title_thumb_box .thumb_box {text-align: center; height: 25px; position: absolute; right: 16px; top: 16px;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot .title_thumb_box .thumb_box span {margin-right: 3px; margin-left: 3px;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot .title_thumb_box .thumb_box span.dotPrev {display: none;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot .title_thumb_box .thumb_box span.dotNext {display: none;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot .title_thumb_box .thumb_box span img {cursor: pointer;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot img {border: none;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot ul {position: absolute; list-style: none;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot ul li {padding: 0px; margin: 0px; float: left; background-color: #f0f0f0;}
.subContents .rArea .slideWrap .webwidget_slideshow_dot ul li a {display: block;}
.webwidget_slideshow_dot .title_thumb_box .title_box{
    position: absolute;
    top: 280px;
    background-color: #28292b;
    width: 280px;
    height: 120px;
    cursor: pointer;
}
.webwidget_slideshow_dot .title_thumb_box .title_box .proName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
    padding: 10px 0px 0 15px;
    font-family: "NotoSans M";
}
.webwidget_slideshow_dot .title_thumb_box .title_box .price {
    font-size: 23px;
    color: #fff;
    padding: 5px 0 0 15px;
}
.webwidget_slideshow_dot .title_thumb_box .title_box .price span {
    font-size: 17px;
    font-family: "NotoSans";
    padding-left: 3px;
}

    /* 비회원 추가 (2016-05-09) */
.loginBox .user-check {text-align: center; margin: 10px 0 12px; margin-top: -10px;}
.loginBox .user-check label {display: inline-block; vertical-align: middle;}
.loginBox .user-check input[type="radio"] {display: inline-block; vertical-align: middle; margin-left: 10px;}
.loginBox .user-check input[type="radio"]:first-child {margin-left: 0px;}
.loginBox .user-n input.phone {margin-top: 5px; display: inline-block !important; width: 102px !important;}
.loginBox .user-n input#hp3 {width: 103px !important;}
.loginBox .user-n input.number {margin-top: 5px;}

/* 비회원 항공예약확인 */
.loginBox .user-n .user-n-air { margin-top:20px; display:inline-block; margin-bottom:15px; width:100%; border-top:1px solid #e9e8e9;}
.loginBox .user-n .user-n-air h3 {display:block; height:40px; line-height:40px; font-size:1.1rem; padding:11px 0 4px;}
.loginBox .user-n .user-n-air .center-btn { position:relative; text-align:center;}
.loginBox .user-n .user-n-air .center-btn .btn0 {
    font-size:1rem; width:49%; height:40px; line-height:40px; border-radius: 2px;
    background-color:#059bd3; color:#fff; display:inline-block; font-weight:bold;
}
.loginBox .user-n .user-n-air .center-btn .btn1 {
    font-size:1rem; width:49%; height:40px; line-height:40px; border-radius: 2px;
    background-color:#f0534b; color:#fff; display:inline-block; font-weight:bold;
}

.user-login .login-ctWrap .user-n .login table.int-login {width: 530px;}
.user-login .login-ctWrap .user-n .login table.int-login td.bt {padding-left: 10px;}
.user-login .login-ctWrap .user-n .login table.int-login .mcBT {
    display: inline-block; background: #848283; color: #fff; line-height: 40px; text-align: center; font-size: 14px; width: 110px; position: relative; top: 2px;
}
.loginBox .info {padding-top: 10px;}
.loginBox .info li {
    font-size: 13px; line-height: 22px; background: url("../../images/web/list/03.gif") no-repeat left 10px; padding-left: 10px;
}
.loginBox .info li strong {color: #fe434c; font-weight: 700;}
.loginBox .btn-wrap {text-align: center; margin-top: 30px;}
.loginBox .btn-wrap a {display: inline-block; background: #8f8e8e; color: #fff; font-size: 14px; padding: 0 40px; line-height: 45px;}

/* ------------------------------ 회원정보 (아이디/비밀번호 찾기) ------------------------------ */
.subContents .user-idpw .idpw-ctWrap {margin-top: 25px; display: table; width: 100%;}
.subContents .user-idpw .idpw-ctWrap > div {display: table-cell; vertical-align: top; width: 50%;}
.subContents .user-idpw .idpw-ctWrap > div.rArea {padding-left: 10px;}
.subContents .user-idpw .idpw-ctWrap .bdWrap {border: 1px solid #dcdbdb; border-top: 3px solid #4b5258;}
.subContents .user-idpw .idpw-ctWrap h3.title {font-size: 24px; background: #fff; color: #1e1717; padding: 20px;}
.subContents .user-idpw .idpw-ctWrap .pdWrap {padding: 15px;}
.subContents .user-idpw .idpw-ctWrap .int-check {text-align: right;}
.subContents .user-idpw .idpw-ctWrap .int-check input {margin-left: 5px;}
.subContents .user-idpw .idpw-ctWrap table.tb-id {margin-bottom: 61px;}
.subContents .user-idpw .idpw-ctWrap table {width: 100%; margin-top: 10px;}
.subContents .user-idpw .idpw-ctWrap table th {width: 92px; text-align: left; font-size: 16px;}
.subContents .user-idpw .idpw-ctWrap table td {padding: 2px 0;}
.subContents .user-idpw .idpw-ctWrap table td > * {vertical-align: middle;}
.subContents .user-idpw .idpw-ctWrap table tr.phone select {width:26px;}
.subContents .user-idpw .idpw-ctWrap table tr.phone input {width: 80%;}
.subContents .user-idpw .idpw-ctWrap table tr.phone button {width: 65px; height: 30px; background: #848283; color: #fff; border: 1px solid #a3a19f; font-size: 11px; line-height: 12px;}
.subContents .user-idpw .idpw-ctWrap table.tb-pw tr.phone button {width: 63px;}
.subContents .user-idpw .idpw-ctWrap table tr.memo td {font-size: 12px;}
.subContents .user-idpw .idpw-ctWrap .smBT {border-top: 1px solid #d0d2d2; margin: 25px 0 10px; padding-top: 15px; text-align: center;}
.subContents .user-idpw .idpw-ctWrap .smBT a {font-size: 14px; line-height: 40px; border: 1px solid #ccc; display: inline-block; min-width: 150px;}
.subContents .user-idpw .idpw-ctWrap .smBT a.select {background: #23a3e2; color: #fff;}
.subContents .user-idpw .idpw-ctWrap2 .pdWrap {padding: 50px;}
.subContents .user-idpw .idpw-ctWrap2 .info {text-align: center; margin-bottom: 15px;}
.subContents .user-idpw .idpw-ctWrap2 .memoWrap {border-top: 1px solid #d0d2d2; border-bottom: 1px solid #d0d2d2; padding: 40px 0;}
.subContents .user-idpw .idpw-ctWrap2 table.tb-pw2 {width: 400px; margin: 0 auto;}
.subContents .user-idpw .idpw-ctWrap2 table th {width: 130px;}
.subContents .user-idpw .idpw-ctWrap2 .confMemo {text-align: center; font-size: 16px;}
.subContents .user-idpw .idpw-ctWrap2 .confMemo strong {color: #fe434c;}
.subContents .user-idpw .idpw-ctWrap2 .caution {font-size: 12px; margin-top: 10px;}
.subContents .user-idpw .idpw-ctWrap2 .smBT {border-top: none;}
/* --------------------------------------------------------- //sub10(제주온라인마켓 회원)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub11(마이페이지)  ------------------------------------------------------------------ */
/* ------------------------------ common ------------------------------ */
.subContents .sideON .tbWrap {display: table; width: 100%; margin-bottom: 20px;}
/* side menu */
.subContents .sideON .smON {display: table-cell; vertical-align: top;}
.subContents .sideON #sub-leftMenu {width: 174px; min-width: 174px; background: #f4f4f4;}
.subContents .sideON #sub-leftMenu > .title {background: #455360; color: #fff; text-align: center; padding: 18px 0;}
.subContents .sideON #sub-leftMenu > .hi {background: #fe434c; color: #fff; text-align: center; padding: 10px 0; font-size: 0.687em;}
.subContents .sideON #sub-leftMenu > .pdWrap {padding: 10px 12px 20px;}
.subContents .sideON #sub-leftMenu .depth1 > li {border-bottom: 1px solid #e5e5e6; line-height: 32px;}
.subContents .sideON #sub-leftMenu .depth1 li a {display: block; font-size: 0.812em; color: #363839;}
.subContents .sideON #sub-leftMenu .depth1 > li > a {position: relative; font-weight: 700;}
/*.subContents .sideON #sub-leftMenu .depth1 > li > a::after {
    content: url("../../images/web/mypage/menu.png"); position: absolute; top: 0; right: 0;
    -webkit-transition: all .3s;
            transition: all .3s;
}
.subContents .sideON #sub-leftMenu .depth1 > li.open > a::after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}*/
.subContents .sideON #sub-leftMenu .depth2 {background: #fff; padding: 10px; display: none;}
.subContents .sideON #sub-leftMenu .depth2 li {background: url("../../images/web/list/03.gif") no-repeat left 13px; padding-left: 10px; line-height: 26px;}
.subContents .sideON #sub-leftMenu .depth2 li a:hover {text-decoration: underline;}
.subContents .sideON #sub-leftMenu .depth2 li a.select {text-decoration: underline;}
.subContents .sideON #sub-leftMenu .depth1 > li.open > .depth2 {display: block;}

.subContents .sideON #sub-leftMenu .serviceCenter {margin-top: 75px;}
.subContents .sideON #sub-leftMenu .serviceCenter h5 {color: #3c558a;}
.subContents .sideON #sub-leftMenu .serviceCenter p.tel {color: #3c558a; font-size: 22px; font-weight: 800; margin-bottom: 10px; font-family: 'Noto Sans KR', sans-serif;}
.subContents .sideON #sub-leftMenu .serviceCenter p.timeWrap > span {display: inline-block; vertical-align: middle;}
.subContents .sideON #sub-leftMenu .serviceCenter p.timeWrap > span.time {font-size: 12px; margin-left: 5px; line-height: 16px;}

/* content */
.subContents .sideON .rContents {padding-left: 25px;}
.subContents .sideON .rContents .mainTitle {margin-bottom: 20px; position: relative;}
.subContents .sideON .rContents .mainTitle .sub {font-size: 14px;}
.sideON .rContents .mainTitle .air-link {position: absolute; right: 0;}
.sideON .rContents .mainTitle .air-link a {
    display:inline-block; font-size: 13px; line-height: 30px; border: 1px solid #dbdbdb; background: #f6f6f6; padding: 0 10px;
    color: #333;
}
.sideON .rContents .mainTitle .air-link a:hover {color: #FE434C;}

.subContents .sideON .rContents table.mypageCM tbody td.min .number {color: #3f3f3f;}
.subContents .sideON .rContents table.mypageCM tbody td.min .date {color: #999; margin-top: 5px;}
.subContents .sideON .rContents table.mypageCM tbody td.left h6 {font-size: 12px;}
.subContents .sideON .rContents table.mypageCM tbody td.left h6 span {font-weight: 400;}
.subContents .sideON .rContents table.mypageCM tbody td.left p.price {color: #2e2c2c; font-weight: 700;}
.subContents .sideON .rContents table.mypageCM tbody td.left {padding: 10px 4px;}

.subContents .sideON .rContents .pointInfo {margin-bottom: 20px;}
.subContents .sideON .rContents .pointInfo .main {text-align: center; font-size: 24px; font-family: 'Noto Sans KR', sans-serif;}
.subContents .sideON .rContents .pointInfo .main strong {color: #fe434c; font-weight: 800;}
.subContents .sideON .rContents .pointInfo .sub {border: 1px solid #c9c9c9; margin-top: 15px; text-align: center; padding: 20px; font-size: 13px;}
.subContents .sideON .rContents .pointInfo .sub > span {display: inline-block;}
.subContents .sideON .rContents .pointInfo .sub .point {color: #6d6d6d;}
.subContents .sideON .rContents .pointInfo .sub .guides {color: #cacaca; margin: 0 8px;}
.subContents .sideON .rContents .pointInfo .sub strong {color: #ff1620;}

/* accordion */
.subContents .sideON .rContents .default-accordion .tbOption {display: table; width: 100%;}
.subContents .sideON .rContents .default-accordion .tbOption > li {display: table-cell; vertical-align: middle; text-align: center; padding: 18px 14px;}
.subContents .sideON .rContents .default-accordion .tbOption li.number {width: 10%; border-right: 1px solid #f3f3f3;}
.subContents .sideON .rContents .default-accordion .tbOption li.memoWrap {text-align: left; /*border-right: 1px solid #f3f3f3;*/}
.subContents .sideON .rContents .default-accordion ul.question li {border-top: 1px solid #ded9d9; padding: 14px 0;}
.subContents .sideON .rContents .default-accordion ul.question li:first-child {border-top: none;}
.subContents .sideON .rContents .default-accordion .memo {line-height: 20px; background: url("../../images/web/mypage/question.gif") no-repeat left 3px; padding-left: 26px;}
.subContents .sideON .rContents .default-accordion .answer {background-image: url("../../images/web/mypage/re.gif");}
.subContents .sideON .rContents .default-accordion .registrant {margin-top: 15px; text-align: right;}
.subContents .sideON .rContents .default-accordion .tbOption li.date {width: 22%;}
.subContents .sideON .rContents .default-accordion .tbOption li.count {width: 14%;}
.subContents .sideON .rContents .default-accordion dd {padding: 10px 18px; padding-left: 92px;}

/* page number */
.subContents .sideON .rContents .pageNumber {margin: 30px 0;}
/* ------------------------------ common ------------------------------ */

/* 나의예약/구매내역 */
.subContents .mypage table.myReservation thead .title2 {width: 18%;}
.subContents .mypage table.myReservation thead .title4 {width: 15%;}
.subContents .mypage table.myReservation thead .title5 {width: 14%;}
.subContents .mypage table.myReservation tbody .bt {padding: 8px 4px;}
.subContents .mypage table.myReservation tbody .bt > * {display: inline-block;}
.subContents .mypage table.myReservation tbody .bt .cancel {margin-top: 5px;}
/*.subContents .mypage table.myReservation span.select {display: inline-block; background: #FE434C; color: #fff; line-height: 20px; min-width: 62px;}*/
table.myReservation .bt > span,
table.myReservation .bt > a {display: inline-block; border: 1px solid #c8cacc; background: #f4f5f7; color: #2a2929; text-align: center; min-width: 62px; line-height: 20px; font-size: 11px;}
table.myReservation .bt > span.select,
table.myReservation .bt > a.select {background: #fe434c; color: #fff; border: none; margin-bottom: 4px;}


/* label 이미지 */
/*.ch {display:none;}
.ch + label {display:inline-block; width:30px; height:30px; cursor:pointer; background:url(../../../images/coutam/mobile/icon/service_03.png) no-repeat; background-size:30px 30px;}
.ch:checked + label:after {position:relative; content:url(../../../images/coutam/mobile/icon/service_03_on.jpg);}*/
.ch-style {display:inline-block; font-size: 13px; line-height: 30px; border: 1px solid #dbdbdb; background: #f6f6f6; padding: 0 10px; color: #333; cursor: pointer;}
.ch-style:hover {color: #FE434C;}
.ch-style input {/*display: none;*/}


/* 나의예약/구매내역(상세) */
.mypage table.myReservation2 thead .title1 {width: 15%}
.mypage table.myReservation2 thead .title3 {width: 15%}
.mypage table.myReservation2 thead .title4 {width: 12%}
.mypage table.myReservation2 thead .title5 {width: 12%}
.mypage .payArea-wrap {overflow: hidden;}
.mypage .payArea-wrap .payArea {float: left; width: 49%;}
.mypage .payArea-wrap .payArea h5.title {margin-bottom: 10px;}
.mypage .payArea-wrap .userWrap2 {margin-left: 15px;}
.mypage .payArea {margin-top: 30px;}
.mypage .payArea .inpName {width: 100%;}
.mypage .payArea .inpNumber {width: 66px;}
.mypage .payArea .selNumber {width: 66px;}
.mypage table.commCol tfoot tr td.total-wrap {font-size: 13px; font-weight: 400;}
.mypage table.commCol tfoot tr td > strong {color: #2E2C2C;}
.mypage table.commCol tfoot tr td > strong.price {color: #FE434C;}
.mypage table.commCol tfoot tr td .total {font-size: 16px; font-weight: 700;}
.mypage .add-ctWrap {border-top: 1px solid #DCDCDC; margin-top: 8px; padding-top: 8px;}
.mypage .add-ct {color: #23A3E2;}
.mypage table.myp-info thead .title1 {width: 14%;}
.mypage table.myp-info thead .title3 {width: 13%;}
.mypage table.myp-info thead .title4 {width: 13%;}
.mypage table.myp-info thead .title5 {width: 13%;}
.mypage .cancel {padding: 10px 0;}
.mypage .cancel-t2 {font-size: 11px; border-top: 1px solid #e1e3e4; padding-top: 5px; margin-top: 5px;}
.mypage .cancel-t2 * {/*color: #FE434C;*/}
.mypage table.myp-info .bt {padding: 8px 4px;}
.mypage table.myp-info .bt > a {
    display: inline-block; border: 1px solid #c8cacc; background: #f4f5f7; color: #2a2929; text-align: center; min-width: 62px; line-height: 20px; font-size: 11px;
}
.mypage table.myp-info .bt .tb_num {margin: 15px 0 10px; font-size: 12px;}
.mypage table.myp-info .bt .tb_num a {text-decoration: underline; color: #23a3e2;}
.mypage table.myp-info .bt .tb_num a span {text-decoration: underline; display: block; color: #23a3e2;}


/* 포인트 내역보기 */
.subContents .mypage table.myPoint thead .title1,
.subContents .mypage table.myPoint thead .title4,
.subContents .mypage table.myPoint thead .title5 {width: 12%}
.subContents .mypage table.myPoint thead .title2 {width: 15%;}

/* 할인캐쉬 내역보기 */
.subContents .mypage table.myPoint2 thead .title1 {width: 18%;}
.subContents .mypage table.myPoint2 thead .title2,
.subContents .mypage table.myPoint2 thead .title4 {width: 14%}
.subContents .mypage table.myPoint2 thead .title5 {width: 12%}

/* 이용후기 내역보기 */
.reviews-ad .memo {background: none !important; padding-left: 0 !important;}
.reviews-ad .user-title {margin-bottom: 10px; font-size: 13px;}
.reviews-ad .user-info {margin-bottom: 12px;}
.reviews-ad .user-info span {color: #9ea09d; font-size: 12px;}
.reviews-ad .user-info span.heart {margin-right: 10px;}
.reviews-ad .user-memo {font-size: 13px; line-height: 20px;}
.reviews-ad .comment-count {color: #fd444c; font-size: 12px;}
.reviews-ad ul.re_comment {border-top: 1px solid #ded9d9; padding: 8px 0;}
.reviews-ad ul.re_comment:first-child {border-top: none;}
.reviews-ad ul.re_comment > li {display: table-cell; vertical-align: middle;}
.reviews-ad ul.re_comment > .ic2 {padding-left: 10px; position: relative; top: -4px;}
.reviews-ad ul.re_comment > .re {font-size: 13px; line-height: 18px; padding-left: 15px; text-align: left;}




/* 탐나오 쿠폰 */
.mypage .coupon-info {margin-top: 2px; font-size: 12px; color: #5f5f60;}
.mypage .coupon-info strong {color: #fe434c;}


/* 할인쿠폰 보관함 */
.mypage table.sale_coupon thead .title2 {width: 11%;}
.mypage table.sale_coupon tbody .button p {text-align: center; margin: 5px 0;}
.mypage table.sale_coupon tbody .button a {
    display: inline-block; border: 1px solid #BCBCBC; background: #f0f3f6; color: #221d1d; min-width: 70px; line-height: 30px; text-align: center;
    font-size: 11px; font-weight: 700; border-radius: 15px;
}
.mypage table.sale_coupon tbody .button a:hover {
    background: #e1e1e1; color: #151515;
}
.mypage table.sale_coupon tbody .button a.bt1 {}
.mypage table.sale_coupon tbody .button a.bt2 {}
.mypage table.sale_coupon tbody .button a.bt3 {}
.mypage .sale-couponWrap {margin-bottom: 10px;}
.mypage .no-content {font-size: 12px; padding: 40px 0;}

/* 회원탈퇴 */
.subContents .mypage .secession .top-info {text-align: center; font-size: 13px;}
.subContents .mypage .secession .top-info .point {color: #00a4b3;}
.subContents .mypage .secession .int-form {border: 1px solid #e1e3e6; margin-top: 15px; padding: 30px 20px 20px;}
.subContents .mypage .secession .int-form > table {width: 340px; margin: 0 auto; font-size: 14px;}
.subContents .mypage .secession .int-form > table th {text-align: left; font-weight: 700; width: 75px;}
.subContents .mypage .secession .int-form > table td {text-align: left; padding: 3px 0;}
.subContents .mypage .secession .int-form > table td .int-pw {width: 160px; height: 32px; margin-right: 5px;}
.subContents .mypage .secession .int-form .bottom-info {font-size: 12px; color: #696766; text-align: center; border-top: 1px solid #e1e3e6; margin-top: 30px; padding-top: 20px;}
.subContents .mypage .secession .memo {border: 1px solid #e1deda; font-size: 13px; padding: 20px; line-height: 20px;}
.subContents .mypage .secession .check-form {border: 1px solid #e1deda; overflow: hidden; padding: 30px 40px; margin-bottom: 25px;}
.subContents .mypage .secession .check-form > li {float: left; width: 25%; line-height: 24px;}
.subContents .mypage .secession .agree {margin-top: 5px;}
.mypage .secession .text-wrap {margin-top: 5px; border: 1px solid #e1deda; padding: 20px;}
.mypage .secession .text-wrap .title-name {margin-bottom: 10px; font-size: 13px;}
.mypage .secession .text-wrap .want {margin-top: 25px;}
.mypage .secession .text-wrap .want:first-child {margin-top: 0;}
.mypage .secession .text-wrap .want .commList1 li {font-size: 12px; background-position: left 10px;}
.mypage .secession .comm-art3 .noti {display: block; border-top: 1px solid #E1DEDA; text-align: center; margin-top: 10px; padding-top: 5px; color: #fe434c;}
.mypage .secession .myBG {padding: 30px 40px;}
.mypage .secession .iconBG {background: url("../../images/web/mypage/warning.jpg") no-repeat left center; padding-left: 100px;}
.mypage .secession .pass-wrap {margin-top: 25px;}
.mypage .secession .pass-wrap .info {font-size: 13px; border-bottom: 1px solid #eceaeb; padding-bottom: 15px; margin-bottom: 15px;}
.mypage .secession .pass-wrap .int {font-size: 13px;}
.mypage .secession .pass-wrap .int input {margin-left: 10px; vertical-align: middle;}
.mypage .secession .pass-wrap .int .name {width: 80px;}
.mypage .secession .pass-wrap .int .email {width: 170px;}
.mypage .secession .pass-wrap .int .pw {width: 170px;}
.mypage .secession .pass-wrap .int .button {display: inline-block; background: #747474; color: #fff; border: 1px solid #636363; line-height: 28px; min-width: 75px; text-align: center; font-weight: 700; vertical-align: middle;}

/* 회원탈퇴사유 2016-06-10 */
.mypage .text-wrap .info {font-size: 13px; font-weight: 700; margin-bottom: 14px;}
.mypage .text-wrap .info strong {color: #fe434c;}
.mypage .text-wrap p.label {margin: 7px 0;}


/* 나의 정보(개인정보) */
.mypage .member-myinfo table.commRow th {width: 150px; font-size: 14px;}
.mypage .member-myinfo table.commRow th span {color: #676767;}
.mypage .member-myinfo table.commRow .mgR {margin-right: 10px;}
.mypage .member-myinfo table.commRow .mgL {margin-left: 10px;}
.mypage .member-myinfo table.commRow .commWidth {width: 188px;}
.mypage .member-myinfo table.commRow label {margin-right: 10px;}
.mypage .member-myinfo .commBT {display: inline-block; background: #9d9b9c; color: #fff; font-size: 14px; line-height: 30px; vertical-align: middle; padding: 0 10px; text-align: center;}
.mypage .member-myinfo p.button {padding: 30px 0;}
.mypage .member-myinfo p.button > * {display: inline-block; vertical-align: middle;}
.mypage .member-myinfo select {width: 90px;}
.mypage .member-myinfo .addrWrap input.address {width: 270px; margin-top: 10px;}
.mypage .member-myinfo .telWrap td > input {width: 90px;}
.mypage .member-myinfo .phoneWrap td > input {width: 90px;}
.mypage .member-myinfo #telNumView {margin-right: 20px;}
.mypage .member-myinfo .agWrap p {font-size: 13px; margin-top: 10px;}
.mypage .member-myinfo p.button {text-align: center; padding: 25px 0 10px;}
.mypage .member-myinfo .secession {text-align: right; font-size: 11px; margin-bottom: 5px;}
.mypage .member-myinfo .secession a {color: #777;}
.mypage .member-myinfo .editBT {display: inline-block; vertical-align: middle; border: 1px solid #CCCCCC; background: #FFFFFF; color: #777777; font-size: 12px; line-height: 20px; padding: 2px 10px; margin: 2px 0;}
/* 나의 정보(개인정보) - 휴대폰 */
.mypage .member-ctWrap {position: absolute; width: 700px; height: 240px; margin: 0 auto; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%; max-width: 100%; z-index: 100; background: #fff;}
.mypage .member-ctWrap > .lArea {vertical-align: middle; width: 180px; text-align: center; background: #f7f7f7;}
.mypage .member-ctWrap > .lArea,
.mypage .member-ctWrap > .rArea {display: table-cell;}
.mypage .member-ctWrap > .rArea {vertical-align: top; border-left: 1px solid #e4e4e4; padding: 40px;}
.mypage .member-ctWrap .rArea span.title {color: #343331; font-size: 16px; font-weight: 700; margin-right: 10px; display: inline-block}
.mypage .member-ctWrap .rArea p.agree span.title {margin-right: 18px;}
.mypage .member-ctWrap .rArea p.agree label {margin-right: 8px;}
.mypage .member-ctWrap .rArea a.viewBT {display: inline-block; border:1px solid #fd444c; font-size: 11px; color: #fc434b; padding: 4px 8px; margin-left: 10px;}
.mypage .member-ctWrap .rArea a.mcBT {display: inline-block; background: #848283; color: #fff; line-height: 35px; text-align: center; font-size: 14px; width: 115px;}
.mypage .member-ctWrap .rArea .check {width: 400px; margin: 0 auto;}
.mypage .member-ctWrap .rArea .check p {margin-top: 10px;}
.mypage .member-ctWrap .rArea .check p:first-child {margin-top: 0;}
.mypage .member-ctWrap .rArea p.phone #first {width: 100px}
.mypage .member-ctWrap .rArea p.phone input {width: 200px}
.mypage .member-ctWrap .rArea p.phone .title,
.mypage .member-ctWrap .rArea p.cite .title {width: 65px}
.mypage .member-ctWrap .rArea p.cite #certNumber {width: 200px}
.mypage .member-ctWrap .rArea p span,
.mypage .member-ctWrap .rArea p select,
.mypage .member-ctWrap .rArea p input,
.mypage .member-ctWrap .rArea p a {vertical-align: middle;}
.mypage .member-ctWrap .rArea p select,
.mypage .member-ctWrap .rArea p input {height: 35px;}
.mypage .member-ctWrap ul.info {border-top: 1px solid #d9d9d9; margin-top: 25px; padding-top: 15px;}
.mypage .member-ctWrap ul.info li {font-size: 12px; line-height: 20px; margin-top: 20px; background: url("../../images/web/list/03.gif") no-repeat left 9px; padding-left: 10px;}
.mypage .member-ctWrap ul.info li:first-child {margin-top: 0;}
.mypage .member-ctWrap .msg {font-size: 12px; color: #2f2f2f; border-bottom: 1px solid #e1e3e4; padding: 10px; border-top: 1px solid #e1e3e4; line-height: 16px;}
.comm-close {position: absolute; right: 5px; top: 5px;}

/* 비밀번호 변경 */
.mypage .pass-wrap .pass {width: 320px; margin: 40px auto; border-bottom: 1px solid #e1e3e4; padding-bottom: 20px;}
.mypage .pass-wrap .pass th {font-size: 13px; text-align: left; width: 115px;}
.mypage .pass-wrap .pass td {text-align: right;}
.mypage .pass-wrap .pass input {width: 100%; margin-top: 5px; height: 34px;}


/* 환불계좌 */
.mypage select.bank {width: 180px;}
.mypage input.passbook {width: 180px;}



/* 비밀번호 변경 정보에 따른 추가 (2016-05-24) */
.label1 {color: #fe434c;}
.label2 {color: #12b6f3;}
.pass-wrap td {position: relative;}
.pass-wrap .label1 {position: absolute; width: 200px; right: -52px; top: 15px; font-size: 12px; z-index: -1;}
.pass-wrap .label2 {position: absolute; width: 200px; right: -52px; top: 15px; font-size: 12px; z-index: -1;}



/* 찜한상품 */
.mypage .no-content {padding: 50px !important;}
.mypage .no-content p {font-size: 16px; color: #161515; margin-top: 12px;}

.mypage ul.commList1 {margin-bottom: 8px;}
.mypage table.product-info tbody td p.infoText {padding-right: 0;}
.mypage table.product-info tbody td p.shipping-memo {margin-top: 8px; border-top: 1px solid #e1e3e4; padding-top: 8px; font-size: 12px;}
/* .mypage table.product-info tbody td:nth-child(4) {text-align: right; padding-right: 10px;} */

.btn-lrWrap {display: table; width: 100%; margin-top: 15px;}
.btn-lrWrap .l-area,
.btn-lrWrap .r-area {display: table-cell; width: 50%;}
.btn-lrWrap .r-area {text-align: right;}
.btn-lrWrap .btn {display: inline-block; font-size: 12px; border: 1px solid #bcbcbc; padding: 8px 16px; color: #333;}



/* 나의 예약 > 4월 이벤트 */
.my-event {margin: 10px 0 20px; background: url("../../images/web/event/event_fieldBG.jpg") repeat;}
.my-event .pd-wrap {background: url("../../images/web/event/my_event.jpg") no-repeat center; height: 170px; padding: 5px; position: relative;}

.my-event .ranking {position: absolute; z-index: 2; top: 0; right: 54px;}
.my-event .ranking ul {overflow: hidden; padding: 20px 0 10px;}
.my-event .ranking ul li {
    float: left; width: 80px; height: 100px;
    background: url("../../images/web/event/king_off.png") no-repeat center top;
    text-align: center; font-size: 13px; line-height: 185px; color: #999999; font-weight: bold;
    margin-left: 10px;
}
.my-event .ranking ul li:first-child {margin-left: 0;}
.my-event .ranking ul li.active {
    background-image: url("../../images/web/event/king_on.png");
    color: #000000;
}
.my-event .btn-wrap {text-align: center; margin: 0;}


.pop-seller {
    position: fixed; width: 415px; top: 35%; right: 0; left: 0; z-index: 100;
    padding: 15px; margin: auto;
    background: #FFF; border: 1px solid #787575; color: #000;
    display: none;
}
.pop-seller .btn-close {position:absolute; top:15px; right:18px;}
.pop-seller .btn-close img {width: 15px !important;}
.pop-seller > div {display: table-cell; vertical-align: top;}
.pop-seller div.photo {width: 95px;}
.pop-seller div.photo img {width: 100%;}
.pop-seller div.text {padding-left: 10px;}
.pop-seller div.text h6 {font-size: 15px; font-weight: 700; margin-bottom: 10px; padding-right: 25px;}
.pop-seller div.text .memo {margin-top: 5px;}
.pop-seller > .pw-form {display: block; text-align: center; padding-top: 24px; padding-bottom: 2px;}
.pop-seller .pw-form .title {font-size:16px; color: #333; font-weight: 700;}
.pop-seller .pw-form .title img {height: 24px; position: relative; top: -4px;}
.pop-seller .pw-form .sub_title {font-size:12px; color: #5f5f60; margin-top: 5px;}
.pop-seller .pw-form .pw {margin-top: 15px;}
.pop-seller .pw-form .pw input {line-height: 30px; text-align: center; border: 1px solid #ccc;}
.pop-seller .pw-form .sub_text {margin-top: 5px; font-size: 12px; color: #fe434c;}
.pop-seller .pw-form .button {margin-top: 20px;}
.pop-seller .pw-form .button .btn {display: inline-block; font-size: 13px; line-height: 34px; padding: 0; margin-left: 6px; border-radius: 0; width: 48%; width: calc(50% - 5px);}
.pop-seller .pw-form .button .btn:first-child {margin-left: 0;}
.pop-seller .pw-form .button .btn1 {background:#FE434C; border:1px solid #E5252E; color:#FFF;}
.pop-seller .pw-form .button .btn2 {background:#ABABAB; border:1px solid #979797; color:#FFF;}
.pop-seller .btn-wrap {margin-top: 20px;}



/* 나의 포인트 */
.point-count-wrapper {
    margin: 10px 0 10px; text-align: center; border: 1px solid #e1e3e4; border-width: 1px 0 1px 0; padding: 5px 0;
    font-size: 18px;
}
.point-count-wrapper .point {margin-left: 10px;}
/* --------------------------------------------------------- //sub11(마이페이지)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub12(고객센터)  ------------------------------------------------------------------ */
/* 자주묻는질문 */
.subContents .freqWrap .detailTabMenu2 ul.menuList li {min-width: auto; /*width: 12.5%;*/}
.subContents .freqWrap .detailTabMenu2 ul.menuList li a {padding: 0 18px;}
.subContents .freqWrap .freqSearch {border: 1px solid #e0e3e3; padding: 18px;}
.subContents .freqWrap .freqSearch .tbOption {display: table; width: 100%;}
.subContents .freqWrap .freqSearch .tbOption li {display: table-cell; vertical-align: middle;}
.subContents .freqWrap .freqSearch .tbOption li.list1 {width: 90px;}
.subContents .freqWrap .freqSearch .tbOption li.list3 {width: 170px; padding-left: 5px;}
.subContents .freqWrap .freqSearch .tbOption li.frTitle {font-size: 14px; font-weight: 700;}
.subContents .freqWrap .freqSearch .tbOption li.frInt input {width: 100%; height: 35px;}
.subContents .freqWrap .freqSearch .tbOption li.frBT > * {vertical-align: middle; display: inline-block;}
.subContents .freqWrap .freqSearch .ex-wrap {font-size: 11px; text-align: center; margin-top: 10px;}
.subContents .freqWrap p.infoText {font-size: 13px; margin-bottom: 12px;}

/* 입점/제휴안내 */
.subContents .service-center .affiInfo {margin: 30px 0;}
/*.application td {position: relative;}*/
.application select.members {display: block; width: 100%; max-width: 135px; margin-top: 8px;}
.application .addr1 {width: 240px;}
.application .addr2 {width: 150px;}
.application .fullBT {width: 83%; width: calc(100% - 73px);}
td.memo .scroll-wrap {height: 285px; overflow-y: auto; padding-right: 10px;}
.necessary {color: #f0534b;}

/* 입점/제휴안내 > 이메일폼 추가(2016-06-09) */
.service-center .email-form .id {width: 134px;}
.service-center .email-form .guide {}
.service-center .email-form .email {width: 144px;}
.service-center .email-form .select {width: 138px;}
.service-center .email-form .direct {display: inline-block; margin-left: 5px;}



/* 입점/제휴안내 > 완료 */
.end-wrap .text-wrap {border: 1px solid #e1deda; text-align: center; padding: 50px 0; margin-bottom: 15px;}
.end-wrap .text-wrap .img-box {margin-bottom: 15px;}
.end-wrap .main-t {font-size: 28px;}
.end-wrap .sub-t {font-size: 13px; margin-top: 20px; line-height: 20px;}


/* 이용후기 */
.service-center tr.re-comment {display: none;}
.service-center tr.re-comment td {padding: 0 !important; text-align: left !important;}
.service-center .re-icon {position: absolute; right: 12px; cursor: pointer;}
.service-center .reviews-ad ul.re_comment .re {font-size: 12px;}

td.attachments p.file {margin: 5px 0;}
td.attachments p.file input {width: 100%;}
td.attachments p.label {font-size: 12px; margin-top: 8px; color: #5f5f60;}


/* 고객센터 이용후기 리뷰사진 추가 */
.service-center ul.tbOption li {display: table; width: 100%;}
.service-center ul.tbOption li .photo-area,
.service-center ul.tbOption li .text-area {
    display: table-cell; vertical-align: top;
}
.service-center ul.tbOption li .photo-area {width: 120px; padding-right: 15px;}
.service-center ul.tbOption li .photo-area .photo-wrap {width: 120px; position: relative;}
.service-center ul.tbOption li .photo-area .photo-wrap:hover .over-rap {display: block;}
.service-center ul.tbOption li .photo-area .photo {width: 120px; height: 80px;}
.service-center ul.tbOption li .photo-area .photo > img {width: 100%; height: 100%;}
.service-center ul.tbOption li .photo-area .over-rap {
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background: rgba(51,51,51,.8); text-align: center; display: none;
}
.service-center ul.tbOption li .photo-area .over-rap .add-btn {
    display: inline-block; border: 2px solid #fff; color: #fff; font-size: 12px; font-weight: 700;
    width: 28px; height: 28px; line-height: 28px; border-radius: 28px; margin-top: 24px;
}
.service-center ul.tbOption li .photo-area .over-rap .add-btn:hover {background: #fff; color: #333;}







/* md's pick list */
.rContents ul.md-list {overflow: hidden;}
.rContents ul.md-list li {float: left; position: relative; margin: 30px 30px 0 0; border: 1px solid #dcdcdc;}
.rContents ul.md-list li:nth-child(3n+0) {margin-right: 0;}
.rContents ul.md-list li:nth-child(1),
.rContents ul.md-list li:nth-child(2),
.rContents ul.md-list li:nth-child(3) {margin-top: 0;}
.rContents ul.md-list li a {display: block;}

.rContents ul.md-list li .photo {width: 238px; height: 244px;}
.rContents ul.md-list li .photo img {width: 100%; height: 100%;}

.rContents ul.md-list li .text-wrap {
    background: #fff; background: rgba(255,255,255,.8);
    position: absolute; bottom: 0; left: 0; z-index: 2;
    padding: 20px 10px 16px; width: 92%; width: calc(100% - 20px);
}
.rContents ul.md-list li .text-wrap .title {font-size: 14px; font-weight: bold; color: #2e2c2c;}
.rContents ul.md-list li .text-wrap .memo {
    font-size: 14px; color: #2e2c2c; margin-top: 10px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* --------------------------------------------------------- //sub12(고객센터)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- sub13(장바구니)  ------------------------------------------------------------------ */
/* 콘텐츠 없을 시 */
.subContents .cart .no-content {padding: 50px !important;}
.subContents .cart .no-content p {font-size: 16px; color: #161515; margin-top: 12px;}

/* list style */
.subContents .cart ul.commList1 {/* padding: 30px 15px 60px; */ padding: 30px 15px 30px;}

/* button */
.option-wrap .comm-button2 {margin: 15px 0 0;}
.option-wrap .comm-button2 a {font-size: 16px;}

/* cart section */
.cart-section {margin-top: 30px;}
.cart-section > .title {margin-bottom: 8px; font-size: 18px;}
.cart-section > .comm-button2 {margin: 15px 0 50px;}

/* table */
.subContents .cart .comm_pay table.commCol {font-size: 13px;}
.subContents .cart .comm_pay table thead th.title1 {width: 8%;}
.subContents .cart .comm_pay table thead th.title1 label {font-size: 13px;}
.subContents .cart .comm_pay table thead th.title2 {width: 14%;}
.subContents .cart .comm_pay table thead th.title4 {width: 12%;}
.subContents .cart .comm_pay table thead th.title5 {width: 10%;}
.subContents .cart .comm_pay > table > tbody > tr > td {padding: 15px 0;}
.subContents .cart .comm_pay table tbody td .chBT {display: inline-block;}
.subContents .cart .comm_pay table tbody td input.ch {margin-right: 0;}
.subContents .cart .comm_pay table tbody td > p.text {margin-top: 6px; font-size: 11px;}
table.product-info td {/*padding: 8px 4px !important;*/}
table.product-info tbody td h5.product {font-size: 13px; line-height: 18px; margin-bottom: 5px;}
table.product-info tbody td h5.product .cProduct {font-weight: 700;}
table.product-info tbody td p.infoText {/*color: #fe434c;*/ font-size: 12px; padding-right: 58px;}
table.product-info tbody td p.ticket-info {color: #FE434C; font-size: 12px; margin-top: 5px; border-top: 1px solid #e1e3e4; padding-top: 5px;}
table.product-info tbody td p.ticket-info2 {color: #23a3e2;}
table.product-info.like tbody td.left {padding: 10px !important;}
table.product-info.like .photo,
table.product-info.like .product {display: table-cell; vertical-align: middle;}
table.product-info.like .photo {}
table.product-info.like .photo img {width: 100px;}
table.product-info.like .product {padding-left: 10px;}

table.product-info ul.use-msg li {border-top: 1px solid #e1e3e4; margin-top: 8px; padding-top: 8px;}
table.product-info ul.use-msg li .date {font-size: 11px; color: #5f5f60;}
table.product-info ul.use-msg li .memo {font-size: 12px; color: #5f5f60; line-height: 16px; margin-top: 4px;}

table.product-info tbody td .infoMSG {
    display: inline-block; font-size: 11px; line-height: 18px; color: #2a2929;
    background: #f4f5f7; border: 1px solid #c8cacc; text-align: center;
    padding: 0 4px; margin-left: 5px;
}
table.product-info ul.product-list li {margin-top: 10px; border-top: 1px solid #e1e3e4; padding-top: 10px; position: relative;}
table.product-info ul.product-list li:first-child {margin-top: 0; border-top: none; padding-top: 0;}
table.product-info td.left {padding: 10px 5px !important;}
table.product-info th.title1 {width: 125px;}
table.product-info th.title3 {width: 140px;}
table.product-info th.title4 {width: 140px;}
table.product-info td.money {/*color: #FE434C;*/ font-weight: 700; text-align: right; padding-right: 10px;}
table.product-info td.money * {/*color: #FE434C;*/ font-weight: 700;}
table.product-info td .price {}
table.product-info td .sale {color: #FE434C;}
table.product-info td .sale * {color: #FE434C;}

.mypage table.product-info td .sale {color: #5f5f60;}
.mypage table.product-info td .sale * {color: #5f5f60;}

table.product-info td span.subText {color: #31aea2;}

table.product-info tbody td.left {/*padding-right: 0 !important;*/}
table.product-list {width: 100%;}
table.product-list td {border-top: 1px solid #e1e3e4; padding: 8px 0; text-align: center;}
table.product-list td.left2 {text-align: left; border-right: 1px solid #e1e3e4; width: 392px; padding-right: 10px;}
table.product-list tr:first-child td {border-top: none;}

.subContents table tbody td .optionBT {display: inline-block; border: 1px solid #c8cacc; background: #fefefe; font-size: 12px; min-width: 65px; line-height: 27px; color: #3f3f3f;}
.subContents .cart .comm_pay table tbody td.option {position: relative;}

.subContents .cart .comm_pay table tbody td.shipping-fee p {margin: 2px 0; line-height: 16px; font-size: 12px;}
.subContents .cart .comm_pay table tbody td.shipping-fee p.price {font-weight: 700;}

.subContents table.product-info tbody td.shipping-fee {text-align: center;}
.subContents table.product-info tbody td.shipping-fee p {margin: 2px 0; line-height: 16px; /* font-size: 12px; */}
.subContents table.product-info tbody td.shipping-fee p.price {/* font-weight: 700; */}

.subContents .cart .comm_pay .cartBT {text-align: center; margin-top: 20px;}
.subContents .cart .comm_pay .cartBT > * {vertical-align: middle;}
.subContents .cart .comm_pay .cartBT > a {display: inline-block;}
/* 옵션변경 form */
.subContents .cart .option-wrap {display: none;}
/* .subContents .cart .option-box {
    position: fixed; left: 0; right: 0; top: 0; bottom: 0;
    width: 580px; max-width: 100%; max-height: 100%; margin: auto;
    border: 1px solid #b1afaf; background: #fff; text-align: left; z-index: 100;
} */
.subContents .cart .option-box {
    position: fixed; left: 0; right: 0; top: 90px;
    width: 580px; max-width: 88%; max-height: 88%; margin: auto;
    border: 1px solid #b1afaf; background: #fff; text-align: left; z-index: 100;
    overflow-y: auto;
}
/* .subContents .cart .room-option {height: 850px; overflow-y: auto;}
.subContents .cart .golf-option {height: 765px; overflow-y: auto;}
.subContents .cart .rent-option {height: 730px; overflow-y: auto;}
.subContents .cart .pack-option {height: 505px; overflow-y: auto;} */
.subContents .cart .option-box > .title {padding: 20px 20px 0; position: relative; font-size: 16px;}
.subContents .cart .option-box .title .option-close {position: absolute; right: 20px;}
.subContents .cart .option-box .info-head {padding: 20px;}
.subContents .cart .pack-option .info-head {/* height: 192px; */ height: auto;}
.subContents .cart .option-box .info-title {margin-bottom: 20px;}
.subContents .cart .option-box .info-title > p {display: inline-block; vertical-align: top;}
.subContents .cart .option-box .info-title p.photoBox {width: 150px; height: 100px; overflow: hidden;}
.subContents .cart .option-box .info-title p.photoBox img {width: 100%;}
.subContents .cart .option-box .info-title p.text {width: 355px; margin-left: 10px;}
.subContents .cart .option-box .info-title p.text span {display: block; font-size: 13px; line-height: 20px; color: #130f0f;}
.subContents .cart .option-box .info-text {padding: 20px; background: #eaedef; position: relative;}
.subContents .cart .option-box .info-text .price-wrap {clear: both; border-top: 1px solid #cccbcc; padding-top: 6px; position: relative;}
.subContents .cart .option-box .info-text .price-wrap .text {position: absolute; left: 0; top: 14px; font-size: 13px;}
.subContents .cart .option-box .info-text p.info4 {
    clear: both; font-size: 18px; color: #cd3f40; text-align: right; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;
}
.subContents .cart .option-box .info-text p.info4 strong {color: #cd3f40; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.subContents .cart .option-box .info-text p.info4 span {font-size: 16px; color: #cd3f40; font-family: 'Noto Sans KR', sans-serif;}
.subContents .cart .option-box .info-text p.info4 span.plus {font-size: 12px; color: #5c5d5f; font-weight: 700;}
.subContents .cart .option-box .info-text p.bt {text-align: center; margin-top: 15px;}

.subContents .cart .option-box {}
.subContents .cart .option-box .calendarWrap {width: 100%; padding: 10px 4px;}
.subContents .cart .option-box .ui-widget-content {min-width: 0; padding: 2px;}


/* 숙박달력 */
.subContents .cart .lodgeCalendar {border: none;}
.subContents .cart .lodgeCalendar .calendar .calHead {padding: 0 0 10px;}
.subContents .cart .lodgeCalendar .calendar .calBody table thead th {text-align: center;}
.subContents .cart .lodgeCalendar .calendar .calBody table tbody td {text-align: left;}
/* 숙박옵션 */
.subContents .cart .list-cell {padding-bottom: 15px;}
.subContents .cart .list-cell2 {float: left; width: 335px;}
.subContents .cart .list-cell ul.bt_option > li {display: table; width: 100%;}
.subContents .cart .list-cell ul li {margin-top: 10px;}
.subContents .cart .list-cell ul li:first-child {margin-top: 0;}
.subContents .cart .list-cell ul li > div {display: table-cell; text-align: left;}
.subContents .cart .list-cell ul li div.area1 {
    width: 60px; font-size: 12px; background: url("../../images/web/list/03.gif") no-repeat left 14px; padding-left: 8px; vertical-align: top; padding-top: 7px;
}
.subContents .cart .list-cell ul.bt_option li.dateWrap div.area2 input.cal {width: 150px;}
.subContents .cart .list-cell ul.bt_option li.dateWrap div.area2 select#adCalNight {width: 100px;}
.subContents .cart .list-cell ul li.dateWrap div.area2 select#date {width: 80px;}
.subContents .cart .list-cell ul li.persWrap div.area2 select {width: 83px;}
.subContents .cart .list-cell ul li.persWrap div.area2 table {font-size: 12px; position: relative; left: -2px;}
.subContents .cart .list-cell ul li.persWrap div.area2 table td {text-align: center; height: auto; padding: 0; border: none;}
.subContents .cart .priceInfo {font-size: 12px; float: right; width: 186px; padding-top: 5px;}
.subContents .cart .priceInfo .text {line-height: 18px; padding-left: 15px; padding-top: 5px;}
/* 숙박달력 (info) */
.subContents .cart .lodgeCalendar ul.calendar-info {margin-top: 15px;}
.subContents .cart .lodgeCalendar ul.calendar-info li {display: inline-block; font-size: 0.750em; margin-right: 15px;}
.subContents .cart .lodgeCalendar ul.calendar-info li:first-child {margin-left: 0;}

/* 골프달력 */
.subContents .cart .lodgeCalendar ul.calendar-info {margin-top: 15px;}
.subContents .cart .lodgeCalendar ul.calendar-info li {font-size: 12px;}
/* 골프옵션 */
.subContents .cart .list-cell ul.gf_option > li {display: inline-block; margin-left: 4px;}
.subContents .cart .list-cell ul.gf_option > li:first-child {margin-left: 0;}
.subContents .cart .list-cell ul.gf_option li div.area1 {width: auto; padding-right: 3px;}
.subContents .cart .list-cell ul li.dateWrap div.area2 input.cal {width: 85px;}
.subContents .cart .list-cell ul li.dateWrap div.area2 select#half {width: 70px;}
.subContents .cart .list-cell ul li.dateWrap div.area2 select#hour {width: 105px;}
.subContents .cart .list-cell ul li.persWrap div.area2 select#personnel {width: 90px;}

/* 렌터카달력 */
.subContents .cart .calendarWrap {padding: 20px 8px; position: relative; display: table; width: 522px; border: 1px solid #d9d8d8}
.subContents .cart .calendarWrap > div.calendar {display: table-cell; vertical-align: top; width: 50%; padding: 10px 12px 15px;}
.subContents .cart .calendarWrap .calendar:first-child {border-right: 1px solid #d9d8d8;}
.subContents .cart .calendarWrap .calendar .calHead {text-align: center;}
.subContents .cart .calendarWrap .calendar .calHead span {font-size: 1.312em; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; vertical-align: middle;}
.subContents .cart .calendarWrap .calendar .calHead a {display: inline-block; vertical-align: middle;}
.subContents .cart .calendarWrap .calendar .calHead a.calPrev {margin-right: 20px;}
.subContents .cart .calendarWrap .calendar .calHead a.calNext {margin-left: 20px;}
.subContents .cart .calendarWrap .calendar .calBody {margin-top: 8px;}
.subContents .cart .calendarWrap .calendar .calBody table {width: 100%; height: 177px; font-size: 0.687em;}
.subContents .cart .calendarWrap .calendar .calBody table thead th {height: 23px !important;}
.subContents .cart .calendarWrap .calendar .calBody table tbody td {height: 23px !important; color: #b9b9b9; text-align: center;}
.subContents .cart .calendarWrap .calendar .calBody table tbody td a {line-height: 23px !important; display: block;}
.subContents .cart .calendarWrap .calendar .calBody table tbody td a:hover {background: #bbbbbb; color: #fff;}
.subContents .cart .calendarWrap .calendar .calBody table tbody td a.select {background: #8cd07f; color: #fff;}
.subContents .cart .calendarWrap .calendar .calTime {text-align: center; font-size: 0.812em; margin-top: 8px; /*position: absolute; bottom: -20px;*/}
.subContents .cart .calendarWrap .calendar .calTime span {margin-right: 5px;}
.subContents .cart .calendarWrap .calendar .calTime select {width: 120px; height: 30px;}

/* 렌터카옵션 */
.subContents .cart .list-cell3 {float: left; width: 330px;}
.subContents .cart .list-cell3 p.info1 {font-size: 12px; line-height: 18px;}
.subContents .cart .list-cell3 .info1 span {color: #dc0a0a;}
.subContents .cart .list-cell3 .info2 {font-size: 12px; margin-top: 10px; vertical-align: middle; position: relative;}
.subContents .cart .list-cell3 .info2 select {width: 190px; height: 32px; font-size: 12px; margin-left: 5px; vertical-align: middle;}
.subContents .cart .list-cell3 p.info1,
.subContents .cart .list-cell3 .info2 {background: url("../../images/web/list/03.gif") no-repeat left center; padding-left: 8px;}
.subContents .cart .list-cell3 .info2 a.layer-1 img,
.travelExpenses-wrap .rent-option .list-cell3 .info2 a.layer-1 img {height: auto !important; max-width: 260px;}
.subContents .cart .comm-offMs {margin-top: 19px;}

/* 렌터카옵션(상세보기) */
.subContents .cart .rent-detail {width: 300px; height: 300px; overflow-y: visible;}
.subContents .cart .rent-detail h4.title {padding: 0 20px 10px 0; margin-bottom: 20px; position: relative; font-size: 15px; border-bottom: 1px solid #cccbd0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.subContents .cart .rent-detail h4.title .option-close {position: absolute; right: 0px;}
.subContents .cart .rent-detail h5.sub-title {font-size: 13px; margin-bottom: 6px;}
.subContents .cart .rent-detail .scroll-wrap {max-height: 290px; overflow-y: auto;}
.subContents .cart .rent-detail img.bubble {position: absolute; top: auto; right: auto; bottom: -6px;}
/* 렌터카옵션(상세보기) > 여행경비산출 */
.travelExpenses-wrap .rent-detail {width: 300px; height: 300px; /*overflow-y: visible;*/}
.travelExpenses-wrap .rent-detail h4.title {padding: 0 20px 10px 0; margin-bottom: 20px; position: relative; font-size: 15px; border-bottom: 1px solid #cccbd0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.travelExpenses-wrap .rent-detail h4.title .option-close {position: absolute; right: 0px;}
.travelExpenses-wrap .rent-detail h5.sub-title {font-size: 13px; margin-bottom: 6px;}
.travelExpenses-wrap .rent-detail .scroll-wrap {max-height: 290px; overflow-y: auto;}
.travelExpenses-wrap .rent-detail img.bubble {position: absolute; top: auto; right: auto; bottom: -6px; display: none;}
.travelExpenses-wrap .rent-detail > a > img.layerP1-close {display: none;}


/* 패키지옵션 */
.subContents .cart .qtyWrap {border-top: 1px solid #e5e9ed; border-bottom: 1px solid #e5e9ed; padding: 0 8px;}
.subContents .cart .qtyWrap ul > li {font-size: 12px; padding: 8px 0; border-top: 1px solid #e1e3e4;}
.subContents .cart .qtyWrap ul > li:first-child {border-top: none;}
.subContents .cart .qtyWrap ul li ol {display: table; width: 100%;}
.subContents .cart .qtyWrap ul li ol li {display: table-cell; vertical-align: middle; font-size: 12px;}
.subContents .cart .qtyWrap ul li ol li.list1 {padding-right: 16px; text-align: left;}
.subContents .cart .qtyWrap ul li ol li.list2 {width: 18%; position: relative; text-align: center;}
.subContents .cart .qtyWrap ul li ol li.list3 {width: 20%; padding-left: 16px; text-align: right;}
.subContents .cart .qtyWrap ul li ol li.list2 input {width: 100%; text-align: center; display: inline;}
.subContents .cart .qtyWrap ul li ol li.list2 button {position: absolute; top: 0; width: 28px; height: 32px; background: #f2f2f2; border: 1px solid #CCCBD0; display: inline;}
.subContents .cart .qtyWrap ul li ol li.list2 button.addition {right: 0;}
.subContents .cart .qtyWrap ul li ol li.list2 button.subtract {left: 0;}

/* 결제완료 */
.pay-end .title-box {text-align: center; padding: 40px 0; border-bottom: 1px solid #e1deda; margin-bottom: 15px;}
.pay-end .title-box h2 {font-size: 30px;}
.pay-end .title-box p {font-size: 13px; margin-top: 15px; line-height: 20px;}
.pay-end .title-box p.img {margin-bottom: 25px;}
.pay-end .ct-wrap {margin-top: 40px;}
.pay-end .ct-wrap .title {font-size: 15px; margin-bottom: 10px;}
.pay-end .ct-wrap .total-wrap {width: 100%; border: 1px solid #dedede; border-top: 3px solid #2b2b2c;}
.pay-end .ct-wrap .total-wrap ul {display: table; width: 100%;}
.pay-end .ct-wrap .total-wrap ul li {display: table-cell; padding: 30px; border-left: 1px solid #dedede; width: 33%; position: relative;}
.pay-end .ct-wrap .total-wrap ul li:first-child {border-left: none; width: 34%;}
.pay-end .ct-wrap .total-wrap dl {position: relative;}
.pay-end .ct-wrap .total-wrap dl .price {position: absolute; right: 0;}
.pay-end .ct-wrap .total-wrap dl .icon {position: absolute; right: -45px; top: -4px; z-index: 2;}
.pay-end .ct-wrap .total-wrap dl dt {font-size: 14px; margin-bottom: 40px;}
.pay-end .ct-wrap .total-wrap dl dt * {font-weight: 700;}
.pay-end .ct-wrap .total-wrap dl dd {font-size: 13px; line-height: 20px;}
.pay-end .ct-wrap .total-wrap dl dd > p {margin: 5px 0;}
.pay-end .ct-wrap .total-wrap dl dt .price {top: -10px; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.pay-end .ct-wrap .total-wrap dl dt .price strong {font-size: 24px; font-family: 'Noto Sans KR', sans-serif;}
.pay-end .ct-wrap .total-wrap dl.total dt .price {color: #f20000;}
.pay-end .ct-wrap .total-wrap dl.total dt .price strong {color: #f20000;}
.pay-end .ct-wrap table.commCol {font-size: 13px;}
.pay-end .ct-wrap table.commCol td {padding: 15px 5px !important;}
.pay-end .ct-wrap table.commCol th.title1 {width: 12%;}
.pay-end .ct-wrap table.commCol th.title3 {width: 15%;}
.pay-end .ct-wrap table.commCol tbody .product {font-size: 13px; margin-bottom: 5px;}
.pay-end .comm-button2 {margin-top: 40px;}
.pay-end .carseat-banner img {width:100%; margin-top:30px;}

/* 제목 리스트 */
ul.cart-list {position: absolute; right: 0; top: 0; padding: 20px 20px; font-size: 14px;}
ul.cart-list li {display: inline-block; margin-left: 20px; color: #5f5f60; background: url("../../images/web/cart/arrow_off.png") no-repeat center right; padding-right: 35px;}
ul.cart-list li:last-child {background: none; padding-right: 0;}
ul.cart-list li .step {display: block; font-size: 11px; margin-bottom: 4px; color: #5f5f60;}
ul.cart-list li.select {font-weight: 700; color: #fff; background-image: url("../../images/web/cart/arrow_on.png");}
ul.cart-list li.select .step {font-weight: 700; color: #fff;}


/* 결제실패시 */
table.pay-error {width: 450px; margin: 0 auto; margin-top: 30px;}
table.pay-error td {text-align: left; padding: 15px 10px; line-height: 20px;}
/* --------------------------------------------------------- //sub13(장바구니)  ------------------------------------------------------------------ */


/* --------------------------------------------------------- 통합검색  ------------------------------------------------------------------ */
.sh-page .sh-top .item-noContent {padding: 100px 0;}
.sh-page .sh-top h3 {font-weight: 400;}
.sh-page .sh-top h3 .count {/*font-family: 'Noto Sans KR', sans-serif;*/}
.sh-page .sh-top .not {border-bottom: 1px solid #d7d6d6; padding-bottom: 10px;}
.sh-page .sh-top img {margin-right: 5px;}
.sh-page .sh-top .relaSearch {font-size: 13px; background: #f3f3f3; padding: 12px; margin-top: 20px;}
.sh-page .sh-top .relaSearch a {display: inline-block; margin-right: 10px;}
.sh-page .sh-itemWrap {margin-top: 30px;}
.sh-page .sh-itemWrap > .title {margin-bottom: 10px; margin-top: -30px;}
.sh-page .sh-itemWrap > .title .point {color: #07a47c;}
.sh-page .mainTabMenu1 ul.menuList li {width: 16.5%;}
.sh-page .mainTabMenu1 ul.menuList li:first-child {width: 17.5%;}
.sh-page .mainTabMenu1 ul.menuList li a {font-size: 0.750em;}
.sh-page .mainTabMenu1 ul.menuList li a span {letter-spacing: -1px; font-size: 11px;}
.sh-page .list-item .more {position: absolute; top: -3px; right: 0; z-index: 2;}
/* --------------------------------------------------------- //통합검색  ------------------------------------------------------------------ */


/* --------------------------------------------------------- 임시추가  ------------------------------------------------------------------ */
/*.price-wrap {padding: 8px; font-size: 13px;}
.price-wrap .text, .price-wrap .price {display: inline-block;}
.price-wrap .text {width: 40%; text-align: right;}
.price-wrap .price {width: 40%; text-align: right;}
.price-wrap .total {border-top: 1px solid #e1e3e4; margin-top: 5px; padding-top: 5px;}*/
/* --------------------------------------------------------- //임시추가  ------------------------------------------------------------------ */


/* --------------------------------------------------------- 이용약관  ------------------------------------------------------------------ */
/* common */
.rules-wrap .Fasten {
    /*border: 1px solid #EDEBEB; padding: 20px 30px; width: 920px;*/
}
.rules-wrap article {border: 1px solid #EDEBEB; padding: 20px 30px;}
.rules-wrap .main-title {margin: 20px 0; text-align: center;}
.comm-rule dt {font-weight: 700; margin-top: 20px; font-size: 15px; line-height: 20px;}
.comm-rule dt:first-child {margin-top: 0;}
.comm-rule dd {font-size: 13px; white-space: pre-line; line-height: 20px; /*margin-top: -10px;*/}

/* 회원가입 > 이용약관 */
.sign-up2 .comm-rule dt {margin-top: 15px; font-size: 14px;}
.sign-up2 .comm-rule dt:first-child {margin-top: 0;}
.sign-up2 .comm-rule dd {font-size: 13px; /*margin-top: -15px;*/}
.sign-up2 .comm-rule table {font-size: 12px;}
.sign-up2 .comm-rule table th {padding: 5px !important;}
.sign-up2 .comm-rule table td {padding: 5px !important;}
.subContents .sign-up2 .member-ctWrap table.commRow .comm-rule th {font-size: 12px;}

/* 입접신청서 > 약관 */
td.memo .comm-rule dt {margin-top: 20px; font-size: 13px;}
td.memo .comm-rule dt:first-child {margin-top: 0;}
td.memo .comm-rule dd {font-size: 12px; margin-top: -5px;}
td.memo .comm-rule table {font-size: 12px;}
td.memo .comm-rule table th {padding: 5px !important;}
td.memo .comm-rule table td {padding: 5px !important;}

/* 필요서류 > 약관 */
.commBoard-doc-wrap .licensee th {border-width:1px 0;}
.licensee td {white-space: pre-line;}
.licensee td:last-child { border-left:1px solid #dcdcdc;}
dl.side-memo {padding:3px;}
dl.side-memo h3 {margin-top:9px; background-color:#f4f4f4; padding:7px 11px; border-top:2px solid #414141; border-bottom:1px solid #dcdcdc; }
dl.side-memo > dt {
    font-weight:700; font-size:14px; margin:9px 0 0 11px; color:#3a3b3b; padding-left:12px;
    background:url("../../images/web/icon/arrow1.gif") no-repeat left center; background-size:6px;}
dl.side-memo > dd {padding:3px 0 1px 23px;}
dl.side-memo > dt > span {font-size:12px; color:#949494;}
.memo-title {font-size:14px; font-weight:700;}
.memo-title span {font-size:13px; font-weight:500; color:#737373;}
.side-memo-rule {margin-top:12px; padding:10px; border-bottom:2px solid #414141;}
dl.side-memo .comm-rule dt {font-size: 13px; margin-bottom:8px;}
dl.side-memo .comm-rule dd {font-size: 12px; margin-top: -5px;}
.commBoard-doc-wrap .scroll-wrap .comm-rule {padding:12px; margin-top:10px; /*border:1px solid #ccc;*/ background-color:#f6f6f6;}

/* --------------------------------------------------------- //이용약관  ------------------------------------------------------------------ */



/* --------------------------------------------------------- map service (지역별 상품보기)  ------------------------------------------------------------------ */
.map-service .map-wrap {background: #fff; border: 1px solid #d9d8d8;}
/*.map-service .map-wrap .map-check {border-bottom: 1px solid #d9d8d8; padding: 10px 20px;}*/
/*.map-service .map-wrap .map-check label {display: inline-block; margin-left: 45px;}*/
.map-service .map-wrap .map-check label:first-child {margin-left: 0;}
.map-service .map-wrap .map-check label span {display: inline-block; vertical-align: middle; margin-left: 4px; cursor: pointer;}
.map-service .map-wrap .map-check select.option {display: inline-block; min-width: 110px; height: 22px; line-height: normal; padding: 0; border: 1px solid #f1f1f1;}

.map-service .map-wrap .map-box {height: 430px; position: relative; overflow: hidden;}
.map-service .map-wrap .map-box img.test-map {width: 100%; position: absolute; left: 0; top: 0; z-index: 0;}
.map-service .map-wrap .map-box .point {position: absolute;}
.map-service .map-wrap .map-box .point img.icon {position: absolute;}

.map-service .point-layer {
    position: absolute; bottom: 48px; left: -135px; z-index: 99;
    background: #fff; border: 1px solid #fe434c; padding-bottom: 10px; text-align: center;
    width: 260px; /* height: 125px; */ height: auto; box-shadow: 1px 2px 2px #888888;
}

.map-service .point-layer dt {font-size: 14px; font-weight: 700; background: #f5f6f7; padding: 8px 40px; min-width: 120px; min-height: 18px; border-bottom: 1px solid #c8c9cc; white-space: nowrap;}
.map-service .point-layer dd { font-size: 12px; margin-top: 10px; padding: 0 10px; height: 32px; display: table; width: 93%; width: calc(100% - 20px); table-layout: fixed;}
/*.map-service .point-layer dd span {display: inline-block; vertical-align: middle;}*/
.map-service .point-layer dd span.icon,
.map-service .point-layer dd span.addr {display: table-cell; vertical-align: top; text-align: left;}
.map-service .point-layer dd span.icon {width: 10px;}
.map-service .point-layer dd span.addr {padding-left: 5px; line-height: 16px;}
.map-service .point-layer dd .text img {display: inline-block; position: relative; top: -1px; margin-right: 4px;}
.map-service .point-layer dd .call {margin-left: 5px;}
.map-service .point-layer .btn {margin-top: 12px; text-align: center;}
.map-service .point-layer .btn a {
    display: inline-block; color: #fff; font-size: 14px; font-weight: 700; text-align: center;
    background: url("../../images/web/icon/map_product.png") no-repeat 8px center #747474; padding: 8px; padding-left: 30px;
}
.map-service .point-layer .close {position: absolute; right: 3px; top: 6px; z-index: 9;}
.map-service .point-layer .close img {display: block;}

.map-service .point-layer.hotel dt {background: #ffe3e5; border-bottom: 1px solid #b00019;}
.map-service .point-layer.hotel::after  {
    content: ""; position: absolute; bottom: -18px; left: 50%; left: calc(50% - 4px);
    width: 0px; height: 0px;
    border-top: 10px solid #fe434c;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid  transparent;
}

.map-service .point-layer.tour {border: 1px solid #fcb305;}
.map-service .point-layer.tour dt {background: #ffeee1; border-bottom: 1px solid #fc7905;}
.map-service .point-layer.tour::after  {
    content: ""; position: absolute; bottom: -18px; left: 50%; left: calc(50% - 4px);
    width: 0px; height: 0px;
    border-top: 10px solid #fcb305;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid  transparent;
}

.map-service .point-layer.leisure {border: 1px solid #179aff;}
.map-service .point-layer.leisure dt {background: #e3f4ff; border-bottom: 1px solid #175eff;}
.map-service .point-layer.leisure::after  {
    content: ""; position: absolute; bottom: -18px; left: 50%; left: calc(50% - 4px);
    width: 0px; height: 0px;
    border-top: 10px solid #179aff;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid  transparent;
}

.map-service .point-layer.food {border: 1px solid #b359ff;}
.map-service .point-layer.food dt {background: #ead7f8; border-bottom: 1px solid #7100d0;}
.map-service .point-layer.food::after  {
    content: ""; position: absolute; bottom: -18px; left: 50%; left: calc(50% - 4px);
    width: 0px; height: 0px;
    border-top: 10px solid #b359ff;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid  transparent;
}

.map-service .point-layer.beauty {border: 1px solid #96f443;}
.map-service .point-layer.beauty dt {background: #e8ffe5; border-bottom: 1px solid #35d210;}
.map-service .point-layer.beauty::after  {
    content: ""; position: absolute; bottom: -18px; left: 50%; left: calc(50% - 4px);
    width: 0px; height: 0px;
    border-top: 10px solid #96f443;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
    border-left: 8px solid  transparent;
}

.map-service .product-wrap ul.product-list li {width: 100%;}

.map-service .product-wrap {margin-top: 30px;}
.map-service .product-wrap ul.product-list li .cell1 .photo {width: 222px; height: 146px;}
.map-service .product-wrap ul.product-list li .cell3 {width: 220px; padding: 0 30px; text-align: left;}
.map-service .product-wrap ul.product-list li .cell3 .product {font-size: 11px; color: #888; line-height: 16px;}
.map-service .product-wrap ul.product-list li .cell3 .product * {color: #888;}

/*.map-service .map-box #map * {white-space: normal !important;}*/
/* --------------------------------------------------------- //map service (지역별 상품보기)  ------------------------------------------------------------------ */



/* --------------------------------------------------------- md pick  ------------------------------------------------------------------ */
/* map */
.md-map {}
.md-map .map {width: 100%; height: 328px;}
.md-map .map img {width: 100%; height: 328px;}

.md-map .map-info {background: #f8f8f8; padding: 15px 20px;}
.md-map .map-info .title {font-size: 14px; font-weight: bold; color: #444444;}
.md-map .map-info .memo {font-size: 13px; color: #aaaaaa; margin-top: 5px;}


/* gallery */
.md-view .detail {margin-top: 50px;}
.md-view .detail .nt {position: absolute; z-index: 2; overflow: hidden;}
.md-view .detail .nt img {float: left;}
.md-view .detail .ntTopL {top: 50px; left: 0;}

.subContents .md-view .detail .detailL {width: 400px; padding-top: 50px;}
.subContents .md-view .detail .detailR .itemInfo > li {padding: 5px 5px 5px 10px; background-position: left top 15px;}
.subContents .md-view .detail .detailR .itemInfo > li.subItem {background-position: left top 0px;}
.subContents .md-view .detail .detailR .pdWrap {padding: 10px 0 0 40px;}

.md-view .custom-container {width: 400px;}
.md-view .custom-container .mid {height: 266px;}

.md-view .gallery-view1 .icon-imInfo {top: 196px;}

.md-view .product-btn {text-align: center; margin: 30px 0 20px;}
.md-view .product-btn a {
    display: inline-block; background: #747474; color: #fff;
    font-size: 14px; line-height: 30px; padding: 0 15px;
}


/* 상품바로가기 */
.md-view .product-wrap ul.product-list li {width: 100%;}
/* --------------------------------------------------------- //md pick  ------------------------------------------------------------------ */



/* --------------------------------------------------------- weather  ------------------------------------------------------------------ */
/* weather map */
.weather-map {
    height: 475px; position: relative;
    background: url("../../images/web/weather/map.jpg") no-repeat left top;
}
.weather-map ul li {position: absolute;}
.weather-map ul li.gosan {top: 266px; left: 115px;}
.weather-map ul li.jejusi {top: 60px; left: 436px;}
.weather-map ul li.sunsang {top: 80px; right: 165px;}
.weather-map ul li.seogwipo {top: 310px; left: 450px;}

.weather-map ul li:hover .detail {display: block !important;}

.weather-map ul li span {display: inline-block; cursor: pointer;}

.weather-map ul li .detail {
    position: absolute; z-index: 3;
    background: url("../../images/web/weather/detail_bg1.png") no-repeat left top;
    width: 280px; height: 193px; overflow: hidden; display: none;
}
.weather-map ul li.gosan .detail {top: -200px; left: -100px;}
.weather-map ul li.jejusi .detail {
    top: -50px; left: 60px;
    background: url("../../images/web/weather/detail_bg2.png") no-repeat left top;
    width: 292px; height: 180px;
}
.weather-map ul li.sunsang .detail {
    top: -48px; right: 62px;
    background: url("../../images/web/weather/detail_bg3.png") no-repeat left top;
    width: 292px; height: 180px;
}
.weather-map ul li.seogwipo .detail {top: -200px; left: -100px;}

.weather-map ul li .detail .time {
    color: #fff; text-align: center; white-space: nowrap;
    font-size: 16px; line-height: 35px; font-weight: bold;
}

.weather-map ul li .detail .info-wrap {display: table; width: 100%; height: 140px; table-layout: fixed;}
.weather-map ul li .detail .info-wrap .l-area,
.weather-map ul li .detail .info-wrap .r-area {display: table-cell; vertical-align: middle;}

.weather-map ul li .detail .info-wrap .l-area {width: 100px; text-align: center;}
.weather-map ul li.jejusi .detail .info-wrap .l-area {padding-left: 12px;}

.weather-map ul li .detail .info-wrap .temp {font-size: 40px; font-weight: 800; color: #fe434c;}
.weather-map ul li .detail .info-wrap .temp span {font-size: 40px; font-weight: 800; color: #fe434c;}

.weather-map ul li .detail .info-wrap dl {font-size: 12px; line-height: 22px;}
.weather-map ul li .detail .info-wrap dl dt,
.weather-map ul li .detail .info-wrap dl dd {display: inline-block; vertical-align: middle; text-align: left;}

.weather-map ul li .detail .info-wrap dl dt {font-weight: bold; color: #000000;}


/* weather contents */
.weather-content {margin-top: 30px;}

.weather-content .title1 {font-size: 24px; font-weight: bold; color: #344f59; margin-bottom: 10px;}

.weather-content table td img {height: 50px;}
/* --------------------------------------------------------- //weather  ------------------------------------------------------------------ */



/* --------------------------------------------------------- 제주특산/기념품  ------------------------------------------------------------------ */
/* 목록 */
.specialty-wrap {overflow: hidden;}
.specialty-wrap > div {float: left; background: #fff; height: 459px;}
.specialty-wrap .menu {width: 150px;}
.specialty-wrap .ct-slider {width: 640px;}
.specialty-wrap .hot-item {width: 132px; padding: 0 29px;}


/* 목록 > menu */
.specialty-wrap .menu .title-wrap {text-align: center; padding-top: 10px;}
.specialty-wrap .menu .title {font-size: 22px; line-height: 24px; color: #333333; margin-top: 10px;}

.specialty-wrap .menu {position: relative;}
.specialty-wrap .menu nav {margin-top: 15px;}
/* 리스트별 아이콘
.specialty-wrap .menu nav > ul > li {background: url("../../images/web/specialty/menu_all_off.png") no-repeat left 15px center; padding-left: 55px;}
.specialty-wrap .menu nav > ul > li:hover {background-image: url("../../images/web/specialty/menu_all_on.png");}
.specialty-wrap .menu nav > ul > li:hover a {color: #ff7e84;}
.specialty-wrap .menu nav > ul > li.ga:hover > a::after,
.specialty-wrap .menu nav > ul > li.beau:hover > a::after {content: "▶"; font-size: 9px; position: absolute; top: 18px; right: 8px; z-index: 2;}
.specialty-wrap .menu nav > ul > li:hover ul.depth2 {display: block;}
.specialty-wrap .menu nav > ul > li.nong {background-image: url("../../images/web/specialty/menu_nong_off.png");}
.specialty-wrap .menu nav > ul > li.nong:hover {background-image: url("../../images/web/specialty/menu_nong_on.png");}
.specialty-wrap .menu nav > ul > li.soo {background-image: url("../../images/web/specialty/menu_soo_off.png");}
.specialty-wrap .menu nav > ul > li.soo:hover {background-image: url("../../images/web/specialty/menu_soo_on.png");}
.specialty-wrap .menu nav > ul > li.chook {background-image: url("../../images/web/specialty/menu_chook_off.png");}
.specialty-wrap .menu nav > ul > li.chook:hover {background-image: url("../../images/web/specialty/menu_chook_on.png");}
.specialty-wrap .menu nav > ul > li.ga {background-image: url("../../images/web/specialty/menu_ga_off.png");}
.specialty-wrap .menu nav > ul > li.ga:hover {background-image: url("../../images/web/specialty/menu_ga_on.png");}
.specialty-wrap .menu nav > ul > li.ga ul.depth2 {background-image: url("../../images/web/specialty/ga_bg.jpg");}
.specialty-wrap .menu nav > ul > li.beau {background-image: url("../../images/web/specialty/menu_view_off.png");}
.specialty-wrap .menu nav > ul > li.beau:hover {background-image: url("../../images/web/specialty/menu_view_on.png");}
.specialty-wrap .menu nav > ul > li.beau ul.depth2 {background-image: url("../../images/web/specialty/view_bg.jpg");}
.specialty-wrap .menu nav > ul > li.gwan {background-image: url("../../images/web/specialty/menu_gwan_off.png");}
.specialty-wrap .menu nav > ul > li.gwan:hover {background-image: url("../../images/web/specialty/menu_gwan_on.png");}
.specialty-wrap .menu nav > ul > li > a {display: block; font-size: 16px; font-weight: bold; color: #666666; padding: 14px 0; position: relative;}
*/
.specialty-wrap .menu nav > ul > li {background: url("../../images/web/specialty/list-disc.png") no-repeat left 25px center; padding-left: 40px;}
.specialty-wrap .menu nav > ul > li:hover {background-image: url("../../images/web/specialty/list-disc_active.png");}
.specialty-wrap .menu nav > ul > li:hover a {color: #ff7e84;}
.specialty-wrap .menu nav > ul > li:hover ul.depth2 {display: block;}

.specialty-wrap .menu nav > ul > li:hover > a::after,
.specialty-wrap .menu nav > ul > li:hover > a::after {content: "▶"; font-size: 9px; position: absolute; top: 11px; right: 8px; z-index: 2;}
.specialty-wrap .menu nav > ul > li:first-child:hover > a::after,
.specialty-wrap .menu nav > ul > li:first-child:hover > a::after {content: "";}

.specialty-wrap .menu nav > ul > li > a {display: block; font-size: 15px; line-height: 20px; font-weight: bold; color: #666666; padding: 11px 0; position: relative;}
.specialty-wrap .menu nav > ul > li.select {background-image: url("../../images/web/specialty/list-disc_active.png");}
.specialty-wrap .menu nav > ul > li.select a {color: #ff7e84;}

/*
.specialty-wrap .menu nav ul.depth2 {
	position: absolute; width: 198px; height: 457px; top: 0; right: -200px; z-index: 9;
	background-color: #fff; background-repeat: no-repeat; background-position: center top;
	border: 1px solid #ff7e84; display: none;
}
.specialty-wrap .menu nav ul.depth2 li {background: url("../../images/web/specialty/list_depth2.png") no-repeat left 20px center; padding-left: 40px;}
.specialty-wrap .menu nav ul.depth2 li:first-child {margin-top: 150px;}
.specialty-wrap .menu nav ul.depth2 li a {display: block; font-size: 14px; font-weight: bold; color: #333333; padding: 12px 0;}
.specialty-wrap .menu nav ul.depth2 li a:hover {text-decoration: underline;}
*/

.specialty-wrap .menu nav ul.depth2 {
    position: absolute; width: 198px; height: 457px; top: 0; right: -200px; z-index: 9;
    background-color: #fff; background-repeat: no-repeat; background-position: center top;
    border: 1px solid #ff7e84; display: none;
}
.specialty-wrap .menu nav ul.depth2 li {background: url("../../images/web/specialty/list_depth2.png") no-repeat left 20px center; padding-left: 40px;}
.specialty-wrap .menu nav ul.depth2 li:first-child {margin-top: 154px;}

.specialty-wrap .menu nav > ul > li:nth-child(3) > ul.depth2 li:first-child {margin-top: 196px;}
.specialty-wrap .menu nav > ul > li:nth-child(4) > ul.depth2 li:first-child {margin-top: 238px;}
.specialty-wrap .menu nav > ul > li:nth-child(5) > ul.depth2 li:first-child {margin-top: 117px;}
.specialty-wrap .menu nav > ul > li:nth-child(6) > ul.depth2 li:first-child {margin-top: 117px;}
.specialty-wrap .menu nav > ul > li:nth-child(7) > ul.depth2 li:first-child {margin-top: 364px;}
.specialty-wrap .menu nav > ul > li:nth-child(8) > ul.depth2 li:first-child {margin-top: 406px;}

.specialty-wrap .menu nav ul.depth2 li a {display: block; font-size: 14px; font-weight: bold; color: #333333; padding: 12px 0;}
.specialty-wrap .menu nav ul.depth2 li a:hover {text-decoration: underline;}
.specialty-wrap .menu nav ul.depth2 li.select a {color: #ff7e84;}


/* 목록 > product slider */
.specialty-wrap .ct-slider {overflow: hidden; position: relative;}
.specialty-wrap .ct-slider ul {width: 10000px;}
.specialty-wrap .ct-slider ul li {float: left; width: 640px; height: 460px;}
.specialty-wrap .ct-slider ul li img {width: 100%; height: 100%;}
.specialty-wrap .ct-slider ul li a {display: block;}

.specialty-wrap .ct-slider .slider-btn {position: absolute; width: 100%; top: 50%; top: calc(50% - 25px); left: 0; z-index: 8; display: none;}
.specialty-wrap .ct-slider .slider-btn button {border: none; position: absolute;}
.specialty-wrap .ct-slider .slider-btn button.prev {left: 0;}
.specialty-wrap .ct-slider .slider-btn button.next {right: 0;}

.specialty-wrap .ct-slider .slider-nav {position: absolute; width: 100%; position: absolute; bottom: 10px; z-index: 8; text-align: center;}
.specialty-wrap .ct-slider .slider-nav a {
    text-indent: -9999px; margin: 0 2px;
    display: inline-block; width: 9px; height: 9px; border-radius: 9px; background: #646161;
}
.specialty-wrap .ct-slider .slider-nav a.select {background: #fe434c;}


/* 목록 > Hot item */
.specialty-wrap .hot-item {position: relative;}
.specialty-wrap .hot-item .itemWrap {/* height: 383px; overflow: hidden; */}
.specialty-wrap .hot-item .item {width: 132px; height: 200px; position: relative; overflow: hidden;}
.specialty-wrap .hot-item .item:first-child {padding-top: 0;}
.specialty-wrap .hot-item .item a {display: block;}

.specialty-wrap .hot-item .item a:hover .photo::after {
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 88px; background: #353030; opacity: .5; z-index: 8;
}
.specialty-wrap .hot-item .item .nt {position: absolute; z-index: 2; overflow: hidden;}
.specialty-wrap .hot-item .item .nt img {float: left;}
.specialty-wrap .hot-item .item .ntTopL {top: 0; left: 0;}
.specialty-wrap .hot-item .item .ntTopR {top: 0; right: 0;}
.specialty-wrap .hot-item .item .ntBottomR {bottom: 10px; right: 10px;}
.specialty-wrap .hot-item .item .ntReservation {right: 0; bottom: 0; background: #fe434c; color: #fff; font-size: 12px; padding: 2px 4px;}
.specialty-wrap .hot-item .item .ntDisabled {right: 0; bottom: 0; background: #444444; color: #fff; font-size: 12px; padding: 2px 4px;}

.specialty-wrap .hot-item .item .photo {width: 130px; height: 86px; overflow: hidden; border: 1px solid #d3d2d2; position: relative;}
.specialty-wrap .hot-item .item .photo img.icon {position: absolute; left: 10px; top: 10px;}
.specialty-wrap .hot-item .item .photo img.img {width: 100%;}

.specialty-wrap .hot-item .item .textWrap {margin-top: 10px;}
.specialty-wrap .hot-item .item .textWrap > .title {font-size: 0.875em; color: #312e2e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.specialty-wrap .hot-item .item .textWrap .subTitle {
    font-size: 0.750em; color: #312e2e; margin-top: 5px; height: 14px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.specialty-wrap .hot-item .item .textWrap .info {position: relative; margin-top: 10px;}
.specialty-wrap .hot-item .item .textWrap .info .saleWrap {height: 36px;}
.specialty-wrap .hot-item .item .textWrap .info .saleWrap p {display: inline-block; position: relative;}
.specialty-wrap .hot-item .item .textWrap .info .saleWrap p.sale {
    font-family: 'Noto Sans KR', sans-serif; font-weight: 700;
    margin-right: 10px; font-size: 24px; color: #fe434c;
}
.specialty-wrap .hot-item .item .textWrap .info .saleWrap p.sale .t_price {font-size: 16px;}
.specialty-wrap .hot-item .item .textWrap .info .saleWrap p.won {position: absolute; bottom: 3px; right: 0; z-index: 2;}
.specialty-wrap .hot-item .item .textWrap .info .saleWrap p.won span.won1 {
    position: absolute; top: -12px; right: 0; font-size: 12px; color: #a8a0a5; text-decoration: line-through;
}
.specialty-wrap .hot-item .item .textWrap .info .saleWrap p.won span.won2 {color: #33353d; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.specialty-wrap .hot-item .item .textWrap .info .saleWrap p.date {font-size: 12px;}
.specialty-wrap .hot-item .item .textWrap .info .comment {position: absolute; right: 0; bottom: 7px; display: none;}
.specialty-wrap .hot-item .item .textWrap .info .comment p {font-size: 0.750em; color: #666666;}
.specialty-wrap .hot-item .item .textWrap .info .comment p.like > span {display: inline-block; vertical-align: middle;}
.specialty-wrap .hot-item .item .textWrap .info .comment p.like span img {display: inline-block;}
.specialty-wrap .hot-item .item .textWrap .product {position: absolute; width: 90%; bottom: 6px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none;}
.specialty-wrap .hot-item .item .textWrap .product * {color: #888;}

.specialty-wrap .hot-item .slider-btn {
    position: absolute; left: 0; bottom: 0; z-index: 2;
    width: 100%; height: 32px; padding-top: 8px; background: #fff;
    margin-top: -15px; text-align: center; display: none;
}



/* 이벤트 상세 */
.event-product .product-wrap ul.product-list li {width: 100%;}


/* 이벤트 상세 > 특산품 상품목록 */
.list-item .itemWrap {width: 1020px; display: inline-block; margin-bottom: 30px;}
.list-item .item {width: 232px; border: 1px solid #d3d2d2; float: left; margin-right: 15px; margin-bottom: 15px; position: relative;}
.list-item .item.off {display : none;}
.list-item .item a {display: block;}
.list-item .item a:hover {outline: 3px solid #f75f4d;}
.list-item .item a:hover::after {
    content: ""; position: absolute; top: 0; left: 0;
    width: 100%; height: 353px;
    background: #353030; opacity: .5; z-index: 8;
}
.list-item .item .nt {position: absolute; z-index: 2; overflow: hidden;}
.list-item .item .nt img {display: inline-block; vertical-align: middle;}
.list-item .item .ntTopL {top: 10px; /*left: 0;*/ right: 10px;}
.list-item .item .ntTopR {top: 0; right: 0;}
.list-item .item .ntBottomR {bottom: 10px; right: 10px;}
.list-item .item .ntReservation {right: 0; bottom: 0; background: #fe434c; color: #fff; font-size: 12px; padding: 2px 4px;}
.list-item .item .ntDisabled {right: 0; bottom: 0; background: #444444; color: #fff; font-size: 12px; padding: 2px 4px;}
/* JQ인증상품, 공모전수상작 */
.list-item .item .ntBottomL {bottom: 10px; left: 10px;}
.list-item .item .ntBottomL img {display: inline-block; vertical-align: middle; width: 50px; margin-right: 4px;}

/*.list-item .item .photo {height: 155px; overflow: hidden; border-bottom: 1px solid #d3d2d2; position: relative;}*/
.list-item .item .photo {
    height: 232px; overflow: hidden;
    border-bottom: 1px solid #d3d2d2; position: relative;
}
.list-item .item .photo img.icon {position: absolute; left: 10px; top: 10px;}
.list-item .item .photo img.img {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    max-width: 100%; max-height: 100%; display: block;
    margin: auto;
}
.list-item .item .photo .bottom-info {
    position: absolute; width: 100%; bottom: 0; font-size: 12px; overflow: hidden;
    background: rgba(51, 51, 51, 0.85);
}
.list-item .item .photo .bottom-info .info {float: left; color: #fa6e0e; line-height: 30px; font-weight: 700; padding-left: 8px;}
.list-item .item .photo .bottom-info .date {float: right; color: #fff; line-height: 30px; padding-right: 8px;}

.list-item .item .textWrap {padding: 15px; height: 90px;}
.list-item .item .textWrap > .title {font-size: 0.875em; color: #312e2e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-item .item .textWrap .subTitle {
    font-size: 0.750em; color: #312e2e; margin: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    height: 14px;
}
.list-item .item .textWrap .info {position: relative; margin-top: 10px;}
.list-item .item .textWrap .info li.saleWrap {height: 45px;}
.list-item .item .textWrap .info li.saleWrap p {display: inline-block; position: relative;}
.list-item .item .textWrap .info li.saleWrap p.sale {
    font-size: 1.875em; color: #fe434c; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; margin-right: 8px;
}
.list-item .item .textWrap .info li.saleWrap p.sale .t_price {font-size: 16px;}
.list-item .item .textWrap .info li.saleWrap p.won span.won1 {
    position: absolute; top: -10px; font-size: 0.750em; color: #a8a0a5; text-decoration: line-through;
}
.list-item .item .textWrap .info li.saleWrap p.won span.won2 {color: #33353d; font-size: 1.125em; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;}
.list-item .item .textWrap .info li.saleWrap p.date {font-size: 12px;}

.list-item .item .textWrap .info li.comment {position: absolute; right: 0; bottom: 7px;}
.list-item .item .textWrap .info li.comment p {font-size: 0.750em; color: #666666;}
.list-item .item .textWrap .info li.comment p.like > span {display: inline-block; vertical-align: middle;}
.list-item .item .textWrap .info li.comment p.like span img {display: inline-block;}
.list-item .item .textWrap .product {position: absolute; width: 90%; bottom: 6px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-item .item .textWrap .product * {color: #888;}

.sh-page .list-item .item .textWrap > .title {margin-top: 5px;}
.sh-page .list-item .item .textWrap .subTitle {height: auto; margin: 0;}


/* 유투브 영상 */
.video-area {margin: 10px 0;}


/* 상세 > 프로모션 */
.promotion-detail {border: 1px solid #e1e3e4; margin-bottom: 70px;}
.promotion-detail .photo {text-align: center;}
.promotion-detail .photo img {max-width: 100%;}
.promotion-detail .text-area {padding: 50px 50px;}
.promotion-detail .text-area .title {font-size: 30px; color: #f0524c; text-align: center; margin-bottom: 40px;}
.promotion-detail .text-area ul li {font-size: 16px; line-height: 24px; margin-top: 10px;}
.promotion-detail .text-area ul li:first-child {margin-top: 0;}
/* --------------------------------------------------------- //제주특산/기념품  ------------------------------------------------------------------ */



/* --------------------------------------------------------- 키워드 광고  ------------------------------------------------------------------ */
.keyword-result .sh-top {margin: 0 0 30px;}
.keyword-result .list-item .itemWrap {margin: 30px 0 0;}
.keyword-result .list-item .itemWrap:first-child {margin-top: 0;}
.keyword-result .listTitle1 {margin-top: 0 !important;}
/* --------------------------------------------------------- //키워드 광고  ------------------------------------------------------------------ */



/* --------------------------------------------------------- 회사소개  ------------------------------------------------------------------ */
/* 회사소개 */
.rContents .introduction {}
.rContents .introduction img {width: 100%;}



/* 홍보영상 */
ul.video-list {overflow: hidden;}
ul.video-list li {float: left; position: relative; margin: 30px 30px 0 0; border: 1px solid #dcdcdc; width: 238px;}
ul.video-list li:nth-child(3n+0) {margin-right: 0;}
ul.video-list li:nth-child(1),
ul.video-list li:nth-child(2),
ul.video-list li:nth-child(3) {margin-top: 0;}
ul.video-list li a {display: block;}

ul.video-list li .photo {height: 134px; background: #f2f2f2;}
ul.video-list li .photo img {width: 100%; height: 100%;}

ul.video-list li .text-wrap {background: #fff; padding: 20px 10px 16px;}
ul.video-list li .text-wrap .title {font-size: 14px; font-weight: bold; color: #2e2c2c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.video-list li .text-wrap .memo {
    font-size: 14px; color: #2e2c2c; margin-top: 10px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* --------------------------------------------------------- //회사소개  ------------------------------------------------------------------ */



/* --------------------------------------------------------- 예약하기  ------------------------------------------------------------------ */
.event-code {position: relative;}
.event-code .disabled {cursor: not-allowed;}

.event-code .code-content {
    width: 350px; padding: 22px 22px 30px;
    position: absolute; bottom: 45px; left: 0px; font-size: 12px;
    background: #fff; border: 1px solid #fe434c; z-index: 101; display: none;
}
.event-code .code-content img.bubble {position: absolute; bottom: -7px; left: 20px;}

.event-code .code-content .input-box {text-align: center;}
/* --------------------------------------------------------- //예약하기  ------------------------------------------------------------------ */



/* --------------------------------------------------------- 소셜 상세  ------------------------------------------------------------------ */
/* 소셜 기본폼 */
.product-detailInfo {background: #2e4b55; padding: 15px; max-width: 700px; margin: 0 auto; box-sizing: border-box;}
.product-detailInfo .item-area {margin-top: 30px;}
.product-detailInfo .item-area:first-child {margin-top: 0;}
.product-detailInfo .product-title {font-size: 26px; margin: 10px 0 10px;}
.product-detailInfo .product-title strong {color: #fff;}
.product-detailInfo .item {margin-top: 15px; background: #fff; border: 1px solid #e1e3e4; padding: 30px;}
.product-detailInfo .item:first-child {margin-top: 0;}
.product-detailInfo .type-area {display: table; width: 100%; box-sizing: border-box;}
.product-detailInfo .type-area .title-area,
.product-detailInfo .type-area .text-area {display: table-cell; vertical-align: top;}
.product-detailInfo .type-area .title-area {width: 90px;}
.product-detailInfo .type-area .title-area strong {display: block; font-size: 24px; color: #fe434c;}
.product-detailInfo .type-area .text-area {padding-left: 10px;}
.product-detailInfo .type-area .text-area .title {display: block; font-size: 24px; color: #333; margin-bottom: 25px;}
.product-detailInfo .type-area .text-area ul li {display: table; width: 100%; border-bottom: 1px solid #e1e3e4;}
.product-detailInfo .type-area .text-area ul li:first-child {border-top: 1px solid #e1e3e4;}
.product-detailInfo .type-area .text-area ul li .names,
.product-detailInfo .type-area .text-area ul li .price {display: table-cell; vertical-align: middle; padding: 10px 6px;}
.product-detailInfo .type-area .text-area ul li .names {font-size: 16px; font-weight: bold; color: #444444;}
.product-detailInfo .type-area .text-area ul li .price {width: 300px; text-align: right; font-size: 24px; font-weight: bold; color: #333;}
.product-detailInfo .type-area .text-area ul li .price small {font-size: 16px;}
.product-detailInfo .type-area .text-area ul li .price > div {display: inline-block; vertical-align: middle;}
.product-detailInfo .type-area .text-area ul li .price .cost {font-size: 14px; font-weight: normal; color: #5f5f60; margin-right: 10px;}
.product-detailInfo .type-area .text-area .memo {font-size: 14px; line-height: 20px; color: #5f5f60; margin-top: 15px;}
.product-detailInfo .info-area .title,
.product-detailInfo .price-area .title {
    font-size: 30px; color: #333333; text-align: center;
}
.product-detailInfo .info-area .title::after,
.product-detailInfo .price-area .title::after {
    content: ""; display: block; width: 220px; height: 1px; background: #cccccc; margin: 15px auto 0;
}
.product-detailInfo .info-area .table-area,
.product-detailInfo .price-area .table-area {
    margin-top: 40px;
}
.product-detailInfo .price-area .price strong {font-size: 17px;}
.product-detailInfo .price-area .cost small,
.product-detailInfo .price-area .price small {
    font-size: 12px;
}
/* --------------------------------------------------------- //소셜 상세  ------------------------------------------------------------------ */



/* --------------------------------------------------------- 상세 > 이용후기 갤러리  ------------------------------------------------------------------ */
.review-gallery-area {background: #f2f2f2; border: 1px solid #e1e3e4; margin-bottom: 10px;}
.review-gallery-area .photo-area {width: 490px; margin: 0 auto; overflow: hidden; position: relative;}
.review-gallery-area .photo-area .mid {height: 326px; overflow: hidden; position: relative;}
.review-gallery-area .photo-area .mid > img {width: 100%; height: 100%;}
.review-gallery-area .photo-area .carousel {padding: 5px 0; min-width: 490px !important; border-top: 1px solid #e1e3e4;}
.review-gallery-area .photo-area .carousel ul {overflow: hidden; width: 5000px;}
.review-gallery-area .photo-area .carousel ul li,
.review-gallery-area .photo-area .carousel ul li img {width: 94px; height: 63px;}
.review-gallery-area .photo-area .carousel ul li.select img {border: 4px solid #FE434C; width: 86px; height: 55px;}
.review-gallery-area .photo-area .carousel ul li {float: left; margin-right: 5px; cursor: pointer; opacity: 0.6; filter:Alpha(opacity=60);}
.review-gallery-area .photo-area .carousel ul li.select {opacity: 1; filter:Alpha(opacity=100);}
.review-gallery-area .photo-area .carousel ul li img {display: block;}
.review-gallery-area .photo-area .arrow {position: absolute; z-index: 3; width: 24px; height: 55px; bottom: 6px;}
.review-gallery-area .photo-area .prev {left: 0; background: url("../../images/web/icon/photo_prev.gif") no-repeat center;}
.review-gallery-area .photo-area .next {right: 0; background: url("../../images/web/icon/photo_next.gif") no-repeat center;}
/* --------------------------------------------------------- 상세 > 이용후기 갤러리  ------------------------------------------------------------------ */



/* ----------------------------------------------- 블로그 -------------------------------------------------------- */
/* 글쓰기 */
.blog-write .input-btn-area .int {width: calc(100% - 78px);}
.blog-write .input-btn-area .comm-btn {width: 70px;}



/* 목록 */
.blog-list-area .top-title {font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.blog-list-area .top-title span {font-size: 14px;}
.blog-list-area ul {overflow: hidden;}
.blog-list-area ul li {float: left; width: calc(33% - 10px); border: 1px solid #e1e3e4; margin: 15px 15px 0 0;}
.blog-list-area ul li:hover {border: 1px solid #fe434c;}
.blog-list-area ul li:nth-child(3n + 0) {margin-right: 0;}
.blog-list-area .photo {
    height: 200px;
    background: url("../../images/web/other/product_01.jpg") no-repeat center;
    background-size: cover;
}
.blog-list-area .photo img {width: 100%; display: block;}
.blog-list-area .text-area {padding: 20px;}
.blog-list-area .text-area .title {
    font-size: 15px; font-weight: bold; color: #333;
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 24px;
    height: 48px;
}
.blog-list-area .text-area .memo {
    font-size: 14px; color: #3f3f3f; margin-top: 10px;
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 22px;
    height: 66px;
}
.blog-list-area .text-area .info {
    display: table; width: 100%; table-layout: fixed;
    font-size: 12px; line-height: 18px; color: #3f3f3f; margin-top: 20px;
}
.blog-list-area .text-area .info .name,
.blog-list-area .text-area .info .date {
    display: table-cell; vertical-align: middle;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.blog-list-area .text-area .info .date {text-align: right; width: 92px;}
.blog-list-area .btn-wrap {text-align: right; border-top: 1px solid #e1e3e4; padding: 10px 10px 0; margin: 10px 0 10px;}
.blog-list-area .btn-wrap .comm-btn {font-size: 11px; line-height: 24px; padding: 0 6px;}
.blog-list-area .pageNumber {margin: 30px 0 10px;}
/* ----------------------------------------------- //블로그 -------------------------------------------------------- */






/* ----------------------------------------------- 3차사업 추가 -------------------------------------------------------- */
/* 검색바 */
.search-typeA {background: #bfbfbf; padding: 15px 0;}
.search-typeA.top {background: #bfbfbf; padding: 15px 0;}
.search-typeA.scrollTop {position: fixed; top: 0; left: 0; right: 0; z-index: 98;}
.search-typeA .check-area {margin-bottom: 40px;}
.search-typeA .search-area {text-align: center;}
.search-typeA .search-area.typeA {text-align: left;}
.search-typeA .search-area.typeA.rent {text-align: center;}
.search-typeA .search-area.typeA.rent.alignCenter {text-align: center;}
.search-typeA .search-area.air {text-align: left;}
.search-typeA .search-area .area {
    display: inline-block; margin-left: 13px;
    background-color: #fff;
}
.search-typeA .search-area.rent .area {
    display: inline-block; margin-left: 12px;
    background-color: #ffffff;
}
.search-typeA .search-area.rent .search {margin-left:44px}
.search-typeA .search-area .area:first-child {margin-left: 0;}
.search-typeA .search-area .area.select {
    background-image: url("../../images/web/icon/basic/select-bg.png");
    background-position: right 12px center;
    background-repeat: no-repeat;
}
.search-typeA .search-area.rent .area.select {
    background-image: none;
    background-position: right 12px center;
    background-repeat: no-repeat;
}
.search-typeA .search-area .area dl {display: inline-block; vertical-align: middle; position: relative;}
.search-typeA .search-area .area dl dt {display: none;}
.search-typeA .search-area.air .area dl dt {
    display: block;
    position: absolute; top: -24px; z-index: 2;
    font-size: 14px; line-height: 20px; color: #FFFFFF;
}
.search-typeA .search-area .area dl dd {min-width: 100px; height: 51px;}
.search-typeA .search-area .area .value-text {
    font-size: 14px; color: #ffffff;
    text-align: center; line-height: 49px;
    position: relative; z-index: 4;
}
.search-typeA .search-area .select .value-text {text-align: left;}
.search-typeA .search-area .select .value-text a {padding-left: 20px;}
.search-typeA .search-area .area .value-text a {display: block; color: #333333;}
.search-typeA .search-area .area .value-text.lock a {color: #9b9b9b !important; cursor: not-allowed;}
.search-typeA .search-area .area .value-text a:hover {color: #f0524c;}
.search-typeA .search-area .area .value-text.active,
.search-typeA .search-area .area .value-text a.active {border:1px solid #cfcfcf; border-bottom: 1px solid #fff;}
.search-typeA .search-area .area .value-text input.full {height: 50px; line-height: 50px; border: none; font-size: 15px; color: #333333; padding: 0 16px;}
.search-typeA .search-area .area .value-text input#sPrdtNm {font-size: 15px;}
.search-typeA .search-area .area .value-text .date-wrap {width: 100%;}
.search-typeA .search-area .area .value-text .date-wrap .datepicker:hover {color: #f0524c; cursor:pointer;}
.search-typeA .search-area .area .value-text .date-wrap .datepicker {
    height: 50px; border: none;
    /*font-size: 18px;*/ color: #333333;
}
.search-typeA .search-area .area .value-text .date-time-area {display: table; width: 100%;}
.search-typeA .search-area .area .value-text .date-time-area .date-container,
.search-typeA .search-area .area .value-text .date-time-area .time-area {
    display: table-cell; vertical-align: middle;
}

.search-area.air .area .value-text .date-wrap .datepicker:hover {color: #f0524c; cursor:pointer;}
.search-area.hotel .area .value-text .date-wrap .datepicker:hover {color: #f0524c; cursor:pointer;}
.search-area.rent .area .value-text .date-wrap .datepicker:hover {color: #f0524c; cursor:pointer;}
.search-area.rent .area .value-text .date-time-area .time-area select.full:hover{cursor:pointer;}
.search-area.rent .area .value-text .date-time-area .time-area select option:checked{color: #f0524c;}

.search-typeA .search-area .area .value-text .date-time-area .time-area select.full {height: 50px; border: none; /*font-size: 18px;*/ color: #333333;}
.search-typeA .search-area .area .value-text .date-time-area .time-area select.full:hover{cursor:pointer;}
.search-typeA .search-area .area .value-text .date-time-area .time-area select option:checked{color: #f0524c;}
.search-typeA .search-area .area .value-text .date-time-area .date-container {width: 133px;}
.search-typeA .search-area .area .value-text .date-wrap img.ui-datepicker-trigger {display: none;}
.search-typeA .search-area .area .change {display: inline-block; vertical-align: middle; margin: 0 4px;}
.search-typeA .search-area .area .guide {display: inline-block; vertical-align: middle; width: 1px; height: 26px; background: #9b9b9b;}
.search-typeA .search-area .search .btn {
    display: inline-block; vertical-align: middle; text-align: center;
    background: #f0524c; color: #fff; border: none;
    font-size: 19px; font-weight: bold;
    line-height: 50px; height: 50px; width: 94px;
    font-family: "NotoSans", "돋움", "Dotum", "맑은고딕", sans-serif;
}
.search-typeA .search-area .search .btn.rent {
    display: inline-block; vertical-align: middle; text-align: center;
    background: #f0524c; color: #fff; border: none;
    font-size: 19px; font-weight: bold;
    line-height: 50px; height: 50px; width: 150px;
    font-family: "NotoSans", "돋움", "Dotum", "맑은고딕", sans-serif;
}
.search-typeA .search-area .search .btn.red {background: #f0524c; color: #fff;}
.search-typeA .search-area .search .btn.dark-gray {background: #656565; color: #fff;}
.search-typeA .air .zone dl {width: 118px;}
.search-typeA .air .date dl {width: 130px;}
.search-typeA .air .count dl {width: 264px;}
.search-typeA .hotel .date dl {width: 130px;}
.search-typeA .hotel .zone dl {width: 176px;}
.search-typeA .hotel .count dl {width: 266px;}
.search-typeA .rent .date dl {width: 220px;}
.search-typeA .rent .date.typeA dl {width: 235px;}
.search-typeA .rent .type dl {width: 120px;}
.search-typeA .rent .type dl.type1 {width: 110px;}
.search-typeA .rent .type dl.type2 {width: 128px;}
.search-typeA .rent .type dl.type3 {width: 115px;}
.search-typeA .rent .name dl {width: 150px;}

/* 검색바2 */
.search-typeB.bottom {background: #efefef; padding: 1px 0 5px;}
.search-typeB.bottom.rent-zone {background: #ffffff;}
.search-typeB .check-area {margin-bottom: 40px;}
.search-typeB .search-area {text-align: center;}
.search-typeB .search-area.alignCenter {text-align: center;}
.search-typeB .search-area.typeA {text-align: left;}
.search-typeB .search-area.typeA.rent {text-align: left;}
.search-typeB .search-area.typeA.rent.alignCenter {text-align: center;}
.search-typeB .search-area.air {text-align: left;}
.search-typeB .search-area .area {
    display: inline-block; margin-left: 12px;
    background-color: #fff;
}
.search-typeB .search-area.rent .area {
    display: inline-block; margin-left: 12px;
    /*background-color: #efefef;*/
}
.search-typeB .search-area .area:first-child {margin-left: 0;}
.search-typeB .search-area .area.select {
    background-image: url("../../images/web/icon/basic/select-bg.png");
    background-position: right 12px center;
    background-repeat: no-repeat;
}
.search-typeB .search-area .area dl {display: inline-block; vertical-align: middle; position: relative;}
.search-typeB .search-area .area dl dt {display: none;}
.search-typeB .search-area.air .area dl dt {
    display: block;
    position: absolute; top: -24px; z-index: 2;
    font-size: 14px; line-height: 20px; color: #666666;
}
.search-typeB .search-area .area dl dd {min-width: 100px; height: 42px;}
.search-typeB .search-area .area .value-text {
    font-size: 14px; color: #ffffff;
    text-align: center; line-height: 42px;
    position: relative; z-index: 2;
}
.search-typeB .search-area .select .value-text {text-align: right;}
.search-typeB .search-area .select .value-text a {padding-right: 25px;}
.search-typeB .search-area .area .value-text a {display: block; color: #333333;}
.search-typeB .search-area .area .value-text.lock a {color: #9b9b9b !important; cursor: not-allowed;}
.search-typeB .search-area .area .value-text a:hover {color: #f0524c;}
.search-typeB .search-area .area .value-text.active,
    /* .search-typeB .search-area .area .value-text a.active {border-bottom: 1px solid #fff;} */
.search-typeB .search-area .area .value-text input.full {height: 50px; line-height: 50px; border: none; font-size: 18px; color: #333333; padding: 0 16px;}
.search-typeB .search-area .area .value-text input#sPrdtNm {font-size: 15px;}
.search-typeB .search-area .area .value-text .date-wrap {width: 100%;}
.search-typeB .search-area .area .value-text .date-wrap .datepicker:hover {color: #f0524c; cursor:pointer;}
.search-typeB .search-area .area .value-text .date-wrap .datepicker {
    height: 50px; border: none;
    /*font-size: 18px;*/ color: #333333;
}
.search-typeB .search-area .area .value-text .date-time-area {display: table; width: 100%;}
.search-typeB .search-area .area .value-text .date-time-area .date-container,
.search-typeB .search-area .area .value-text .date-time-area .time-area {
    display: table-cell; vertical-align: middle;
}

.search-area.air .area .value-text .date-wrap .datepicker:hover {color: #f0524c; cursor:pointer;}
.search-area.hotel .area .value-text .date-wrap .datepicker:hover {color: #f0524c; cursor:pointer;}
.search-area.rent .area .value-text .date-wrap .datepicker:hover {color: #f0524c; cursor:pointer;}
.search-area.rent .area .value-text .date-time-area .time-area select.full:hover{cursor:pointer;}
.search-area.rent .area .value-text .date-time-area .time-area select option:checked{color: #f0524c;}

.search-typeB .search-area .area .value-text .date-time-area .time-area select.full {height: 50px; border: none; /*font-size: 18px;*/ color: #333333;}
.search-typeB .search-area .area .value-text .date-time-area .time-area select.full:hover{cursor:pointer;}
.search-typeB .search-area .area .value-text .date-time-area .time-area select option:checked{color: #f0524c;}
.search-typeB .search-area .area .value-text .date-time-area .date-container {width: 143px;}
.search-typeB .search-area .area .value-text .date-wrap img.ui-datepicker-trigger {display: none;}
.search-typeB .search-area .area .change {display: inline-block; vertical-align: middle; margin: 0 4px;}
.search-typeB .search-area .area .guide {display: inline-block; vertical-align: middle; width: 1px; height: 26px; background: #9b9b9b;}
.search-typeB .search-area .search .btn {
    display: inline-block; vertical-align: middle; text-align: center;
    background: #f0524c; color: #fff; border: none;
    font-size: 19px; font-weight: bold;
    line-height: 50px; height: 50px; width: 94px;
    font-family: "NotoSans", "돋움", "Dotum", "맑은고딕", sans-serif;
}
.search-typeB .search-area .search .btn.rent {
    display: inline-block; vertical-align: middle; text-align: center;
    background: #f0524c; color: #fff; border: none;
    font-size: 19px; font-weight: bold;
    line-height: 30px; height: 40px; width: 180px;
    font-family: "NotoSans", "돋움", "Dotum", "맑은고딕", sans-serif;
}
.search-typeB .search-area .search .btn.red {background: #f0524c; color: #fff;}
.search-typeB .search-area .search .btn.dark-gray {background: #656565; color: #fff;}
.search-typeB .air .zone dl {width: 118px;}
.search-typeB .air .date dl {width: 130px;}
.search-typeB .air .count dl {width: 264px;}
.search-typeB .hotel .date dl {width: 130px;}
.search-typeB .hotel .zone dl {width: 176px;}
.search-typeB .hotel .count dl {width: 266px;}
.search-typeB .rent .date dl {width: 220px;}
.search-typeB .rent .date.typeA dl {width: 293px;}
.search-typeB .rent .type dl {width: 120px;}
.search-typeB .rent .type dl.type1 {width: 120px;}
.search-typeB .rent .name dl {width: 176px;}

.search-typeB .rent .type dl.type1 #slider-range {min-width: 135px;}
.search-typeB .rent .type dl.type1 #slideAmount {
    font-family: "Noto Sans CJK KR Regular"; font-size:12px; position:absolute; top:-25px; right:-12px;}



/*  */



/* Product Slide Section */
.product-slide-area {padding: 25px 50px;}
.product-slide-area .product-slide-item {margin-top: 24px; position: relative;}
.product-slide-item  ul li {position: relative; float: left; width: 316px; margin-right: 15px;}
.product-slide-item  ul li a {display: block;}
.product-slide-item .photo {width: 316px; height: 316px;}
.product-slide-item .photo img {width: 100%; height: 100%;}
.product-slide-item .text {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
    padding: 139px 11px 11px 17px;
    display: table; width: 100%; table-layout: fixed; box-sizing: border-box;
    background-image: url("../../images/web/other/thumnail_gradation.png");
    background-size: contain;
}
.product-slide-item .text .title{
    display: table-cell; vertical-align: middle;
    font-size: 16px; color: #ffffff;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.product-slide-item .text .price {
    display: table-cell; vertical-align: middle;
    font-size: 18px; color: #ff4747;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    padding-right:7px;
}
.product-slide-item .text .price span {
    vertical-align: middle;
    font-size: 13px; color: #ffffff;
    font-family: "Roboto", "돋움", "Dotum", "맑은고딕";
}
.product-slide-item .text .price {width: 135px; text-align: right;}
.product-slide-item .swiper-button-prev,
.product-slide-item .swiper-button-next {
    top: calc(50% - 30px);
    width: 22px;
    height: 60px;
    background-size: 22px 60px;
}
.product-slide-item .swiper-button-next,
.product-slide-item .swiper-container-rtl .swiper-button-prev {
    background-image: url("../../images/web/arrow/slide-next.png");
    right: -45px;
}

.product-slide-item .swiper-button-next:hover {
    background-image: url("../../images/web/main/banner/top/nextHover.png");
    right: -45px;
}

.product-slide-item .swiper-button-prev,
.product-slide-item .swiper-container-rtl .swiper-button-next {
    background-image: url("../../images/web/arrow/slide-prev.png");
    left: -45px;
}
.product-slide-item .swiper-button-prev:hover {
    background-image: url("../../images/web/main/banner/top/prevHover.png");
    left: -45px;
}

.product-ci {text-align: center; margin-bottom: 20px;}
.product-ci img {/*height: 40px;*/ max-width: 70%;}
.social-text {text-align: center; margin-top: 20px;}
.social-text p {font-size: 20px; line-height: 28px; color: #656565;}



/* Today Keyword (키워드) */
.today-keyword {background: #edeced; padding: 30px 0;}
.today-keyword.gray {background: #efefef;}
.today-keyword ul {text-align: center; margin-top: 20px; overflow: hidden;}
.today-keyword ul li,
.today-keyword ul li a,
.today-keyword ul li::after {
    width: 213px; height: 213px;
}
.today-keyword ul li {
    float: left; border-radius: 100%; overflow: hidden; position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 213px;
    margin-right: 42px;
}
.today-keyword ul li:last-child {margin-right: 0;}
.today-keyword ul li::after {
    position: absolute; top: 0; left: 0; z-index: 2;
    content: ""; display: block; background: rgba(0,0,0,.4);
}
.today-keyword ul li a {
    display: table-cell; text-align: center; vertical-align: middle;
    font-size: 18px; font-weight: bold; line-height: 24px; color: #ffffff;
    font-family: "NotoSans L", "돋움", "Dotum", "맑은고딕", sans-serif;
    padding: 0 14px;
    position: relative; z-index: 3;
}



/* Product Item Style */
.subContents .product-item-area,
.subContents .product-item-area2 {padding-bottom: 0; }
.subContents .product-item-area.item-area {padding-top: 0;}
.subContents .product-item-area.margin0,
.subContents .product-item-area2.margin0 {padding-top: 0;}
.subContents .product-item-area ul.col4 {margin-top: 0;}
.subContents .product-item-area {padding-top:50px;}

.product-item-area .align-area {margin-bottom: 20px;}
.product-item-area2 .align-area {
    display: inline-block;
    width: 980px;
    margin-bottom: 40px;
}
.product-item-area .align-area .select-area select,
.product-item-area2 .align-area .select-area select {width: 135px;}
.product-item-area .align-area .select-area.right,
.product-item-area2 .align-area .select-area.right {text-align: right; margin-top: 10px;}



/* 렌터카 > 상품보기(연계상품) */
.product-more-area {padding: 60px 0 50px;}
.product-more-area.rentcarEnd {padding: 0 0 50px;}
.more-view-area {overflow: hidden; margin-top: 80px;}
.more-view-area.rentcarEnd {overflow: hidden; margin-top: 27px;}
.more-view-area > div {float: left; height: 394px; overflow: hidden; margin-right: 23px;}
.more-view-area > div.more {width: 352px;}
.more-view-area > div.more img {width: 100%;}
.more-view-area > div.slide {width: 230px; background: #ffffff; margin-right: 0;}
.more-view-area div.slide .swiper-slide {height: 392px;}


/* 렌터카 > 상품목록 */
.rent-list-area {}
.rent-list-area ul {border-top: 1px solid #838383;}
.rent-list-area ul li {border-bottom: 1px solid #cfcfcf; margin: 0; position: relative;}
.rent-list-area ul li:hover {background: #efefef;}
.rent-list-area ul li .link-area,
.rent-list-area ul li .link-area a {display: table; width: 100%; table-layout: fixed;}
.rent-list-area ul li .link-area {box-sizing: border-box; padding: 0 14px 0 10px;}
.rent-list-area ul li .link-area > div,
.rent-list-area ul li .link-area a > div {display: table-cell; vertical-align: middle;}
.rent-list-area ul li .like {position: absolute; top: calc(50% - 11px); right: 0; z-index: 2; width: 90px; text-align: center;}
.rent-list-area .photo {background: transparent; width: 180px; height: 140px;}
.rent-list-area .photo img {width: 95%; padding:0 5px;}
.rent-list-area .name,
.rent-list-area .text {font-size: 14px; color: #666666;}
.rent-list-area .name {padding: 0 7px 0 35px; position: relative;}
.rent-list-area .name strong {display: block;}
.rent-list-area .name strong {font-size: 16px; color: #000000; margin-top: 4px; margin-bottom: 4px; line-height:20px;}
.rent-list-area .name .label-groupA {position: absolute; top: 11px; width: 300px;}
.rent-list-area .name .label-groupA .comm-label {display: inline-block;}
.rent-list-area .text {width: 100px; text-align: center;}
.rent-list-area .price-area {width: 120px; text-align: right;}
.rent-list-area .price-area .text,
.rent-list-area .price-area .price {display: inline-block; vertical-align: middle;}
.rent-list-area .price-area .price {font-size: 18px; font-weight: bold; color: #f0524c; width: 98px;}
.rent-list-area .price-area .price span{color: #000000; font-size: 15px; vertical-align: baseline;}
.rent-list-area .price-area .text {width: auto; text-align: right;}
.rent-list-area .item-noContent .text {
    width: auto;
}
/* 추천 여행사 */
.recommend-travel {background: #efefef;}
.recommend-travel .title-type3 {display: none;}
.recommend-travel .travel-agency {
    display: table; width: 100%; table-layout: fixed;
    background-image: url("../../images/web/travel/group-bg.png");
    background-repeat: repeat-x;
    background-position: left top;
    padding: 15px 0;
}
.recommend-travel .title-type3 + .travel-agency,
.recommend-travel .travel-agency.first {
    background: none;
}
.recommend-travel .travel-agency .recommend-title,
.recommend-travel .travel-agency .recommend-list {
    display: table-cell; vertical-align: top;
}
.recommend-travel .travel-agency .recommend-title {width: 208px; padding-right: 10px;}
.recommend-travel .travel-agency .recommend-list {padding-top: 10px;}
.recommend-travel .travel-agency ul {
    overflow: hidden;
    /*background: url("../../images/web/bg/travel-agency-list.png") repeat-y center top;*/
}
.recommend-travel .travel-agency ul li {
    float: left; width: 360px; box-sizing: border-box;
    padding: 0 25px;
}
.recommend-travel .travel-agency ul li a {display: block;}
.recommend-travel .travel-agency ul li a:hover * {color: #f0524c;}
.recommend-travel .travel-agency ul li a:hover .name {text-decoration: underline;}
.recommend-travel .travel-agency .name,
.recommend-travel .travel-agency .tel {
    display: inline-block; vertical-align: middle;
    font-size: 16px; font-weight: normal; line-height: 50px; color: #333333;
}
.recommend-travel .travel-agency .name {
    /* display: block; width: 100%; */ width: 160px; padding-left: 14px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    position: relative;
}
.recommend-travel .travel-agency .name::after {
    content: ""; width: 7px; height: 7px;
    position: absolute; left: 0; top: 21px;
    background: #f0524c; border-radius: 100%;
}
.recommend-travel .travel-agency .tel {/*display: none;*/ margin-left: 8px;}



/* from jeju main */
.fromjeju-product-area {padding: 55px 0;}
.fromjeju-product-area .Fasten {overflow: hidden;}
.from-list-area {
    float: left;
    width: 310px; height: 790px; margin: 60px 22px 0 0;
    background: #fff; border: 1px solid #cfcfcf;
    box-sizing: border-box;
}
.from-list-area:nth-child(1),
.from-list-area:nth-child(2),
.from-list-area:nth-child(3) {margin-top: 0;}
.from-list-area:nth-child(3n + 0) {margin-right: 0;}
.from-list-area .main-photo {border-top: 1px solid #e3e3e3;}
.from-list-area .main-photo img {display: block; width: 100%; height: 308px;}
.from-list-area .main-text {padding: 30px 18px;}
.from-list-area .main-text .title {
    font-size: 24px; color: #333333;
    font-family: "NotoSans B", sans-serif;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.from-list-area .main-text .memo {
    font-size: 16px; line-height: 22px; color: #666666; margin-top: 14px;
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 44px;
}

.from-product-area {padding: 0 10px;}
.from-product-area ul {border-top: 1px solid #333333; padding: 15px 0 30px;}
.from-product-area ul li {display: table; width: 100%; padding: 8px 5px; box-sizing: border-box;}
.from-product-area .target-area,
.from-product-area .like {display: table-cell; vertical-align: middle;}
.from-product-area .target-area,
.from-product-area .target-area a {display: table; width: 100%; table-layout: fixed;}
.from-product-area .target-area .photo,
.from-product-area .target-area .text {display: table-cell; vertical-align: middle;}
.from-product-area .target-area .text {padding: 0 10px 0 14px;}
.from-product-area .photo {width: 72px; height: 72px; border-radius: 36px; overflow: hidden;}
.from-product-area .photo img {width: 100%; height: 100%; display: block;}
.from-product-area .text {}
.from-product-area .text .title {
    font-size: 15px; line-height: 24px; color: #333333;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.from-product-area .text .price {
    font-size: 15px; line-height: 24px; color: #ff4747;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.from-product-area .text .price span {
    font-size: 13px; line-height: 24px; color: #333333; vertical-align: middle; font-weight: 800;

}
.from-product-area .like a {display: block;}
.from-product-area .like img {height: 30px;}
.from-product-area .all-btn {text-align: right; margin-bottom: 5px; height: 20px;}
.from-product-area .all-btn a {font-size: 12px; color: #333333;}



/* 기획전 > 상품기획전 */
.plan-list-area {overflow: hidden;}
.plan-list-area .group {
    float: left;
    width: 475px; height: 126px; overflow: hidden; position: relative;
    background-color: #c3d1f1;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 126px;
    margin: 55px 30px 0 0;
}
.plan-list-area .group:nth-child(1),
.plan-list-area .group:nth-child(2) {margin-top: 0;}
.plan-list-area .group:nth-child(2n + 0) {margin-right: 0;}
.plan-list-area .group a {display: block; height: 126px;}
.plan-list-area .group .text {
    position: absolute; bottom: 10px; left: 190px; right: 8px; z-index: 2;
}
.plan-list-area .group .text .title p {
    font-size: 22px; font-weight: 200; line-height: 28px; color: #333333;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.plan-list-area .group .text .title p strong {font-weight: normal;}
.plan-list-area .group .text .memo {
    font-size: 14px; font-weight: 200; color: #333333; margin-top: 20px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.plan-list-area ul {overflow: hidden;}
.plan-list-area ul li {float: left; width: 475px; /*height: 145px;*/ margin: 55px 30px 0 0;}
.plan-list-area ul li:nth-child(1),
.plan-list-area ul li:nth-child(2) {margin-top: 0;}
.plan-list-area ul li:nth-child(2n + 0) {margin-right: 0;}
.plan-list-area ul li img {width: 100%; height: 100%;}
.plan-list-area ul li a {display: block;}



/* 기획전 > Md's Pick */
.md-pick-area ul.md-list {overflow: hidden;}
.md-pick-area ul.md-list li {width: 310px; border: 1px solid #cfcfcf; float: left; margin: 22px 22px 0 0;}
.md-pick-area ul.md-list li:nth-child(1),
.md-pick-area ul.md-list li:nth-child(2),
.md-pick-area ul.md-list li:nth-child(3) {margin-top: 0;}
.md-pick-area ul.md-list li:nth-child(3n + 0) {margin-right: 0;}
.md-pick-area ul.md-list li a {display: block;}
.md-pick-area ul.md-list li .photo {height: 310px;}
.md-pick-area ul.md-list li .photo img {width: 100%; height: 100%;}
.md-pick-area ul.md-list li .text-wrap {padding: 40px 20px;}
.md-pick-area ul.md-list li .title {
    font-size: 24px; color: #333333;
    font-family: "NotoSans B", sans-serif;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.md-pick-area ul.md-list li .memo {
    font-size: 16px; line-height: 22px; color: #666666; margin-bottom: 8px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}



/* 항공 > 메인 */
.air-col3-item {margin-top: 60px;}
.air-col3-item ul {display: table; width: 100%;}
.air-col3-item ul li {display: table-cell; vertical-align: top; text-align: center;}
.air-col3-item ul li:first-child dl {border: none;}
.air-col3-item div.icon {margin-bottom: 30px;}
.air-col3-item dl {border-left: 1px solid #8e8e8e; padding: 5px 0 30px;}
.air-col3-item dl dt {font-size: 18px; font-weight: bold; color: #333333;}
.air-col3-item dl dd {font-size: 14px; line-height: 18px; color: #666666; margin-top: 10px;}



/* 항공 > 목록 */
.air-area {padding-top: 25px;}
.subContents .air-area .product_result {margin-top: 0;}



/* 기존 Detail > 스타일 추가  */
.subContents .new-detail .detail .detailL {width: 545px;}
.subContents .new-detail .detail .detailR {width: 435px;}
.subContents .new-detail .detail .detailR .pdWrap {padding: 0; margin-left: 20px;}
.subContents .new-detail .detail .detailR .purchasing-info {margin-top: 0;}
.subContents .new-detail .detail .detailR .purchasing-info li {list-style: none; position: relative;}
.subContents .new-detail .detail .detailR .purchasing-info li a {display: inline-block; vertical-align: top; border: none !important;}
.subContents .new-detail .detail .detailR .purchasing-info li input {border: none !important;}
.subContents .new-detail .detail .detailR .purchasing-info.single {margin-top: 0;}
.subContents .new-detail .detail .detailR .purchasing-info.single .total-area {border-bottom: 1px solid #333333 !important; margin-bottom: 20px;}



/* Detail > Gallery Slider  */
.detail-slider {position: relative;}
.detail-slider.rent {background: #e3e3e3;}
.detail-slider .title-box {position: absolute; top: 55px; left: 0; right: 0; z-index: 2; text-align: center;}
.detail-slider .title-box .title {
     font-size: 40px; color: #333333; letter-spacing:-.88px;
     font-family: "Notosans B", sans-serif;
 }
.detail-slider .title-box .history {
    font-size: 18px; color: #9a9a9a; margin-top: 8px; letter-spacing:-.8px;
    font-family: "Noto", sans-serif;
}

.rent2 .detail-slider .swiper-slide {position: relative; height: 545px; background-color: #f2f2f2;}
.detail-slider .swiper-slide {position: relative; height: 545px; background-color: #fff;}
.detail-slider .swiper-slide img {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    max-width: 80%; max-height: 80%; display: block;
    margin: auto;
}
.detail-slider .swiper-slide .img-caption {
    position: absolute; bottom: 16px; left: 0; right: 0; z-index: 9;
    text-align: center; height: 28px;
}
.detail-slider .swiper-slide .img-caption p {
    display: inline-block; max-width: 600px;
    font-size: 12px; line-height: 25px; padding: 0 10px;
    background: rgba(0,0,0,.6); color: #fff;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.detail-slider .bottom-info {
    position: absolute; bottom: 30px; left: 0; right: 0; z-index: 2;
}
.detail-slider .bottom-info ul {display: table; width: 100%;}
.detail-slider .bottom-info ul li {display: table-cell; vertical-align: middle; text-align: center; position: relative;}
.detail-slider .bottom-info ul li img,
.detail-slider .bottom-info ul li span {
    display: inline-block; vertical-align: middle;
    font-family: "NotoSans", sans-serif;
}
.detail-slider .bottom-info ul li img {height: 38px; margin-right: 20px;}
.detail-slider .bottom-info ul li span {
    font-size: 20px; color: #333333;
    font-family: "Notosans", sans-serif;
}
.detail-slider .bottom-info ul li::after {
    position: absolute; right: 0; top: calc(50% - 7px);
    content: ""; width: 1px; height: 15px; background: #b8b7b8;
}
.detail-slider .bottom-info ul li:last-child::after {display: none;}
.detail-slider .swiper-pagination-fraction {
    position: absolute; bottom: 16px; right: 34px; left: auto;
    background-color: rgba(0,0,0,.6);
    width: auto; height: 26px; text-align: center;
    padding: 0 8px;
}
.detail-slider.package .swiper-pagination-fraction {right: auto; left: calc(50% - 18px); bottom: 30px;}
.detail-slider .swiper-pagination {font-size: 12px; line-height: 26px; color: #ffffff;}
.detail-slider .swiper-button-prev,
.detail-slider .swiper-container-rtl .swiper-button-next {
    background-image: url("../../images/web/arrow/detail-prev.png"); left: 5px;
}
.detail-slider .swiper-button-next,
.detail-slider .swiper-container-rtl .swiper-button-prev {
    background-image: url("../../images/web/arrow/detail-next.png"); right: 5px;
}
.detail-slider .swiper-button-prev,
.detail-slider .swiper-button-next {
    width: 32px; height: 50px;
    background-size: 32px 50px;
}



/* Detail > detailR  */
.detailR .title-box {/*border-top: 2px solid #333333;border-bottom: 1px solid #cacaca;*/  padding: 28px 0 28px; position: relative;}
.detailR .title-box .title {
    font-size: 24px; line-height: 26px; color: #333333;
    font-family: "NotoSans B", sans-serif;
}
.detailR .title-box .memo {font-size: 16px; line-height: 22px; color: #666666; margin-bottom: 5px;}
.detailR .detail-info {padding: 20px 0 15px;}
.detailR .package-selected {padding: 20px 0 30px;}
.detailR .detail-info .group {margin-top: 30px;}
.detailR .detail-info .group:first-child {margin-top: 0;}
.detailR .detail-info .group .title {font-size: 16px; font-weight: bold; color: #333333; margin-bottom: 10px;}
.detailR .detail-info .group .title .question {background: none; border: none; margin-left: 6px; position: relative; top: -1px;}
.detailR .detail-info .group .question-area {margin-bottom: 10px;}
.detailR .detail-info .group dl.inline {display: inline; margin-right: 24px;}
.detailR .detail-info .group dl.inline dt,
.detailR .detail-info .group dl.inline dd {display: inline; font-size: 14px; line-height: 24px;}
.detailR .detail-info .group dl.inline dt {color: #333333; font-weight: bold;}
.detailR .detail-info .group dl.inline dd {color: #909090;}
.detailR .detail-info .group dl.block {display: block;}
.detailR .detail-info .group dl.block dt {font-size: 14px;line-height: 24px; color: #333333;}
.detailR .detail-info .group dl.block dd {font-size: 14px; line-height: 24px; color: #909090;}

.detailR .total-area {text-align: right; /*border-top: 1px solid #cacaca; padding: 20px 0;*/}
.detailR .total-area .tybe-A .text {font-size: 15px; color: #666666; margin-right: 10px;}
.detailR .total-area .tybe-A .money {
    font-size: 25px; line-height: 29px; color: #f0524c;
    font-family: "Notosans B", sans-serif;
}
.detailR .total-area .tybe-A .money strong {color: #f0524c;}
.detailR .total-area .tybe-A A {color: #ffffff; background-color: #0f0f0f; padding:2px 7px 2px 7px;}
.detailR .total-area .tybe-B {}
.detailR .total-area .tybe-B dl,
.detailR .total-area .tybe-B .text {display: inline-block; vertical-align: bottom;}
.detailR .total-area .tybe-B .text {margin: 0 4px; font-size: 16px; color: #666666; position: relative; top: -1px;}
.detailR .total-area .tybe-B dl dt {font-size: 12px; line-height: 14px; color: #666666; text-align: left; margin-bottom: 5px;}
.detailR .total-area .tybe-B dl dd {font-size: 22px; line-height: 24px; color: #666666;}
.detailR .total-area .tybe-B dl.total {margin-left: 30px;}
.detailR .total-area .tybe-B dl.total dd {font-size: 25px;}
.detailR .point-area {/*border-top: 1px solid #ededed;*/}

.purchasing-info .point-area .row {border-top: 1px solid #ededed; display: table; width: 100%; table-layout: fixed; padding: 10px 0; box-sizing: border-box;}
.purchasing-info .point-area .row > span {display: table-cell; vertical-align: middle; padding: 0 4px; font-size: 15px; line-height: 21px;}
.purchasing-info .point-area .row > span.col1 {width: 115px;}
.purchasing-info .point-area .row > span.col2 {width: 210px;}
.purchasing-info .point-area .row > span.col3 {text-align: right;}
.purchasing-info .point-area .row a {font-size: 14px; color: #333333; text-decoration: underline;}
.purchasing-info .point-area .row .block {
    display: block;
    font-size: 15px; line-height: 30px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.purchasing-info .purchase-btn-group {display: table; width: 100%; border-top: 1px solid #ededed; padding-top: 20px;}
.purchasing-info .purchase-btn-group .comm-btn {
    /*display: table-cell; */ vertical-align: middle; width: 50%;
    margin: 0; padding: 0;
    font-size: 20px; font-weight: bold; line-height: 65px; height: 65px;
    font-family: "NotoSans", sans-serif;
    border: none; border-radius: 0; letter-spacing:-.7px;
}
.purchasing-info .purchase-btn-group .comm-btn.not-ms {font-size: 22px;}
.purchasing-info .purchase-btn-group .comm-btn.width40 {width: 39%;}
.purchasing-info .purchase-btn-group .comm-btn.width60 {width: 59%;}

/*수정 레이아웃 버튼 적용*/
.detailR .purchase-btn-group {display: table; width: 100%; /*border-top: 1px solid #ededed;*/ padding-top: 30px;}
.detailR .purchase-btn-group .comm-btn {
    /*display: table-cell;*/ vertical-align: middle; width: 50%;
    margin: 0; padding: 0;
    font-size: 20px; font-weight: bold; line-height: 65px; height: 65px;
    font-family: "Notosans", sans-serif;
    border: none; border-radius: 0; letter-spacing:-.7px;
}
.detailR .purchase-btn-group .comm-btn.not-ms {font-size: 22px;}

.detailR .pdWrap .tybe-A {text-align: right; /*border-top: 1px solid #cacaca;*/ padding: 2px 0;}
.detailR .pdWrap .tybe-A .text {font-size: 15px; color: #666666; margin-right: 10px;}
.detailR .pdWrap .tybe-A .money {
    font-size: 25px; line-height: 29px; color: #f0524c;
    font-family: "NotoSans", sans-serif;
}
.detailR .pdWrap .tybe-A .money strong {color: #f0524c; font-family: "Roboto";}
.detailR .pdWrap .tybe-A A {color: #ffffff; background-color: #0f0f0f; padding:2px 7px 2px 7px;}


.comm-layer-popup .purchase-btn-group {display: block; text-align: center; margin: 20px 0 20px; border-top: 1px solid #8f8f8f;}
.comm-layer-popup .purchase-btn-group .comm-btn {display: inline-block; vertical-align: middle; margin-left: -4px;}
.comm-layer-popup .purchase-btn-group .comm-btn:first-child {margin-left: 0;}
.purchasing-info .typography-info {border-top: 1px solid #ededed; padding: 10px 0; /*margin-top: 20px;*/}
/*.purchasing-info .typography-info .check-option {margin-top: 10px;}*/

.grade-area {margin-top: 20px; position: relative;}
.grade-area .score-area,.detailR .purchase-btn-group
.grade-area .label-groupA {display: inline-block; vertical-align: middle;}
.grade-area .score-area .score {font-size: 14px; color: #666666; margin-right: 4px;}
.grade-area .score-area .icon img {display: inline-block; vertical-align: middle; height: 15px; position: relative; top: -1px;}
.grade-area .label-groupA {margin-left: 16px;}
.grade-area .label-groupA .comm-label {padding: 0 3px; min-width: 28px;}
.grade-area .icon-group {position: absolute; right: 0; bottom: -5px; z-index: 2;}
.grade-area .icon-group button {background: none; border: none; display: inline-block; margin-left: 10px;}
.grade-area .icon-group button:first-child {margin-left: 0;}

.sns-popup {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3;
    background: #333333; display: none;
}
.sns-popup .close {
    background: none; border: none;
    position: absolute; top: 15px; right: 20px; z-index: 4;
}
.sns-popup .sns-area {text-align: center;}
.sns-popup .sns-area a {display: inline-block; vertical-align: middle; margin: 0 14px; line-height: 130px;}

.origin-info {font-size: 14px; line-height: 20px; color: #666666; margin-top: 20px;}
.origin-info span.inline::after {content: "|"; display: inline-block; vertical-align: middle; margin: 0 18px 0 14px;}
.origin-info span.inline:last-child::after {display: none;}



/* Detail > Tab Menu Content */
.type-bodyA .map-area {background: #f2f2f2; height: 480px; position: relative;}
.type-bodyA .map-text-info {margin-top: 26px;}
.type-bodyA .map-text-info p {line-height: 30px;}
.type-bodyA .rent-app {display: table; width: 100%; margin-top: 20px;}
.type-bodyA .rent-app .icon,
.type-bodyA .rent-app .text {display: table-cell; vertical-align: middle;}
.type-bodyA .rent-app .icon {width: 160px;}
.type-bodyA .rent-app .icon img {height: 127px; display: block;}
.type-bodyA .rent-app .text .app {margin-top: 10px;}
.type-bodyA .rent-app .text .app span {font-size: 16px; color: #666666; display: inline-block; vertical-align: middle; margin-right: 30px;}
.type-bodyA .rent-app .text .app img {height: 25px; display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; top: -2px;}
.type-bodyA .video-area {text-align: center;}
.type-bodyA .video-area iframe {border: none;}
.type-bodyA .icon-info-typeB ul {display: table; width: 100%;}

.text-info-typeA ul {overflow: hidden;}
.text-info-typeA ul li {float: left; width: 33%; margin: 3px 0;}
.text-info-typeA ul li.on {font-weight: bold; color: #f0524c;}
.text-info-typeA ul li.off {color: #dddddd;}

.icon-info-typeA {}
.icon-info-typeA ul {display: table; width: 100%;}
.icon-info-typeA ul li {display: table-cell; vertical-align: middle; text-align: center; width: 1%;}
.icon-info-typeA ul li .icon img {width: 86px; height: 86px;}
.icon-info-typeA ul li .text {font-size: 14px; color: #999999;}
.icon-info-typeA ul li.on {}
.icon-info-typeA ul li.off {opacity: 0.2;}



/* Detail > 추천상품 */
.recommend-wrap {margin-top: 150px;}
.recommend-product {margin-top: 100px;}
.recommend-product.margin-top0 {padding-top: 0;}
.recommend-product .title-side-area .text a {font-size: 14px; color: #666666;}
.promotion-content .swiper-container {overflow: visible !important;}
.promotion-content ul li {
    width: 230px; min-height: 342px; background: #fff; border: 1px solid #cfcfcf; margin-left: 17px;
    transition: all .3s ease-out;
}
.promotion-content ul li:first-child {margin-left: 0;}
.promotion-content ul li:hover {box-shadow: 0px 0px 10px #a4a4a4;}
.promotion-content .photo,
.promotion-content .photo a {height: 230px;}
.promotion-content .photo {position: relative;}
.promotion-content .photo a {display: block;}
.promotion-content .photo img.product {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    max-width: 100%; max-height: 100%; display: block;
    margin: auto;
}
.promotion-content .text {padding: 20px 16px; position: relative;}
.promotion-content .text .title {
    font-size: 15px; line-height: 18px; color: #333333;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.promotion-content .text .memo {
    font-size: 14px; font-weight: 200; color: #8a8989; margin-bottom: 4px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.promotion-content .text .info {margin-top: 30px; padding-right: 38px; position: relative;}
.promotion-content .text .info dl {display: table; width: 100%;}
.promotion-content .text .info dl dt,
.promotion-content .text .info dl dd {display: table-cell; vertical-align: middle;}
.promotion-content .text .info dl dt {font-size: 15px; line-height: 18px;}
.promotion-content .text .info dl dd {text-align: right;}
.promotion-content .text .info .price {position: relative; display: inline-block;}
.promotion-content .text .info .price del {
    position: absolute; top: -15px; right: 0;
    font-size: 12px; color: #666666;
}
.promotion-content .text .info .price strong {display: block; font-size: 16px; font-weight: bold; line-height: 20px;}
.promotion-content .text .like {position: absolute; top: -12px; right: 0; z-index: 2;}
.promotion-content .text .like a {display: block; padding: 2px;}
.promotion-content .text .like img {width: 24px; display: block;}



/* Detail > 이용후기 */
.type-bodyA .top-wrap {position: relative; border-bottom: 1px solid #cfcfcf; padding-bottom: 20px;}
.type-bodyA .top-wrap p {color: #909090;}
.type-bodyA .top-wrap .comm-btn {
    width: 150px; height: 40px; line-height: 40px; border: none; border-radius: 0; margin: 0; padding: 0; text-align: center;
    font-size: 14px; font-weight: normal;
    position: absolute; top: 2px; right: 0;
}
.nav-tabs2 .review-regi {margin-top: 25px;}
.nav-tabs2 .review-regi .top-wrap {position: relative; border-bottom: 1px solid #ececeb; padding-bottom: 25px;}
.nav-tabs2 .review-regi h3.title {padding-right: 20px;}
.nav-tabs2 .review-regi h3.title,
.nav-tabs2 .review-regi p {display: table-cell; vertical-align: middle;}
.nav-tabs2 .review-regi p {font-size: 0.750em; line-height: 18px;}
.nav-tabs2 .review-regi .writeBT {position: absolute; right: 0; bottom: 25px;}
.nav-tabs2 .regi {background: #f4f4f4; border: 1px solid #ddd9da; padding: 20px;}
.nav-tabs2 .regi .like img {margin-right: 5px;}
.nav-tabs2 .regi .int {margin-top: 10px;}
.nav-tabs2 .regi .int input.int-title {width: 100%; margin-bottom: 2px;}
.nav-tabs2 .regi .int textarea {width: 100%; height: 70px; min-height: 70px; vertical-align: top; resize: none;}
.nav-tabs2 .regi .int ul {display: table; width: 100%;}
.nav-tabs2 .regi .int ul > li {display: table-cell; vertical-align: top;}
.nav-tabs2 .regi .int ul > li.left {padding-right: 5px;}
.nav-tabs2 .regi .int ul > li.right {width: 69px;}
.nav-tabs2 .review-list ul {margin-bottom: 30px;}
.nav-tabs2 .review-list .regi-edit ul {margin-bottom: 0;}
.nav-tabs2 .review-list ul li.commentWrap {border-bottom: 1px solid #d0d0d0; padding: 30px 0;}
/*.nav-tabs2 .review-list ul li.commentWrap div.area-l {padding-right: 15px;}*/
.nav-tabs2 .review-list ul li.commentWrap div.area-l .title {font-size: 14px; display: inline;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .user-info {height: 26px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .user-info2 {width: 700px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .user-info span {color: #9ea09d; font-size: 13px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .user-info span.tamnarubang-text {position: relative; top: 8px; left: 55px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l  span img.ico-emoji {position: relative; bottom:15px; margin: 0px 10px 0 0;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .user-info span.heart {margin: 0 10px 0 53px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .user-info2 span {color: #363030;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .date {float: right;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .memo {font-size: 14px; line-height: 24px; color: #666666;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .comment {font-size: 0.875em; color: #969494;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .comment-count {color: #fd444c; font-size: 12px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .int_comment {margin-top: 10px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .int_comment textarea {
    display: inline-block; width: 92%; width: calc(100% - 63px); resize: none;
    height: 52px; min-height: 52px; vertical-align: top;
}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .int_comment input {display: inline-block; /*margin-left: -5px;*/}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .re_comment {border-top: 1px dashed #cfcfcf; padding-top: 30px; margin-top: 30px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .re_comment > div {display: table-cell; vertical-align: top;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .re_comment > .ic2 {padding-left: 10px; position: relative; top: -4px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .re_comment > .ic2 img {position: relative; top: -6px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-l .re_comment > .re {font-size: 14px; line-height: 24px; color: #666666; padding-left: 15px;}
.nav-tabs2 .commentBT1 {display:inline-block; width: 67px; line-height: 103px; border: 1px solid #7e7c7d; background: #969495; color: #fff; font-size: 12px; text-align: center;}
.nav-tabs2 .commentBT2 {display:inline-block; width: 67px; line-height: 68px; border: 1px solid #7e7c7d; background: #969495; color: #fff; font-size: 12px; text-align: center;}
.nav-tabs2 .commentBT3 {display:inline-block; float: right; border: 1px solid #346aff; color: #346aff; font-size: 13px; text-align: center; padding: 4px 20px;}
.nav-tabs2 .commentBT4 {display:inline-block; float: right; color: #fff; font-size: 13px; text-align: center; padding: 4px 20px; background: #346aff; border-radius: 2px;}
.nav-tabs2 .login_BT {
    float: right;
}
.nav-tabs2 .coment-editBT {display: inline-block; line-height: 14px; color: #346aff; font-size: 12px; border-right: 1px solid #d5d5d5; margin-right: 5px; padding-right: 10px;}
.nav-tabs2 .coment-delBT {display: inline-block; line-height: 14px; color: #346aff; font-size: 12px; }
.nav-tabs2 .review-list ul li.commentWrap div.area-r {width: 180px; border-left: 1px solid #e2e2e2; padding-left: 15px; word-break:break-all;}
.nav-tabs2 .review-list ul li.commentWrap div.area-r .user-info span {color: #9ea09d; font-size: 0.750em;}
.nav-tabs2 .review-list ul li.commentWrap div.area-r .like {margin-top: 15px;}
.nav-tabs2 .review-list ul li.commentWrap div.area-r .like img {margin-right: 2px;}
.nav-tabs2 .review-list .title-area {position: relative; height: 38px;}
.nav-tabs2 .review-list .title-area .title {padding-right: 320px;}
.nav-tabs2 .review-list .title-area .user-info {position: absolute; top: 0; right: 0;}
.nav-tabs2 .review-gallery-area {
    background: none;
    border: none;
    margin: 25px 0 15px;}
.nav-tabs2 .review-gallery-area .photo-area {position: relative; overflow: visible;}
.nav-tabs2 .review-gallery-area .photo-area {
    display: inline-block;
    width: 420px;
}
.nav-tabs2 .review-gallery-area .photo-area .mid {height: 360px;}
.nav-tabs2 .review-gallery-area .photo-area .carousel {
    position: absolute !important; top: 0 !important; right: -88px !important; left: auto !important;
    width: 78px !important; min-width: 0 !important;
    padding: 0; margin: 0;
}
.nav-tabs2 .review-gallery-area .photo-area .carousel ul {width: 78px !important;}
.nav-tabs2 .review-gallery-area .photo-area .carousel ul li {display: block; float: none !important; width: 78px !important; height: 70px !important; margin-top: 2px;}
.nav-tabs2 .review-gallery-area .photo-area .carousel ul li:first-child {margin-top: 0;}
.nav-tabs2 .review-gallery-area .photo-area .carousel ul li img {width: 76px; height: 76px; border: 1px solid #cdcdcd;}
.nav-tabs2 .review-gallery-area .photo-area .carousel ul li.select img {border: 2px solid #FE434C; width: 74px; height: 74px;}

.comment-int {
    display: inline-block;
    margin-top: 10px;
}
.comment-int .comment {
    position: relative;
    background-color: #222;
    color: #fff;
    font-size: 13px;
    padding: 2px 7px;
    border-radius: 2px;
}


/* Detail > 숙박 */
.hotel-detail {/*border-top: 2px solid #333333; padding-top: 25px;*/}
.hotel-detail .product-info {position: relative; margin-bottom: 40px;}
.hotel-detail .product-info .memo {font-size: 16px; line-height: 24px; color: #666666;}
.hotel-detail .product-info .title {
    font-size: 24px; line-height: 30px; color: #333333;
    font-family: "NotoSans B", sans-serif;
}
.hotel-detail .product-info .title .guide-title {
    font-size: 14px; color: #666666; margin-left: 6px;
    font-family: "Notosans", sans-serif;
}
.hotel-detail .product-info .title .guide-title::before {
    content: "|"; display: inline-block; vertical-align: middle; margin-right: 10px;
    font-size: 14px; color: #bcbcbc;
}
.hotel-detail .product-info .icon-group {position: absolute; top: 0; right: 0; z-index: 2;}
.hotel-detail .product-info .icon-group button {background: none; border: none; display: inline-block; margin-left: 10px;}
.hotel-detail .product-info .icon-group button:first-child {margin-left: 0;}
.hotel-detail .sns-popup {top: -28px;}
.hotel-detail .sns-popup .sns-area a {line-height: 125px;}
.hotel-detail .detail-slider {width: 670px; height: 670px; margin: 0 auto;}
.hotel-detail .detail-slider .swiper-slide {height: 670px;}
.hotel-detail .detail-slider .swiper-slide img {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; max-height: 100%; display: block;
    margin: auto;
}

.hotel-detail .detail-slider.roomType {display:none;}
.hotel-detail .detail-slider.roomType.active {display:block;width: 100%; height: 100%; margin: 0 auto;position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index:99;}
.hotel-detail .detail-slider.roomType .swiper-slide {height: 100%; background-color: #000000; background-color: rgba(0,0,0,0.85);}
.hotel-detail .detail-slider.roomType .swiper-slide-active {position: relative; background-color: #000000; background-color: rgba(0,0,0,0.85);}
.hotel-detail .detail-slider.roomType .swiper-slide img {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    width: 40%; max-height: 100%; display: block;
    margin: auto;
}
.detail-slider.roomType .close {position: absolute;right: 22px;top: 22px;z-index: 2;}

.hotel-detail .purchasing-info {overflow: hidden;}
.hotel-detail .purchasing-info .total-area {
    border-top: 2px solid #333333; border-bottom: 1px solid #dbdada; text-align: right;
    font-size: 22px; font-weight: 200; line-height: 86px; color: #666666;
}
.hotel-detail .purchasing-info .total-area .text {font-weight: 300}
.hotel-detail .purchasing-info .total-area .text strong {font-weight: 200;}
.hotel-detail .purchasing-info .total-area small {font-size: 12px; font-weight: normal; color: #666666; margin-left: 26px;}
.hotel-detail .purchasing-info .total-area .money,
.hotel-detail .purchasing-info .total-area .money strong {
    font-size: 25px; color: #f0524c;
    font-family: "Notosans B", sans-serif;
}
.hotel-detail .purchasing-info .point-area,
.hotel-detail .purchasing-info .purchase-btn-group {clear: both; float: right; width: 415px;}
.hotel-detail .purchasing-info .point-area .row:first-child {border-top: none;}

.selected-option-info {background: #efefef; padding: 18px 40px 24px; margin-top: 60px;}
.selected-option-info .date {font-size: 16px; color: #333333; margin-bottom: 10px;}
.selected-option-info .people,
.selected-option-info .age-price {display: inline;}
.selected-option-info .people {margin-right: 30px;}
.selected-option-info .people img {height: 18px; margin-right: 8px; position: relative; top: -1px;}
.age-price dl {display: inline; position: relative; margin-right: 4px; padding: 0 6px;}
.age-price dl dt,
.age-price dl dd {display: inline;}
.age-price dl dt {}
.age-price dl dt .age {
    position: absolute; right: 5px; bottom: -15px; width: 130px; text-align: right;
    font-size: 12px; color: #ababab;
}
.age-price dl dd::after {content: ", "; display: inline;}
.age-price dl:last-child dd::after {display: none;}

.age-price dl.people {display: inline-block; vertical-align: top; margin-right: 2px;}
.age-price dl.people dt,
.age-price dl.people dd {display: block; text-align: center;}
.age-price dl.people dd {
    font-size: 12px; color: #ababab;
}
.age-price dl.people dd::after {display: none;}

.room-area {background: #fff;}
.room-area .room-group {border-top: 1px solid #e3e3e3; padding: 40px 40px 35px;}
.room-area .room-group:first-child {border-top: 1px solid #b2b2b2;}
.room-area .room-group .info-area {position: relative;}
.room-area .room-group .info-area .title {font-size: 20px; line-height: 26px; color: #333333; padding-right: 310px;}
.room-area .room-group .info-area .memo {font-size: 14px; line-height: 24px; min-height: 24px; color: #333333; max-width: 540px;}
.room-area .room-group .float-right {position: absolute; top: 0; right: 0; text-align: right;}
.room-area .room-group .info-area .price {font-size: 16px; color: #f0534b; display: inline-block; vertical-align: middle;}
.room-area .room-group .info-area .price .sale-position {display: inline-block;}
.room-area .room-group .info-area .price del {color: #666666; margin-right: 15px;}
.room-area .room-group .info-area .label-groupA {margin-top: 8px;}
.room-area .room-group .inline-typeA {margin-top: 14px;}
.room-area .room-group .other-group {margin: 18px 0 22px;}
.room-area .room-group .other-group .inline-typeA,
.room-area .room-group .other-group .age-price {display: inline;}
.room-area .room-group .other-group .inline-typeA dl {margin-right: 30px;}
.room-area .check-option input {width: 28px; height: 28px; line-height: 28px; display: inline-block; vertical-align: middle; margin-right: 5px;}


.item-count-area {display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 25px;}
.item-count-area * {float: left;}
.item-count-area .counting-btn {background: none; border: none; width: 29px; height: 29px;}
.item-count-area .counting-text {
    border: 1px solid #cfcfcf; border-width: 1px 0 1px 0;
    width: 29px; height: 27px; line-height: 27px; text-align: center;
    font-size: 14px; color: #333333;
}

.room-gallery {margin-top: 20px; position: relative;}
.room-gallery .swiper-slide {width: 104px; height: 104px; margin-right: 10px;}
.room-gallery .swiper-slide img {width: 100%; height: 100%; display: block;}
.room-gallery .counting {
    position: absolute; left: 6px; bottom: 6px; z-index: 2;
    font-size: 12px; font-weight: bold; color: #333333;
    width: 27px; height: 24px; line-height: 30px; text-align: center;
    background: url("../../images/mw/icon/count/room.png") no-repeat center;
    background-size: 27px 24px;
}

.map-area .sighMap-list {width: 348px; height: 478px; border: 1px solid #d2d2d2; position: absolute; right: 0; top: 0; background: #e9edf0; overflow-y: auto; z-index: 9;}
.map-area .sighMap-list ul {padding: 20px;}
.map-area .sighMap-list ul li {position: relative; padding-left: 35px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d3d5d4;}
.map-area .sighMap-list .icWrap {
    position: absolute; top: 10px; left: 0; width: 24px; height: 31px; line-height: 28px; text-align: center; background: url("../../images/web/icon/location.png") no-repeat center;
    color: #fff; font-size: 0.750em;
}
.map-area .sighMap-list .info a {color: #3f3f3f;}
.map-area .sighMap-list .info p {font-size: 0.750em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* Detail > 소셜 */
.new-detail .comm-select {font-size: 14px; position: relative; margin: 0; position: relative; margin-top: 5px;}
.new-detail .comm-select:first-child {margin-top: 0;}
.new-detail .comm-select .select-button,
.new-detail .opCal .opCal-title {
    display: block; box-sizing: border-box;
    background: url("../../images/web/icon/basic/select.png") no-repeat right 10px center #fff;
    padding: 0 8px; padding-right: 35px;
    width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: 14px; line-height: 40px; font-weight: normal !important; color: #333333;
}
.new-detail .comm-select.open {border: none; background: transparent;}
.new-detail .comm-select .select-list-option {
    position: absolute; top: 41px; left: 0; height: 185px; overflow-y: auto;
    width: 100%; padding: 8px; background-color: #fafafa; border: 1px solid #ccc; border-top: none; z-index: 3; display: none;
    box-sizing: border-box;
}



.new-detail .opCal.open {border: none; /*background: #f2f2f2;*/}
.new-detail .opCal.open .opCal-title {/*font-weight: 700 !important;*/}
.new-detail .qtyWrap {margin-top: 15px;}
.new-detail .qtyWrap ul > li {font-size: 12px; /*border-top: 1px solid #e1e3e4;*/ position: relative; background-color:#f5f5f5; padding:14px; margin-top:5px;}
.new-detail .qtyWrap ul > li:first-child {border-top: none;}
.new-detail .qtyWrap ul li .qtyList-close {position: absolute; right: 0; top: 0;}
.new-detail .qtyWrap ul li ol {display: table; width: 100%;}
.new-detail .qtyWrap ul li ol li {display: table-cell; vertical-align: middle; font-size: 14px; line-height: 18px;}
.new-detail .qtyWrap ul li ol li.list1 {padding-right: 8px; text-align: left;}
.new-detail .qtyWrap ul li ol li.list2 {width: 90px; position: relative; text-align: center;}
.new-detail .qtyWrap ul li ol li.list3 {width: 120px; padding: 0; text-align: right;}
.new-detail .qtyWrap ul li ol li.list3 span.price {margin-right: 15px;}
.new-detail .qtyWrap ul li ol li.list2 input {width: 34px; height: 30px; line-height: 30px; text-align: center; display: inline; border: 1px solid #cfcfcf; border-width: 1px 0 1px 0;}
.new-detail .qtyWrap ul li ol li.list2 button {position: absolute; width: 30px; height: 30px; background: #fff; border: 1px solid #cfcfcf; display: inline; font-size:18px; font-weight:100;}
.new-detail .qtyWrap ul li ol li.list2 button.addition {right: 0; background-color: #fff;}
.new-detail .qtyWrap ul li ol li.list2 button.subtract {left: 0;}
.new-detail .qtyWrap ul li ol li.shipping {text-align: left; width: 96px; padding-right: 8px; display: none; }
.new-detail.package2 .sns-popup .sns-area a {line-height: 155px;}
.new-detail.sightseeing2 .sns-popup .sns-area a {line-height: 195px;}

/* Detail > 렌터카 업체 전체보기 */
.rent-info-area {margin-top: 80px;}
.rent-info-area .rent-list-area {margin-top: 120px;}
.rent-info-area .type-bodyA dl.typeA,
.rent-info-area .type-bodyA .inline-group,
.rent-info-area .type-bodyA .inline-group2 {
    margin-top: 75px;
}

/* Event 목록 */
.event-wrap.event-list .bgWrap2 {padding-top: 0;}
.event-list .d-day2 {
    position: absolute; top: 0; right: 10px; z-index: 2;
    width: 54px; height: 54px; line-height: 54px; text-align: center;
    background-color: #f0524c;
}
.event-list .d-day2 span {font-size: 15px; color: #fff;}

/* Event 상세 */
.subContents .event-detail .tabs-wrap > .tabs-left {display: block; width: 100%; border: none !important;}
.subContents .event-detail .tabs-left .product-wrap {margin: 30px 0 30px 0; left: auto;}
.subContents .event-detail2 .tabs-left .product-wrap {
    margin: 0; width:100%; left: auto; background:top no-repeat; background-size: cover;
}
.subContents .event-detail .tabs-left .product-wrap .product-item-area {padding-top: 10px;}
.subContents .event-detail .product-wrap ul.product-list li {width: 100%;}
.event-detail .title-area {padding: 30px 0; position: relative;}
.event-detail2 .title-area {padding: 30px 0; position: relative; display:none;}
.event-detail .title-area .title {
    font-size: 24px; line-height: 32px; color: #333333;
    font-family: "NotoSans", sans-serif;
    padding-right: 80px;
}
.event-detail .title-area .title .date {font-size: 14px; color: #666666; margin-left: 10px;}
.event-detail .title-area .icon-group {position: absolute; top: 28px; right: 0; z-index: 2;}
.event-detail .title-area .icon-group button {background: none; border: none; display: inline-block; margin-left: 10px;}
.event-detail .title-area .icon-group button:first-child {margin-left: 0;}
.event-detail .title-area .sns-popup .sns-area a {line-height: 95px;}
.subContents .event-detail2 .tabs-wrap {border-top:none;}
/* Single Page */
#single-wrapper {width: 750px; margin: 0 auto;}
#single-wrapper #header,
#single-wrapper #main,
#single-wrapper #footer {margin: 0; padding: 0; position: static; background-color: transparent; min-height: 0;}

header.s-head {text-align: center; border-bottom: 1px solid #efefef; margin-bottom: 80px;}

main.s-main .not-icon {text-align: center; margin-bottom: 20px;}
main.s-main .text-wrapper.center {text-align: center;}
main.s-main .text-wrapper .big {font-size: 18px; line-height: 34px; color: #555555;}
main.s-main .text-wrapper .small {font-size: 15px; line-height: 24px; color: #555555; margin-top: 20px;}
main.s-main .bottom-btn {text-align: center; margin-top: 40px;}

footer.s-foot {text-align: center; border-top: 1px solid #efefef; padding-top: 20px; margin-top: 70px;}
footer.s-foot .foot-menu a {
    display: inline-block; vertical-align: middle;
    font-size: 12px; line-height: 18px; color: #555555; position: relative;
}
footer.s-foot .foot-menu a::after {
    content: "|"; display: inline-block;
    margin: 0 4px 0 8px; color: #999999;
}
footer.s-foot .foot-menu a:last-child::after {display: none;}
footer.s-foot .copyright {font-size: 12px; line-height: 18px; color: #555555; margin-top: 4px;}

/* 휴면계정 본인인증 */
.text-typeA-wrapper {text-align: center; border: 1px solid #e1e3e4; padding: 30px 20px; margin-top: 15px;}
.text-typeA-wrapper .big {font-size: 20px; line-height: 34px; color: #555555;}
.text-typeA-wrapper .small {font-size: 15px; line-height: 22px; color: #555555; margin-top: 20px;}

/* 렌트카 라디오 버튼  */
.rent-zone input[type="radio"] {display:none;}
.rent-zone input[type="radio"] + label span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(/images/web/radio/customRadio1.png) top no-repeat;
    cursor:pointer;
}

.rent-zone input[type="radio"]:checked + label span {
    background:url(/images/web/radio/customRadio2.png) top no-repeat;
}

.rent-zone button:disabled,
button[disabled]{
    cursor: wait;
}

.rent-zone select:disabled,
select[disabled] {
    cursor: wait;
}

.rent-zone input[type="checkbox"] {display:none;}
.rent-zone input[type="checkbox"] + label span {
    display:inline-block;
    width:22px;
    height:22px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(/images/web/radio/customRadio1.png) top no-repeat;
    cursor:pointer;
}

.rent-zone input[type="checkbox"]:checked + label span {
    background:url(/images/web/radio/customRadio3.png) top no-repeat;
}

.rent-zone label {font-size:13px; vertical-align:middle; cursor: pointer;}

/* SNS Basic */
.user-login .login-ctWrap.sns-login .lArea {height: 410px !important; margin-right: 396px; padding-left: 52px;}
.user-login .login-ctWrap.sns-login .rArea {top: 171px; right: 52px;}
.user-login .login-ctWrap.sns-login .loginBox {width: 514px; margin: 15px 0 0 0;}
.user-login .login-ctWrap.sns-login .loginBox .user-check {text-align: left; margin: 0 0 12px 95px;}
.user-login .login-ctWrap.sns-login .login table.int-login {width: 388px;}
.user-login .login-ctWrap.sns-login .login-info {border: none; padding: 0 0 0 95px; text-align: left;}
.user-login .login-ctWrap.sns-login .login-info a {text-align: center; min-width: 0; width: 93px;}
.user-login .login-ctWrap.sns-login .user-n .login table.int-login {width: 516px;}
.user-login .login-ctWrap.sns-login .user-n input.phone {width: 97px !important;}
.user-login .login-ctWrap.sns-login .user-n input#hp3 {width: 98px !important;}
.sns-login #user-1,
.sns-login #user-2 {height: 162px;}



/* SNS Login */
.login-sns-wrapper {/*border-top: 1px solid #e9e8e9; padding-top: 20px;*/ width:80%; display:table-cell; text-align: left; padding-bottom:25px;}

.sns-login-area.typeA {text-align: center; list-style: none; margin: auto;}
.sns-login-area.typeA li { float: left; display:block; margin-bottom: 15px;}
.sns-login-area.typeA li img {height: 54px;}
.sns-login-area.typeB {text-align: center;}
.sns-login-area.typeB li {display: inline-block; vertical-align: middle; margin-left: 10px;}
.sns-login-area.typeB li:first-child {margin-left: 0;}
.sns-login-area.typeB li img {height: 54px;}
.member-ctWrap .join-event-banner img {position:relative; float:right;}

#divJoin {margin: 30px 0 15px 0; display:table-caption; text-align:left; }
#divJoin img {height: 54px;}

/* Modal Popup */
.modal {display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8);}
.modal-content {background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 50%;}
.close {color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover,
.close:focus {color: black; text-decoration: none; cursor: pointer;}


/* review-List */
._review {
    margin-top: 75px;
}
.noComment {
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    padding: 30px 0 80px;
    border-top: 2px solid #777;
}
._info-title {
    padding: 20px 0;
    font-size: 20px;
    font-family: "NotoSans B";
}
.review-List .top-wrap {
    position: relative;
    padding-bottom: 20px;
}
.review-List .top-wrap p {
    color: #909090;
    font-size: 14px;
    line-height: 25px;
}
.review-List .top-wrap .comm-btn {
    position: absolute;
    height: 30px;
    line-height: 30px;
    top: 2px;
    right: 0;

}
.review-List .review_user {
    display:block;
}
.review-List .Review-comment {
    margin-top:10px;
    border-top:1px solid #ddd;
}
.review-List .Review-comment:first-child {
    border:none;
    margin:0;
}
.review-List .review_left {
    width: 20%;
    display: inline-block;
    vertical-align:top;
    padding: 25px 8px;
}
.review-List .Review-comment .user_f {
    position:relative;
    width:40px;
    height:40px;
    border-radius: 50px;
    float: left;
}
.review-List .Review-comment .user_info {
    position: relative;
    padding-left:15px;
    float: left;
}
.review-List .Review-comment .user_id {
    line-height: 1.3em;
    margin:0;
    font-size:14px;
    font-weight:600;
    color:rgb(72,72,72);
    font-family: "NotoSans";
}
.review-List .Review-comment .user_info .date {
    line-height:1.2em;
    margin-top:2px;
    font-size: 12px;
    font-weight:400;
    color:rgb(167, 167, 167);
    font-family:"Roboto";
}
.review-List .Review-comment .score-area {
    color: #ffa726;
    line-height:17px;
}
.review-List .Review-comment .show-more {
    margin-bottom:0;
    margin-top:5px;
}
.review-List .review_right {
    width:72%;
    display: inline-block;
    padding:15px;
    font-size:15px;
    font-family: "NotoSans";
}
.review-List .review_right .reviewCom {
    display: inline-block;
    width: 88%;
    background-color:#f7f7f7;
    padding:20px 35px;
    border-radius: 20px;
}
.review-List .review_right ._title {
    font-size:17px;
    font-family: "NotoSans B";
}
.review-List .review_right ._comment {
    margin-top:10px;
    font-size:14px;
}
.review-List .review_right .re {
    display: inline-block;
    width:87%;
    border:1px solid #ccc;
    border-radius: 20px;
    padding:20px 35px;
    margin-top:20px;
    font-size:14px;
}
.review-all {
    text-align: right;
    color:#1964ff;
    cursor: pointer;
    font-size:16px;
    font-weight: 700;
}
.cityTourNight_event {
    margin-top: 30px;
}