@charset "utf-8";
/* ==================================================
   .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;}
p {margin:0;padding:0;word-break:break-all}
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:'Nanum Barun Gothic', sans-serif;}
button{overflow: visible;padding:0; border: 0;background: transparent;white-space: nowrap;cursor: pointer;}
button, input, select, textarea {font-family:'Nanum Barun Gothic', sans-serif;}
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; }
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family:'Nanum Barun Gothic', sans-serif;}
textarea {border-radius:0;-webkit-appearance:none}
select {margin:0; background-color:transparent;}
* {
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-user-select:none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
	-webkit-tap-highlight-color: transparent;
}
/*iphone input, select, textare zoom in 현상 제거*/
html.iphone select,html.iphone input,html.iphone select:focus,html.iphone input:focus{
	font-size:16px !important;
}
html.iphone select { background-image:url('/theme/basic/img/common/select-arrow.png'); background-repeat:no-repeat; background-position:top 50% right 1%; -webkit-appearance:none }
html.iphone input, html.iphone input:before, html.iphone input:after, html.iphone textarea, html.iphone textarea:before, html.iphone textarea:after{
      -webkit-user-select: initial;
      -khtml-user-select: initial;
      -moz-user-select: initial;
      -ms-user-select: initial;
      user-select: initial;
     } 
