/* ==================================================
   .Common
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, 
ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none;}
html {font-family:'Noto Sans KR'; overflow-x:hidden; }
button{overflow: visible;padding:0; border: 0;background: transparent;white-space: nowrap;cursor: pointer;}
button, input, select, textarea {font-family:'Noto Sans KR';}
em { font:inherit; font-weight:600; }
::-webkit-input-placeholder { color: #a4a4a4; }
::-moz-placeholder { color: #a4a4a4; }
::-ms-input-placeholder { color: #a4a4a4; }
select::-ms-expand { display: none; }
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
/*input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;
border: 1px solid #558ab7 !important;
}*/
*:focus { outline:none !important; }
@font-face {
	font-family:'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family:'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@font-face { 
 font-family: 'nanum-square-r'; 
 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
}
select::-ms-expand { display: none; }
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
}
/* ==================================================
	.Layout API
================================================== */
.l-wr { display:block; width:100%; }
.l-ct { display:block; width:1200px; margin:0 auto; }
.l-inline-block, .inline-block { display:inline-block; }
.l-block { display:block; }
.l-ellipsis { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.hidden, .hide { display:none; }
@media all and (min-width:280px) and (max-width:1190px) { /* 화면 작아지면 left:0 */
	.l-wr { width:1200px !important; }
}
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
/* select box arrow bg */
select.searchArrow {
	background:#fff url('/img/common/arrow.gif') no-repeat right 22px center;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/* hover */
button.searchButton,
.linkHover { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
a.linkBlock { display:block; width:100%; height:100%; }
/* checkbox */
label.checkbox { line-height:25px; }
label.checkbox input { opacity:0; position:absolute; }
label.checkbox input, label.checkbox span { display:inline-block; vertical-align:middle; cursor:pointer; }
label.checkbox span { position:relative; color:#808080; font-size:13px; }
label.checkbox input + span:before { content:''; background:#fff; border:1px solid #dddddd; border-radius:2px; display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:8px; text-align:center; padding:1px; }
label.checkbox input + span.icon::before { display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; margin-top:-4px; }
label.checkbox input:checked + span.icon::before { font-family:"Font Awesome 5 Free"; content:"\f00c"; font-weight:900; font-size:12px; line-height:12px; }
/* width 정의 */
.w5 { width:5%; }
.w6 { width:6%; }
.w7 { width:7%; }
.w8 { width:8%; }
.w9 { width:9%; }
.w10 { width:10%; }
.w11 { width:11%; }
.w12 { width:12%; }
.w13 { width:13%; }
.w14 { width:14%; }
.w15 { width:15%; }
.w16 { width:16%; }
.w17 { width:17%; }
.w18 { width:18%; }
.w19 { width:19%; }
.w20 { width:20%; }
.w21 { width:21%; }
.w22 { width:22%; }
.w23 { width:23%; }
.w24 { width:24%; }
.w25 { width:25%; }
.w26 { width:26%; }
.w27 { width:27%; }
.w28 { width:28%; }
.w29 { width:29%; }
.w30 { width:30%; }
.w31 { width:31%; }
.w32 { width:32%; }
.w33 { width:33%; }
.w34 { width:34%; }
.w35 { width:35%; }
.w36 { width:36%; }
.w37 { width:37%; }
.w38 { width:38%; }
.w39 { width:39%; }
.w40 { width:40%; }
.w41 { width:41%; }
.w42 { width:42%; }
.w43 { width:43%; }
.w44 { width:44%; }
.w45 { width:45%; }
.w46 { width:46%; }
.w47 { width:47%; }
.w48 { width:48%; }
.w49 { width:49%; }
.w50 { width:50%; }
.w51 { width:51%; }
.w52 { width:52%; }
.w53 { width:53%; }
.w54 { width:54%; }
.w55 { width:55%; }
.w56 { width:56%; }
.w57 { width:57%; }
.w58 { width:58%; }
.w59 { width:59%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w95 { width:95%; }
.w100 { width:100%; }
.hidden { display:none !important; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

/* ==================================================
	datepicker
================================================== */
body { position:relative; }
.ui-dialog { width:1200px !important; background:none; position:absolute !important; z-index:2; border:none; }
.ui-dialog .ui-dialog-titlebar { display:none !important; }
.ui-dialog .ui-dialog-content { overflow-x:auto; }
body #dateSelectDialog2 { position:fixed !important; z-index:99; top:223px; left:50%; margin-left:-600px; display:none; padding:0; width:1004px !important; background-color:#fff; height:400px !important; min-height:400px !important; overflow:hidden; border:1px solid #dee4ec; -webkit-box-shadow: 0px 0px 0px 5px #00a1e4;
-moz-box-shadow: 0px 0px 0px 5px #00a1e4;
box-shadow: 0px 0px 0px 5px #00a1e4; }
#renewalDatePicker { background-color:#fff; font-family:'Noto Sans KR'; display:block;height:315px  }
#renewalDatePicker .ui-datepicker { display:block; margin-left:0; height:275px !important; }
#renewalDatePicker .ui-widget-content { background-color:transparent; border:none; min-height:auto; height:auto; }
#renewalDatePicker .ui-datepicker .ui-datepicker-title a,
#renewalDatePicker .ui-datepicker .ui-widget-header a { display:none; }
#renewalDatePicker .ui-datepicker a.ui-datepicker-prev,
#renewalDatePicker .ui-datepicker a.ui-datepicker-next { display:block; }

#renewalDatePicker .ui-widget-header .ui-icon { position:absolute; top:150px; display:inline-block; width:34px; height:55px; background-image:url('/theme/basic/img/renewalPc/main/main-kit.png'); }
#renewalDatePicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { background-position:0 -343px; left:-30px; margin-left:0; }
#renewalDatePicker .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { background-position:-34px -343px; right:-30px; left:auto; margin-left:0; }


#renewalDatePicker .ui-datepicker .ui-datepicker-group-first { margin-left:30px; }

/*#renewalDatePicker .ui-datepicker a.ui-datepicker-prev:after,
#renewalDatePicker .ui-datepicker a.ui-datepicker-next:after { content:''; font-family:"Font Awesome 5 Pro"; position:absolute; top:0; color:#000; font-size:25px; }
#renewalDatePicker .ui-datepicker a.ui-datepicker-prev:after { content:'\f053'; }
#renewalDatePicker .ui-datepicker a.ui-datepicker-next:after { content:'\f054'; }*/

#renewalDatePicker .ui-datepicker-multi .ui-datepicker-group table { width:92%; margin:0 4%; font-family:'Noto Sans KR'; }
#renewalDatePicker .ui-datepicker-multi-3 .ui-datepicker-group { background-color:transparent; display:block; width:32%; }
#renewalDatePicker .ui-datepicker .ui-datepicker-group-middle { border:none; }
#renewalDatePicker .ui-datepicker-multi-3 .ui-datepicker-group.ui-datepicker-group-last { margin-bottom:130px; }
#renewalDatePicker .ui-datepicker .ui-datepicker-title,
#renewalDatePicker .ui-datepicker .ui-widget-header { background-color:#fff; color:#404040; font-family:'Noto Sans KR'; text-align:left; }
#renewalDatePicker .ui-datepicker .ui-datepicker-title { width:100%; margin:5px 0 0; font-size:18px; font-weight:500; line-height:26px; padding-left:4%; }
#renewalDatePicker .ui-datepicker th { color:#606060; font-size:16px; font-weight:500 !important; font-family:'Noto Sans KR'; line-height:20px; border-bottom:1px solid #dee4ec; }
#renewalDatePicker .ui-datepicker th:nth-child(1) { color:#ff5252; }
#renewalDatePicker .ui-datepicker th:nth-child(7) { color:#00a1e4; }
#renewalDatePicker .ui-datepicker td { color:#606060; font-weight:500 !important; height:20px; line-height:20px; padding:0; padding-bottom:10px; }
#renewalDatePicker .ui-datepicker td span { color:#606060; font-size:15px; font-weight:500 !important; }
#renewalDatePicker .ui-datepicker td a { color:#606060; font-size:15px; font-weight:500 !important; position:relative; border-radius:0 !important; }
#renewalDatePicker .ui-datepicker td.start-highlight-class a { background-color:#00a1e4 !important; color:#fff !important; border:2px solid #00a1e4 !important; border-right:none !important; border-left:none !important; }
#renewalDatePicker .ui-datepicker td.highlight-class a { background-color:#dee4ec !important; }
#renewalDatePicker .ui-datepicker td.end-highlight-class a { background-color:#00a1e4 !important; color:#fff !important; border:2px solid #00a1e4 !important; border-right:none !important; border-left:none !important; }
#renewalDatePicker .ui-datepicker td.start-highlight-class a:after,
#renewalDatePicker .ui-datepicker td.end-highlight-class a:after { content:''; width:0; height:0; position:absolute; top:-2px; z-index:1; }
#renewalDatePicker .ui-datepicker td.start-highlight-class a:after { border-style:solid; border-width:15px 0 15px 6px; border-color:transparent transparent transparent #00a1e4;  right:-6px;  }
#renewalDatePicker .ui-datepicker td.end-highlight-class a:after { border-style:solid; border-width:15px 6px 15px 0; border-color:transparent #00a1e4 transparent transparent; left:-6px; }
#renewalDatePicker .ui-datepicker td.start-highlight-class a:before,
#renewalDatePicker .ui-datepicker td.end-highlight-class a:before { display:block; color:#00a1e4; font-size:11px; font-weight:400; position:absolute; bottom:-19px; left:1px; margin-left:0; z-index:1; background-color:transparent; width:auto; height:auto; border-radius:0; box-shadow:none; }
#renewalDatePicker .ui-datepicker td.start-highlight-class a:before { content:'인수일'; }
#renewalDatePicker .ui-datepicker td.end-highlight-class a:before { content:'반납일' !important; }
#renewalDatePicker td.ui-datepicker-today a { color:#606060 !important; }
#renewalDatePicker .ui-datepicker-row-break { display:none; }
#renewalTimePicker { display:block; background-color:#fff; border-top:1px solid #dee4ec; }
#renewalTimePicker ul.timePicker { position:absolute; bottom:20px; left:10px; }
#renewalTimePicker ul.timePicker > li { text-align:center; display:inline-block; width:227px; }
#renewalTimePicker ul.timePicker .pickerLabel { color:#404040; font-size:17px; font-weight:600; line-height:20px; text-align:center; }
#renewalTimePicker ul.timePicker .timeList { color:#3b3b3b; font-size:16px; font-weight:500; line-height:30px; height:30px; border:2px solid #00a1e4; border-radius:5px; margin-top:4px; width:100%; text-align-last:center; }
#renewalTimePicker .nextButton { width:100%; background-color:#00a1e4; color:#fff; font-size:16px; font-weight:600; line-height:30px; margin-top:7px; border-radius:5px; }



/* ==================================================
	header
================================================== */
nav.gnb ul.l__gnb > li > a { display:block; line-height:82px; font-family:'Noto Sans KR'; font-size:18px; font-weight:500; }
.boardMemoTitle { line-height:20px; }

/* ==================================================
	search
================================================== */
/* index */
section.mainsearchSection { height:90px; background-color:rgba(15,32,49,0.85); padding-top:15px; margin-top:-4px; }
section.mainsearchSection .searchInline { display:inline-block; vertical-align:top; }
section.mainsearchSection .searchCalendar { background-color:#fff; padding:5px 20px; width:520px; height:60px; position:relative; }
section.mainsearchSection .searchCalendar .searchIcon { position:absolute; top:36px; left:249px; }
section.mainsearchSection .dateTable { display:table; width:100%; font-family:'Noto Sans KR'; }
section.mainsearchSection .dateTable .dateCell { display:table-cell; width:50%; vertical-align:top; }
section.mainsearchSection .dateTable .dateCell.fromto .searchLabel { padding-left:30px; }
section.mainsearchSection .dateTable .dateCell.fromto .searchPicker { padding-left:30px; }
section.mainsearchSection .searchCalendar .searchLabel { color:#484848; font-size:14px; font-weight:600; line-height:18px; border-bottom:1px solid #dee4ec; padding-bottom:4px; }
section.mainsearchSection .searchCalendar .searchPicker { margin-top:5px; }
section.mainsearchSection .searchCalendar .searchPicker > span { display:inline-block;  font-weight:500; line-height:22px; }
section.mainsearchSection .searchCalendar .searchDate { color:#484848; font-size:17px; }
section.mainsearchSection .searchCalendar .searchTime { color:#5b9ed6; font-size:15px; margin-left:5px; }
section.mainsearchSection .searchType { background-color:#fff; padding:6px 0 0 20px; width:420px; height:60px; }
section.mainsearchSection .typeTable { display:table; width:100%; font-family:'Noto Sans KR'; }
section.mainsearchSection .typeTable .typeCell { display:table-cell; vertical-align:top; }
section.mainsearchSection .searchType .typeSummary { padding-right:2px; width:77px; }
section.mainsearchSection .searchType .searchCheck { width:71px; height:21px; line-height:21px; background-color:#a6a6a6; color:#fff; font-size:14px; text-align:center; border-radius:7px; margin-bottom:5px; display:inline-block; margin-right:2px; }
section.mainsearchSection .searchType .searchCheck.checkTitle { background-color:#fff; color:#484848; font-size:12px; font-family:'Noto Sans KR'; font-weight:500; }
section.mainsearchSection .searchType .searchCheck label { display:block; border-radius:7px; cursor:pointer; }
section.mainsearchSection .searchType .searchCheck input.checkbox { display:none; }
section.mainsearchSection .searchType .searchCheck input.checkbox:checked + label,
section.subsearchSection .searchType .searchCheck input.checkbox:checked + label { background-color:#00a1e4; }
section.mainsearchSection div.searchButton { margin-left:1px; }
section.mainsearchSection .searchButton { width:248px; height:60px; line-height:60px; text-align:center; background-color:#3556ab; color:#fff; font-size:16px; font-weight:600; }
/* list */
.subsearch { height:94px; position:relative; border:1px solid #00a1e4; }
.subsearch section.mainsearchSection { position:absolute; left:0; top:0; z-index:1; height:90px; padding-top:15px; }
section.subsearchSection { background-color:#fff; margin-top:0; }
section.subsearchSection .searchButton { width:235px; }
/* booking */
section.mainsearchSection.booksearchSection { margin:10px 0 15px; background-color:#fff; height:105px; }
section.mainsearchSection.booksearchSection .searchCalendar { padding:5px 0; width:100%; height:auto; }
section.mainsearchSection.booksearchSection .dateInline { display:inline-block; vertical-align:top; width:365px; }
section.mainsearchSection.booksearchSection .fromto { margin-left:22px; position:relative; }
section.mainsearchSection.booksearchSection .fromto:before { content:''; width:2px; height:48px; background-color:#dee4ec; position:absolute; left:-12px; top:38px; }
section.mainsearchSection.booksearchSection .searchLabel { color:#4e576f; font-size:16px; font-weight:500; line-height:22px; border:none; padding-bottom:10px; }
section.mainsearchSection.booksearchSection .searchPicker { text-align:center; border:1px solid #5b9ed6; height:48px; line-height:48px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
section.mainsearchSection.booksearchSection .searchPicker:hover { background-color:#5b9ed6; }
section.mainsearchSection.booksearchSection .searchPicker:hover .searchDate,
section.mainsearchSection.booksearchSection .searchPicker:hover .searchTime { color:#fff; }
section.mainsearchSection.booksearchSection .searchDate { font-size:18px; }
section.mainsearchSection.booksearchSection .searchTime { font-size:18px; }
/* ==================================================
	index
================================================== */
/* 베스트 */
section.bestSection { margin-top:30px; }
section.bestSection h1.sectionTitle { color:#404040; font-family:'Noto Sans KR'; font-size:24px; font-weight:500; line-height:32px; padding-bottom:10px; border-bottom:1px solid #dee4ec; margin-bottom:10px; }
section.bestSection h1.sectionTitle .titleMemo { display:inline-block; color:#767676; font-size:14px; font-weight:400; margin-left:5px; }
section.bestSection .bestMenu { width:100%; margin-bottom:8px; border:1px solid #dee4ec; display:table; }
section.bestSection .bestMenu .bestInline { display:table-cell; vertical-align:top; }
section.bestSection .bestMenu .bestBanner img { width:235px; height:343px; }
/* 베스트 subject */
section.bestSection .bestTitle > a { display:block; width:164px; height:343px; }
section.bestSection .bestTitle p { display:block; margin-left:20px; color:#fff; font-family:'Noto Sans KR'; }
section.bestSection .bestTitle .titleSubject { font-size:27px; font-weight:600; line-height:32px; padding-top:30px; }
section.bestSection .bestTitle .titleMore { font-size:14px; font-weight:400; line-height:18px; margin-top:7px; }
section.bestSection .bestTitle .titleIns { font-size:16px; font-weight:600; line-height:20px; margin-top:165px; }
section.bestSection .bestTitle .titleMemo { font-size:14px; font-weight:400; line-height:18px; margin-top:8px; }
/* 베스트 banner */
section.bestSection .bestBanner > a { display:block; width:235px; height:343px; }
/* 베스트 list */
section.bestSection .bestList { padding:5px 0 0 1px; text-align:left; position:relative; width:780px; }
section.bestSection .bestList .bx-prev,
section.bestSection .bestList .bx-next { width:34px; height:55px; display:inline-block; background-image:url('/theme/basic/img/renewalPc/main/main-kit.png'); position:absolute; top:135px; font-size:0; }
section.bestSection .bestList .bx-prev { background-position:0 -343px; left:0; }
section.bestSection .bestList .bx-next { background-position:-34px -343px; right:0; }
section.bestSection ul.itemList { height:338px; overflow:hidden; }
/* best menu bg */
section.bestSection .bestTitle { width:164px; height:343px; display:inline-block; background-image:url('/theme/basic/img/renewalPc/main/main-kit.png'); }
section.bestSection .bestTitle.type1 { background-position:0 0; }
section.bestSection .bestTitle.type2 { background-position:-164px 0; }
section.bestSection .bestTitle.type3 { background-position:-328px 0; }
section.bestSection .bestTitle.type4 { background-position:-492px 0; }
section.bestSection .bestTitle.type5 { background-position:-656px 0; }
section.bestSection .bestTitle.type6 { background-position:-820px 0; }
section.bestSection .bestTitle.type7 { background-position:-984px 0; }
section.bestSection .bestTitle.type8 { background-position:-1148px 0; }
/* banner */
section.bannerSection { background-size:cover; background-position:center; height:201px; margin-top:60px; }
/* feed API */
section.feedSection { margin-top:45px; }
section.feedSection h1.sectionTitle { color:#404040; font-size:24px; font-weight:500; line-height:40px; text-transform:uppercase; margin-bottom:36px; }
section.feedSection h1.sectionTitle .memo { display:inline-block; color:#00a1e4; font-weight:300; text-transform:lowercase; }
section.feedSection h1.sectionTitle .memo i.fab { font-size:30px; margin:0 3px 0 10px; }
section.feedSection #instafeed a { display:inline-block; width:285px; height:285px; margin-bottom:20px; }
section.feedSection #instafeed a img { width:285px; height:285px; }
section.feedSection #instafeed a:not(:nth-child(4n)) { margin-right:15px; }
/* ==================================================
	list
================================================== */
/* common */
section.itemSection {}
section.itemSection ul.itemList > li { display:inline-block; width:260px; height:334px; border:1px solid #dee4ec; position:relative; vertical-align:top; }
section.itemSection ul.itemList > li > a { display:block; height:334px; }
section.itemSection ul.itemList > li .bz-deco-img { position:absolute; top:0; width:100%; height:33px; }
section.itemSection ul.itemList .itemThumb { display:block; height:165px; background-size:contain; background-repeat:no-repeat; background-position:center; margin-top:10px; }
section.itemSection ul.itemList .itemContent { display:block; font-family:'Noto Sans KR'; }
section.itemSection ul.itemList .itemContent .itemTitle { height:52px; margin-bottom:8px; }
section.itemSection ul.itemList .itemContent .itemTitle > p { background-color:#dee4ec; padding:6px 20px; color:#404040; font-size:15px; font-weight:600; line-height:20px; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
section.itemSection ul.itemList .itemContent .itemMemo { padding:0 20px;margin-bottom: 10px; }
section.itemSection ul.itemList .itemContent .itemMemo > p { color:#404040; font-size:13px; font-weight:600; line-height:18px; }
section.itemSection ul.itemList .itemContent .itemPrice { padding:0 18px; margin-top:15px; }
section.itemSection ul.itemList .itemContent .itemPrice > p { display:inline-block; line-height:30px; font-weight:600; }
section.itemSection ul.itemList .itemContent .itemPrice .priceMemo { color:#808080; font-size:13px; width:92px; }
section.itemSection ul.itemList .itemContent .itemPrice .price { color:#d12224; font-size:18px; width:120px; }
section.itemSection ul.itemList .itemContent .itemPrice .price > span { font-size:26px; font-family:'nanum-square-r'; }
/* sub */
section.itemSection.subContent {}
section.itemSection.subContent ul.itemList > li { margin-bottom:15px; width:288px; }
section.itemSection.subContent ul.itemList > li:not(:nth-child(4n+1)) { margin-right:16px; }
section.itemSection.subContent ul.itemList > li .itemPic { position:absolute; top:235px; right:5px; background-color:#dee4ec; border-radius:5px; color:#404040; font-size:13px; font-weight:500; line-height:24px; height:24px; padding:0 5px; }
section.itemSection.subContent ul.itemList > li .itemPic2 { position:absolute; top:235px; right:70px; background-color:#dee4ec; border-radius:5px; color:#404040; font-size:13px; font-weight:500; line-height:24px; height:24px; padding:0 5px; }
section.itemSection.subContent ul.itemList > li .itemPic3 { position:absolute; top:263px; right:5px; background-color:#ffe699; border-radius:5px; color:#404040; font-size:13px; font-weight:500; line-height:24px; height:24px; padding:0 5px; }
section.itemSection.subContent ul.itemList > li > a.itemLinkThumb { height:175px; }
section.itemSection.subContent ul.itemList .itemThumb { background-size:contain; }
section.itemSection.subContent ul.itemList .itemContent .itemPrice .priceMemo { width:100px; }
section.itemSection.subContent ul.itemList .itemContent .itemPrice .price { width:142px; }
section.itemSection.subContent .bz-reservation-button { background-color:transparent; }
/* modal */
section.itemSection.subContent .modalPopup { display:none; }
section.itemSection.subContent .modalPopup.current { display:block; }
section.itemSection.subContent .modalPopup .modalContent { position:fixed; left:50%; margin-left:-450px; z-index:2; width:900px; background-color:#fff; border-radius:15px; padding:25px 25px; top:15%; }
section.itemSection.subContent .modalPopup .modalBack { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1; }
section.itemSection.subContent .modalPopup .modalContent .modalHead { color:#404040; font-size:18px; font-weight:600; font-family:'Noto Sans KR'; line-height:24px; margin-bottom:20px; display:block; }
section.itemSection.subContent .modalPopup .modalContent .modalBody { border-top:1px solid #dee4ec; padding-top:25px; display:block; }
section.itemSection.subContent .modalPopup .modalContent .modalBody .picInline { display:inline-block; vertical-align:top; }
section.itemSection.subContent .modalPopup .modalContent .modalBody .picView { width:500px; height:450px; background-size:contain; background-position:center; background-repeat:no-repeat; }
section.itemSection.subContent .modalPopup .modalContent .modalBody .picList { margin-left:15px; width:310px; }
section.itemSection.subContent .modalPopup .modalContent .modalBody .picList .picThumb { display:inline-block; width:150px; height:100px; margin-right:5px; margin-bottom:5px; }
section.itemSection.subContent .modalPopup .modalContent .modalBody .picList img { display:inline-block; width:150px; height:100px; margin-right:5px; margin-bottom:5px; }
section.itemSection.subContent .modalPopup .modalContent .modalBody .modalButton { width:100%; height:35px; line-height:35px; background-color:#3556ab; text-align:center; color:#fff !important; font-size:16px; font-weight:600; margin-top:25px; display:block; border-radius:10px; }
section.itemSection.subContent .modalAlert .modalContent { position:fixed; left:50%; margin-left:-175px; z-index:2; width:330px; background-color:#fff; border-radius:15px; padding:25px 4%; top:50%; margin-top:-85px; }
/* realcar list */
ul.realrentList {  }
ul.realrentList li { height:370px !important; }
ul.realrentList .buttonList {}
ul.realrentList .buttonList .bookingButton { display:inline-block; float:left; width:50%; text-align:center; height:32px; line-height:32px; font-size:16px; font-weight:500; }
ul.realrentList .buttonList .realButton { background-color:#00a1e4; color:#fff; }
ul.realrentList .buttonList .rentButton { background-color:#ffe699; color:#404040; }
ul.realrentList .buttonList .rentButtonOpen { background-color:#00a1e4; color:#fff; }
ul.realrentList .buttonList .realButtonClose { background-color:#a6a6a6; color:#fff; cursor:default; }
#display_pay_button .btn_submit { padding:18px 30px !important; }
/* ==================================================
	sub
================================================== */
.subContent { margin-top:50px; }
/* 예약단 */
section.orderCommonSection { margin-bottom:45px; }
section.orderCommonSection .sectionTitle { color:#3556ab; font-size:22px; font-weight:600; font-family:'Noto Sans KR'; line-height:30px; border-bottom:1px solid #dee4ec; padding-bottom:5px; margin-bottom:15px; }
section.orderCommonSection .sectionTitle .memo { color:#9a9a9a; font-size:13px; font-weight:500; display:inline-block; margin-left:5px; }
section.orderCommonSection .sectionTitle .memo2 { color:#404040; font-size:13px; font-weight:600; display:inline-block; margin-left:5px; }
section.orderCommonSection .sectionTitle i.fas { float:right; }
/* 대여정보 */
section.bookingCarSection .carList { display:block; border:1px solid #e1e1e2; border-top:2px solid #3556ab; }
section.bookingCarSection .carList > .carItem { display:inline-block; vertical-align:top; font-family:'Noto Sans KR'; }
section.bookingCarSection .carList .itemThumb { width:100%; height:250px; background-size:contain; background-repeat:no-repeat; background-position:center; }
section.bookingCarSection .carList .itemThumMemo { color:#9a9a9a; font-size:13px; font-weight:500; line-height:20px; margin-top:10px; text-align:center; }
section.bookingCarSection .carList .itemTag { display:block; width:340px; height:48px; border:1px solid #00a1e4; text-align:center; margin:16px auto; color:#00a1e4; font-size:15px; line-height:48px; }
section.bookingCarSection .carList .itemTag > i { margin-left:5px; }
section.bookingCarSection .carList .itemContent { padding:15px 10px; position:relative; }
section.bookingCarSection .carList .itemTitle { color:#4e576f; font-size:22px; font-weight:600; line-height:30px; margin-top:30px; border-bottom:1px solid #dee4ec; padding-bottom:10px; }
section.bookingCarSection .carList .optionLabel { color:#4e576f; font-size:16px; font-weight:500; line-height:22px; border:none; padding-bottom:4px; }
section.bookingCarSection .carList ul.optiionList { margin-top:8px; border-bottom:1px solid #dee4ec; padding-bottom:23px; height:106px; }
section.bookingCarSection .carList ul.optiionList > li { display:inline-block; color:#4e576f; font-size:14px; line-height:28px; border:1px solid #5b9ed6; border-radius:15px; padding:0 14px; }
section.bookingCarSection .carList .carPrice { display:block; margin-left:35px; margin-bottom:20px; }
section.bookingCarSection .carList .carPrice .priceInline { display:inline-block; vertical-align:top; }
section.bookingCarSection .carList .carPrice .priceInline > p { display:inline-block; vertical-align:top; line-height:30px; }
section.bookingCarSection .carList .carPrice .priceMemo { color:#4e576f; font-size:13px; font-weight:600; }
section.bookingCarSection .carList .carPrice .priceUsed { color:#4e576f; font-size:14px; margin-right:15px; }
section.bookingCarSection .carList .carPrice .price { color:#9a9a9a; font-size:18px; }
section.bookingCarSection .carList .carPrice .price > span { color:#dc2827; font-size:32px; font-weight:600; font-family:'nanum-square-r'; }
/* 예약자정보 */
section.orderCommonSection table.inputTable { border:1px solid #e1e1e2; }
section.orderCommonSection table.inputTable { width:100%; margin-top:5px; }
section.orderCommonSection table.inputTable th,
section.orderCommonSection table.inputTable td { border:1px solid #e1e1e2; font-size:16px; font-family:'Noto Sans KR'; line-height:30px; vertical-align:middle; }
section.orderCommonSection table.inputTable th { color:#444444; font-weight:500; background-color:#f6f6f6; text-align:left; padding:10px 10px; }
section.orderCommonSection table.inputTable td { padding:10px 10px; }
section.orderCommonSection table.inputTable td.price { color:#00a1e4; font-size:18px; font-weight:600; text-align:right; }
section.orderCommonSection table.inputTable .orderInput { line-height:30px; color:#3b3b3b; border:1px solid #e1e1e2; padding:0 5px; }
section.orderCommonSection table.inputTable textarea.orderInput { line-height:20px; height:60px; color:#3b3b3b; border:1px solid #e1e1e2; padding:5px 5px; width:100%; margin-top:5px; }
/* 부가서비스 */
section.serviceSection {}
section.serviceSection h2.sectionTitle i.fas { float:right; margin-top:5px; }
section.serviceSection ul.serviceList { display:none; }
section.serviceSection ul.serviceList > li { display:block; width:100%; padding:10px 0; border-bottom:1px solid #dee4ec; }
section.serviceSection ul.serviceList p { color:#a6a6a6; font-size:12px; font-weight:500; line-height:15px; }
section.serviceSection .serviceBlock { margin-top:5px; display:block; }
section.serviceSection .serviceInline { display:inline-block; vertical-align:top; }
section.orderCommonSection select.orderSelect { width:100%; height:30px; color:#3b3b3b; line-height:30px; padding:0 2%; border:1px solid #dee4ec; border-radius:5px; background:url('/theme/basic/img/renewal/common/arrow.gif') no-repeat right 5px top 50%; background-size:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
section.serviceSection .serviceButton { background-color:#a6a6a6; color:#fff; font-size:14px; font-weight:500; width:100%; height:30px; line-height:30px; border-radius:5px; text-align:center; }
section.serviceSection .serviceButton a { color:#fff; }
section.serviceSection .serviceButton:focus { background-color:#00a1e4; }
section.serviceSection .servicePrice { color:#a6a6a6; font-size:16px; font-weight:600; line-height:30px; text-align:right; }
section.serviceSection .servicePrice.current { color:#00a1e4; }
/* 서비스모달 */
section.serviceSection #modalPop { display:none; }
section.serviceSection #modalPop.current { display:block; }
section.serviceSection .modalContent { position:fixed; left:50%; z-index:2; width:400px; background-color:#fff; border-radius:15px; padding:25px; bottom:50px; margin-left:-200px; }
section.serviceSection .modalBack { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1; }
section.serviceSection .modalContent .modalHead { color:#404040; font-size:18px; font-weight:600; line-height:24px; margin-bottom:20px; }
section.serviceSection .modalContent .modalBody { border-top:1px solid #dee4ec; padding-top:25px; color:#404040; font-size:14px; line-height:18px; letter-spacing:-0.5px; }
section.serviceSection .modalContent .modalBody img { max-width:100% !important; }
section.serviceSection .modalContent .modalBody .modalButton { width:100%; height:35px; line-height:35px; background-color:#00a1e4; text-align:center; color:#fff !important; font-size:16px; font-weight:600; margin-top:25px; display:block; border-radius:10px; }
/* 약관동의 */
section.orderTermsSection	.termInline { display:inline-block; vertical-align:top; }
section.orderTermsSection ul.joinOptionList {  }
section.orderTermsSection ul.joinOptionList > li { display:block; margin-bottom:10px; }
section.orderTermsSection ul.joinOptionList > li.current { background-color:#00a1e4; }
section.orderTermsSection ul.joinOptionList > li.current .optionHeader { border:1px solid #00a1e4; }
section.orderTermsSection li.current label.optionJoinCheckbox input:checked + span { background-color:#fff; color:#00a1e4; }
section.orderTermsSection ul.joinOptionList > li .optionHeader { line-height:26px; border:1px solid #dee6ec; padding:12px 15px; }
section.orderTermsSection label.optionJoinCheckbox { display:inline-block; position:relative;  }
section.orderTermsSection label.optionJoinCheckbox input { opacity:0; position:absolute; display:none; }
section.orderTermsSection label.optionJoinCheckbox input,
section.orderTermsSection label.optionJoinCheckbox span { display:inline-block; vertical-align:middle; cursor:pointer; font-family:'Noto Sans KR'; }
section.orderTermsSection label.optionJoinCheckbox span { color:#fff; font-size:14px; font-weight:400; vertical-align:top; line-height:26px; width:280px; height:26px; border-radius:3px; display:inline-block; text-align:left; background-color:#aaaaaa; padding-left:15px; }
section.orderTermsSection label.optionJoinCheckbox i.fa-check { margin-right:5px; }
section.orderTermsSection label.optionJoinCheckbox input:checked + span { background-color:#00a1e4; }
section.orderTermsSection .optionHeader .optionJoinMore { float:right; }
section.orderTermsSection .optionHeader .optionTerms button.optionJoinButton { color:#fff; font-size:14px; font-weight:400; vertical-align:top; line-height:26px; width:145px; height:26px; border-radius:3px; display:inline-block; text-align:center; background-color:#404040; margin-left:13px; font-family:'Noto Sans KR'; }
section.orderTermsSection .optionBody { background-color:#f6f6f6; padding:20px 35px 35px; display:none; height:150px; overflow-y:auto !important; }
/* 안내사항 */
section.orderGuideSection .guideList {  }
section.orderGuideSection .guideList > span { display:inline-block; width:197px; background-color:#a6a6a6; color:#fff; font-size:16px; font-weight:500; line-height:45px; text-align:center; border-radius:5px; margin-bottom:4px; cursor:pointer; }
section.orderGuideSection .guideList > span.current { background-color:#00a1e4; }
section.orderGuideSection .guideContent { border:1px solid #e1e1e2; padding:3%; margin-top:5px; display:none; }
section.orderGuideSection .guideContent.current { display:block; }

/* 예약완료 */
section.vehicleLayout { border:1px solid #e1e1e1; margin-top:25px; padding:15px; background-color:#fff; font-family:'Noto Sans KR'; }
.vehicleLayoutTilte { color:#404040; font-size:22px; font-weight:600; line-height:30px; margin-bottom:10px; font-family:'Noto Sans KR'; }
.vehicleLayoutTilte.innerTitle { margin-top:35px; }
.vehicleLayoutTilte > span { display:inline-block; }
.vehicleLayoutTilte .titlePoint { color:#00a1e4; }
.vehicleLayoutTilte .titleMemo { color:#929292; font-size:14px; font-weight:500; margin-left:20px; }
section.vehicleLayout .bookingLayout { margin-bottom:50px; }
section.vehicleLayout .bookingLayout h2.bookingTitle { color:#404040; font-size:18px; font-weight:500; font-family:'Noto Sans KR'; line-height:35px; }
section.vehicleLayout table.bookingTable { width:100%; margin-top:10px; }
section.vehicleLayout table.bookingTable th,
section.vehicleLayout table.bookingTable td { border:1px solid #e1e1e1; line-height:22px; padding:10px 0; vertical-align:middle; }
section.vehicleLayout table.bookingTable thead th { background-color:#f0f0f0; color:#404040; font-size:16px; font-weight:600; text-align:center; }
section.vehicleLayout table.bookingTable tbody th { background-color:#fafafa; padding-left:65px; text-align:left; }
section.vehicleLayout table.bookingTable tbody td { font-size:14px; padding:10px; }
section.vehicleLayout table.bookingTable span { display:inline-block; }
section.vehicleLayout table.bookingTable .fontMemo { margin-left:25px; }
section.vehicleLayout table.bookingTable .carPrice { font-size:18px; font-weight:600; }
section.vehicleLayout table.bookingTable hr.carInfoBorder { border:none; margin:15px 0; width:100%; height:1px; background-color:#f0f0f0; display:block; }
section.vehicleLayout table.bookingTable.bookingCar td { padding-left:20px; }
section.vehicleLayout table.bookingTable.bookingCar td.carThumb { padding:10px; }
section.vehicleLayout table.bookingTable.bookingCar td.carThumb figure { display:block; width:100%; height:275px; background-size:cover; background-repeat:no-repeat; background-position:center; }
section.vehicleLayout table.bookingTable.bookingCar p.carTitle { line-height:24px; padding:5px 0 0; color:#404040; font-size:16px; }
section.vehicleLayout table.bookingTable.bookingCar p.carInfo { line-height:24px; padding:5px 0; }
section.vehicleLayout table.bookingTable.bookingCar p.carInfo .carSubject { width:70px; }
section.vehicleLayout table.bookingTable.bookingCar p.carInfo .carPriceSubject { width:45px; }
a.orderLink { height:50px; line-height:50px; background-color:#00a1e4; color:#fff; font-size:20px; font-weight:600; font-family:'Noto Sans KR'; text-align:center; display:block; margin:15px auto 10px; }
button.orderLink { height:50px; line-height:50px; background-color:#00a1e4; color:#fff; font-size:20px; font-weight:600; font-family:'Noto Sans KR'; text-align:center; display:block; margin:15px auto 10px; }
.fontGrey { color:#727272; }
.fontRed { color:#b63128; }
.fontYellow { color:#af8a0b; }
.fontBlue { color:#2850b6; }
.fontTrueRed { color:#b62828; }
.fontBold500 { font-weight:500; }
.fontBold600 { font-weight:600; }

/* 2019년 11월 21일 추가 수정 */
.vehicleLayoutTilte.orderComplete .titleMemo { display:block; margin:0; line-height:18px; }

/*2022.01.14 이벤트게시판 스킨 변경*/
div.event_form_v2 {
	width: 100%;
	display: inline-block;
	height: auto;
	margin-bottom: 30px;
}

div.event_form_v2 ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: inline-block;
	height: auto;
}
div.event_form_v2 ul li {
	float: left;
	width: 100%;
	height: 41px;
	border-bottom: 1px solid #ddd;
	display: flex;
}
div.event_form_v2 ul li span.form-head {
	/*display: inline-block; */
	flex: 1;
	/* height: 100%; */
	/* padding: 10px; */
	background: #191919;
	color: #fff;
	line-height: 40px;
	/* border-bottom: 1px solid #fff; */
	padding-left: 20px;
}
div.event_form_v2 ul li span.form-body {
	/* display: inline-block; */
	flex: 9;
	/* height: 100%; */
	/* padding: 20px; */
	background: #f5f8f9;
	line-height: 40px;
	padding-left: 20px;
}


div.event_form_v2 ul li span.form-body input.w1 {
	width: 150px;
	border: 1px solid #ddd;
}

div.event_form_v2 ul li span.form-body input.w2 {
	width: 80px;
	border: 1px solid #ddd;
}

div.event_form_v2 ul li span.form-body textarea.w3 {
	width: 90%;
	border: 1px solid #ddd;
}
div.event_form_v2 ul li button {
	width: 100%;
	background: #ff0000;
	color: #fff;
	padding: 10px 0px;
  line-height: 20px;
}

div.event_form_v2 ul li span.form-body div.form-div{
	display: inline-block;
	width: 400px;
	border: 0px solid #000;
	height: auto;
	margin-right: 20px;
  vertical-align: top;
}

div.event_form_v2 ul li span.form-body div.form-div b{
	float: right;
	cursor: pointer;
}

div.event_form_v2 ul li span.form-body div.form-div div.agree-contents {
	font-size: 12px;
	border: 1px solid #000;
	line-height: 16px;
	height: 80px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #2850b6;
	color: #fff;
	padding: 5px;
	display: none;
	margin-bottom: 10px;
}