/* ==================================================
	icon
================================================== */
@font-face {
  font-family: 'fontello';
  src: url('/font/fontello.eot?99637269');
  src: url('/font/fontello.eot?99637269#iefix') format('embedded-opentype'),
       url('/font/fontello.woff2?99637269') format('woff2'),
       url('/font/fontello.woff?99637269') format('woff'),
       url('/font/fontello.ttf?99637269') format('truetype'),
       url('/font/fontello.svg?99637269#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.icon-search:before { content: '\e800'; } /* '' */
.icon-up-dir:before { content: '\e801'; } /* '' */
.icon-pencil:before { content: '\e802'; } /* '' */
.icon-doc:before { content: '\e803'; } /* '' */
.icon-wrench:before { content: '\e804'; } /* '' */
.icon-left-dir:before { content: '\e805'; } /* '' */
.icon-right-dir:before { content: '\e806'; } /* '' */
.icon-down-dir:before { content: '\e807'; } /* '' */
.icon-basket:before { content: '\e808'; } /* '' */
.icon-check:before { content: '\e809'; } /* '' */
.icon-cancel:before { content: '\e80a'; } /* '' */
.icon-plus:before { content: '\e80b'; } /* '' */
.icon-flight:before { content: '\e80c'; } /* '' */
.icon-up-big:before { content: '\e80d'; } /* '' */
.icon-down-big:before { content: '\e80e'; } /* '' */
.icon-location:before { content: '\e80f'; } /* '' */
.icon-tags:before { content: '\e810'; } /* '' */
.icon-calendar:before { content: '\e811'; } /* '' */
.icon-mail:before { content: '\e812'; } /* '' */
.icon-pin:before { content: '\e813'; } /* '' */
.icon-ok:before { content: '\e814'; } /* '' */
.icon-clock:before { content: '\e815'; } /* '' */
.icon-block:before { content: '\e816'; } /* '' */
.icon-phone:before { content: '\e817'; } /* '' */
.icon-truck:before { content: '\e818'; } /* '' */
.icon-flag:before { content: '\e819'; } /* '' */
.icon-videocam:before { content: '\e81a'; } /* '' */
.icon-picture:before { content: '\e81b'; } /* '' */
.icon-camera:before { content: '\e81c'; } /* '' */
.icon-camera-alt:before { content: '\e81d'; } /* '' */
.icon-heart:before { content: '\e81e'; } /* '' */
.icon-star:before { content: '\e81f'; } /* '' */
.icon-th-list:before { content: '\e820'; } /* '' */
.icon-home:before { content: '\e821'; } /* '' */
.icon-gift:before { content: '\e822'; } /* '' */
.icon-user:before { content: '\e823'; } /* '' */
.icon-users:before { content: '\e824'; } /* '' */
.icon-chat-1:before { content: '\e825'; } /* '' */
.icon-heart-empty:before { content: '\e826'; } /* '' */
.icon-megaphone:before { content: '\e827'; } /* '' */
.icon-credit-card:before { content: '\e828'; } /* '' */
.icon-headphones:before { content: '\e829'; } /* '' */
.icon-left-big:before { content: '\e82a'; } /* '' */
.icon-right-big:before { content: '\e82b'; } /* '' */
.icon-left-open:before { content: '\e82c'; } /* '' */
.icon-right-open:before { content: '\e82d'; } /* '' */
.icon-down-open:before { content: '\e82e'; } /* '' */
.icon-up-open:before { content: '\e82f'; } /* '' */
.icon-asterisk:before { content: '\e830'; } /* '' */
.icon-bookmark:before { content: '\e831'; } /* '' */
.icon-thumbs-up:before { content: '\e832'; } /* '' */
.icon-thumbs-down:before { content: '\e833'; } /* '' */
.icon-download:before { content: '\e834'; } /* '' */
.icon-upload:before { content: '\e835'; } /* '' */
.icon-forward:before { content: '\e836'; } /* '' */
.icon-export:before { content: '\e837'; } /* '' */
.icon-edit:before { content: '\e838'; } /* '' */
.icon-print:before { content: '\e839'; } /* '' */
.icon-retweet:before { content: '\e83a'; } /* '' */
.icon-comment-1:before { content: '\e83b'; } /* '' */
.icon-bell:before { content: '\e83c'; } /* '' */
.icon-attention:before { content: '\e83d'; } /* '' */
.icon-attention-circled:before { content: '\e83e'; } /* '' */
.icon-trash-empty:before { content: '\e83f'; } /* '' */
.icon-folder:before { content: '\e840'; } /* '' */
.icon-folder-open:before { content: '\e841'; } /* '' */
.icon-cog:before { content: '\e842'; } /* '' */
.icon-cog-alt:before { content: '\e843'; } /* '' */
.icon-login:before { content: '\e844'; } /* '' */
.icon-logout:before { content: '\e845'; } /* '' */
.icon-volume-off:before { content: '\e846'; } /* '' */
.icon-volume-down:before { content: '\e847'; } /* '' */
.icon-volume-up:before { content: '\e848'; } /* '' */
.icon-resize-full:before { content: '\e849'; } /* '' */
.icon-resize-small:before { content: '\e84a'; } /* '' */
.icon-resize-vertical:before { content: '\e84b'; } /* '' */
.icon-resize-horizontal:before { content: '\e84c'; } /* '' */
.icon-zoom-in:before { content: '\e84d'; } /* '' */
.icon-zoom-out:before { content: '\e84e'; } /* '' */
.icon-down-circled2:before { content: '\e84f'; } /* '' */
.icon-up-circled2:before { content: '\e850'; } /* '' */
.icon-right-hand:before { content: '\e851'; } /* '' */
.icon-left-hand:before { content: '\e852'; } /* '' */
.icon-up-hand:before { content: '\e853'; } /* '' */
.icon-down-hand:before { content: '\e854'; } /* '' */
.icon-cw:before { content: '\e855'; } /* '' */
.icon-ccw:before { content: '\e856'; } /* '' */
.icon-arrows-cw:before { content: '\e857'; } /* '' */
.icon-shuffle:before { content: '\e858'; } /* '' */
.icon-play:before { content: '\e859'; } /* '' */
.icon-play-circled2:before { content: '\e85a'; } /* '' */
.icon-stop:before { content: '\e85b'; } /* '' */
.icon-pause:before { content: '\e85c'; } /* '' */
.icon-to-end:before { content: '\e85d'; } /* '' */
.icon-to-end-alt:before { content: '\e85e'; } /* '' */
.icon-to-start:before { content: '\e85f'; } /* '' */
.icon-to-start-alt:before { content: '\e860'; } /* '' */
.icon-fast-fw:before { content: '\e861'; } /* '' */
.icon-fast-bw:before { content: '\e862'; } /* '' */
.icon-eject:before { content: '\e863'; } /* '' */
.icon-target:before { content: '\e864'; } /* '' */
.icon-signal:before { content: '\e865'; } /* '' */
.icon-award:before { content: '\e866'; } /* '' */
.icon-globe:before { content: '\e867'; } /* '' */
.icon-inbox:before { content: '\e868'; } /* '' */
.icon-cloud:before { content: '\e869'; } /* '' */
.icon-flash:before { content: '\e86a'; } /* '' */
.icon-umbrella:before { content: '\e86b'; } /* '' */
.icon-leaf:before { content: '\e86c'; } /* '' */
.icon-briefcase:before { content: '\e86d'; } /* '' */
.icon-off:before { content: '\e86e'; } /* '' */
.icon-list-alt:before { content: '\e86f'; } /* '' */
.icon-book:before { content: '\e870'; } /* '' */
.icon-tint:before { content: '\e871'; } /* '' */
.icon-floppy:before { content: '\e872'; } /* '' */
.icon-font:before { content: '\e873'; } /* '' */
.icon-star-half:before { content: '\e874'; } /* '' */
.icon-th-large:before { content: '\e875'; } /* '' */
.icon-cancel-1:before { content: '\e876'; } /* '' */
.icon-tag:before { content: '\e877'; } /* '' */
.icon-music:before { content: '\e878'; } /* '' */
.icon-glass:before { content: '\e879'; } /* '' */
.icon-star-empty:before { content: '\e87a'; } /* '' */
.icon-help-circled:before { content: '\e87b'; } /* '' */
.icon-info-circled:before { content: '\e87c'; } /* '' */
.icon-plus-circled:before { content: '\e87d'; } /* '' */
.icon-minus-circled:before { content: '\e87e'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-rss:before { content: '\f09e'; } /* '' */
.icon-left-circled:before { content: '\f0a8'; } /* '' */
.icon-right-circled:before { content: '\f0a9'; } /* '' */
.icon-up-circled:before { content: '\f0aa'; } /* '' */
.icon-down-circled:before { content: '\f0ab'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-docs:before { content: '\f0c5'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-sort:before { content: '\f0dc'; } /* '' */
.icon-sort-down:before { content: '\f0dd'; } /* '' */
.icon-sort-up:before { content: '\f0de'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-paste:before { content: '\f0ea'; } /* '' */
.icon-lightbulb:before { content: '\f0eb'; } /* '' */
.icon-exchange:before { content: '\f0ec'; } /* '' */
.icon-download-cloud:before { content: '\f0ed'; } /* '' */
.icon-upload-cloud:before { content: '\f0ee'; } /* '' */
.icon-suitcase:before { content: '\f0f2'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-coffee:before { content: '\f0f4'; } /* '' */
.icon-food:before { content: '\f0f5'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-building:before { content: '\f0f7'; } /* '' */
.icon-ambulance:before { content: '\f0f9'; } /* '' */
.icon-fighter-jet:before { content: '\f0fb'; } /* '' */
.icon-plus-squared:before { content: '\f0fe'; } /* '' */
.icon-angle-double-left:before { content: '\f100'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-angle-double-up:before { content: '\f102'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-laptop:before { content: '\f109'; } /* '' */
.icon-tablet:before { content: '\f10a'; } /* '' */
.icon-mobile:before { content: '\f10b'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-quote-right:before { content: '\f10e'; } /* '' */
.icon-circle:before { content: '\f111'; } /* '' */
.icon-reply:before { content: '\f112'; } /* '' */
.icon-folder-empty:before { content: '\f114'; } /* '' */
.icon-folder-open-empty:before { content: '\f115'; } /* '' */
.icon-gamepad:before { content: '\f11b'; } /* '' */
.icon-keyboard:before { content: '\f11c'; } /* '' */
.icon-flag-empty:before { content: '\f11d'; } /* '' */
.icon-flag-checkered:before { content: '\f11e'; } /* '' */
.icon-code:before { content: '\f121'; } /* '' */
.icon-reply-all:before { content: '\f122'; } /* '' */
.icon-star-half-alt:before { content: '\f123'; } /* '' */
.icon-direction:before { content: '\f124'; } /* '' */
.icon-help-1:before { content: '\f128'; } /* '' */
.icon-info:before { content: '\f129'; } /* '' */
.icon-attention-alt:before { content: '\f12a'; } /* '' */
.icon-mic:before { content: '\f130'; } /* '' */
.icon-mute:before { content: '\f131'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-angle-circled-left:before { content: '\f137'; } /* '' */
.icon-angle-circled-right:before { content: '\f138'; } /* '' */
.icon-angle-circled-up:before { content: '\f139'; } /* '' */
.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
.icon-ellipsis:before { content: '\f141'; } /* '' */
.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
.icon-rss-squared:before { content: '\f143'; } /* '' */
.icon-play-circled:before { content: '\f144'; } /* '' */
.icon-ticket:before { content: '\f145'; } /* '' */
.icon-minus-squared:before { content: '\f146'; } /* '' */
.icon-level-up:before { content: '\f148'; } /* '' */
.icon-level-down:before { content: '\f149'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-pencil-squared:before { content: '\f14b'; } /* '' */
.icon-export-alt:before { content: '\f14d'; } /* '' */
.icon-compass:before { content: '\f14e'; } /* '' */
.icon-expand:before { content: '\f150'; } /* '' */
.icon-collapse:before { content: '\f151'; } /* '' */
.icon-expand-right:before { content: '\f152'; } /* '' */
.icon-won:before { content: '\f159'; } /* '' */
.icon-doc-inv:before { content: '\f15b'; } /* '' */
.icon-doc-text-inv:before { content: '\f15c'; } /* '' */
.icon-thumbs-up-alt:before { content: '\f164'; } /* '' */
.icon-thumbs-down-alt:before { content: '\f165'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-down:before { content: '\f175'; } /* '' */
.icon-up:before { content: '\f176'; } /* '' */
.icon-left:before { content: '\f177'; } /* '' */
.icon-right:before { content: '\f178'; } /* '' */
.icon-sun:before { content: '\f185'; } /* '' */
.icon-moon:before { content: '\f186'; } /* '' */
.icon-box:before { content: '\f187'; } /* '' */
.icon-right-circled2:before { content: '\f18e'; } /* '' */
.icon-left-circled2:before { content: '\f190'; } /* '' */
.icon-collapse-left:before { content: '\f191'; } /* '' */
.icon-dot-circled:before { content: '\f192'; } /* '' */
.icon-wheelchair:before { content: '\f193'; } /* '' */
.icon-space-shuttle:before { content: '\f197'; } /* '' */
.icon-bank:before { content: '\f19c'; } /* '' */
.icon-graduation-cap:before { content: '\f19d'; } /* '' */
.icon-fax:before { content: '\f1ac'; } /* '' */
.icon-building-filled:before { content: '\f1ad'; } /* '' */
.icon-paw:before { content: '\f1b0'; } /* '' */
.icon-cab:before { content: '\f1b9'; } /* '' */
.icon-taxi:before { content: '\f1ba'; } /* '' */
.icon-tree:before { content: '\f1bb'; } /* '' */
.icon-database:before { content: '\f1c0'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */
.icon-file-word:before { content: '\f1c2'; } /* '' */
.icon-file-excel:before { content: '\f1c3'; } /* '' */
.icon-file-powerpoint:before { content: '\f1c4'; } /* '' */
.icon-file-image:before { content: '\f1c5'; } /* '' */
.icon-file-archive:before { content: '\f1c6'; } /* '' */
.icon-file-audio:before { content: '\f1c7'; } /* '' */
.icon-file-video:before { content: '\f1c8'; } /* '' */
.icon-file-code:before { content: '\f1c9'; } /* '' */
.icon-circle-notch:before { content: '\f1ce'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; } /* '' */
.icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */
.icon-history:before { content: '\f1da'; } /* '' */
.icon-circle-thin:before { content: '\f1db'; } /* '' */
.icon-sliders:before { content: '\f1de'; } /* '' */
.icon-share:before { content: '\f1e0'; } /* '' */
.icon-share-squared:before { content: '\f1e1'; } /* '' */
.icon-soccer-ball:before { content: '\f1e3'; } /* '' */
.icon-plug:before { content: '\f1e6'; } /* '' */
.icon-wifi:before { content: '\f1eb'; } /* '' */
.icon-cc-visa:before { content: '\f1f0'; } /* '' */
.icon-cc-paypal:before { content: '\f1f4'; } /* '' */
.icon-bell-off:before { content: '\f1f6'; } /* '' */
.icon-bell-off-empty:before { content: '\f1f7'; } /* '' */
.icon-trash:before { content: '\f1f8'; } /* '' */
.icon-copyright:before { content: '\f1f9'; } /* '' */
.icon-bicycle:before { content: '\f206'; } /* '' */
.icon-bus:before { content: '\f207'; } /* '' */
.icon-cart-plus:before { content: '\f217'; } /* '' */
.icon-cart-arrow-down:before { content: '\f218'; } /* '' */
.icon-ship:before { content: '\f21a'; } /* '' */
.icon-motorcycle:before { content: '\f21c'; } /* '' */
.icon-user-plus:before { content: '\f234'; } /* '' */
.icon-bed:before { content: '\f236'; } /* '' */
.icon-train:before { content: '\f238'; } /* '' */
.icon-subway:before { content: '\f239'; } /* '' */
.icon-sticky-note:before { content: '\f249'; } /* '' */
.icon-sticky-note-o:before { content: '\f24a'; } /* '' */
.icon-calendar-check-o:before { content: '\f274'; } /* '' */
.icon-map:before { content: '\f279'; } /* '' */
.icon-commenting-o:before { content: '\f27b'; } /* '' */
.icon-credit-card-alt:before { content: '\f283'; } /* '' */
.icon-font-awesome:before { content: '\f2b4'; } /* '' */
.icon-handshake-o:before { content: '\f2b5'; } /* '' */
.icon-address-book:before { content: '\f2b9'; } /* '' */
.icon-address-book-o:before { content: '\f2ba'; } /* '' */
.icon-address-card:before { content: '\f2bb'; } /* '' */
.icon-address-card-o:before { content: '\f2bc'; } /* '' */
.icon-user-circle:before { content: '\f2bd'; } /* '' */
.icon-user-circle-o:before { content: '\f2be'; } /* '' */
.icon-user-o:before { content: '\f2c0'; } /* '' */
.icon-id-badge:before { content: '\f2c1'; } /* '' */
.icon-id-card:before { content: '\f2c2'; } /* '' */
.icon-id-card-o:before { content: '\f2c3'; } /* '' */
.icon-quora:before { content: '\f2c4'; } /* '' */
.icon-shower:before { content: '\f2cc'; } /* '' */
.icon-bath:before { content: '\f2cd'; } /* '' */
.icon-snowflake-o:before { content: '\f2dc'; } /* '' */
/* ==================================================
	#
	l-wrap;		layout wrap
	l-content;	layout content
================================================== */
.l-wrap { width:100vw; display:inline-block; clear:both; }
.l-content { width:96vw; display:block; padding:0 2vw; }
#content { width:100vw; display:inline-block; }
#dateSelectDialog { display:none; }
/* ==================================================
   .Layout API
================================================== */
.bg-f4 { background-color:#f4f4f4; }
.bg-ff { background-color:#fff; }
.bd-e1 { border-bottom:1px solid #e1e1e1; margin-bottom:5px; }
.ellipsis {	text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap;	word-wrap: normal !important; display: block; }



body { background-color: #fff; height:100%; overflow-x:hidden; }
section.wrap { width:100%; background-color:#eeeeee; }
div.container { width:100%; background-color:#fff; display:inline-block; margin:10px 0; }
.view-top { margin-top:60px !important; border-top:2px solid #7e7e7e; }
#content { width:96%; padding:0 2%; }
.overlay-bg { position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:rgba(255,255,255,0.8); z-index:51; }
/*#ajaxLodaing { position:fixed; top:50%; left:50%; z-index:52; margin-top:-50px; margin-left:-50px; }
.loading span { position:fixed; top:50%; left:50%; z-index:52; margin-top:12px; font-size:20px; font-weight:900; letter-spacing:-2px; }*/
#ajaxLodaing { position:fixed; top:50%; left:50%; z-index:52; margin-top:-50px; margin-left:-50px; }
.loading span { position:fixed; top:50%; left:50.3%; z-index:52; margin-top:17px; font-size:16px; font-weight:900; letter-spacing:-2px; }
/*말줄임표*/






/* ==================================================
   <header>
================================================== */
header#header { width:100%; position:relative; }
header#header ul { display:table; width:100vw; padding:5px 0; border-bottom:1px solid #e1e1e1; }
header#header ul > li {
	display:table-cell;;
	vertical-align:middle;
	text-align:center;
}
header#header ul > li:nth-child(1) {width:15%;}
header#header ul > li:nth-child(2) {width:70%;}
header#header ul > li:nth-child(3) {width:15%;}
header#header ul > li:nth-child(2) img { width:50%; height:auto; }
header#header ul > li:nth-child(3) div { width:50%; margin:0 auto; }
header#header ul > li.headerBannerEvent img { max-height:48px; }
/* toggle */
header#header a.sidenav-toggle span {
	text-indent:-9000px;
	display: block;
	width: 18px;
	height: 16px;
	margin: 0 auto;
}
header#header a.sidenav-toggle span:after,
header#header a.sidenav-toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -7px;
}
header#header a.sidenav-toggle span:after{ top: 7px; }
header#header a.sidenav-toggle span {
	position: relative;
	display: block;
}

header#header a.sidenav-toggle span,
header#header a.sidenav-toggle span:after,
header#header a.sidenav-toggle span:before {
	width: 100%;
	height: 4px;
	background-color: #3556ab;
	transition: all 0.3s;
	backface-visibility: hidden;
	border-radius: 2px;
}
/* on activation */
header#header a.sidenav-toggle.on span {
	background-color: transparent;
}
header#header a.sidenav-toggle.on span:before {
	transform: rotate(45deg) translate(5px, 5px);
	margin-top:-6px;
	margin-left:3px;
}
header#header a.sidenav-toggle.on span:after {
	transform: rotate(-45deg) translate(7px, -8px);
	margin-top:-2px;
	margin-left:4px;
}
/* sub top */
header#sub-fix {
	width:96%;
	height:50px;
	line-height:50px;
	padding:0 2%;
	position:fixed;
	background-color:#fff;
	border-bottom:1px solid #e1e1e1;
	top:0;
	left:0;
	z-index:2;
}
header#sub-fix a { color:#2c2c2c; font-size:15px; }
header#sub-fix a i { color:#7e7e7e; font-size:20px; padding-right:10px; }
header#sub-fix a span.sub { color:#6c6c6c; font-size:13px; padding-left:5px; }
/* ==================================================
   <nav>
================================================== */
nav#nav {
	width:100%;
	height:45px;
	border-bottom:1px solid #e1e1e1;
}
nav#nav ul {
	width:100%;
	height:35px;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
	border-top:1px solid #e1e1e1;
}
nav#nav ul > li {
	line-height:35px;
	height:35px;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
}
nav#nav ul > li.active { border-bottom:2px solid #3556ab; }
/*nav#nav ul > li:nth-child(1) {width:26%;}
nav#nav ul > li:nth-child(2) {width:18%;}
nav#nav ul > li:nth-child(3) {width:18%;}
nav#nav ul > li:nth-child(4) {width:17%;}
nav#nav ul > li:nth-child(5) {width:21%;}*/
nav#nav ul > li a {
	display:block;
	color:#626262;
}
/* ==================================================
   .toggle-menu
================================================== */
.toggle-menu {
  background: #fff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
  display: none;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  left: 0;
  position: fixed;
  overflow: auto;
  transform: translate(-120%, 0);
  transition: transform .3s;
  top: 0;
  width: 86%;
  z-index: 100; }
.toggle-menu.active {transform: translate(0, 0); display:block; }
.sidenav-no-scroll { overflow: hidden !important; }
.panel-overlay {
	position: fixed;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(28, 56, 94, 0.9);
}
.toggle-close {
	right: 15px;
	position: fixed;
	top: 15px;
	z-index: 100;
	color:#fff;
	font-size:20px;
}

.toggle-menu .nav-search {
	width:96%;
	margin:0 2%;
	padding:12px 0; position:relative;
	height:70px;
}
.toggle-menu .nav-search .navPositionLink { position:absolute; top:30px; 

	text-align:center;
	color:#000;
	font-size:20px;
	font-weight:600;
	padding:0 15px;
	background-color:#fff;
	border-radius:5px; line-height:30px;
}
.toggle-menu .nav-search .navinfoLink { position:initial; top:15px; right:2%;

	text-align:center;
	color:#fff;
	font-size:15px;
	font-weight:600;
	padding:5px 15px;
	background-color:#3556ab;
	border-radius:5px; line-height:30px;
}

.toggle-menu .nav-search aside,
.toggle-menu .nav-search div { display:inline-block; width:100%; line-height:30px; vertical-align:middle; }
.toggle-menu .nav-search aside { width:16%; }
.toggle-menu .nav-search aside img { width:96%; }
.toggle-menu .nav-search div { width:62%; }
.toggle-menu .nav-search div input {
	width:99%;
	height:30px;
	line-height:30px;
	padding-left:1%;
	border:1px solid #e1e1e1;
	background-color:#fff;
	font-size:12px;
}

.toggle-menu .nav-search p {
	width:80%;
}

.toggle-menu .nav-search p:nth-child(1) {
	height:20px;
}
.toggle-menu .nav-search p:nth-child(2) {
	height:20px;
}
.toggle-menu .nav-search p:nth-child(3) {
	height:20px;
}

.toggle-menu hr.hr1 {
	display:block;
	width:100%;
	padding:0;
	margin:0;
	height:2px;
	background-color:#f6f6f6;
	border:none;
	border-top:1px solid #e1e1e1;
}
.toggle-menu hr.hr11 {
	display:block;
	width:82%;
	padding:0;
	margin:0 18px;
	height:2px;
	background-color:#f6f6f6;
	border:none;
	border-top:1px solid #e1e1e1;
	float:center;
}

.toggle-menu dl.category {
	width:96%;
	margin:0 2%;
}
.toggle-menu dl.category dd {
	display:inline-block;
	line-height:38px;
	margin-top:5px;
	width:98%;
	margin-left:15px;
}
.toggle-menu dl.category dd:nth-child(odd) { margin-left:15px; }
.toggle-menu dl.category dd a {
	display:inline-block;
	width:94%;
	font-size:15px;
	padding-left:6%;
	font-weight:600;
}
.toggle-menu dl.category dd a i {
	float:right;
	line-height:40px;
	padding-right:13px;
	color:#3556ab;
	font-size:10px;
}

.toggle-menu dl.category2 {
	width:80%;
	margin:0 2%;
	line-height:38px;
	border:1px solid #eaeaea;
	background-color:#f6f6f6;
	margin-left:22px;
}
.toggle-menu dl.category2 dd {
	display:inline-block;
	line-height:38px;
	margin-top:5px;
	width:98%;
	margin-left:15px;
}
.toggle-menu dl.category2 dd:nth-child(odd) { margin-left:15px; }
.toggle-menu dl.category2 dd a {
	display:inline-block;
	width:94%;
	font-size:15px;
	padding-left:6%;
}
.toggle-menu dl.category2 dd a i {
	float:right;
	line-height:40px;
	padding-right:13px;
	color:#3556ab;
	font-size:10px;
}

.toggle-menu button {
	float:right;
	margin-top:-37px;
	border:none;
	width:41px;
	height:35px;
	color:#0b0200;
	font-size:16px;
	font-weight:100;
}
.toggle-menu ul.button {
	width:96%;
	padding:20px 2%;
	display:flex; flex-wrap:nowrap; justify-content:space-between;
}
.toggle-menu ul.button li {
	display:inline-block;
	line-height:14px;
	text-align:center;
}
.toggle-menu ul.button li a { color:#3f3f3f; font-size:14px; }
.toggle-menu ul.button li i { color:#4c4c4c; font-size:14px; padding-right:8px; }
.toggle-menu hr.hr2 {
	display:block;
	width:100%;
	padding:0;
	margin:0;
	height:2px;
	background-color:#3556ab;
	border:none;
}
.toggle-menu .bulletinboard {
	width:96%;
	margin:13px 2%;
}
.toggle-menu .bulletinboard p { width:100%; clear:both; }
.toggle-menu .bulletinboard p:first-child {
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#3f3f3f;
}
.toggle-menu .bulletinboard p a {
	display:inline-block;
	float:right;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-weight:600;
	padding:0 15px;
	background-color:#3556ab;
	border-radius:5px;
}
.toggle-menu .bulletinboard p a i { padding-right:6px; }
.toggle-menu ul.sns {
	width:90%;
	margin:0 9%;
	padding:15px 0;
}
.toggle-menu ul.sns li {
	display:inline-block;
	width:18%;
	text-align:center;
}
.toggle-menu ul.sns li div {
	background-image:url("/theme/basic/img/partner/bottom_sns.png");
	width:55px;
	height:55px;
	margin:0 auto;
	margin-bottom:10px;
}

.toggle-menu ul.sns li.insta div { background-position:5px 0; }
.toggle-menu ul.sns li.naver div { background-position:-56px 0; }
.toggle-menu ul.sns li.facebook div { background-position:-350px 0; }
.toggle-menu ul.sns li.kakao div { background-position:-409px 1px; }
.toggle-menu ul.sns a li { font-size:12px; color:#232323; }
/* ==================================================
   <footer>
================================================== */
.l__banner-cs { background-color:#3556ab; }
.l__banner-cs > dl { padding:1vh 0; display:table; width:100%; }
.l__banner-cs > dl > dt,
.l__banner-cs > dl > dd { display:table-cell; color:#fff; vertical-align:top; padding-left:4%;vertical-align:middle }
.l__banner-cs > dl > dt { font-size:20px; font-weight:600; width:29%; border-right:1px solid #8195c8; vertical-align:middle;line-height:32px; }
.l__banner-cs > dl > dd { width:71%; }
.l__banner-cs > dl > dd > span { display:inline-block; }
.l__banner-cs > dl > dd > span.tel a { color:#fff; font-size:18px; font-weight:600; line-height:22px; }
.l__banner-cs > dl > dd > span.hour { font-size:11px; line-height:18px; }
ul.foot {
	width:100vw;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    display: flex;
    justify-content: space-between;
}
ul.foot li {
	width:50vw;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:13px;
	font-weight:500;
}
ul.foot li:nth-child(1) { background-color:#fff; }
ul.foot li:nth-child(2) { background-color:#111111; }
ul.foot li a { color:#fff; font-weight:900; }
ul.foot li:nth-child(1) a { color:#000; }
ul.foot li a { display:inline-block; width:100%; }

footer {
	width:96%;
	background-color:#fff;
	text-align:left;
	padding:15px 2%;
	clear:both;
}
footer > p { font-size:12px; line-height:18px; color:#ffffff;letter-spacing:-0.05em; }

/* ==================================================
  .l__recommend-goods
================================================== */
.l__recommend-goods .item-title {
	width:96vw;
	height:32px;
	line-height:32px;
	padding:0 2vw;
	margin-top:10px;
	background-color:#fff;
	border-top:1px solid #3556ab;
	border-bottom:1px solid #e1e1e1;
	color:#000000;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:2px;
}
.l__recommend-goods .item-title a i {	float:right; line-height:32px; font-size:24px; font-weight:900;	color:#252525; padding:0 10px; }
/* 공통 */
ul.latest-goods {	width:100%;	padding:15px 0; }
ul.latest-goods figure > img { width:100%; height:auto; }
ul.latest-goods figcaption > h1 {
	color:#3e3e3e;
	font-size:18px;
	font-weight:600;
	font-family: 'NanumSquare', sans-serif;
	line-height:22px;
}
ul.latest-goods figcaption > p { color:#5f5f5f;	font-size:14px;	line-height:18px; }
ul.latest-goods figcaption > span {	color:#f73240; font-size:18px; font-weight:600; line-height:18px; }
/* hotel */
ul.goods-hotel {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; /* Safari 6.1+ */
    display: flex;
    justify-content: space-between;
}
ul.goods-hotel > li  { width:49% !important; }
ul.goods-hotel figcaption { text-align:center; }
ul.goods-hotel figcaption > h1 { margin-top:5px; word-break: keep-all; }
ul.goods-hotel figcaption > span { margin-top:13px; display:inline-block; }

/* car */
.js-car .bx-viewport { height:auto !important; }
ul.goods-car { display:inline-block; }
ul.goods-car > li { width:46vw !important; margin-left:0.5vw; display:inline-block; vertical-align:top; border:1px solid #e1e1e1; margin-bottom:10px; }
ul.goods-car > li:nth-child(2n) {  }
ul.goods-car figcaption { text-align:center; }
ul.goods-car figcaption > h1 { margin-top:5px; word-break: keep-all; min-height:22px; }
ul.goods-car figcaption > span { margin:5px 0; display:inline-block; color:#5b87d6; }
/* ==================================================
  .l__mainvisual
================================================== */
.l-banner-best { max-width:100%; }
.l__mainvisual { position:relative; margin-bottom:5px; }
ul.l__main-slider { width:100vw; }
ul.l__main-slider > li img { width:100vw; height:auto; }
.l__mainvisual .bx-pager { text-align:center; position:absolute; bottom:20px; left:0; width:100%; }
.l__mainvisual .bx-pager > .bx-pager-item { display:inline-block; margin-right:5px; }
.l__mainvisual .bx-pager > .bx-pager-item a { 
	text-indent:-99999px; width:11px; height:11px; display:inline-block; border-radius:100%; background-color:#fff; 
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}
.l__mainvisual .bx-pager > .bx-pager-item a.active { background-color:#3556ab; }
/* ==================================================
  .l__banner-ct
================================================== */
.l__banner-ct { margin-bottom:5px; }
.l__banner-ct > ul.l-flex-banner { display:flex; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; margin:10px 0; }
.l__banner-ct > ul.l-flex-banner > li { min-width:80px; margin:0; position:relative; vertical-align:top; }
.l__banner-ct ul > li img { width:93%; }
.l__banner-ct ul > li a { display:block; text-align:center; }
.l__banner-ct ul > li a > span { display:block; width:100%; line-height:85px; color:#fff; font-size:12px; font-weight:600; position:absolute; top:0; text-align:center; }
/* ==================================================
  .l__banner-sns
================================================== */
.l__banner-sns {  }
.l__banner-sns ul {
	display:block; width:100%; margin:5px 0;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: space-around; /* Safari 6.1+ */
	display: flex;
	justify-content: space-around;
}
.l__banner-sns ul > li { display:inline-block; width:16%; vertical-align:top; }
.l__banner-sns ul > li a { display:block; }
.l__banner-sns ul > li img { width:100%; }











/* ==================================================
   .rentcar-search
================================================== */
table.rentcar-search th.summary { background-color:#f8f8f8; border-top:1px solid #dc2b29; text-align:left; padding-left:3%; }
table.rentcar-search th { background-color:#fff; }
div.rentcar-option { width:96%; margin:0 2%; }
div.rentcar-option > p { padding-top:10px; }
div.rentcar-option > p, div.rentcar-option > span { color:#6f6f6f; font-size:12px; font-weight:600; line-height:28px; }
div.rentcar-option > span { display:inline-block; width:5%; text-align:center; }
div.rentcar-option > ul.type { display:block; width:100%; }
div.rentcar-option > ul.type > li { display:inline-block; width:31.7%; margin-bottom:10px; }
div.rentcar-option > ul.type > li label { display:block; }
div.rentcar-option > ul.type > li.checked { background-color:#535353; color:#fff; }
div.rentcar-option input,
div.rentcar-option > ul.type > li {
	background-color:#fff;
	text-align:center;
	font-size:12px;
	color:#6f6f6f;
	border:1px solid #e9e9e9;
	height:28px;
	line-height:28px;
}
div.rentcar-option input[type="text"] { width:45.3%; }


/* ==================================================
   .coverage
================================================== */
.rentcar_title {
	width:100%;
	height:25px;
	line-height:25px;
	border-bottom:1px solid #d7d7d7;
}
.rentcar_title > strong {
	color:#242424;
	font-size:18px;
	font-weight:500;
	display:inline-block;
	padding:0 5px;
	font-family: 'NanumSquare', sans-serif;
	position:relative;
}
.rentcar_title > strong:after {
	display:block;
	content:'';
	position:absolute;
	bottom:-1px;;
	left:0;
	width:100%;
	border-bottom:2px solid #dc2b29;
}
.coverage { margin-top:5px; display:inline-block; }
.coverage section {
	display:inline-block;
	vertical-align:top;
}
.coverage section { width:100%; }
.coverage .chapter { margin-bottom:15px; }
.coverage .chapter > h1 {
	color:#1a1a1a;
	font-size:16px;
	font-weight:500;
	line-height:30px;
}
.coverage .chapter > p {
	color:#8b8b8b;
	font-size:12px;
	line-height:16px;
	margin-bottom:5px;
}
.coverage .chapter > .chapter-cotent {
	width:94%;
	padding:3%;
	border:1px dashed #cccccc;
}
	.chapter-cotent > p {
		font-size:12px;
		color:#5c5c5c;
		line-height:16px;
	}
	.chapter-cotent > span {
		font-size:12px;
		color:#7a7a7a;
		line-height:16px;
		display:block;
		margin-top:8px;
	}
	.chapter-cotent strong { color:#020202; }

.coverage > ul.danger-info { width:100%; }
.coverage > ul.danger-info > li {
	width:100%;
	display:block;
	margin-bottom:15px;
}
.coverage > ul.danger-info > li:nth-child(1)  { background-color:#042b42;}
.coverage > ul.danger-info > li:nth-child(2)  { background-color:#3556ab;}
.coverage > ul.danger-info > li > h1 {
	text-align:center;
	line-height:42px;
	color:#fff;
	font-size:16px;
	font-weight:400;
}
.coverage > ul.danger-info > li > .li-content {
	width:94%;
	background-color:#fff;
	margin:0 auto;
}
.coverage > ul.danger-info ol { list-style-type:decimal; padding:3% 3% 3% 6%; }
.coverage > ul.danger-info ol > li {
	color:#444444;
	font-size:12px;
	line-height:15px;
}
.coverage > ul.danger-info ul {
	width:100%;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: space-around; /* Safari 6.1+ */
	display: flex;
	justify-content: space-around;
	padding:25px 0;
}
.coverage > ul.danger-info ul > li { text-align:center; }
.coverage > ul.danger-info ul > li > i { color:#222222; font-size:40px; }
.coverage > ul.danger-info ul > li > p {
	color:#444444;
	font-size:12px;
	line-height:15px;
	margin-top:6px;
}
.coverage > p.title {
	color:#1a1a1a;
	font-size:16px;
	line-height:30px;
	margin-top:5px;
}
.coverage > img { width:100%; height:auto; }
ul.coverage-tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	width:100%;
}
ul.coverage-tabs li {
	width:94%;;
	display:block;
	border: 1px solid #e4e4e4;
	margin-bottom: 10px;
	background: #fff;
	padding:0 3%;
	position:relative;
}
ul.coverage-tabs li h6 {
	color:#292929;
	font-size:15px;
	line-height:22px;
	margin-top:4px;
}
ul.coverage-tabs li p {
	color:#4c4c4c;
	font-size:13px;
	line-height:23px;
}
ul.coverage-tabs li p > span { display:inline-block; }
ul.coverage-tabs li > a {
	color: #fff;
	display: block;
	font-size: 13px;
	display:block;
	width:100%;
	height:27px;
	line-height:27px;
	background-color:#d0d0d0;
	margin:3px 0 17px;
	text-align:center;
	outline: none;
}
ul.coverage-tabs li.active > a {
	position:absolute;
	bottom:-7px;
	left:3%;
	width:94%;
}
ul.coverage-tabs li span.title { color:#3556ab; width:75px; }
ul.coverage-tabs li .mapwrap {
	width:100%;
	height:150px;
	border:1px solid #e4e4e4;
	margin:10px 0 44px;
}




/* ==================================================
   <board>
================================================== */
/* thumnails style */
#content ul.item-thums li {
	display:inline-block;
	width:48%;
	border:1px solid #e1e1e1;
	background-color:#fff;
	margin-bottom:10px;
	margin-left:1%;
	vertical-align:top;
	position:relative;
}
#content ul.item-thums li:nth-child(even) { margin-left:0; }
#content ul.item-thums li .zoom-img { position:relative;  width:100%; height:120px; border-bottom:1px solid #e1e1e1; }
#content ul.item-thums li .zoom-img2 { position:relative;  width:100%; height:180px; border-bottom:1px solid #e1e1e1; }
#content ul.item-thums li .zoom-img-blog { position:relative;  width:100%; height:180px; border-bottom:1px solid #e1e1e1; }
#content ul.rent-a-car.item-thums li .zoom-img {height:auto; background-color:#fff; }
#content ul.item-thums li img { width:100%; height:100%; }
#content ul.item-thums li .item-explain { width:90%; margin:5px 5% 8px; }
	/* car 4:3 */
	#content ul.item-thums.rent-a-car li img { width:100%; height:auto; max-height:100%; }
	
/* list style */
#content ul.item-list li {
	display:block;
	width:99%;
	border:1px solid #e1e1e1;
	background-color:#fff;
	margin-bottom:10px;
	vertical-align:top;
}
#content ul.item-list li .zoom-img { width:50%; position:relative; border-right:1px solid #e1e1e1; }
#content ul.item-list li .zoom-img img { width:100%; height:125px; }
	/* car 4:3 */
	#content ul.item-list.rent-a-car li img { width:100%; height:auto; }

#content ul.item-list li .zoom-img,
#content ul.item-list li .item-explain { display:inline-block; vertical-align:top; }
#content ul.item-list li .item-explain { width:46%; padding-top:15px; padding-left:5px; }

/* style 공통 */
#content ul.goods-items { width:100%; padding-top:5px; }
#content ul.goods-items li .zoom-img .flag {height: 0; margin-right: 10px; top: 0; text-decoration: none; color: transparent; position:absolute; }
#content ul.goods-items li .zoom-img .flag img { right: 0; }
#content ul.goods-items li .zoom-img .flag label.call { display:inline-block;margin-left:0;width:53px;height:51px;background-image:url('../img/icon.png');background-position:0;left: 0;right:auto; position: absolute;}
#content ul.goods-items li .zoom-img .flag label.live { display:inline-block;margin-left:0;width:53px;height:51px;background-image:url('../img/icon.png');background-position:-106px 0;left: 0;right:auto; position: absolute;}
#content ul.goods-items li .item-explain p { color:#383838; font-size:14px; font-weight:600; width:100%; }
#content ul.goods-items li .item-explain p.orderDate { font-size:12px; font-weight:500; line-height:15px; }
#content ul.goods-items li .item-explain dl { margin-top:0; height:29px; text-align:right; }
#content ul.goods-items li .item-explain dl dt,
#content ul.goods-items li .item-explain dl dd { display:inline-block; vertical-align:bottom; }
#content ul.goods-items li .item-explain dl dt { color:#ff271c; font-size:25px; }
#content ul.goods-items li .item-explain dl dt span { font-size:14px; }
#content ul.goods-items li .item-explain dl dd { text-align:right; }
#content ul.goods-items li .item-explain dl dd strike { font-size:10px; color:#6f6f6f; font-weight:300; }
#content ul.goods-items li .item-explain dl dd span { font-size:15px; color:#171717; display:block; font-weight:600; }
#content ul.goods-items li .item-explain dl.l-angel-price dd { display:block; text-align:left; margin-top:8px; }
#content ul.goods-items li .item-explain dl.l-angel-price dd > * { display:inline-block; }
#content ul.goods-items li .item-explain dl.l-angel-price dd > strike { font-size:12px; }
#content ul.goods-items li .item-explain dl.l-angel-price dd > span { color:#5b87d6; display:inline-block; }
#content ul.goods-items li .item-explain dl.l-angel-price dd > span > span.price { color:#5b87d6; display:inline-block; }
#content ul.goods-items li .item-explain span.l-link { display:inline-block; font-size:13px; padding:5px; background-color:#3972c1; color:#fff; }
#item { margin-top:5px; }
#item ul.goods-items li div.detail { max-height:45px; height:45px; margin-top:5px; vertical-align:top; }
#item ul.goods-items li div.detail p { font-weight:500; }
#item ul.goods-items li div.detail span { padding-top:5px; color:#6f6f6f; display:inline-block; }
#item ul.goods-items li div.detail i { padding-right:3px; color:#323232; width:15px; text-align:center; }
#content ul.item-thums.rent-a-car li a .item-explain p { word-break:keep-all; }

.recommended_product ul.goods-items li { border:2px solid #3556ab !important; }
.recommended_product ul.goods-items li { position:relative; }
.recommended_product ul.goods-items li:after { content:'BEST'; position:absolute; left:0; top:0; background-color:#3556ab; padding:5px; color:#fff; }


.searchBox {
	background-color:#fff;
	width:96%;
	padding:10px 2%;
}
.searchBox table { width:100%; }
.searchBox table th,
.searchBox table td { border:1px solid #e1e1e1; line-height:33px; }
.searchBox table td > select {height:33px;}
.searchBox table td > label {display:block;}
.searchBox table td > label input{line-height:33px;}
.searchBox table th {
	text-align:center;
	font-size:12px;
	color:#6f6f6f;
	background-color:#f8f8f8;
	font-weight:600;
	vertical-align:middle;
}
.searchBox table td {
	text-align:left;
	font-size:12px;
	color:#3b3b3b;
	background-color:#fff;
	padding-left:2%;
}
.searchBox button[type="submit"] {
	margin-top:10px;
	width:100%;
	height:40px;
	line-height:40px;
	background-color:#3972c1;
	color:#fff;
	font-size:15px;
	font-weight:600;
}
.searchBox .qty {
	display:block;
	clear:both;
	text-align:right;
	margin-top:10px;
	height:18px;
}


.category-list { width:100%; margin-top:10px; }
.category-list div.prev,
.category-list div.next,
.category-list ul { display:inline-block; height:33px; line-height:33px; vertical-align:middle; width:80%;overflow-x:auto;white-space:nowrap;overflow-y:hidden;}
.category-list div.prev,
.category-list div.next { width:8%; text-align:center; background-color:#bfbfbf; color:#fff; }
.category-list > h4 { line-height:20px; padding-left:5px; font-size:12px; display:block; background-color:#484848; color:#fff; margin:10px 0 5px; text-align:center; }
.category-list ul > li {
	height:29px;
	line-height:29px;
	padding:0 12px;
	display:table-cell;
	border:2px solid #3972c1;
	font-size:13px;
}
.category-list ul.w25 { width:100%; display:table; }
.category-list ul.w25 > li { width:25% !important; text-align:center; }
.category-list ul > li.checked,
.category-list ul > li.checked a { background-color:#3972c1; color:#fff; }
.category-list ul > li label { display:block; width:100%; }
.category-list ul  #bo_cate_on {background: #3972c1;}
.category-list ul  #bo_cate_on a { color:#fff !important;}
#soca {
	background-color:#fff;
	padding-bottom:10px;
}

.sort-nav { width:100%; height:27px; line-height:27px; vertical-align:bottom; padding-top:10px; margin-bottom:10px; }
.sort-nav p,
.sort-nav select,
.sort-nav button { display:inline-block; }
.sort-nav select,
.sort-nav button { float:right; }
.sort-nav p {
	font-size:13px;
	font-weight:600;
	color:#a7a7a7;
}
.sort-nav p span { color:#f13d3d; }
.sort-nav select {
	width:28%;
	height:27px;
	border:1px solid #e1e1e1;
	color:#6f6f6f;
	font-size:12px;
}
.sort-nav button {
	width:10%;
	height:27px;
	line-height:28px;
	border:1px solid #e1e1e1;
	margin-left:4px;
	color:#828282;
	font-size:18px;
}
.sort-nav button i:before { margin:0; vertical-align:top; }
div.more_view { 
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
div.more_view img { width:80px; height:auto; }

.item-hide,
.clone { display:none !important; }

/* view */
.l__rent-info-text { font-size:12px; font-weight:700; padding:10px; word-break:keep-all; }
ul.map_icon { display:none; }
div.view-subject {
	width:96%;
	/* height:30px; */
	height: auto;
	line-height:30px;
	padding:0 2%;
	border-bottom:1px solid #e1e1e1;
}
div.view-subject span { font-weight:700; }
.numbering-head { margin-top:0 !important; }
.numbering i {
	display:inline-block;
	float:left;
	background-color:#7e7e7e;
	font-size:14px;
	color:#fff;
	margin-left:-2%;
	margin-right:5px;
	padding:0 10px;
	line-height:30px;
}

div.view-img { width:100%; }
div.l__act-view-car { width:50%; margin:0 auto; }
div.view-img img { width:100%; height:auto; }
div.l__rent-view-img { width:60%; margin:0 auto; margin-top:1vh; }

.view-default-explain {  }
.view-default-explain,
.view-default-explain ul > li,
.view-default-explain ul > li > dl { width:100%; }
.view-default-explain ul > li { line-height:35px; }
.view-default-explain ul > li > dl > dt,
.view-default-explain ul > li > dl > dd { display:inline-block; line-height:35px; line-height:16px; vertical-align:top; font-size:18px; text-align:center; }
.view-default-explain ul > li > dl > dt {
	color:#373737;
	font-size:14px;
	font-weight:700;
	width:35%;
	text-align:left;
}
.view-default-explain ul > li > dl > dd {
	color:#3b3b3b;
	font-size:13px;
	width:63%;
	text-align:left;
	margin-bottom:5px;
}
.view-default-explain ul > li > dl > dd label { display:block; }
.view-default-explain ul > li > dl > dd label.tour_name > b { display:block; }
.view-default-explain ul > li.remark > dl,
.air-list .air-remark dl,
.l__order-d-wrap .remark dl {
	border:1px solid #484848;
	min-height:35px;
	display:table;
	width:100%;
}
.view-default-explain ul > li.remark > dl > dt,
.view-default-explain ul > li.remark > dl > dd,
.air-list .air-remark dl > dt,
.air-list .air-remark dl > dd,
.l__order-d-wrap .remark dl > dt,
.l__order-d-wrap .remark dl > dd { display:table-cell;	vertical-align:middle; }
.view-default-explain ul > li.remark > dl > dt,
.air-list .air-remark dl > dt,
.l__order-d-wrap .remark dl > dt {
	color:#fff;
	font-size:12px;
	font-weight:100;
	width:18%;
	text-align:center;
	background-color:#484848;
}
.view-default-explain ul > li.remark > dl > dd,
.air-list .air-remark dl > dd,
.l__order-d-wrap .remark dl > dd {
	color:#3b3b3b;
	font-size:12px;
	width:80%;
	padding:0 5px;
	word-break:break-all;
}
.searchBox .view-default-explain { padding:0; }
.searchBox .view-default-explain ul > li { border-bottom:1px solid #e1e1e1; }
.searchBox .view-default-explain ul > li:last-child { border-bottom:none; }
.searchBox .view-default-explain ul > li dl > dt,
.searchBox .view-default-explain ul > li dl > dd { vertical-align:middle; }

#content ul.goods-price {
	height:34px;
	line-height:34px;
	border:1px solid #7e7e7e;
	text-align:right;
}
#content ul.goods-price li { display:inline-block; }
#content ul.goods-price li:nth-child(1) {
	font-size:14px;
	font-weight:700;
	color:#fff;
	background-color:#3972c1;
	text-align:center;
	float:left;
	width:35%;
}
#content.bz-tour-basket-wrap .view-default-explain li { margin-bottom:15px; }
#content.bz-tour-basket-wrap .view-default-explain li.last-child { margin-bottom:0; }
#content.bz-tour-basket-wrap ul.goods-price li { display:inline-block; }
#content.bz-tour-basket-wrap ul.goods-price li:nth-child(2) { width:calc(65% - 5px); }
#content ul.goods-price li:nth-child(2) {
	padding-right:5px; font-size:18px;
}
#content ul.goods-price li span.discount-value {
	color:#ff271c;
	font-size:18px;
	font-weight:700;
}
#content ul.goods-price li span.discout-sign {
	color:#ff271c;
	font-size:14px;
}
#content ul.goods-price li span.total-price {
	color:#171717;
	font-size:17px;
	font-weight:700;
}
#content ul.goods-price li strike {
	color:#6f6f6f;
	font-size:14px;
}
#content ul.goods-price li.l-angel-price span.total-price { color:#5b87d6; }
#content ul.goods-price .final-price { font-size:12px; }
ul.goods-final,
ul.goods-final li { width:100%; }
ul.goods-final li {
	text-align:center;
	font-size:12px;
	color:#636363;
	line-height:15px;
	margin-top:10px;
}
ul.goods-final li:last-child { margin-bottom:10px; }
ul.goods-final li.subject {
	background-color:#454545;
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:30px;
}
ul.goods-final li.subject span:after {
	display:inline-block;
	content:'+';
	padding:0 2px;
}
ul.goods-final li.subject span.not:after {
	display:inline;
	content:'';
	padding:0;
}
ul.goods-final li p { display:inline-block; }
ul.goods-final li p:after {
	display:inline-block;
	content:'/';
	padding:0 2px;
}
ul.goods-final li.subject span:last-child:after,
ul.goods-final li p:last-child:after  { display:none; }


.view-tabs { width:100%; }
.view-tabs .view-tabs-list ul > li {
	display:inline-block;
	float:left;
	height:32px;
	line-height:32px;
	background-color:#c6c6c6;
	text-align:center;
	font-size:13px;
	font-weight:700;
	color:#fff;
}
.view-tabs .view-tabs-list ul > li.tab-half {
	width:49%;
	margin-left:2%;
}
.view-tabs .view-tabs-list ul > li.tabThird {
	width:32%;
	margin-left:2%;
}
.view-tabs .view-tabs-list ul > li.tabQuarter {
	width:23.4%;
	margin-left:2%;
}
.view-tabs .view-tabs-list ul > li:first-child { margin-left:0; }
.view-tabs .view-tabs-list ul > li.current { background-color:#636363; }
.view-tabs .view-tabs-content { clear:both; }
.view-tabs .view-tabs-content .tab-view {
	display:none;
	width:96%;
	padding:20px 2%;
	background-color:#fff;
	line-height:16px;
}
.view-tabs .view-tabs-content .tab-view.current { display:inherit; }
.view-tabs .view-tabs-content .tab-view table,
.view-tabs .view-tabs-content .tab-view img { width:100% !important; height:auto; }


.hotel-view { border-top:2px solid #7e7e7e; }
ul.goods-list { width:100%; }
ul.goods-list > li {
	display:block;
	width:100%;
	margin-bottom:5px;
	box-shadow: 0 0 0 1px #aeaeae inset;
}
ul.goods-list > li.active,
ul.goods-list > li:focus {
	box-shadow: 0 0 0 2px #3972c1 inset;
}
div.goods-head {
	display:block;
	width:100%;
	height:36px;
	line-height:38px;
	vertical-align:middle;
	position:relative;
	color:#171717;
}
div.goods-head span {
	display:inline-block;
	vertical-align:top;
}
div.goods-head span.goods-name { 
	font-size:16px; 
	padding-left:5px; 
    white-space: nowrap; 
    width: 55%; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
div.goods-head span.goods-price:before {
	display:inline-block;
	content:'|';
	font-size:10px;
	color:#e1e1e1;
	vertical-align:top;
	padding:0 5px;
}
div.goods-head span.goods-price { font-size:18px; }
div.goods-head span.goods-name,
div.goods-head span.goods-price { font-weight:700; }
div.goods-head span.view,
div.goods-head span.close {
	height:34px;
	line-height:34px;
	background-color:#484848;
	border:1px solid #484848;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	width:15%;
	color:#fff;
}
div.goods-head span.view { font-size:13px; }
div.goods-head span.close {
	display:none;
	background-color:#3972c1;
	border:1px solid #3972c1;
	font-size:24px;
}
ul.goods-list > li.active div.goods-head span.view { display:none; }
ul.goods-list > li.active div.goods-head span.close { display:block; }
ul.goods-list > li:first-child { margin-top:15px; }
ul.goods-list > li:last-child { margin-bottom:15px; }
div.hotel-view .viewBox {
	width:96%;
	padding:0 2%;
}


ul.goods-list > li .air-list {
	width:96%;
	padding:10px 2%;
}
.air-list .air-default,
.air-list .air-default dl,
.air-list .air-date,
.air-list .air-remark { width:100%; }
.air-list .air-default dl { line-height:18px; }
.air-list .air-default dl dt,
.air-list .air-default dl dd { width:49%; display:inline-block; }
.air-list .air-default dl dt div { display:inline-block; }
.air-list .air-default dl dt div img { width:auto; height:18px; vertical-align:text-bottom; }
.air-list .air-default dl dt strong { font-size:14px; color:#373737; }
.air-list .air-default dl dt span { font-size:12px; color:#3b3b3b; }
.air-list .air-default dl dt span:before {
	content:'|';
	display:inline-block;
	color:#e1e1e1;
	font-size:10px;
	padding:0 8px;
}
.air-list .air-default dl dd { color:#ff271c; text-align:right; }
.air-list .air-default dl dd .discount-value { font-size:17px; font-weight:700; }
.air-list .air-default dl dd .discount-sign { font-size:14px; }
.air-list .air-default dl dd i { font-size:14px; }
.air-list .air-default dl dd strong { font-size:16px; color:#171717; padding-left:9px; }

.air-list .air-date {
	margin-top:15px;
	margin-bottom:10px;
	line-height:14px;
	letter-spacing:0;
}
.air-list .air-date strong { font-size:14px; color:#373737; }
.air-list .air-date span { font-size:12px; color:#3b3b3b; padding-left:6px; }
.air-list .air-date i { padding:0 6px; color:#131313; font-size:15px; }

div.hotel-view .viewBox .searchBox {
	width:100%;
	padding:10px 0;
}
p.l__rent-title1 { color:#393939; font-size:18px; font-weight:600; line-height:22px; padding-top:10px; }
p.l__rent-title2 { color:#757575; font-size:12px; font-weight:400; line-height:22px; letter-spacing:-1px; }
.l__rent-event-txt { 
	position:absolute; top:0; left:0; z-index:1;
	width:100%; padding:5px 0; text-align:center; display:block; font-size:12px !important; border-bottom:1px solid #e1e1e1; background-color:rgba(255,255,255,0.5);

}


/* ==================================================
   <slide>
================================================== */
.swiper-container {
	width: auto;
	margin-top:50px;
	max-height:260px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}
	main > .swiper-container {
		margin:0;
		border-bottom:1px solid #e1e1e1;
		height:auto;
	}
.goods-view aside .swiper-container {
	width: 100%;
	height: 260px;
	max-height:260px;
	margin:0 auto;
}
.goods-list li aside .swiper-container {
	width: 99.1%;
	height: auto;
	max-height:260px;
	margin:0 auto;
}
.goods-price { margin-bottom:10px; }

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container .swiper-slide img { width:100%; height:auto; }
/* Arrows */
.swiper-container div.swiper-navi {
	position: absolute;
	bottom:0%;
	width: 100%;
	height: 35px;
	z-index: 2;
	background-color:rgba(0,0,0,0.3);
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  bottom: 0;
  z-index: 10;
  color:#fff;
  height:35px;
  line-height:35px;
  width:35px;
  background-color:#7e7e7e;
  font-size:18px;
  text-align:center;
}
.swiper-button-prev {
  left: 0;
  right: auto;
}
.swiper-button-next {
  right: 0;
  left: auto;
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  z-index: 10;
}
/* Common Styles */
.swiper-pagination-fraction {
  bottom: 0;
  left: 0;
  width: 100%;
  height:35px;
  line-height:35px;
  text-align:center;
  color:#fff;
  font-size:13px;
}
.swiper-pagination-fraction span.swiper-pagination-current { color:#3556ab; font-weight:700; }

.swiper-pagination-bullets {
	bottom:15px;
	text-align:center;
	width:100%;
}
.swiper-pagination-bullet {	
	width:9px;
	height:9px;
	background-color:#fff;
	border-radius:100%;
	display:inline-block;
	margin-right:5px;
}
.swiper-pagination-bullet-active { background-color:#3556ab; }

/* ==================================================
   <default-table>
================================================== */
table.default-write { width:100%; margin:10px 0; }
table.default-write th,
table.default-write td { border:1px solid #e1e1e1; padding:8px 0; }
table.default-write th {
	background-color:#f8f8f8;
	border-left:1px solid #3556ab;
	text-align:center;
	line-height:25px;
	vertical-align:top;
}
table.default-write th span { padding-right:3px; }
table.default-write td {
	text-align:left;
	padding-left:15px;
}
table.default-write td ul.checkbox li { line-height:16px; }
table.default-list { width:100%; }
table.default-list th,
table.default-list td {
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
table.default-list th {
	background-color:#f8f8f8;
	border-top:1px solid #3556ab;
	line-height:25px;
	font-weight:700;
}
table.default-list td {
	padding:5px 0;
	line-height:16px;
}

div.agree-form {
	margin:10px 0;
	border:1px solid #e1e1e1;
}
div.agree-form ul {
	width:100%;
	display:table;
	border-bottom:none;
}
div.agree-form ul > li {
	display:table-cell;
	line-height:28px;
	text-align:center;
}
div.agree-form ul > li:nth-child(1) { width:30px; border-right:1px solid #e1e1e1; }
div.agree-form ul > li:nth-child(2) { text-align:left; padding-left:5px; }
div.agree-form ul > li h3 label {display:inline-block;}
div.agree-form ul > li label { display:none; }
div.agree-form div.text {
	display:block;
	border-top:1px solid #e1e1e1;
	width:100%;
	height:150px;
	overflow:hidden;
}
div.agree-form div.text > div {
	width:96%;
	padding:2%;
	height:130px;
	overflow-y:scroll;
}
select.add_etc { width:72%; }

/* ==================================================
   <form>
================================================== */
input.hidden-input { display:none; }
input.calendar {
	border:none;
	width:90%;
}
label i.demo-icon.icon-calendar { margin-left:-5.5vw; }
select.form-time {
	border:none;
	width:100%;
}
select.l__full { width:96%; }
.view-subject > select.bz-tween-select.bz-form-airport { border:1px solid #e1e1e1; width:30%; float:right; margin-top:5px; }
select.select-rentacar,
select.select-room,
select.bz-calculate-data,
select.bz-cacluate-data { 
	width:100%; 
	border:1px solid #e1e1e1;
	height:30px;
}
select.select-option-half {
	width:48%; 
	border:1px solid #e1e1e1;
	height:30px;
}
select.select-option-half:not(:first-child) {
	margin-left:1%;
}
.searchBox .qty button,
.searchBox .qty input { height:18px; line-height:18px; float:right; }
.searchBox .qty button {
	background-color:#3556ab;
	color:#fff;
	font-size:14px;
	font-weight:100;
	padding:0 5px;
}
.searchBox .qty input {
	border:none;
	background-color:#eeeeee;
	color:#3b3b3b;
	width:35px;
	text-align:center;
}

p.btn-full,
p.btn { 
	width:100%; 
	height:38px;
	margin-top:10px;
	padding-bottom:10px;
}

p.btn-full a#submit-btn,
p.btn-full button,
p.btn button {
	display:inline-block;
	width:49%;
	height:38px;
	line-height:38px;
	border:1px solid #ff3f3f;
	margin-left:2%;
	background-color:#ff3f3f;
	color:#fff;
	font-size:15px;
	font-weight:800;
}
p.btn button { float:left; }
p.btn button:first-child {
	margin-left:0;
	background-color:#fff;
	color:#6f6f6f;
}
p.btn-full { text-align:center; }
p.btn button.full-button {width:100%;}
p.btn-full button { display:block;width:100%; margin:0 auto; }
table.default-write td input[type="text"],
table.default-write td input[type="tel"],
table.default-write td input[type="number"],
table.default-write td input[type="password"],
table.default-write td input[type="email"],
table.default-write td input[type="url"] {
	border:none;
	height:25px;
	width:90%;
	line-height:25px;
}
table.default-write td textarea {
	border:none;
	height:50px !important;
	width:90% !important;
	line-height:25px;
}
input.reserver-name { border:1px solid #e1e1e1 !important; }
input.reserver-price { 
	width:40% !important; 
	text-align:right; 
	border:1px solid #e1e1e1 !important;
	padding-right:5px;
}
select.bulk-l,
select.bulk-m {
	border:1px solid #e1e1e1;
	height:30px;
}
select.bulk-l {width:95%; }
select.bulk-m { width:47%; }
td.bulk-form p { line-height:32px; }
td.bulk-form input { 
	width:40% !important; 
	height:28px !important;
	line-height:30px !important;
	border:1px solid #e1e1e1 !important; 
	text-align:center;
}
td.bulk-form i.fa-calendar { margin-left:-8%; margin-right:2%; }

/* ==================================================
   <datepicker>
================================================== */
.ui-datepicker table { background-color:#fff; }
.ui-datepicker td a , .ui-datepicker th {font-weight:300 !important;text-align:center !important;}
.ui-datepicker .ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus {
  border: 0;
  background: rgba(0,0,0,0);
  font-weight: bold;
  color: #fff;
}

.ui-datepicker {padding:0 0 0 0 !important;}
.ui-datepicker .ui-datepicker-title ,.ui-datepicker .ui-widget-header {
  border: 0;
  background: #103661;
  color: #fff;
  font-weight: bold;
  border:0px;
}
.ui-datepicker .ui-datepicker-title a , .ui-datepicker .ui-widget-header a  {
  color: #fd4741;
}

.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {border:0;}

.ui-datepicker .ui-state-active, .ui-datepicker.ui-widget-content .ui-state-active , .ui-datepicker .ui-widget-header .ui-state-active {
  border:0;
  background:none;
  font-weight:300;
}
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { background:rgba(0,0,0,0); text-align:center; font-weight:300; display:block; }

.ui-datepicker-calendar > tbody > tr > td a.ui-state-active , .ui-datepicker-calendar > tbody > tr > td {position:relative;}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-state-active,.ui-datepicker.ui-widget-content .ui-state-active,.ui-datepicker .ui-widget-header .ui-state-active { background-color:#fd4741; border-radius:100px; } 
.ui-datepicker .ui-state-hover:before,
.ui-datepicker .ui-state-active:before,.ui-datepicker.ui-widget-content .ui-state-active:before,.ui-datepicker .ui-widget-header .ui-state-active:before {
    /*content: " ";*/
    /*position: absolute;
    z-index: -1;
  background-color:#fd4741;
    box-shadow: 0 0 32px rgba(0,0,0,.1);
    border-radius: 32px;
  width: 25px;
    height: 25px;
    bottom: 0;
    left: 50%;
  margin-left:-12px;
  margin-bottom:-4px;*/
/*
    -webkit-transform: translate(-50%,-50%) scale(0);
    -moz-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    -o-transform: translate(-50%,-50%) scale(0);
*/
  -webkit-transition: transform .2s ease;
    -moz-transition: transform .2s ease;
    -ms-transition: transform .2s ease;
    -o-transition: transform .2s ease;
}
.ui-datepicker .ui-datepicker-group .ui-state-default{text-align:center;}
.ui-datepicker .ui-datepicker-group-first {margin-left:-1px}
.ui-datepicker .ui-datepicker-group-last {margin-right:-1px}
.ui-datepicker .ui-datepicker-group-middle {border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}


.shp-page-title-nav-fix {position: relative;height: 150px !important; margin-bottom: 70px;}
.shp-page-title-nav-fix > .title-nav {margin:auto;width: 1200px;top: 53px;position: relative;text-shadow: 2px 2px 1px black;}
.shp-page-title-nav-fix > .title-nav h2 {color: white;}
.shp-page-title-nav-fix > .title-nav .title-nav_sub {color: white;}




/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;z-index:1000;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right;}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff;font-size:8px;}


/* 상단 레이아웃 */
#hd {position:relative;background:#fff}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#logo {padding:15px 10px}

#gnb_open {position:absolute;top:10px;right:60px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em}
#gnb {display:none;background:#282828}
#gnb a {display:block;color:#efefef}
.gnb_1da {padding:10px;border-top:1px solid #191919}
.gnb_2dul {background:#383838}
.gnb_2da {padding:10px;border-top:1px solid #282828}
.gnb_2da span:before {display:inline-block;margin:0 10px 0 0;color:#666;content:'▶'}
#gnb_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_sch_open {position:absolute;top:10px;right:10px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em}
#hd_sch {display:none;border-top:1px solid #181818;background:#282828;text-align:center}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding:30px 0}
#hd_sch #sch_stx {height:30px;border:1px solid #181818;background:#323232 !important;line-height:2.5em;vertical-align:middle;color:#bbb}
#hd_sch #sch_submit {margin:0;padding:0 10px;height:32px;border:0;background:#000;color:#fff;vertical-align:middle}
#hd_sch #sch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff}

#hd_nb {clear:both;background:#ecf0f7;text-align:center}
#hd_nb li {display:inline-block}
#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}

#lnb {}
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#lnb li {float:left;margin-bottom:-1px;width:25%}
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
#lnb li:nth-of-type(4n) a {border-right:0}

/* 중간 레이아웃 */
#wrapper {margin:20px 0}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {position:relative;min-height:300px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:0 10px 20px;font-size:1.2em;font-weight:bold}

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px;text-align:center}
#text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 하단 레이아웃 */
#ft {border-top:1px solid #dde4e9;background:#f2f5f9}
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_copy {padding:10px;background:#414141;color:#fff;line-height:2em}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block;padding:5px 10px}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit;text-decoration:none}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 - PC */
#captcha {display:inline-block;position:relative;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
#captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-right:32px;vertical-align:top}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat  0 -30px;border:none;border-top:1px solid #ccc;overflow:hidden;cursor:pointer;text-indent:-9999px;}
#captcha #captcha_key {margin:0;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;display:block;}
#captcha.m_captcha #captcha_reload {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat  0 -30px;border:none;overflow:hidden;cursor:pointer;text-indent:-9999px;position:static}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}


/*단축키일람 */
.btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff}


/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
.tbl_frm01 {}
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:20px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul > li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:10px 20px}

.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#fff;text-decoration:none; border:1px solid #3556ab;}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#3556ab; border:1px solid #3556ab; color:#fff;font-weight:normal}

/* PC화면으로 */
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}

.settle_case_wrap {display:block;border-top:1px solid #edebed; border-bottom:1px solid #edebed;}
.settle_case_wrap dt {width:25%;background-color:#7e7e7e;color:#fff;display:inline-block;line-height:30px;text-align:center;}
.settle_case_wrap dd {width:75%;display:inline-block;color:#363636;line-height:30px;}
.settle_case_wrap dd label {font-weight:bold;}
.settle_case_wrap dd input {margin-left:1%;}

/*데이터 레인지 피커를 이용한 searchBox css*/
.dateSearchBox{margin:10px 0;display:inline-block;background-color:#fff;width:100%;}
.dateSearchContent{width:96vw;padding:0 2vw;}
.dateSearchHeader{margin-bottom:10px}
.dateSearchCal{margin-top:5px;border-top:solid 1px #EBEBEB;width:100%; display:table; }
.dateSearchCal > div { display:table-cell; vertical-align:middle; }
.dateSelectBox{width:45%;display:inline-block;margin:0;border:0;padding:0;}
.dateSelectArrow{width:10%; text-align:center; margin:0;border:0;padding:0;}
.dateSelectHeader{width:100%;}
.dateSelectHeader > div{display:inline-block;width:33%; border-bottom:solid 1px #EBEBEB;line-height:2.2em;font-size:0.8em;font-weight:bold;padding:5px 0;}
.dateSelectHeader > div.dateSelectHeaderCenter{border-bottom:solid 1px #2AE8FE;text-align:center;}
.dateSelectBox .dateSelectDate { padding:5px 0; }
.dateSelectBox .dateSelectDate .monthDay { font-weight:900; font-size:22px; letter-spacing:-0.8px; }
.dateSelectBox .dateSelectDate .yearDay { font-size:14px; padding-left:2vw; }
.dateSelectBox .dateSelectTime { font-size:14px; padding-bottom:10px; }
.dateSelectBox .dateSelectTime:after { content:'\e807'; font-family: "fontello"; padding-left:2vw;}
#dateSelectDialog{padding:0;}
div.ui-dialog{padding:0;margin:0;border:0;}
div.ui-dialog-titlebar{background:rgba(50,50,50,0.8);}
div.ui-widget-content{background:#fff;overflow-y:scroll;max-height:100%;min-height:100%;overflow-x:hidden}
div.dateTimeTab{background:#fff;width:100%; }
div.dateTimeTab > div {display:inline-block;width:50%;color:#fff; background-color:#3656AB; padding:2vh 0;font-size:14px;text-align:center;}
div.dateTimeTab > div.selected {background:#fff;color:#000;}

.searchCarName > input { width:98%; border:1px solid #eaeaea; height:25px; padding-left:1%; font-size:13px; }
.searchSelectBtn > button { width:100%; border:none; background-color:#3556ab; color:#fff; text-align:center; height:40px; margin:10px 0; }


/* ==================================================
  .l__bo-wrap
================================================== */
.l__bo-wrap { margin:10px; }
/* 서치 */
#l__bo-search { background-color:#fafafa; border:1px solid #dfdfdf; width:100%; }
#l__bo-search label { position:relative; display:inline-block; width:96%; margin:1vh 2%; }
#l__bo-search select#sfl { display:none; }
#l__bo-search input#stx { width:98%; padding:0 1%; height:29px; line-height:28px; background-color:#fff; border:1px solid #dfdfdf; }
#l__bo-search label > button.btn-search { position:absolute; right:2%; top:0; line-height:29px; color:#3556ab; }
/* 전체글 글쓰기 라인 */
.l__bo-total-count { width:100%; padding:10px 0; line-height:28px; height:28px; border-bottom:1px solid #e0e0e0; }
.l__bo-total-count > div { display:inline-block; width:48%; }
.l__bo-total-count .bo-count { color:#474747; font-size:12px; }
.l__bo-total-count .bo-write { text-align:right; float:right; }
.content-list { margin-top:10px; }
/* view */
table#content_list { width:100%; margin-top:10px; }
table.bo-view thead th { padding:12px 5px; border-top:1px solid #989898; border-bottom:1px solid #e3e3e3; color:#434343; font-size:14px; font-weight:500; text-align:left; }
table.bo-view tbody td { padding:8px 5px; border-bottom:1px solid #e3e3e3; color:#434343; font-size:12px; text-align:left; }
table.bo-view tbody td.file-link > p { width:100%; display:block; line-height:16px; }
ul.view-btn-list { display:inline-block; text-align:right; width:100%; margin:10px 0; }
ul.view-btn-list > li { display:inline-block; }
ul.bo_v_nb { display:block; text-align:center; margin-top:20px; }
ul.bo_v_nb > li { display:inline-block; width:25%; font-weight:600; }
/* comment */
#bo_v_atc { display:inline-block; width:100%; }
#bo_vc_w { background-color:#fafafa; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:10px 10px; }
#bo_vc p { border-top:1px solid #e3e3e3; }
#bo_vc .l__ct-view { display:inline-block; width:100%; }
#bo_vc .l__ct-view > * { display:inline-block; vertical-align:top;  color:#434343; }
#bo_vc .l__ct-view > span.name { width:76%; font-size:12px; }
#bo_vc .l__ct-view > span.date { width:24%; text-align:right; float:right; font-size:12px; }
#bo_vc .l__ct-view > span.content { width:76%; line-height:16px; font-size:13px; }
#bo_vc .l__ct-view > span.btn { width:24%; max-width:100px; text-align:right; float:right; }
#bo_vc .l__ct-view > span.btn i {
	display:inline-block; width:24px; height:24px; text-align:center; line-height:24px; background-color:#fff; border:1px solid #cbcbcb; color:#f03539;
}
/* write */
ul.board-write { width:100%; display:inline-block; }
ul.board-write > li { display:inline-block; margin-top:10px; clear:both; width:100%; }
ul.board-write .summary { display:block; }
ul.board-write .summary.secret { float:right; display:inline-block; line-height:37px; }
ul.board-write .summary.half { width:48%; display:inline-block; }
ul.board-write .summary.half:nth-child(2) { float:right; }
ul.board-write label.input,
ul.board-write input.input,
ul.board-write select.input { background-color:#fff; border:1px solid #e3e3e3; height:37px; line-height:37px; vertical-align:top; font-size:13px; color:#434343; float:left; }
ul.board-write label.input { width:30%; text-align:center; display:inline-block; border-right:none; }
ul.board-write input.input { width:98%; padding:0 2%;margin-left:-3px; }
ul.board-write input.long-input { width:66%; }
ul.board-write select.input { min-width:178px; height:39px; line-height:39px; padding:0 10px;margin-left:-3px; }
ul.board-write label.none { display:none; }
ul.board-write label.secret { color:#434343; font-size:13px; }
ul.board-write input.secret { margin-left:3px; }
li.l__comment-content { position:relative; background-color:#fff; border:1px solid #e3e3e3; }
li.l__comment-content textarea#wr_content { border:none; width:96% !important; height:110px !important; padding:10px 2%; }
ul.board-write fieldset#captcha { margin-left:-3px; }
ul.board-write fieldset#captcha.m_captcha audio { display:none; }
ul.board-write #captcha #captcha_img { margin:0; display:inline-block; float:left; height:auto; margin-left:3px; }
ul.board-write #captcha #captcha_mp3 span { position:relative; display:inline-block; }
ul.board-write #captcha #captcha_reload { border-top:none; background-position:0 -26px; height:62px; line-height:62px; background-color:#e3e3e3; }
ul.board-write #captcha #captcha_key { border:1px solid #e3e3e3; height:60px; line-height:60px; vertical-align:top; width:28%; margin:0; }
ul.board-write #captcha #captcha_info { display:none; }
/* btn */
.btn-confirm { height:28px; line-height:28px; padding:0 10px; display:inline-block; background-color:#3556ab; color:#fff !important; font-size:12px; }
.btn-cancel { height:26px; line-height:26px; background-color:#fff; border:1px solid #3556ab; color:#000 !important; vertical-align:middle; }
.btn-list { display:inline-block; padding:0 10px; height:25px; line-height:25px; text-align:center; background-color:#fafafa; border:1px solid #dfdfdf; font-size:12px; }
.btn-adm-only { background-color:#3556ab; border:1px solid #3556ab; color:#fff !important; }
.btn-view { display:inline-block; width:100%; height:45px; line-height:45px; text-align:center; background-color:#fff; border:1px solid #e3e3e3; font-size:14px; }
.btn-view > i.icon-angle-left { float:left; margin-left:10%; }
.btn-view > i.icon-angle-right { float:right; margin-right:10%; }
.l_btn-wrap { display:inline-block; text-align:right; width:100%; margin:10px 0; }
.l_btn-wrap .secret { color:#434343; font-size:12px; display:inline-block; }
.l_btn-wrap .secret > input { margin:0 5px; }
input.btn-confirm { border:none; }

/* basic list */
table.l__bo-basic { width:100%; }
table.l__bo-basic th {
	background-color:#f9f9f9; border-top:1px solid #989898; border-bottom:1px solid #e3e3e3;
	padding:10px 0; text-align:center; color:#434343; font-size:13px; font-weight:500;
}
table.l__bo-basic td { padding:12px 0; color:#434343; font-size:12px; text-align:center; border-bottom:1px solid #e3e3e3; }
table.l__bo-basic td.subject { text-align:left; }
/* gallery list */
ul.l__bo-gallery { display:inline-block; width:100%; }
ul.l__bo-gallery > li { display:block; border:1px solid #e3e3e3; margin-bottom:8px; }
ul.l__bo-gallery > li > * { display:block; width:96%; padding:0 2%; }
ul.l__bo-gallery .thumb { width:100%; height:auto; margin:2% 0; }
ul.l__bo-gallery .title { line-height:26px; height:26px; }
ul.l__bo-gallery .title > a { color:#434343; font-size:14px; }
ul.l__bo-gallery .explain { line-height:22px; height:22px; font-size:13px; color:#7f7f7f; border-top:1px solid #e3e3e3; }
ul.l__bo-gallery .explain > span { display:inline-block; width:50%; }
ul.l__bo-gallery .explain .name {}
ul.l__bo-gallery .explain .date { float:right; text-align:right; }
/* webzine */
ul.l__bo-webzine { display:inline-block; width:100%; }
ul.l__bo-webzine > li { display:block; border:1px solid #e3e3e3; margin-bottom:8px; padding:2%; width:96%; }
ul.l__bo-webzine > li > * { display:inline-block; vertical-align:top; }
ul.l__bo-webzine > li figure { width:45%; }
ul.l__bo-webzine > li figure { width:45%; position:relative; }
ul.l__bo-webzine > li figure img { display:block; width:100%; }
ul.l__bo-webzine > li figcaption { margin-left:1%; width:52%; }
ul.l__bo-webzine .title { line-height:22px; height:22px; }
ul.l__bo-webzine .title > a { color:#434343; font-size:14px; font-weight:600; }
ul.l__bo-webzine .explain { line-height:15px; font-size:12px; color:#717171; }


/* visit */
/* ==================================================
	table.l__ga-bo-search
================================================== */
table.l__ga-bo-search { width:100%; margin-top:5px; }
table.l__ga-bo-search th,
table.l__ga-bo-search td { border:1px solid #e2e2e2; padding:8px 0; text-align:left; }
table.l__ga-bo-search th { background-color:#f0f0f0; vertical-align:top; text-align:center; }
table.l__ga-bo-search td { padding-left:5px; }
table.l__ga-bo-search td i.icon-star { color:#ffae00; }
/* ==================================================
	ul.l__ga-bo-sc
================================================== */
ul.l__ga-bo-sc { display:inline-block; width:100%; text-align:center; }
ul.l__ga-bo-sc > li { display:inline-block; position:relative; padding:0 15px; }
ul.l__ga-bo-sc > li > a { color:#000; font-size:12px; font-weight:500; }
ul.l__ga-bo-sc > li > a#bo_cate_on { color:#3556ab; }
ul.l__ga-bo-sc > li:not(:nth-child(1)):before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-7px;
	width:1px;
	height:14px;
	background:#e2e2e2;
}
/* ==================================================
	.l__ga-bo
================================================== */
.l__ga-bo { clear:both; border-top:3px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
.l__ga-bo > ul#content_list { display:inline-block; width:100%; }
.l__ga-bo > ul#content_list > li { display:block; padding:10px 0; width:100%; border-bottom:1px solid #e2e2e2; }
ul#content_list > li.empty_list { color:#333; font-size:24px; font-family: 'nanum-square-r'; font-weight:900; padding:100px 0; text-align:center; }
.l__ga-bo > ul#content_list > li > a { display:inline-block; }
.l__ga-bo > ul#content_list > li > a:hover .title { text-decoration:underline; }
.l__ga-bo > ul#content_list figure,
.l__ga-bo > ul#content_list figcaption,
.l__ga-bo > ul#content_list dl { display:inline-block; vertical-align:top; }
.l__ga-bo > ul#content_list figure { width:45%; position:relative; }
.l__ga-bo > ul#content_list figure img { display:block; width:100%; }
.l__ga-bo > ul#content_list figure > label.caption {
	position:absolute; top:0; left:0; z-index:1;
	display:inline-block; background-color:#333; padding:0 8px; height:22px; text-align:center;
	color:#fff; font-size:13px; line-height:22px;
}
.l__ga-bo > ul#content_list figcaption { margin:0; width:53%; }
.l__ga-bo > ul#content_list figcaption > span { display:block; }
.l__ga-bo > ul#content_list figcaption .title { color:#333; font-size:18px; font-weight:900; line-height:26px; word-break:keep-all; }
.l__ga-bo > ul#content_list figcaption .content { color:#5b5d5b; font-size:12px; line-height:16px; }
dl.l__ga-data {}
dl.l__ga-data > dt { color:#000; text-align:center; font-weight:900; line-height:22px; text-align:left; display:block; width:100%; }
dl.l__ga-data > dt > i { color:#ffae00; }
/* ==================================================
	.l__ga-bo
================================================== */
.l__pager { position:relative; margin:20px 0; }
.l__pager > .l__only-adm { position:absolute; left:0; top:0; }
.l__pager > .l__only-adm > button,
.l__pager > .l__only-adm > a { margin-right:0; display:inline-block; width:27px; height:27px; background-color:#3556ab; color:#fff; }
.l__pager > .l__only-adm > a { text-align:center; line-height:27px; width:80px; }
.l__pager > .l__only-adm > a > i { margin-right:5px; }
/* ==================================================
	.l__bo-view-slider
================================================== */
.l__bo-view-slider { width:100%; position:relative; margin-top:-1px; }
.l__bo-view-slider ul { width:100%; }
.l__bo-view-slider ul li { width:100%; height:auto; background-size:cover; background-position:center; background-repeat:no-repeat; }
.l__bo-view-slider ul li img { width:100%; height:auto; }
.l__bo-view-slider .bx-controls a { font-size:0;  position:absolute; top:40%; }
.l__bo-view-slider .bx-controls a.bx-prev { left:5%; }
.l__bo-view-slider .bx-controls a.bx-next { right:5%; }
.l__bo-view-slider .bx-controls a:before { font-family: "fontello"; font-size:22px; color:rgba(255,255,255,0.5); }
.l__bo-view-slider .bx-controls a:hover:before { color:#fff; }
a.bx-next { float:right; }
a.bx-prev:before { content:'\e82c'; }
a.bx-next:before { content:'\e82d'; }
/* ==================================================
	article.l__bo-ga-view
================================================== */
article.l__bo-ga-view { width:100%; margin-top:10px; }
article.l__bo-ga-view > h1.view-title { color:#222; font-size:18px; font-weight:900; text-align:center; }
article.l__bo-ga-view > span.view-content { color:#666; font-size:14px; line-height:22px; display:block; text-align:center; }
article.l__bo-ga-view dl.l__ga-data { text-align:center; margin:0 10px; }
dl.l__ga-data > dd { border:1px solid #e2e2e2; margin-top:10px; height:40px; line-height:40px; }
dl.l__ga-data > dd i { padding-left:5px; padding-right:5px; color:#3556ab; }
dl.l__ga-data > dd span { display:inline-block; vertical-align:top; }
dl.l__ga-data > dd .title { color:#666; font-size:15px; font-weight:600; }
dl.l__ga-data > dd .count { color:#3556ab; font-size:15px; padding-right:5px; text-align:right; }
article.l__bo-ga-view dl.l__ga-data > dd { display:inline-block; margin-bottom:10px; width:31%; }


/*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: 3;
	/* height: 100%; */
	/* padding: 10px; */
	background: #191919;
	color: #fff;
	line-height: 40px;
	/* border-bottom: 1px solid #fff; */
	padding-left: 10px;
	font-size: 14px;
}
div.event_form_v2 ul li span.form-body {
	/* display: inline-block; */
	flex: 7;
	/* height: 100%; */
	/* padding: 20px; */
	background: #f5f8f9;
	line-height: 40px;
	padding-left: 10px;
}


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: 28%;
	border: 1px solid #ddd;
}

div.event_form_v2 ul li span.form-body textarea.w3 {
	width: 90%;
	height: 110px;
	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 fieldset span#captcha_info {
	font-size: 12px !important;
    margin: 0px !important;
    height: 20px;
    padding: 0px;
    line-height: 20px;
}

#bo_vc_w_v2 {
	width: 100%;
	margin-left: 3%;
}

div.event_form_v2 ul li span.form-body div.form-div{
	  display: inline-block;
    width: 100%;
    font-size: 12px;
    border: 0px solid #000;
    height: auto;
    margin-right: 20px;
    vertical-align: top;
    line-height: 24px;
}

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;
}