@charset "UTF-8";
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
@font-face {
  font-family: "roboto";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/roboto/roboto-v30-latin-900.eot");
  src: url("../fonts/roboto/roboto-v30-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v30-latin-900.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-900.woff") format("woff"), url("../fonts/roboto/roboto-v30-latin-900.ttf") format("truetype"), url("../fonts/roboto/roboto-v30-latin-900.svg#roboto-v30-latin-900") format("svg");
}
@font-face {
  font-family: "roboto";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/roboto/roboto-v30-latin-700.eot");
  src: url("../fonts/roboto/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto/roboto-v30-latin-700.svg#roboto-v30-latin-700") format("svg");
}
@font-face {
  font-family: "roboto";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/roboto/roboto-v30-latin-500.eot");
  src: url("../fonts/roboto/roboto-v30-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v30-latin-500.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-500.woff") format("woff"), url("../fonts/roboto/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-v30-latin-500.svg#roboto-v30-latin-500") format("svg");
}
@font-face {
  font-family: "roboto";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/roboto/roboto-v30-latin-regular.eot");
  src: url("../fonts/roboto/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-v30-latin-regular.svg#roboto-v30-latin-regular") format("svg");
}
@font-face {
  font-family: "notokr";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/noto_kr/notokr-Black.eot");
  src: url("../fonts/noto_kr/notokr-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_kr/notokr-Black.woff2") format("woff2"), url("../fonts/noto_kr/notokr-Black.woff") format("woff"), url("../fonts/noto_kr/notokr-Black.ttf") format("truetype"), url("../fonts/noto_kr/notokr-Black.svg#notokr-Black") format("svg");
}
@font-face {
  font-family: "notokr";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/noto_kr/notokr-bold.eot");
  src: url("../fonts/noto_kr/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_kr/notokr-bold.woff2") format("woff2"), url("../fonts/noto_kr/notokr-bold.woff") format("woff"), url("../fonts/noto_kr/notokr-bold.ttf") format("truetype"), url("../fonts/noto_kr/notokr-bold.svg#notokr-bold") format("svg");
}
@font-face {
  font-family: "notokr";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/noto_kr/notokr-medium.eot");
  src: url("../fonts/noto_kr/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_kr/notokr-medium.woff2") format("woff2"), url("../fonts/noto_kr/notokr-medium.woff") format("woff"), url("../fonts/noto_kr/notokr-medium.ttf") format("truetype"), url("../fonts/noto_kr/notokr-medium.svg#notokr-medium") format("svg");
}
@font-face {
  font-family: "notokr";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/noto_kr/notokr-regular.eot");
  src: url("../fonts/noto_kr/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_kr/notokr-regular.woff2") format("woff2"), url("../fonts/noto_kr/notokr-regular.woff") format("woff"), url("../fonts/noto_kr/notokr-regular.ttf") format("truetype"), url("../fonts/noto_kr/notokr-regular.svg#notokr-regular") format("svg");
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button, pre { font-size: inherit; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; word-break: keep-all; }
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break: break-all; } 
fieldset, img { border: 0 none; } 
img { vertical-align: top; } 
dl, ul, ol, menu, li { list-style: none; } 
blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } 
input, select, textarea, button { vertical-align: middle; } 
input::-ms-clear { display: none; } 
body, th, td, input, select, textarea, button, pre { font-family: "roboto", "notokr", Dotum, Gulim, Helvetica, sans-serif; font-weight: 400; line-height: 1.5; color: #000; } 
body {font-size: 15px; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #fff; direction: ltr; -webkit-text-size-adjust: none; } 
button { font-family: "roboto", "notokr", Dotum, Gulim, Helvetica, sans-serif; font-weight: 400; cursor: pointer; border: 0 none; background-color: transparent; } 
a { text-decoration: none; color: #222; } 
a:hover { text-decoration: none; color: #222; } 
a:active { text-decoration: none; /* background-color: transparent;*/ } 
address, caption, cite, code, dfn, em, var, i { font-weight: 400; font-style: normal; } 
table { width: 100%; } 
table, th, td { table-layout: fixed; border-collapse: collapse; } 
table caption { overflow: hidden; font-size: medium; line-height: normal; width: 100%; height: 0; word-break: break-all; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; } 
input, textarea, button, input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button { border-radius: 0; -webkit-appearance: none; } 
iframe { display: block; } 
#skipnavi { position: absolute; top: -200px; left: 0; text-align: center; } 
#skipnavi a:focus { position: fixed; top: 0; right: 0; left: 0; z-index: 99999; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; padding: 3px; color: #fff; background: #3617ce; } 

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.003;
  filter: Alpha(Opacity=0.3);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/**
 * Swiper 8.2.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px ;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff ;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000 ;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(64, 71, 81, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(64, 71, 81, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(64, 71, 81, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 1px 0 1px rgba(64, 71, 81, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(64, 71, 81, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(64, 71, 81, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(64, 71, 81, 0.1);
  box-shadow: inset 1px 0 1px rgba(64, 71, 81, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(64, 71, 81, 0.1);
  box-shadow: inset 0 1px 1px rgba(64, 71, 81, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(64, 71, 81, 0.1), inset 0 0 14px rgba(64, 71, 81, 0.5);
  box-shadow: inset 1px 0 1px rgba(64, 71, 81, 0.1), inset 0 0 14px rgba(64, 71, 81, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(64, 71, 81, 0.1), inset 0 0 14px rgba(64, 71, 81, 0.5);
  box-shadow: inset 0 1px 1px rgba(64, 71, 81, 0.1), inset 0 0 14px rgba(64, 71, 81, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(64, 71, 81, 0.1);
  box-shadow: inset 1px 1px 16px rgba(64, 71, 81, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(64, 71, 81, 0.2);
  box-shadow: inset 0 0 14px rgba(64, 71, 81, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(64, 71, 81, 0.1), inset 0 0 14px rgba(64, 71, 81, 0.2);
  box-shadow: inset 0 1px 1px rgba(64, 71, 81, 0.1), inset 0 0 14px rgba(64, 71, 81, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(64, 71, 81, 0.2);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(64, 71, 81, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(64, 71, 81, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(64, 71, 81, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(64, 71, 81, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(64, 71, 81, 0.1);
  box-shadow: inset 1px 1px 16px rgba(64, 71, 81, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(64, 71, 81, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(64, 71, 81, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

@font-face {
  font-family: "notokr";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/noto_kr/notokr-Black.eot");
  src: url("../fonts/noto_kr/notokr-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_kr/notokr-Black.woff2") format("woff2"), url("../fonts/noto_kr/notokr-Black.woff") format("woff"), url("../fonts/noto_kr/notokr-Black.ttf") format("truetype"), url("../fonts/noto_kr/notokr-Black.svg#notokr-Black") format("svg");
}
@font-face {
  font-family: "notokr";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/noto_kr/notokr-bold.eot");
  src: url("../fonts/noto_kr/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_kr/notokr-bold.woff2") format("woff2"), url("../fonts/noto_kr/notokr-bold.woff") format("woff"), url("../fonts/noto_kr/notokr-bold.ttf") format("truetype"), url("../fonts/noto_kr/notokr-bold.svg#notokr-bold") format("svg");
}
@font-face {
  font-family: "notokr";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/noto_kr/notokr-medium.eot");
  src: url("../fonts/noto_kr/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_kr/notokr-medium.woff2") format("woff2"), url("../fonts/noto_kr/notokr-medium.woff") format("woff"), url("../fonts/noto_kr/notokr-medium.ttf") format("truetype"), url("../fonts/noto_kr/notokr-medium.svg#notokr-medium") format("svg");
}
@font-face {
  font-family: "notokr";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/noto_kr/notokr-regular.eot");
  src: url("../fonts/noto_kr/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/noto_kr/notokr-regular.woff2") format("woff2"), url("../fonts/noto_kr/notokr-regular.woff") format("woff"), url("../fonts/noto_kr/notokr-regular.ttf") format("truetype"), url("../fonts/noto_kr/notokr-regular.svg#notokr-regular") format("svg");
}
@font-face {
  font-family: "roboto";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/roboto/roboto-v30-latin-900.eot");
  src: url("../fonts/roboto/roboto-v30-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v30-latin-900.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-900.woff") format("woff"), url("../fonts/roboto/roboto-v30-latin-900.ttf") format("truetype"), url("../fonts/roboto/roboto-v30-latin-900.svg#roboto-v30-latin-900") format("svg");
}
@font-face {
  font-family: "roboto";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/roboto/roboto-v30-latin-700.eot");
  src: url("../fonts/roboto/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto/roboto-v30-latin-700.svg#roboto-v30-latin-700") format("svg");
}
@font-face {
  font-family: "roboto";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/roboto/roboto-v30-latin-500.eot");
  src: url("../fonts/roboto/roboto-v30-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v30-latin-500.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-500.woff") format("woff"), url("../fonts/roboto/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-v30-latin-500.svg#roboto-v30-latin-500") format("svg");
}
@font-face {
  font-family: "roboto";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/roboto/roboto-v30-latin-regular.eot");
  src: url("../fonts/roboto/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto/roboto-v30-latin-regular.svg#roboto-v30-latin-regular") format("svg");
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
button,
pre {
  font-size: inherit;
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  word-break: keep-all;
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-break: break-all;
}

fieldset,
img {
  border: 0 none;
}

img {
  vertical-align: top;
}

dl,
ul,
ol,
menu,
li {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

input,
select,
textarea,
button {
  vertical-align: middle;
}

input::-ms-clear {
  display: none;
}

body {
  background: #fff;
  direction: ltr;
  -webkit-text-size-adjust: none;
}

body,
th,
td,
input,
select,
textarea,
button,
pre {
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}

button {
  font-weight: 400;
  cursor: pointer;
  border: 0 none;
  background-color: transparent;
}

a {
  text-decoration: none;
  color: #222;
}

a:hover {
  text-decoration: none;
  color: #222;
}

a:active {
  text-decoration: none;
  /* background-color: transparent; */
}

address,
caption,
cite,
code,
dfn,
em,
var,
i {
  font-weight: 400;
  font-style: normal;
}

table {
  width: 100%;
}

table,
th,
td {
  table-layout: fixed;
  border-collapse: collapse;
}

table caption {
  overflow: hidden;
  font-size: medium;
  line-height: normal;
  width: 100%;
  height: 0;
  word-break: break-all;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}

body {
  font-size: 15px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
textarea,
button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  border-radius: 0;
  -webkit-appearance: none;
}

iframe {
  display: block;
}

#skipnavi {
  position: absolute;
  top: -200px;
  left: 0;
  text-align: center;
}

#skipnavi a:focus {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  padding: 3px;
  color: #fff;
  background: #3617ce;
} /*bx*/
/* base */
.hide,
legend {
  display: block;
  overflow: hidden;
  font-size: medium;
  line-height: normal;
  width: 0;
  height: 0;
  word-break: break-all;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}

hr.none {
  display: none;
}

/* a link */
a.em_link {
  color: #222;
}

a.line_link {
  text-decoration: underline;
}

a.list_link {
  color: #666;
}

a.over_line:hover {
  text-decoration: underline;
}

/* form style */
input[type=text],
input[type=password],
input[type=search],
input[type=date] {
  display: block;
  line-height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 0 14px;
  opacity: 1;
  border: 0 none;
  background: #f7f7f7;
}

input[type=text].no_bg,
input[type=password].no_bg,
input[type=search].no_bg,
input[type=date].no_bg {
  padding: 0 13px;
  border: 1px solid #dddbda;
  background: #fff;
}

::-webkit-input-placeholder {
  color: #a9a9a9 !important;
  -webkit-text-fill-color: #a9a9a9;
}

::-moz-input-placeholder {
  color: #a9a9a9 !important;
  -moz-text-fill-color: #a9a9a9;
}

:-ms-input-placeholder {
  color: #a9a9a9 !important;
  -ms-text-fill-color: #a9a9a9;
}

:-moz-input-placeholder {
  color: #a9a9a9 !important;
  -moz-text-fill-color: #a9a9a9;
}

/* Removes the clear button from date inputs */
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=date] {
  padding: 0 13px;
  border: 1px solid #3617ce;
  outline: 0;
} /*bx*/
.input_txt {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 710px;
}

/*input[readonly],input[disabled]{background:#eeeceb;}*/
.input_txt input[readonly],
.input_txt input[disabled] {
  padding: 0 13px;
  color: #222;
  border: 1px solid #dddbda;
  background: #dddbda;
}

.input_txt input:focus {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

/*select*/
.selects {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 710px;
  background: #f8f6f5;
}

.selects select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 0;
  padding: 0 37px 0 15px;
  color: #666;
  border: 0 none;
  border-radius: 0;
  background: #f7f7f7;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}

.select_group:after {
  content: "";
  display: block;
  clear: both;
}

.select_group .selects:not(:first-child) {
  margin-left: 6px;
}

.select_group .selects {
  display: inline-block;
  position: relative;
  float: left;
  font-size: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.select_group.size_2 .selects {
  width: -ms-calc((100% - 6px)/2);
  width: -o-calc((100% - 6px)/2);
  width: calc((100% - 6px) / 2);
}

.select_group.size_3 .selects {
  width: 233px;
}

.select_group.size_3 .selects:first-child {
  width: 232px;
}

.select_group.size_4 .selects {
  width: -ms-calc((100% - 18px)/4);
  width: -o-calc((100% - 18px)/4);
  width: calc((100% - 18px) / 4);
}

.select_group.size_5 .selects {
  width: -ms-calc((100% - 18px)/6);
  width: -o-calc((100% - 18px)/6);
  width: calc((100% - 18px) / 6);
}

.select_group.size_5 .input_txt {
  margin-left: 6px;
}

.selects.no_bg select,
.selects.no_bg .select_custom {
  border: 1px solid #dddbda;
  background: #fff;
}

.selects.no_bg .select_custom.active {
  border-color: #ff9000;
} /*bx*/
/**/
.select_custom {
  display: block;
  position: relative;
  z-index: 1;
  width: auto !important;
  text-align: left !important;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid transparent;
  background: #f7f7f7;
} /*bx*/
.select_custom a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 48px;
  padding: 12px 37px 0 14px;
  white-space: nowrap;
  letter-spacing: 0;
  word-wrap: normal;
  color: #666;
}

select:disabled + .select_custom {
  background: #dddbda;
}

.select_custom .hide {
  display: inline-block;
  position: absolute;
  z-index: -10;
  overflow: hidden !important;
  font-size: medium;
  line-height: normal;
  width: 0 !important;
  height: 0 !important;
  word-break: break-all;
  opacity: 0 !important;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}

.select_custom.active {
  border-color: #ff9000;
} /*bx*/
.select_custom.on {
  z-index: 3;
  border-color: #ff9000;
} /*bx*/
.select_custom.warn {
  border: 1px solid #dc320a;
}

.select_custom.disabled a {
  color: #787878;
}

.select_custom.read a {
  color: #303030;
}

.select_custom.disabled a,
.select_custom.disabled a:hover,
.select_custom.disabled a:focus,
.select_custom.read a,
.select_custom.read a:hover,
.select_custom.read a:focus {
  cursor: default;
  pointer-events: none;
}

.select_custom .ui-selectbox-view .ico {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 12px;
  height: 8px;
  background: url("/common/img/vin/common/select_arr.png") no-repeat 0 0;
}

.select_custom.on .ui-selectbox-view .ico {
  background-position: -50px 0;
}

.select_custom.disabled .ui-selectbox-view .ico,
.select_custom.read .ui-selectbox-view .ico {
  background-position: 0 -50px;
}

.select_custom .ui-selectbox-list {
  display: none;
  position: absolute;
  top: 49px;
  right: -1px;
  left: -1px;
  overflow: hidden;
  border: 1px solid #ff9000;
  border-top: 0 none;
  background: #f8f6f5;
} /*bx*/
.select_custom .ui-selectbox-list .ui-select-scrollarea {
  overflow: hidden;
  max-height: 165px;
  border-top: 1px solid #d0d0d0;
}

.select_custom .ui-selectbox-list ul {
  margin: 0 !important;
  padding: 5px 0;
}

.select_custom .ui-selectbox-list li a {
  line-height: 1.8em;
  height: auto;
  min-height: 26px;
  padding: 0 25px 3px 12px;
  color: #303030;
}

.select_custom .ui-selectbox-list li a:hover,
.select_custom .ui-selectbox-list li.active a {
  background-color: #f4f4f4;
}

.select_custom.on .ui-selectbox-list li.on a {
  text-decoration: underline !important;
}

.select_custom.up.on {
  border-radius: 0 0 2px 2px;
}

.select_custom.up .ui-selectbox-list {
  border: 1px solid #ff9000;
  border-bottom: 0;
  border-radius: 0 0 2px 2px;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
} /*bx*/
.select_custom.up .ui-selectbox-list .ui-select-scrollarea {
  border-bottom: 1px solid #d0d0d0;
}

/* scroll*/
.select_custom .ui-select-scroll {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  cursor: pointer;
}

.select_custom .ui-select-scroll span {
  position: absolute;
  left: 12px;
  font-size: 0;
  line-height: 0;
  width: 8px;
  margin: 0;
  padding: 0;
}

.select_custom .ui-select-scroll .bg_top {
  top: 0;
  height: 12px;
  background: url("../images/bg_scroll_new.png") no-repeat -24px 0;
}

.select_custom .ui-select-scroll .bg_mid {
  top: 12px;
  background: url("../images/bg_scroll_new.png") repeat-y 0 0;
}

.select_custom .ui-select-scroll .bg_btm {
  bottom: 0;
  height: 12px;
  background: url("../images/bg_scroll_new.png") no-repeat -48px 0;
}

.select_custom .ui-select-scroll.active .bg_top {
  background-position: -96px 0;
}

.select_custom .ui-select-scroll.active .bg_mid {
  background-position: -72px 0;
}

.select_custom .ui-select-scroll.active .bg_btm {
  background-position: -120px 0;
}

.select_custom.on .ui-selectbox-list,
.select_custom.on .ui-select-scroll {
  display: block;
} /*  .on */
.ui-select-scrolltrack {
  width: 6px;
}

.ui-select-scrollbar {
  width: 6px;
  border-radius: 3px;
  background: #222;
}

/* datepicker */
.ui-calendar-container {
  width: 280px;
  border: 1px solid #dddbda;
  outline: initial;
  background-color: #fff;
}

.ui-calendar-container:after {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  right: 19px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border: 1px solid #dddbda;
  border-top-color: transparent;
  border-right-color: transparent;
  background: #fff;
}

.ui-calendar-container .ui_calender_uparrow {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  right: 19px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border: 1px solid #dddbda;
  border-top-color: transparent;
  border-right-color: transparent;
  background: #fff;
}

.ui-calendar-container button {
  padding: 0;
  cursor: pointer;
  letter-spacing: -1px;
  border: none;
  background: none;
}

.ui-calendar-container button::-moz-focus-inner {
  border: 0;
}

.ui-calendar-container select {
  vertical-align: middle;
}

.ui-calendar-container .hide {
  display: inline-block;
  position: absolute;
  z-index: -10;
  overflow: hidden !important;
  font-size: medium;
  line-height: normal;
  width: 0 !important;
  height: 0 !important;
  word-break: break-all;
  opacity: 0 !important;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}

.ui-calendar-container .disabled {
  cursor: default;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-first {
  display: none;
  position: relative;
  width: 100%;
  height: 43px;
  padding-top: 4px;
  text-align: center;
  background-color: #f4f4f4;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-first:after {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  left: 50%;
  width: 11px;
  height: 10px;
  margin-left: -5px;
  background: url("../images/bg_calender.png") -200px -100px no-repeat;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-second {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-first .ui-calendar-set-today {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  width: 48px;
  height: 48px;
  color: #101010;
  background: url("../images/bg_calender.png") 0 0 no-repeat;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-first .ui-calendar-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  background: url("../images/bg_calender.png") -100px -1px no-repeat;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev {
  position: absolute;
  top: -3px;
  left: 50px;
  width: 30px;
  height: 30px;
  text-indent: -1000em;
  color: #fff;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev.disabled {
  display: none;
  cursor: default;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  clear: both;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -2px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border: 1px solid #666;
  border-top: none;
  border-left: none;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next {
  position: absolute;
  top: -3px;
  right: 50px;
  width: 30px;
  height: 30px;
  text-indent: -1000em;
  color: #fff;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next.disabled {
  display: none;
  cursor: default;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  clear: both;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 1px solid #666;
  border-top: none;
  border-left: none;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.ui-calendar-container .ui-select-day .ui-calendar-date {
  padding: 20px 30px 25px;
}

.ui-calendar-container .ui-select-day .ui-calendar-date:after {
  content: "";
  display: block;
  clear: both;
}

.ui-calendar-container .ui-select-day .ui-calendar-table {
  width: 100%;
}

.ui-calendar-container .ui-select-day .ui-calendar-table th {
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
}

.ui-calendar-container .ui-select-day .ui-calendar-table tbody tr:first-child td {
  padding-top: 7px;
}

.ui-calendar-container .ui-select-day .ui-calendar-table td {
  font-size: 13px;
  line-height: 26px;
  height: 26px;
  padding-top: 10px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0;
  color: #666;
  border: none;
}

.ui-calendar-container .ui-select-day .ui-calendar-table td a {
  display: block;
}

.ui-calendar-container .ui-select-day .ui-calendar-table td button {
  width: 26px;
  height: 26px;
  color: #666;
}

.ui-calendar-container .ui-select-day .ui-calendar-table td button.disabled {
  text-decoration: none;
  color: #999;
}

.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-day {
  cursor: pointer;
  text-decoration: underline;
  letter-spacing: 0;
  color: #222;
}

.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-holiday * {
  color: #dc320a;
}

.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-today .ui-calendar-day {
  font-weight: bold;
  color: #101010;
  background: none;
}

.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-active button,
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-cell.active button,
.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-active .ui-calendar-day,
.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.active .ui-calendar-day.active {
  width: 26px;
  height: 26px;
  text-decoration: none;
  color: #fff;
  border-radius: 50%;
  background: #ff9000;
} /*bx*/
.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today .ui-calendar-day {
  font-weight: bold;
  color: #101010;
  background: none;
}

.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-sunday .ui-calendar-day {
  font-weight: bold;
  color: #dc320a;
  background: none;
}

.ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-saturday .ui-calendar-day {
  font-weight: bold;
  color: #3070b0;
  background: none;
}

.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-over .ui-calendar-today.ui-calendar-active .ui-calendar-day {
  font-weight: bold;
  color: #101010;
  background: none;
}

.ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-over .ui-calendar-today.active .ui-calendar-day {
  color: #fff !important;
  background: url("../images/bg_calender.png") -200px 1px no-repeat !important;
}

.ui-calendar-container .ui-select-day .ui-calendar-header-first select {
  width: 30%;
  height: 80%;
}

.module_cal .input_txt {
  position: relative;
  width: 160px !important;
  padding-right: 50px;
  background: #eeeceb;
}

.module_cal .input_txt.no_bg {
  border: 1px solid #dddbda;
  background: #fff;
}

.module_cal .input_txt.no_bg input {
  height: 48px;
  background: #fff;
}

.module_cal .input_txt input {
  border: 0 none;
  background: #eeeceb;
}

.module_cal .symbol {
  display: inline-block;
  font-size: 14px;
  padding: 0 4px;
}

.module_cal .input_txt .btn.cal {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-indent: -9999em;
  background: url("/common/img/vin/common/ico_cal.png") no-repeat center center;
}

.group_radio,
.group_checkbox {
  font-size: 0;
  margin: -12px -10px 0;
}

.group_radio .rad_wrap,
.group_checkbox .chk_wrap {
  margin: 12px 10px 0;
}

.rad_wrap,
.chk_wrap {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.rad_wrap input[type=radio],
.chk_wrap input[type=checkbox] {
  position: absolute;
  top: 2px;
  left: 0;
  overflow: hidden;
  width: 18px;
  height: 18px;
  opacity: 0;
  outline: 0;
}

.rad_wrap label,
.chk_wrap label {
  display: inline-block;
  position: relative;
  font-size: 15px;
  line-height: 23px;
  padding-left: 24px;
  cursor: pointer;
  vertical-align: top;
  color: #666;
}

.rad_wrap label:after,
.chk_wrap label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  overflow: hidden;
  width: 18px;
  height: 18px;
  background: url("/common/img/vin/common/form.png") no-repeat left top;
}

.rad_wrap label:after {
  background-position: 0 0;
}

.rad_wrap input[type=radio]:checked + label:after {
  background-position: -100px 0;
}

.rad_wrap input[type=radio]:disabled + label:after {
  background-position: -200px 0;
}

.chk_wrap label:after {
  background-position: 0 -100px;
}

.chk_wrap input[type=checkbox]:checked + label:after {
  background-position: -100px -100px;
}

.chk_wrap input[type=checkbox]:disabled + label:after {
  background-position: -200px -100px;
}

.chk_wrap input[type=checkbox]:disabled + label {
  cursor: default;
}

.chk_wrap input[type=checkbox]:checked:disabled + label:after {
  background-position: -300px -100px;
}

.chk_wrap input[type=checkbox]:focus + label:after,
.rad_wrap input[type=radio]:focus + label:after {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

.rad_wrap label .s_txt,
.chk_wrap label .s_txt {
  font-size: 13px;
  line-height: 23px;
  color: #898786;
}

.input_txt.w_full {
  width: 710px;
}

.input_txt.w_half {
  width: 352px;
}

.input_xs {
  width: 130px;
}

.input_s {
  width: 232px;
}

.input_m {
  width: 352px;
}

.form_guide {
  font-size: 14px;
  line-height: 21px;
  margin-top: 6px;
  color: #898786;
}

.warning_wrap {
  position: absolute;
  top: 50%;
  left: 100%;
  min-width: 300px;
  margin-top: -10px;
  margin-left: 10px;
}

.form_guide.warning {
  display: block;
  position: relative;
  margin-top: 0;
  padding-left: 10px;
  color: #e9002d;
}

.form_guide.warning:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #e9002d;
}

.input_textarea {
  display: inline-block;
  width: 100%;
  max-width: 710px;
  vertical-align: top;
}

.input_textarea textarea {
  display: block;
  position: relative;
  font-size: 15px;
  line-height: 23px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 240px;
  padding: 14px;
  resize: none;
  color: #666;
  border: none;
  outline: 0;
  background: #f7f7f7;
  -webkit-text-fill-color: #666;
} /* bx*/
.input_textarea textarea.placeholder {
  color: #898786 !important;
  -webkit-text-fill-color: #898786;
}

.input_textarea textarea:focus {
  padding: 13px;
  border: 1px solid #ff9000;
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
} /*bx*/
.input_textarea .txt_length {
  display: block !important;
  font-size: 14px;
  line-height: 21px;
  margin-top: 6px;
  color: #898786;
}

.input_tel:after {
  content: "";
  display: block;
  clear: both;
}

.input_tel .selects {
  display: inline-block;
  position: relative;
  float: left;
  font-size: 15px;
  width: 130px;
  margin-right: 6px;
  vertical-align: middle;
}

.input_tel .tel_num {
  float: left;
  width: 216px;
}

.input_tel .tel_num.medium {
  width: 334px;
}

.input_tel .tel_num.long {
  width: 438px;
}

.input_tel .tel_num.long_xl {
  width: 574px;
}

.layer_pop .input_tel .tel_num.medium {
  width: 314px;
}

.input_tel .form_guide {
  display: inline-block;
  margin: 15px 0 0 6px;
}

.input_tel .form_guide em {
  color: #222;
}

.input_tel .form_guide .chk_wrap label {
  font-size: 14px;
  color: #898786;
}

.input_email:after {
  content: "";
  display: block;
  clear: both;
}

.input_email .email_name {
  float: left;
  width: 230px;
}

.input_email .email_domain {
  float: left;
  width: 230px;
  margin-right: 6px;
}

.input_email .dash {
  display: inline-block;
  float: left;
  line-height: 50px;
  width: 27px;
  text-align: center;
  color: #666;
}

.input_email .selects {
  position: relative;
  width: 217px;
}

.input_email.none_select .email_domain {
  width: 454px;
}

.input_email.none_select .email_domain + .form_guide {
  float: none;
  clear: both;
  margin-top: 0;
  padding-top: 6px;
}

.input_btn_container:after {
  content: "";
  display: block;
  clear: both;
}

.input_btn_container .selects {
  float: left;
}

.input_btn_container .input_txt {
  float: left;
}

.input_btn_container .input_txt + .btn,
.input_btn_container .selects + .btn {
  margin-left: 6px;
}

.input_btn_container .btn {
  float: left;
}

.input_address .zip_code {
  width: 219px;
}

.input_address .write_address .address {
  display: block;
  margin-top: 10px;
}

.file_box:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.file_box .input_txt {
  float: left;
  width: 368px;
}

.file_box .input_txt input[readonly] {
  border: 0 none;
  background: #f8f6f5;
}

.file_box .file_add_box {
  float: left;
  width: 604px;
  min-height: 51px;
  padding: 4px 20px 14px;
  background: #f8f6f5;
}

.file_box .file_add_box .add {
  display: inline-block;
  max-width: 100%;
  margin: 10px 20px 0 0;
  vertical-align: top;
  color: #666;
}

.file_box .file_add_box .add .delete {
  display: inline-block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  margin-left: 3px;
  vertical-align: middle;
  white-space: nowrap;
  text-indent: -9999em;
  text-overflow: ellipsis;
  background: url("/common/img/vin/common/file_delete.png") no-repeat 50% 50%;
}

.file_box .input_file {
  display: block;
}

.file_box .input_file label {
  margin-left: 6px;
  cursor: pointer;
}

.file_box .input_file input[type=file] {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.file_box .input_file input[type=file]:focus + label {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

.file_info_list {
  margin-top: 10px;
}

.file_info_list .bull_list .square {
  color: #898786;
}

.input_txt input[readonly].like_normal {
  padding: 0 14px;
  border: none;
  background: #f7f7f7;
} /* bx */
.input_txt input[disabled].like_normal {
  background: #dddbda;
}

.input_tween_bar {
  overflow: hidden;
}

.input_tween_bar .input_txt {
  float: left;
  width: 344px;
}

.input_tween_bar.size_2 .input_txt {
  width: 185px;
}

.input_tween_bar.size_2 .input_txt.last {
  margin-right: 10px;
}

.input_tween_bar .bar {
  float: left;
  line-height: 50px;
  width: 22px;
  height: 50px;
  text-align: center;
  color: #666;
}

.date_sel_wrap {
  position: relative;
  width: 232px;
  background: #f8f6f5;
}

.date_sel_wrap:after {
  content: "";
  display: block;
  clear: both;
}

.date_sel_wrap .input_txt {
  float: left;
  width: 172px;
}

.date_sel_wrap .date_sel_btn {
  float: left;
  overflow: hidden;
  width: 60px;
  height: 50px;
}

.date_sel_wrap .date_sel_btn span {
  display: inline-block;
  overflow: hidden;
  line-height: 999999px;
  width: 60px;
  height: 50px;
  background: #f8f6f5 url("/common/img/vin/common/date_icon.png") no-repeat 50% 50%;
}

.agree_term .selects {
  width: 208px;
}

.input_form_header {
  text-align: right;
}

.input_form_header:after {
  content: "";
  display: block;
  clear: both;
}

.input_form_header.fl {
  float: left;
}

.input_form_header:after {
  content: "";
  display: block;
  clear: both;
}

.input_form_header [class^=tit] {
  float: left;
}

.input_form_header .float_desc {
  float: left;
  font-weight: 500;
  margin: 18px 0 0 10px;
  color: #666;
}

.input_form_header .ess_label {
  display: inline-block;
  float: right;
  margin-top: 20px;
}

.ess_label {
  float: right;
  font-size: 14px;
  color: #898786;
}

.ess_label .essen {
  display: inline-block;
  margin-left: 4px;
  color: #ff9000;
} /*bx*/
/* score star level */
.star_grade .star {
  vertical-align: middle;
}

.star_grade .star .star_bg {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 18px;
  vertical-align: middle;
}

.star_grade .star .star_bg .grade {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 9999999px;
  height: 18px;
  background: url("/common/img/vin/common/star_small.png") no-repeat left -33px;
}

.star_grade.large .star {
  line-height: 19px;
  height: 19px;
}

.star_grade .star .star_bg .grade {
  width: 100%;
}

.star_grade .star .star_bg {
  width: 91px;
  background: url("/common/img/vin/common/star_small.png") no-repeat left top;
}

/* .star_grade .star.ok2 .star_bg {width:71px;}
.star_grade .star.ok3 .star_bg {width:52px;}
.star_grade .star.ok4 .star_bg {width:33px;}
.star_grade .star.ok5 .star_bg {width:14px;}
.star_grade .star.ok2 .star_bg .grade {width:71px;}
.star_grade .star.ok3 .star_bg .grade {width:52px;}
.star_grade .star.ok4 .star_bg .grade {width:33;}
.star_grade .star.ok5 .star_bg .grade {width:14px;}
 */
.star_grade .star.ok2 .star_bg .grade {
  width: 80%;
}

.star_grade .star.ok3 .star_bg .grade {
  width: 60%;
}

.star_grade .star.ok4 .star_bg .grade {
  width: 40%;
}

.star_grade .star.ok5 .star_bg .grade {
  width: 20%;
}

.star_grade.large .star .star_bg {
  width: 108px;
  height: 19px;
  background: url("/common/img/vin/common/star_large.png") no-repeat left top;
}

.star_grade.large .star .star_bg .grade {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 9999999px;
  height: 19px;
  background: url("/common/img/vin/common/star_large.png") no-repeat left -49px;
}

/* input_form_wrap */
.input_form_conts {
  border-top: 2px solid #222;
}

.input_form_conts .form_box {
  border-bottom: 1px solid #dddbda;
}

.input_form_conts .form_box dl:last-child {
  border-bottom: none;
}

.input_form_conts dl:last-child {
  border-color: #dddbda;
}

.input_form_conts dl {
  display: table;
  width: 100%;
  height: 40px;
  margin-top: 0;
  padding: 0;
  table-layout: fixed;
  border-bottom: 1px solid #eeeceb;
}

.input_form_conts dl.half {
  width: 50%;
  float: left;
}

.input_form_conts dt {
  display: table-cell;
  font-size: 15px;
  line-height: 23px;
  width: 260px;
  height: 60px;
  padding: 12px 14px;
  vertical-align: middle;
}

.input_form_conts dt.al_top {
  padding-top: 20px;
  vertical-align: top;
}

.input_form_conts dt.al_top.group {
  padding-top: 25px;
}

.input_form_conts dt .essen {
  display: inline-block;
  font-size: 15px;
  line-height: 23px;
  margin-left: 4px;
  vertical-align: top;
  color: #ff9000;
} /*bx*/
/* .input_form_conts dd {display:table-cell; height:60px; padding:12px 200px 12px 0; vertical-align:middle;} */
.input_form_conts dd {
  display: table-cell;
  height: 60px;
  padding: 12px 199px 12px 0;
  vertical-align: middle;
}

.input_form_conts dd .group_radio,
.input_form_conts dd .group_checkbox {
  padding: 13px 0;
}

.input_form_conts dl.txt {
  margin-top: 0;
  border-bottom: 1px solid #eeeceb;
}

.input_form_conts dl.txt dt {
  padding: 18px 14px 17px;
}

.input_form_conts dl.txt dd {
  font-size: 15px;
  line-height: 20px;
  padding: 20px 0 18px;
  color: #666;
}

.input_form_wrap.form_bg .input_form_conts dd {
  padding: 12px 200px 12px 20px;
}

.input_form_wrap.form_bg .input_form_conts dt {
  width: 240px;
  background-color: #f8f6f5;
}

.input_form_wrap .bull_list {
  margin-top: 20px;
}

.input_form_wrap .input_form_conts dd .bull_list {
  margin-top: 10px;
}

.layer_inner .input_form_conts dt {
  width: 150px;
}

.layer_inner .input_form_conts dd {
  padding-right: 0;
}

/* 상담 희망 시간 추가 */
.input_form_conts.no_t_line {
  border-top: none;
}

.input_form_conts .exception {
  display: block;
  position: relative;
  width: 100%;
  height: auto; /*  padding:30px 0 0 0; */
}

.input_form_conts .exception:after {
  display: block;
  clear: both;
  content: "";
}

/* .exception dt {display:inline-block; float:left; width:260px; height:60px; padding:24px 14px; font-size: 15px; line-height:23px; vertical-align: middle; }
.exception dd {display:inline-block; float:left; width:910px;  height:86px; padding:12px 199px 0 0; vertical-align: middle;} */
.exception .tit_reference {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 14px;
  font-size: 15px;
  color: #666;
}

.exception .module_cal {
  display: inline-block;
  float: left;
}

.exception .selects {
  margin-left: 10px;
}

.color_reference {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 21px;
  color: #ff002c;
}

/* 가입상담신청 class 추가_190107 */
.cs_form .input_form_conts dt {
  width: 210px;
}

.cs_form .sk_mem .selects {
  width: 165px;
}

.cs_form .sk_mem .selects:last-child {
  width: 245px;
}

.cs_form .input_txt,
.cs_form .input_textarea {
  max-width: 760px;
}

.cs_form .input_tel .tel_num.long {
  width: 489px;
}

.join.cs_form .acc_list_wrap .acc_list_head.form_check.type2 .chk_wrap .tit {
  width: 196px;
}

.cs_form .acc_list_wrap .acc_list_conts.form_check.type2 {
  padding: 12px 200px 12px 210px;
}

.input_form02 {
  overflow: hidden;
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.input_form02 dt {
  float: left;
  width: 150px;
  padding: 12px 14px;
}

.input_form02 dd {
  float: left;
  width: 74%;
  padding: 12px 0;
}

.input_form02 dd .input_textarea {
  width: 100%;
  max-width: 710px;
}

/* // form style */
/* font, title style */
[class^=tit].titSmt_xs {
  margin-top: 10px;
}

[class^=tit].titSmt_s {
  margin-top: 15px;
}

[class^=tit].titSmt_m {
  margin-top: 20px;
}

[class^=tit].titSmt_xm {
  margin-top: 25px;
}

[class^=tit].titSmt_l {
  margin-top: 30px;
}

[class^=tit].titSmt_ml {
  margin-top: 35px;
}

[class^=tit].titSmt_xl {
  margin-top: 40px;
}

[class^=tit].titSmt_xl1 {
  margin-top: 50px;
}

[class^=tit].titSmt_xl2 {
  margin-top: 60px;
}

[class^=tit].titSmt_xl3 {
  margin-top: 80px;
}

[class^=tit].titSpa_xs0 {
  margin-bottom: 5px;
}

[class^=tit].titSpa_xs {
  margin-bottom: 10px;
}

[class^=tit].titSpa_s {
  margin-bottom: 15px;
}

[class^=tit].titSpa_m {
  margin-bottom: 20px;
}

[class^=tit].titSpa_xm {
  margin-bottom: 25px;
}

[class^=tit].titSpa_l {
  margin-bottom: 30px;
}

[class^=tit].titSpa_ml {
  margin-bottom: 35px;
}

[class^=tit].titSpa_xl {
  margin-bottom: 40px;
}

[class^=tit].titSpa_xl2 {
  margin-bottom: 50px;
}

[class^=tit].titSpa_xl3 {
  margin-bottom: 60px;
}

[class^=tit].titSpat_s {
  padding-top: 5px;
}

[class^=tit].titSpat_m {
  padding-top: 10px;
}

[class^=tit].titSpat_xm {
  padding-top: 15px;
}

[class^=tit].titSpat_l {
  padding-top: 20px;
}

[class^=tit].titSpat_xl {
  padding-top: 30px;
}

[class^=tit].titSpad_s {
  padding-bottom: 5px;
}

[class^=tit].titSpad_m {
  padding-bottom: 10px;
}

[class^=tit].titSpad_xm {
  padding-bottom: 15px;
}

[class^=tit].titSpad_l {
  padding-bottom: 20px;
}

[class^=tit].titSpad_xl {
  padding-bottom: 30px;
}

[class^=tit].align_c {
  text-align: center;
}

strong,
.bold {
  font-weight: 500;
}

.em {
  font-weight: inherit;
  color: #ff9000;
} /*bx*/
.em.bold {
  font-weight: 700;
}

.gray {
  font-weight: inherit;
  color: #666;
}

.gray strong {
  color: #333;
  font-size: 19px;
}

.lt_gray {
  font-weight: inherit;
  color: #898786;
}

.letter_break {
  word-break: break-all;
}

.tit01,
.tit02,
.tit03,
.tit04,
.tit06 {
  font-weight: 500;
}

.tit00 {
  font-size: 40px;
  line-height: 54px;
  color: #222;
}

.tit00 .readonly {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  overflow: hidden;
}

.tit01 {
  font-size: 30px;
  line-height: 45px;
  word-break: keep-all;
  color: #222;
}

.tit02 {
  font-size: 24px;
  line-height: 36px;
  color: #222;
}

.tit02_l {
  font-size: 26px;
  font-weight: 500;
  line-height: 39px;
  color: #222;
}

.tit02_l a {
  display: inline-block;
  padding: 5px;
  font-size: 14px;
  color: #222;
  font-weight: bold;
  line-height: 16px;
  vertical-align: middle;
  background: #ddd;
  margin-left: 20px;
}

.tit03 {
  font-size: 20px;
  line-height: 30px;
  color: #222;
}

.tit04 {
  font-size: 18px;
  line-height: 27px;
  color: #222;
}

.tit05_l {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #222;
}

.tit05 {
  font-size: 15px;
  line-height: 23px;
  color: #222;
}

.tit05_wm {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  color: #222;
}

.tit05 .txtnm {
  color: #666;
  font-weight: normal;
}

.tit06 {
  font-size: 14px;
  line-height: 20px;
  color: #222;
}

.btv_new {
  font-size: 24px;
  color: #666;
} /*bx*/
.btv_new .txt {
  font-size: 24px;
  line-height: 36px;
  color: #666;
} /*bx*/
.btv_new img {
  margin: 6px 10px 0 0;
} /*bx*/
.common_list .tit03 {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  position: initial;
}

.t00_decs {
  font-size: 15px;
  line-height: 23px;
  margin-top: 20px;
  color: #666;
}

.t01_decs {
  font-size: 14px;
  line-height: 21px;
  color: #898786;
}

.t01_decs.align_l {
  text-align: left;
}

.t01_decs.case {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.tit01 .t01_decs {
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  line-height: 23px;
  margin-left: 10px;
  color: #666;
}

.t02_decs {
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.t02_decs.term {
  line-height: 32px;
}

.t03_decs {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

.t04_decs {
  font-size: 18px;
  line-height: 24px;
  color: #333;
}

[class^=tit] .s_txt {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-left: 5px;
  color: #888;
}

[class^=tit] .s_block_txt {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 4px;
  color: #888;
}

[class^=tit] + .right_decs {
  display: inline-block;
  padding-top: 17px;
}

/* .tit01_xl {font-size:36px; line-height:48px; color:#222;}*/
[class^=tit] .s_box_txt {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  padding: 3px 10px;
  vertical-align: middle;
  color: #222;
  background-color: #f3f1f0;
}

.tit_float_wrap:after {
  content: "";
  display: block;
  clear: both;
}

.tit_float_wrap.inner_pdt {
  padding-top: 80px;
}

.tit_float_wrap.inner_pdt2 {
  padding-top: 60px;
}

.tit_float_wrap.inner_pdt3 {
  padding-top: 40px;
}

.tit_float_wrap > [class^=tit] {
  float: left;
  width: 300px;
  margin-top: -2px;
}

.tit_float_wrap > [class^=tit].up {
  margin-top: -10px;
}

.tit_float_wrap .flt_cont {
  float: left;
  width: 870px;
}

.tit_float_wrap .flt_cont .cont_wrap {
  padding-bottom: 60px;
}

.tit_float_wrap .flt_cont .cont_wrap:only-of-type,
.tit_float_wrap .flt_cont .cont_wrap.last,
.tit_float_wrap .flt_cont .cont_wrap:last-child {
  padding-bottom: 0;
}

.tit_float_wrap .flt_right_cont {
  float: right;
}

.tit_float_wrap .flt_cont .cont_wrap .img_wrap {
  padding-bottom: 21px;
}

.float_btn_wrap {
  overflow: hidden;
}

.float_btn_wrap > [class^=tit] {
  float: left;
  margin-top: -2px;
}

.float_btn_wrap > .btn {
  float: left;
  margin-left: 7px;
}

.tit_pos_btn {
  position: relative;
}

.tit_pos_btn > .btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* // font, title style */
.pd0 {
  padding: 0 !important;
}

.align_l {
  text-align: left;
}

.align_r {
  text-align: right;
}

.align_c {
  text-align: center;
}

/* ui scroll common  */
.scroll_wrap {
  position: relative;
}

.scroll_wrap .scroll_inner {
  overflow: hidden;
  height: 100%;
}

.scroll_track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
}

.scroll_bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  border-radius: 20px;
  background: #dddbda;
}

/* layout */
#wrap {
  position: relative;
  overflow: hidden;
  min-width: 1170px;
  padding-top: 120px;
}

#wrap.error_wrap,
#wrap.error_wrap #containers {
  min-width: auto;
}

#wrap.iframe {
  padding-top: 0;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  padding: 0 0 0;
  background: #fff;
}

#header:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  height: 1px;
  background: #ddd;
}

#header .inner,
#footer .inner {
  width: 1170px;
  margin: 0 auto;
}

#footer .inner {
  position: relative;
}

#header .global_top {
  position: relative;
  padding-top: 15px;
  z-index: 13;
}

#header .global_top .inner {
  position: relative;
  z-index: 1;
  width: 1170px;
  height: 46px;
  margin: 0 auto;
}

#header .global_top .inner:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
}

#header .global_top .logo {
  float: left;
}

#header .global_top .logo a {
  display: block;
  overflow: hidden;
  width: 130px;
  height: 43px;
  text-indent: -9999em;
  background: url("/common/img/vin/common/logo.png") no-repeat 0 0;
}

#header .global_top .sel_type {
  display: block;
  position: relative;
  float: left;
  padding: 24px 0 0 20px;
}

#header .global_top .sel_type .sel_txt {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #222;
}

#header .global_top .sel_type .sel_txt .sel_arr {
  display: block;
  position: absolute;
  top: 9px;
  right: -14px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 10px;
  height: 8px;
  margin-top: -2px;
  text-indent: -9999em;
  color: transparent;
  background: url("/common/img/vin/common/sel_type_arr02.png") no-repeat 0 0;
}

#header .global_top .sel_type .sel_box {
  display: none;
}

/*sel_type_on*/
#header .global_top .sel_type.on .sel_txt {
  z-index: 2;
  font-weight: normal;
  color: #ff9000 !important;
}

#header .global_top .sel_type.on .sel_txt .sel_arr {
  background: url("/common/img/vin/common/sel_type_arr02.png") no-repeat 0 0 !important;
}

#header .global_top .sel_type.on .sel_box {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 86px;
  height: 103px;
  padding: 35px 10px 10px;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  -ms-border-radius: 5px;
  -ms-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

#header .global_top .sel_type.on .sel_box a {
  display: block;
  font-size: 14px;
  line-height: 21px;
  padding: 10px 14px 0 0;
  color: #222;
}

#header .global_util {
  float: right;
  font-size: 0;
  padding-top: 18px;
}

#header .global_util li {
  display: inline-block;
  vertical-align: middle;
}

#header .global_util a,
#header .global_util p {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  padding: 0 9px;
  vertical-align: middle;
  color: #222;
}

#header .global_util .search,
#header .global_util .all {
  display: inline-block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  padding: 0;
  vertical-align: -4px;
  text-indent: -9999em;
}

#header .global_util .search {
  margin-left: 18px;
  background: url("/common/img/vin/common/top_search.png") no-repeat 50%;
}

#header .global_util .all {
  margin-left: 14px;
  background: url("/common/img/vin/common/top_allmenu.png") no-repeat 50%;
}

#header .global_util .all.on {
  /* margin-left:20px; */
  background: url("/common/img/vin/common/top_allmenu_close.png") no-repeat 50%;
}

/* channel_box */
#header .global_top .channel_box {
  float: left;
  margin: 19px 0 0 21px;
}

#header .global_top .channel_box li {
  float: left;
  margin-right: 5px;
}

#header .global_top .channel_box li > a {
  float: left;
  height: 28px;
  font-size: 0;
  line-height: 0;
  color: transparent;
}

#header .global_top .channel_box li > a.channel_01 {
  width: 63px;
  background: url("/common/img/vin/common/gnb_channel_b_01_off.png") no-repeat 0 0;
}

#header .global_top .channel_box li > a.channel_02 {
  width: 63px;
  background: url("/common/img/vin/common/gnb_channel_b_02_off.png") no-repeat 0 0;
}

#header .global_top .channel_box li > a.channel_03 {
  width: 93px;
  background: url("/common/img/vin/common/gnb_channel_b_03_off.png") no-repeat 0 0;
}

#header .global_top .channel_box li > a.channel_04 {
  width: 93px;
  background: url("/common/img/vin/common/gnb_channel_b_04_off.png") no-repeat 0 0;
}

#header .global_top .channel_box li > a.channel_05 {
  width: 124px;
  background: url("/common/img/vin/common/gnb_channel_b_05_off.png") no-repeat 0 0;
}

#header .global_top .channel_box li > a.channel_01.on {
  background: url("/common/img/vin/common/gnb_channel_b_01_on.png") no-repeat 0 0;
}

#header .global_top .channel_box li > a.channel_02.on {
  background: url("/common/img/vin/common/gnb_channel_b_02_on.png") no-repeat 0 0;
}

#header .global_top .channel_box li > a.channel_03.on {
  background: url("/common/img/vin/common/gnb_channel_b_03_on.png") no-repeat 0 0;
}

#header .global_top .channel_box li > a.channel_04.on {
  background: url("/common/img/vin/common/gnb_channel_b_04_on.png") no-repeat 0 0;
}

#header .global_top .channel_box li > a.channel_05.on {
  background: url("/common/img/vin/common/gnb_channel_b_05_on.png") no-repeat 0 0;
}

/* 기업 상단 전화안내 */
#header .global_util li.tel_guide {
  margin: -9px 0 -5px;
}

#header .global_util li.tel_guide span {
  display: inline-block;
  font-size: 13px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  margin: 0 0 0 9px;
  padding: 0 11px;
  color: #222;
  border: 1px solid #e9002d;
  border-radius: 22px;
  background: #fff;
}

#header .global_util li.tel_guide span em {
  font-size: 18px;
  font-weight: 500;
  color: #e9002d;
}

#header .menus_sec {
  position: relative;
  z-index: 12;
}

#header .menus_sec:after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
}

.all_menu_open #header .menus_sec {
  display: none;
}

#header .menus_sec .gnb {
  position: relative;
  z-index: 12;
  float: left;
  width: 100%;
}

#header .menus_sec .gnb ul:after {
  content: "";
  display: block;
  clear: both;
}

#header .menus_sec .gnb .menus {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px; /* padding:0 18px;  */
  color: #333;
}

#header .menus_sec .gnb .menus span {
  display: inline-block;
  padding: 12px 0 13px;
}

#header .menus_sec .gnb .active .menus span,
#header .menus_sec .gnb .on .menus span {
  position: relative;
  color: #ff9000;
} /*bx*/
/* #header .menus_sec .gnb .on .menus span:after, */
#header .menus_sec .gnb .active .menus span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  clear: both;
  width: 100%;
  height: 3px;
  background: #ff9000;
} /*bx*/
#header.bz .menus_sec .gnb .on .menus span {
  color: #ff9000;
}

#header.bz .menus_sec .gnb .on .menus span:after {
  background: #ff9000;
}

#header .menus_sec .util_menus .menus {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  padding: 0 11px;
  color: #666;
} /*bx*/
#header .menus_sec .util_menus .menus span {
  display: inline-block;
  padding: 12px 0 16px;
}

#header .menus_sec .util_menus .active .menus span,
#header .menus_sec .util_menus .on .menus span {
  color: #ff9000;
} /*bx*/
#header.bz .menus_sec .util_menus .on .menus span {
  color: #ff9000;
}

#header .menus_sec .util_menus {
  float: right;
}

#header .menus_sec .gnb > ul > li,
#header .menus_sec .util_menus > ul > li {
  float: left;
}

#header .menus_sec .gnb > ul > li:first-child .menus {
  padding-left: 0;
}

#header .menus_sec .util_menus > ul > li > a > .ico_new {
  position: absolute !important;
  display: block;
  right: -3px;
  top: 50%;
  padding: 0;
  color: #fff !important;
  -webkit-transform: translateY(-73%);
          transform: translateY(-73%);
}

#header .menus_sec .util_menus > ul > li > a > .ico_new:after {
  display: none !important;
}

#header .dim_bg {
  display: block;
  position: fixed;
  top: 120px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.7);
}

#header .menu_bg {
  display: block;
  position: absolute;
  top: 120px;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 545px;
  background: #fff;
}

#header .menu_over_wrap {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 12;
  width: 1170px; /* padding-top:40px; */
}

#header .menus_sec .gnb > ul > li .menus {
  position: absolute;
  top: 0;
}

#header .menus_sec .gnb > ul > li:first-child .menus {
  left: 0;
}

#header .menus_sec .gnb > ul > li:nth-child(2) .menus {
  left: 143px;
}

#header .menus_sec .gnb > ul > li:nth-child(3) .menus {
  left: 255px;
}

#header .menus_sec .gnb > ul > li:nth-child(4) .menus {
  left: 350px;
}

#header .menus_sec .gnb > ul > li:nth-child(5) .menus {
  left: 425px;
}

#header .menus_sec .gnb > ul > li:nth-child(6) .menus {
  left: 562px;
}

#header .menus_sec .gnb > ul > li:nth-child(7) .menus {
  left: 635px;
}

#header .menus_sec .gnb > ul > li > a > .ico_new {
  position: absolute !important;
  display: block;
  right: -15px;
  top: 50%;
  padding: 0;
  color: #fff !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#header .menus_sec .gnb > ul > li > a > .ico_new:after {
  display: none !important;
}

#header .menu_over_wrap:after {
  content: " ";
  display: block;
  clear: both;
}

#header .menu_title_wrap {
  float: left;
  width: 255px;
  margin-right: 20px;
}

#header .menu_title_wrap .deps1_tit {
  font-size: 36px;
  line-height: 48px;
  color: #222;
  font-weight: 500;
}

#header .menu_title_wrap .deps1_tit small {
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin-top: 10px;
  word-break: keep-all;
  color: #666;
}

#header .recm_link {
  width: 190px;
  margin-top: 49px;
}

#header .recm_link.bdirect {
  width: 100%;
}

#header .recm_link li {
  margin-top: 20px;
}

#header .recm_link li:first-child {
  margin-top: 0;
}

#header .recm_link a {
  display: block;
  position: relative;
  font-size: 15px;
  line-height: 23px;
  color: #222;
} /*bx*/
#header .recm_link a:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #222;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

#header .recm_link i.icon {
  display: inline-block;
  line-height: 24px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  vertical-align: top;
  background: url("/common/img/vin/common/ico_gnb.png") no-repeat;
}

#header .recm_link i.icon.hd01 {
  background-position: 0 0;
}

#header .recm_link i.icon.hd02 {
  background-position: -24px 0;
}

#header .recm_link i.icon.hd03 {
  background-position: -48px 0;
}

#header .recm_link i.icon.hd04 {
  background-position: 0 -50px;
}

#header .recm_link i.icon.hd05 {
  background-position: -25px -50px;
}

#header .recm_link i.icon.hd06 {
  background-position: -50px -50px;
}

#header .recm_link i.icon.hd10 {
  background-position: 0 -75px;
}

#header.bz .recm_link i.icon.hd01 {
  background-position: 0 -25px;
}

#header.bz .recm_link i.icon.hd02 {
  background-position: -25px -25px;
}

#header.bz .recm_link i.icon.hd03 {
  background-position: -50px -25px;
}

#header .menu_over_view {
  position: relative;
  float: left;
}

#header .deps2_wrap {
  /* width:268px;*/
  width: 895px;
  height: 500px; /* padding-bottom:22px; */
}

#header .deps2 {
  width: 190px;
}

#header .deps2 > a {
  display: block;
  position: relative;
  font-size: 20px;
  line-height: 25px;
  padding: 5px 10px;
  color: #222;
  font-weight: 500;
  letter-spacing: -1px;
}

#header .deps2.nxt_step > a {
  border-bottom: 1px solid #ff9000;
}

#header .deps2 > a[id*=menu_P],
#header .deps2 > a[id*=menu_O],
#header .deps2 > a[id*=menu_A] {
  height: 60px;
  vertical-align: bottom;
  display: table-cell;
  border: 0;
}

#header .deps2 > a[id*=menu_P] + .deps3_wrap,
#header .deps2 > a[id*=menu_O] + .deps3_wrap,
#header .deps2 > a[id*=menu_A] + .deps3_wrap {
  border-top: 1px solid #ff9000;
}

/*#header .deps2.on > a,#header .deps2 > a:hover {color:#fff; background:#ff9000;}*/
#header.bz .deps2.on > a,
#header.bz .deps2 > a:hover {
  background: #e9002d;
}

/* #header .deps2.nxt_step > a:after {content:' '; display:block; position:absolute; top:50%; right:24px; width:10px; height:15px; margin-top:-7px; background:url('/common/img/vin/common/ico_arr_gnb.png') no-repeat; background-position:0 0;} */
#header .deps2.nxt_step.on > a:after,
#header .deps2.nxt_step > a:hover:after {
  background-position: 0 bottom;
}

#header .deps3_wrap {
  /* position:absolute; top:0; left:265px; */
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 0 0 10px;
}

#header .deps4_wrap {
  /* position:absolute; top:0; left:265px; */
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding-top: 10px;
  padding-left: 35px;
}

#header .deps3 {
  position: relative;
  margin-top: 5px;
}

#header .deps3:first-child {
  margin-top: 0;
}

#header .deps3 > a {
  display: inline-block;
  font-size: 16px;
  line-height: 23px;
  width: 100%;
  color: #333;
}

/*#header .deps3.on > a,#header .deps3 > a:hover {color:#ff9000;}
 #header.bz .deps3.on > a,#header.bz .deps3 > a:hover {color:#e9002d;} */
#header .deps3.nxt_step:before {
  content: " ";
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 2px;
  height: 12px;
  background: #ff9000;
}

#header .deps3.nxt_step:after {
  content: " ";
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  width: 12px;
  height: 2px;
  background: #ff9000;
}

/* #header .deps3.nxt_step:hover:before,#header .deps3.nxt_step:hover:after {background:#ff9000;}
#header.bz .deps3.nxt_step:hover:before,#header.bz .deps3.nxt_step:hover:after {background:#ff9000;}*/
#header .deps3.nxt_step.on:before {
  display: none;
}

#header .deps3.nxt_step.on:after {
  background: #ff9000;
} /*bx*/
#header .deps3.nxt_step a {
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 12px;
}

#header.bz .deps3.nxt_step.on:after {
  background: #e9002d;
}

#header .deps4_wrap {
  margin: 16px 0;
  padding: 0 15px;
  background: #f8f6f5;
}

#header .deps4_wrap .scroll_inner ul {
  margin: 10px 0;
}

#header .deps4_wrap .scroll_inner {
  overflow: hidden;
  height: auto;
}

#header .deps4 {
  margin-top: 2px;
}

#header .deps4:first-child {
  margin-top: 0;
}

#header .deps4 a {
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

/*#header .deps4 a:hover {color:#ff9000;}
#header.bz .deps4 a:hover {color:#ff9000;}*/
#header .gnb_banner_wrap {
  position: absolute;
  top: 0;
  left: 852px;
  display: none;
}

#header .gnb .gnb_banner_wrap {
  top: -1px;
}

#header .menu_bg,
#header .dim_bg {
  display: none;
}

#header.gnb_open .menu_bg,
#header.gnb_open .dim_bg {
  display: block;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#header .menu_over_wrap {
  display: none;
}

#header li.on .menu_over_wrap {
  display: block;
}

#header .deps2 .deps3_wrap {
  display: block;
}

#header .deps2.on .deps3_wrap {
  display: block;
}

#header .deps3 .deps4_wrap {
  display: none;
}

#header .scroll_track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
}

#header .scroll_bar {
  position: absolute;
  width: 2px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}

#header li.deps2 {
  /* float:left; */
  margin-left: 41px;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  border-bottom: 1px solid #ff9000;
}

#header li.deps2.nxt_step {
  border-bottom: 0;
}

#header li.deps2:first-child,
#header li.deps2:nth-child(5) {
  margin-left: 0;
}

#header li.deps2:nth-child(1),
#header li.deps2:nth-child(2),
#header li.deps2:nth-child(3),
#header li.deps2:nth-child(4) {
  margin-top: 0;
}

#header .gnb .ico_new,
#header .util_menus .ico_new,
.ui_tab_nav .ico_new {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 0;
  font-size: 10px;
  color: #fff;
  line-height: 11px;
  text-align: center;
  vertical-align: middle;
  background: #ff9000;
  border-radius: 50%;
}

.ui_tab_nav .ico_new {
  vertical-align: 10px !important;
}

/* #header .deps2:after {clear:both;content:'';display:block;} */
#header .deps2_new {
  width: 421px;
}

#header .deps2_new .scroll_wrap {
  padding-left: 0;
}

#header .deps2_new .scroll_inner ul li {
  float: left;
  width: 190px;
  margin-right: 41px;
  padding-left: 10px;
}

#header .deps2_new .scroll_inner ul li:nth-child(2n+2) {
  margin-right: 0;
}

/* all menu */
.all_menu_open #header .menu_bg,
.all_menu_open #header .dim_bg {
  display: none;
}

.all_menu_open #header {
  padding: 15px 0 19px;
}

#menu_all {
  position: fixed;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  overflow: auto;
  background: #fff;
}

#menu_all .menu_all_wrap {
  width: 1170px;
  margin: 0 auto;
  padding: 60px 0 80px;
}

#menu_all .menu_tab_content {
  margin-top: 40px;
}

#menu_all .menu_tab_content a {
  word-break: keep-all;
}

#menu_all .menu_tab_content a:hover {
  color: #ff9000;
} /*bx*/
#menu_all .depth1_wrap {
  margin-top: 80px;
}

#menu_all .depth1_wrap:first-child {
  margin-top: 0;
}

#menu_all .depth1_tit {
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
  padding-bottom: 9px;
  color: #222;
  border-bottom: 1px solid #ddd;
}

#menu_all .depth2_wrap {
  overflow: hidden;
  margin-top: 33px;
}

#menu_all .depth2_wrap.second {
  margin-top: 40px;
}

#menu_all .depth2_list {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 195px;
}

#menu_all .depth2_link {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  vertical-align: top;
  color: #222;
}

#menu_all .depth3_wrap {
  width: 180px;
  margin-top: 10px;
}

#menu_all .depth3_wrap .depth3_list {
  margin-top: 6px;
}

#menu_all .depth3_wrap .depth3_list:first-child {
  margin-top: 0;
}

#menu_all .depth3_list {
  line-height: 20px;
}

#menu_all .depth3_link {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  vertical-align: top;
  color: #666;
}

#menu_all .depth3_link.nxt {
  display: block;
  position: relative;
}

#menu_all .depth3_link.nxt:before {
  content: " ";
  display: block;
  position: absolute;
  top: 9px;
  right: 10px;
  width: 12px;
  height: 2px;
  background: #ff9000;
} /*bx*/
#menu_all .depth3_link.nxt:after {
  content: " ";
  display: block;
  position: absolute;
  top: 4px;
  right: 15px;
  width: 2px;
  height: 12px;
  background: #ff9000;
} /*bx*/
#menu_all .depth3_link.nxt.open:after {
  display: none;
}

#menu_all .depth4_wrap {
  display: none;
  width: 150px;
}

#menu_all .depth4_wrap li {
  line-height: 20px;
  margin-top: 6px;
}

#menu_all .depth4_wrap li a {
  display: inline-block;
  position: relative;
  font-size: 13px;
  line-height: 20px;
  padding-left: 10px;
  vertical-align: top;
  color: #666;
}

#menu_all .depth4_wrap li a:before {
  content: " ";
  display: block;
  position: absolute;
  top: 8px;
  left: 3px;
  width: 2px;
  height: 2px;
  background: #666;
}

#menu_all .depth4_wrap li a:hover:before {
  background: #ff9000;
} /*bx*/
/* // all menu */
#containers {
  min-width: 1170px;
}

#contents .top_info {
  width: 1170px;
  margin: 0 auto;
}

#contents.no_crumb .top_info {
  padding-top: 60px;
}

#contents .conts_box.first {
  margin-top: 50px;
}

#contents .conts_box.last {
  padding-bottom: 80px;
}

#contents .conts_box.case {
  margin-top: 60px;
}

#contents .conts_box {
  width: 1170px;
  margin: 80px auto 0;
}

#contents .conts_box.no_mgt {
  margin-top: 0;
}

#contents .conts_box.half_mgt {
  margin-top: 40px;
}

#contents .conts_box.wide {
  width: auto;
  margin: 80px auto 0;
}

#contents .conts_box .tit01 {
  margin-bottom: 20px;
}

#contents .conts_box .decs_tit {
  margin-bottom: 20px;
  text-align: left;
}

#contents .decs_tit.anchor {
  padding-top: 60px;
}

#contents .decs_tit.anchor:last-child {
  margin-bottom: 80px;
}

#contents .decs_tit:focus {
  border: none;
  outline: none;
}

#contents .conts_box .decs_tit .tit01 {
  float: none;
  margin-bottom: 0;
}

#contents .conts_box .decs_tit .t01_decs {
  margin-top: 10px;
}

#contents .conts_box .decs_tit .bull_list {
  margin-top: 10px;
}

.top_btn_wrap {
  display: none;
  position: fixed;
  right: 80px;
  bottom: 40px;
  z-index: 90;
}

.top_btn_wrap .top_link {
  display: block;
  width: 64px;
  height: 64px;
  text-indent: -9999em;
  background: url("/common/img/vin/common/top_btn.png") no-repeat 0 0;
}

#footer {
  padding: 30px 0 60px;
  border-top: 1px solid #eeeceb;
  font-size: 14px;
}

#footer .global_n_falmily {
  border-top: 1px solid #eee;
  padding-top: 20px;
}

#footer .global_n_falmily .corp_kor,
#footer .global_n_falmily .corp_btn,
#footer .footer_menus .btn_customer {
  display: inline-block;
  font-size: 13px;
  line-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70px;
  height: 24px;
  padding: 4px 0 0 0;
  text-align: center;
  vertical-align: top;
  color: #666;
  border: 1px solid #dddbda;
}

#footer .footer_menus .btn_customer {
  width: 114px;
}

#footer .global_n_falmily .corp_site {
  padding-top: 20px;
}

#footer .global_n_falmily .corp_site .corp_kor {
  font-size: 14px;
  padding-top: 3px;
  color: #222;
  background: #eeeceb;
} /*bx*/
#footer .global_n_falmily .corp_site li {
  margin-right: 15px;
}

#footer .global_n_falmily .inner:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
}

#footer .global_n_falmily .sitemap > li,
#footer .global_n_falmily .corp_site,
#footer .global_n_falmily .corp_site li {
  float: left;
}

#footer .global_n_falmily .corp_global {
  float: left;
  font-size: 14px;
  line-height: 21px;
  padding: 22px 20px 20px 0;
  color: #666;
}

#footer .global_n_falmily .corp_site dt {
  position: relative;
  font-size: 14px;
  padding: 0 10px 0 11px;
  color: #666;
}

#footer .global_n_falmily .corp_site dt:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
  overflow: hidden;
  width: 1px;
  background: #ddd;
}

#footer .global_n_falmily .corp_site dd {
  margin-left: 10px;
}

#footer .global_n_falmily .corp_site dl {
  overflow: hidden;
}

#footer .global_n_falmily .corp_site a {
  color: #666;
}

#footer .global_n_falmily .corp_btn {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  padding: 6px 8px;
  border: 1px solid #ddd;
  background-color: #f8f7f5;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}

#footer .global_n_falmily .corp_btn:after {
  content: ">";
  display: inline-block;
  margin-left: 5px;
  font-family: serif;
  font-size: 15px;
  font-weight: 600;
}

#footer .global_n_falmily .sitemap {
  position: relative;
  float: right;
  width: 172px;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}

#footer .global_n_falmily .family_site dt a {
  display: block;
  position: relative;
  line-height: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 172px;
  padding: 20px 20px 19px;
}

#footer .global_n_falmily .family_site dt a span {
  display: block;
  position: absolute;
  top: 23px;
  right: 20px;
  overflow: hidden;
  width: 11px;
  height: 11px;
  text-indent: -9999em;
}

#footer .global_n_falmily .family_site dt a span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  width: 1px;
  background: #ff9000;
}

#footer .global_n_falmily .family_site dt a span:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  left: 0;
  height: 1px;
  background: #ff9000;
}

#footer .global_n_falmily .family_site_view {
  display: none;
  position: absolute;
  bottom: 60px;
  left: -1px;
  z-index: 1;
  font-size: 13px;
  width: 172px;
  padding: 16px;
  border: 1px solid #eee;
  background: #fff;
}

#footer .global_n_falmily .family_site_view li {
  margin-top: 10px;
}

#footer .global_n_falmily .family_site_view li:first-child {
  margin-top: 0;
}

#footer .global_n_falmily .family_site_view li a:hover {
  color: #222;
  border-bottom: 1px solid #222;
}

#footer .global_n_falmily .family_site.on dt a span:after {
  display: none;
}

#footer .global_n_falmily .family_site.on .family_site_view {
  display: block;
}

#footer .foot_upline:before {
  position: absolute;
  left: -50%;
  right: -50%;
  top: 0;
  height: 1px;
  background: #eee;
  content: "";
}

#footer .footer_menus {
  padding-top: 38px;
}

#footer .footer_menus a {
  display: inline-block;
  position: relative;
  font-size: 13px;
  height: 22px;
  padding-top: 0;
  color: #666;
}

#footer .footer_menus ul {
  overflow: hidden;
}

#footer .footer_menus li {
  float: left;
}

#footer .footer_menus li a {
  padding-right: 11px;
  padding-left: 10px;
}

#footer .footer_menus li a.em {
  color: #ff9000;
} /*bx*/
#footer .footer_menus li p {
  display: inline-block;
  margin-right: 10px;
  padding-left: 10px;
  color: #222;
}

#footer .footer_menus li p a {
  padding: 0;
  color: #222;
}

#footer .footer_menus li a:after,
#footer .global_n_falmily .sns_lists li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 5px;
  overflow: hidden;
  width: 1px;
  background: #ddd;
}

#footer .footer_menus li:last-child a:after,
#footer .footer_menus li.line_break a:after,
#footer .global_n_falmily .sns_lists li:last-child a:after,
#footer .global_n_falmily .sns_lists li.twiter a:after,
#footer .global_n_falmily .sns_lists li.oksusu a:after {
  display: none;
}

#footer .footer_menus li:first-child a,
#footer .footer_menus li.line_break + li a {
  padding-left: 0;
}

#footer .footer_menus li.line_break + li {
  clear: both;
}

#footer .footer_menus .tel {
  font-size: 13px;
  margin-top: 8px;
  color: #222;
}

#footer .footer_menus .tel p {
  display: inline-block;
  margin-right: 6px;
}

#footer .footer_menus .tel a {
  color: #222;
}

#footer .certification_wrap {
  overflow: hidden;
  margin-top: 30px;
}

#footer .certification_lists {
  float: left;
}

#footer .certification_lists ul {
  font-size: 0;
}

#footer .certification_lists li {
  display: inline-block;
  margin-right: 30px;
}

#footer .certification_lists li.last,
#footer .certification_lists li:last-child {
  margin-right: 0;
}

#footer .global_n_falmily .fr_group {
  float: right;
}

#footer .global_n_falmily .sns_lists {
  float: left;
  padding: 20px 40px 0 0;
}

#footer .global_n_falmily .sns_lists li a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 24px;
  height: 24px;
  padding: 0 20px;
  text-indent: -9999em;
}

#footer .global_n_falmily .sns_lists li:last-child a {
  padding-right: 0;
}

#footer .global_n_falmily .sns_lists li {
  display: inline-block;
  vertical-align: top;
}

#footer .global_n_falmily .sns_lists li a:after {
  top: 6px;
  bottom: 6px;
}

#footer .global_n_falmily .sns_lists .facebook a {
  background: url("/common/img/vin/common/ico_facebook.png") no-repeat center -25px;
}

#footer .global_n_falmily .sns_lists .youtube a {
  background: url("/common/img/vin/common/ico_youtube.png") no-repeat center -25px;
}

#footer .global_n_falmily .sns_lists .blog a {
  background: url("/common/img/vin/common/ico_blog.png") no-repeat center -25px;
}

#footer .global_n_falmily .sns_lists .naver a {
  background: url("/common/img/vin/common/ico_naver.png") no-repeat center -25px;
}

#footer .global_n_falmily .sns_lists .twiter a {
  padding-right: 10px;
  background: url("/common/img/vin/common/ico_twiter.png") no-repeat center -25px;
}

#footer .global_n_falmily .sns_lists .instagram a {
  background: url("/common/img/vin/common/ico_instagram.png") no-repeat center -25px;
}

#footer .global_n_falmily .sns_lists .facebook a:hover,
#footer .global_n_falmily .sns_lists .youtube a:hover,
#footer .global_n_falmily .sns_lists .blog a:hover,
#footer .global_n_falmily .sns_lists .twiter a:hover,
#footer .global_n_falmily .sns_lists .naver a:hover,
#footer .global_n_falmily .sns_lists .instagram a:hover {
  background-position: center top;
}

#footer .global_n_falmily .sns_lists .sk_store {
  padding-left: 40px;
}

#footer .global_n_falmily .sns_lists .oksusu + .sk_store {
  padding-left: 10px;
}

#footer .global_n_falmily .sns_lists .sk_store,
#footer .global_n_falmily .sns_listsp .oksusu {
  height: 23px;
}

#footer .global_n_falmily .sns_lists .sk_store a {
  position: relative;
  top: -8px;
}

#footer .global_n_falmily .sns_lists .sk_store a {
  display: inline-block;
  overflow: hidden;
  width: 56px;
  height: 30px;
  padding: 0;
  text-indent: -9999em;
  background: url("/common/img/vin/common/ico_skstore.png") no-repeat left top;
}

#footer .global_n_falmily .sns_lists .oksusu {
  position: relative;
  padding: 0 10px 0 40px;
}

#footer .global_n_falmily .sns_lists .oksusu:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  bottom: 12px;
  overflow: hidden;
  width: 1px;
  background: #ddd;
}

#footer .global_n_falmily .sns_lists .oksusu a {
  display: inline-block;
  position: relative;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 24px;
  text-indent: -9999em;
  background: url("/common/img/vin/common/ico_oksusu.png") no-repeat left top;
}

#footer .global_n_falmily .sns_lists .sk_store a:hover,
#footer .global_n_falmily .sns_lists .oksusu a:hover {
  background-position: left -40px;
}

#footer .copy {
  font-size: 13px;
  margin-top: 30px;
  color: #666;
}

#footer .copy a {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  text-decoration: underline;
  color: #666;
}

#footer .copy dl {
  display: inline-block;
  position: relative;
  padding-right: 11px;
  padding-left: 10px;
  vertical-align: top;
}

#footer .copy dl:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 5px;
  overflow: hidden;
  width: 1px;
  background: #ddd;
}

#footer .copy dl dt,
#footer .copy dl dd {
  float: left;
}

#footer .copy dl:first-child {
  padding-left: 0;
}

#footer .copy .copyright {
  margin-top: 4px;
}

#footer .flex_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}

#footer .flex_box .item_box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

#footer .flex_box .item_box_1st_left {
  -ms-flex-preferred-size: 74%;
      flex-basis: 74%;
} /* 220118 YSRU 수정 */
#footer .flex_box .item_box_1st_right {
  margin-top: -8px;
  text-align: right;
}

#footer .flex_box .item_box_2nd_left {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 90%;
          flex: 1 0 90%;
}

#footer .flex_box .item_box_2nd_right {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  text-align: right;
}

#footer .flex_box .item_box_2nd_right span {
  margin-right: 4px;
}

#footer .flex_box .item_box_2nd_right a.btns {
  display: inline-block;
  position: relative;
  padding: 4px 8px;
  border: 1px solid #ddd;
  background-color: #f8f7f5;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}

#footer .flex_box .item_box_2nd_right a.btns:after {
  content: ">";
  display: inline-block;
  margin-left: 5px;
  font-family: serif;
  font-size: 15px;
  font-weight: 600;
}

#footer .flex_box + .flex_box {
  margin-top: 35px;
}

#footer .flex_box:nth-last-child(1) {
  margin-top: 20px;
}

#footer .link_list > li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
}

#footer .link_list > li:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 50%;
  background: #ddd;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}

#footer .link_list > li.no_divide_bar:after {
  display: none;
}

#footer .link_list > li:nth-last-child(1):after {
  display: none;
}

#footer .link_list > li.noline:after {
  display: none;
}

#footer .corp_link_list {
  overflow: visible;
}

#footer .corp_link_list li {
  margin-left: 0;
  float: none;
}

#footer .corp_link_list li:first-child {
  margin-left: 0;
}

#footer .businessInfo_list {
  overflow: visible;
}

#footer .businessInfo_list > li {
  padding-right: 0;
  margin: 0 7px 6px 0;
  float: none;
}

#footer .businessInfo_list > li:after {
  display: none;
}

#footer .businessInfo_list .btns {
  padding: 3px 5px;
  font-size: 13px;
  border: 1px solid #ddd;
}

#footer .businessInfo_list .businessInfo_link {
  border-bottom: 1px solid #666;
}

#footer .link_sns {
  display: inline-block;
}

#footer .link_sns li {
  display: inline-block;
  margin-left: 7px;
}

#footer .link_sns li a {
  display: block;
  width: 40px;
  height: 40px;
}

#footer .link_sns li a em {
  position: absolute;
  left: 0;
  top: 0;
  clip: rect(1px 1px 1px 1px);
}

#footer .link_sns li a.sns_f {
  background: url("/common/img/vin/common/ico_sns_facebook.png") no-repeat center center;
}

#footer .link_sns li a.sns_y {
  background: url("/common/img/vin/common/ico_sns_youtube.png") no-repeat center center;
}

#footer .link_sns li a.sns_i {
  background: url("/common/img/vin/common/ico_sns_instagram.png") no-repeat center center;
}

#footer .link_sns li a.sns_b {
  background: url("/common/img/vin/common/ico_sns_blog.png") no-repeat center center;
}

#footer .link_sns li a.sns_n {
  background: url("/common/img/vin/common/ico_sns_naver.png") no-repeat center center;
}

#footer .link_sns li a.sns_k {
  background: url("/common/img/vin/common/ico_sns_kakao.png") no-repeat center center;
}

#footer .family_site_box {
  position: relative;
  width: 113px;
}

#footer .family_site_box .family_site dt {
  border: 1px solid #ddd;
}

#footer .family_site_box .family_site dt a {
  position: relative;
  display: block;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#footer .family_site_box .family_site dt a span {
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  width: 11px;
  height: 11px;
  text-indent: -9999em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
}

#footer .family_site_box .family_site dt a span:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  left: 0;
  width: 11px;
  height: 6px;
  background: url("/common/img/vin/common/ico_select_up.png") no-repeat center center;
}

#footer .family_site_box .family_site dt a span:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  left: 0;
  width: 11px;
  height: 6px;
  background: url("/common/img/vin/common/ico_select_down.png") no-repeat center center;
}

#footer .family_site_box .family_site_view {
  position: absolute;
  display: none;
  left: 0;
  top: 34px;
  width: 100%;
  font-size: 13px;
  background: #fff;
  z-index: 1;
}

#footer .family_site_box .family_site_view li {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
}

#footer .family_site_box .family_site_view li:first-child {
  border-top: 1px solid #ddd;
}

#footer .family_site_box .family_site_view li:nth-of-type(2) {
  display: none;
  font-size: 0;
}

#footer .family_site_box .family_site_view li:nth-of-type(3) {
  display: none;
  font-size: 0;
}

#footer .family_site_box .family_site_view li a {
  display: block;
  padding: 5px 12px;
}

#footer .family_site_box .family_site_view li a:hover {
  background: #f1f1f1;
}

#footer .family_site_box .family_site.on dt a span:after {
  display: none;
}

#footer .family_site_box .family_site.on .family_site_view {
  display: block;
}
.footer-wrap .combobox_listbox > .combobox_option:first-child {
  display:none;
}

/* contents layout */
.cmm_boxs {
  min-width: 1170px;
  padding: 80px 0;
  border-top: 10px solid #f2f0f0;
  background: #fff;
}

.cmm_boxs.mt80 {
  margin-top: 80px;
}

.cmm_boxs.no_pdb {
  padding-bottom: 0;
}

.cmm_boxs.h_pdt {
  padding-top: 80px;
}

.cmm_boxs.h_pdb {
  padding-bottom: 80px;
}

.cmm_boxs.h_pd {
  padding: 80px 0;
}

.cmm_boxs.bg_gray {
  background: #f8f6f5;
}

.cmm_boxs.first {
  margin-top: 0;
  border-top: 0 none;
}

.cmm_boxs.no_pd {
  padding: 0;
}

.cmm_boxs.no_pdt {
  padding-top: 0;
}

.cmm_boxs.no_pdb {
  padding-bottom: 0;
}

.cmm_boxs.no_pdb:last-child {
  padding-bottom: 80px;
}

.cmm_boxs.no_pdb:last-child .bottom_banner {
  margin-top: 0;
  margin-bottom: -80px;
}

.cmm_boxs.anchor_tab {
  padding: 40px 0;
}

.cmm_boxs .cmm_inner {
  width: 1170px;
  margin: 0 auto;
}

.no_contsbox_last {
  margin-bottom: 80px;
}

.cmm_boxs.btv_bot {
  padding: 23px 0 70px;
  border-top: 1px solid #eeeceb;
  border-bottom: 10px solid #f2f0f0;
}

/* search_form */
.search_from {
  font-size: 0;
  margin-bottom: 20px;
}

.result_txt {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
  margin-bottom: 20px;
}

.search_from:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
}

.search_from .selects {
  font-size: 15px;
  width: auto;
  min-width: 130px;
  margin-left: 6px;
  vertical-align: top;
}

.search_from .result_txt {
  float: left;
  margin-bottom: 0;
  padding-top: 15px;
}

.search_from .form_box {
  float: right;
}

.search_from .input_txt {
  width: 216px;
}

.search_from .module_cal {
  display: inline-block;
  font-size: 14px;
  margin-left: 6px;
}

.search_from .form_box .ui-calendar-container:after {
  right: 55px;
}

.input_search {
  display: inline-block;
  font-size: 15px;
  margin-left: 6px;
  vertical-align: top;
}

.input_search .input_txt,
.input_search .btn {
  float: left;
}

.input_search .btn {
  margin-left: -1px;
}

/* data table */
.data_table {
  overflow: hidden;
}

.data_table > .table {
  margin-right: -1px;
}

.data_table .table.titSmt_s {
  margin-top: 20px;
}

.data_table .table.titSmt_m {
  margin-top: 30px;
}

.data_table .table.titSmt_xm {
  margin-top: 40px;
}

.data_table .table.titSmt_l {
  margin-top: 60px;
}

.data_table .table.titSmt_xl {
  margin-top: 80px;
}

.data_table .table.titSmb_s {
  margin-bottom: 20px;
}

.data_table .table.titSmb_m {
  margin-bottom: 30px;
}

.data_table .table.titSmb_xm {
  margin-bottom: 40px;
}

.data_table .table.titSmb_l {
  margin-bottom: 60px;
}

.data_table .table.titSmb_xl {
  margin-bottom: 80px;
}

.data_table .top_info:after {
  content: "";
  display: block;
  clear: both;
}

.data_table .top_info .fl {
  float: left;
  text-align: left;
}

.data_table .top_info .fr {
  float: right;
}

.data_table .top_info p.txts {
  margin-bottom: 20px;
  color: #666;
}

.data_table .top_info.inner_filter {
  margin-bottom: 30px;
}

.data_table .top_info.inner_filter .selects {
  width: 370px;
}

.data_table .table {
  position: relative;
  border-top: 2px solid #222;
}

.data_table .table:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 1px;
  background: #dddbda;
}

.data_table .table th {
  font-size: 15px;
  line-height: 24px;
  padding: 16px 14px;
  text-align: center;
  border-top: 1px solid #eeeceb;
  border-right: 1px solid #eeeceb;
  background: #f8f6f5;
}

.data_table .table .bg_th {
  background: #f8f6f5;
}

.data_table .table thead tr:first-child th {
  border-top: none;
}

.data_table .table tbody th,
.data_table .table tbody td {
  border-bottom: 1px solid #eeeceb;
}

.data_table .table tbody .last_line {
  border-bottom: 1px solid #dddbda;
}

.data_table .table tbody tr:last-child th,
.data_table .table tbody tr:last-child td {
  border-bottom: 1px solid #dddbda;
}

.data_table .table tbody th {
  padding: 14px;
}

.data_table .table tbody th.no_bg {
  background: #fff;
}

.data_table .table tbody th.no_bg .em_small {
  font-size: 12px;
  line-height: 24px;
  color: #ff9000;
} /*bx*/
.data_table .table tbody td {
  font-size: 15px;
  line-height: 21px;
  padding: 16px 14px;
  text-align: center;
  color: #666;
  border-right: 1px solid #eeeceb;
  background: #fff;
}

.data_table .table td:last-child {
  border-left: 0 none;
}

.data_table .table th.bdl,
.data_table .table td.bdl {
  border-left: 1px solid #eeeceb !important;
}

.data_table .table tbody td.bld {
  color: #222;
}

.data_table .table tbody td.bg_blue {
  background-color: #f7f7f7;
} /*bx*/
.data_table .table tbody td .s_txt {
  font-size: 13px;
  color: #888785;
  line-height: 13px;
}

.data_table .table tbody td .s_star {
  display: inline-block;
  width: 10px;
  height: 14px;
  background: url("/common/img/vin/product/ico_star.png") no-repeat 0 0;
  vertical-align: middle;
  text-indent: -9999em;
}

.data_table .table .pd0 {
  padding: 9px 0 8px;
  line-height: 18px;
}

.data_table .table .blue_bg {
  background: #f7f7f7;
}

.data_table .table th.no_bg {
  font-size: 15px;
  line-height: 21px;
  padding: 16px 14px;
  background: #fff;
}

.data_table .table tr:first-child th.no_bg {
  border-top: 0 none;
}

.data_table .table th.bt_bd {
  border-bottom: 1px solid #eeeceb;
}

.data_table .table .al_left {
  padding-left: 20px;
  text-align: left;
}

.data_table .table .al_right {
  padding-right: 20px;
  text-align: right;
}

.data_table .table .al_top {
  padding-top: 14px;
  vertical-align: top;
}

.data_table .table .al_btm {
  padding-bottom: 14px;
  vertical-align: bottom;
}

.data_table .table sup {
  font-size: 9px;
}

.data_table .table .td_block_btn {
  margin-top: 10px;
}

.data_table .btm_info {
  margin-top: 20px;
}

.data_table .table.color_type2 {
  border-top-width: 1px;
}

.data_table .table.color_type2 th {
  line-height: 20px;
  padding: 18px 14px;
  background: #eeeceb;
}

.data_table .table.color_type2 tbody th {
  border-bottom: 1px solid #dddbda;
}

.data_table .table.color_type2 td {
  line-height: 20px;
  padding: 18px 14px;
  border-color: #dddbda;
}

.data_table .table tfoot th {
  border-right: 0 none;
}

.data_table .table tfoot tr:last-child {
  border-bottom: 1px solid #dddbda;
}

/* .data_table .table thead th:last-child,.data_table .table tbody td:last-child,.data_table .table tbody th:last-child,.data_table .table.vline_hide th,.data_table .table.vline_hide td {border-right:0 none;} */
.data_table .table tbody td:last-child[rowspan] {
  border-left: 1px solid #eeeceb;
}

.data_table .table tbody td.bd_r {
  border-right: 1px solid #eeeceb;
}

.data_table .table tfoot th {
  font-weight: 500;
  padding: 20px 10px 19px;
  vertical-align: middle;
  background: #f8f6f5;
}

.data_table .table tfoot td {
  padding: 20px 12px 19px;
  vertical-align: middle;
  color: #666;
  background: #f8f6f5;
}

.data_table .table tfoot td strong {
  font-size: 20px;
  font-weight: bold;
  color: #ff9000;
} /*bx*/
.data_table .table tfoot td strong:lang(ko) {
  font-weight: 500;
}

.data_table .table tfoot .no_bg {
  background: none;
}

.data_table .table .bg_purple th,
.data_table .table .bg_purple td {
  background: #f7f7f7;
}

.data_table .table .bg_purple .em {
  font-size: 20px;
  font-weight: 500;
}

/* data_table small_cell */
.data_table.small_cell .table th {
  padding: 14px 12px 13px;
}

.data_table.small_cell .table td {
  padding: 15px 20px;
}

.data_table.break_letter th,
.data_table.break_letter td {
  word-break: break-all;
}

.data_table .table.s_txt tbody th {
  font-size: 13px;
}

.data_table .table.s_txt tbody td {
  font-size: 13px;
}

/* list table */
.list_table {
  border-top: 1px solid #222;
}

.list_table .list {
  display: table;
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  table-layout: fixed;
  text-align: left;
  word-break: keep-all;
}

.list_table .list dt {
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 200px;
  padding: 18px 14px;
  vertical-align: middle;
  border-bottom: 1px solid #dddbda;
  background: #eeeceb;
}

.list_table .list dd {
  display: table-cell;
  padding: 18px 14px;
  vertical-align: middle;
  color: #666;
  border-bottom: 1px solid #eeeceb;
  background: #fff;
}

.list_table .list:last-child dt,
.list_table .list:last-child dd {
  border-bottom: 1px solid #dddbda;
}

/*btn*/
.more {
  display: block;
  width: 100%;
  text-align: center;
}

.more em {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  padding-right: 6px;
}

.more .arr {
  margin-top: 5px;
  vertical-align: 4px;
}

.more .arr.up {
  margin-top: 9px;
}

.more_ajax {
  position: relative;
  margin-top: 12px;
}

.more_ajax .more {
  display: block;
  line-height: 60px;
  height: 60px;
  margin-bottom: -18px;
}

.more_ajax .cssload-spin-box {
  display: none;
  height: 60px;
  background: url("/common/img/vin/common/spinner_60.gif") no-repeat center top;
}

.more_ajax.loading .more {
  display: none;
}

.more_ajax.loading .cssload-spin-box {
  display: block;
}

/* paging */
.paging {
  margin-top: 40px;
  text-align: center;
}

.paging .jump_page {
  display: inline-block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 32px;
  height: 32px;
  margin: 0 2px;
  text-align: center;
  vertical-align: top;
  border: 1px solid #cccac9;
}

.paging .jump_page.disabled {
  opacity: 0.4;
}

.paging .jump_page span {
  display: inline-block;
  overflow: hidden;
  line-height: 99999px;
  width: 15px;
  height: 12px;
  margin-top: 9px;
  vertical-align: top;
  background: url("/common/img/vin/common/paging_arr.png") no-repeat left top;
}

.paging .jump_page.first span {
  margin-left: -1px;
  background-position: 0 0;
}

.paging .jump_page.prev span {
  width: 8px;
  background-position: -35px 0;
}

.paging .jump_page.last span {
  margin-right: -1px;
  background-position: -63px 0;
}

.paging .jump_page.next span {
  width: 8px;
  background-position: -98px 0;
}

.paging .page_num {
  display: inline-block;
  height: 32px;
  padding: 0 20px;
  vertical-align: top;
}

.paging .page_num a {
  display: inline-block;
  font-size: 16px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  text-align: center;
  color: #898786;
}

.paging .page_num .now {
  display: inline-block;
  font-size: 16px;
  line-height: 32px;
  width: 34px;
  height: 32px;
  text-align: center;
  text-decoration: underline;
  color: #ff9000;
} /*bx*/
/* button */
.btn_wrap {
  font-size: 0;
  margin-top: 40px;
  text-align: center;
}

.btn_wrap.narrow {
  margin-top: 40px;
}

.btn_wrap .btn {
  margin: 0 0 0 10px !important;
}

.btn_wrap .btn:first-child {
  margin-left: 0 !important;
}

.btn {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}

.btn.va_m {
  vertical-align: middle;
}

.btn.h60 {
  font-size: 18px;
  line-height: 58px;
  min-width: 240px;
  height: 60px;
  margin: 0 2px;
  padding: 0 30px;
}

.multi_btn .btn.h60 {
  min-width: 200px;
}

.btn.h50 {
  font-size: 18px;
  line-height: 48px;
  min-width: 130px;
  height: 50px;
  padding: 0 30px;
}

.btn.h34 {
  font-size: 13px;
  line-height: 34px;
  min-width: 68px;
  height: 34px;
  padding: 0 10px;
}

.btn.h30 {
  font-size: 13px;
  line-height: 30px;
  min-width: 68px;
  height: 30px;
  padding: 0 10px;
}

.btn.gray.h50 {
  font-size: 15px;
  min-width: 100px;
  padding: 0 20px;
}

.btn.submit {
  color: #fff;
  background-color: #ff9000;
  border-radius: 20px 20px 0 20px;
  -webkit-border-radius: 20px 20px 0 20px;
  -moz-border-radius: 20px 20px 0 20px;
  border: none;
} /*bx*/
.btn.cancel,
.btn.no_bg {
  color: #ff9000;
  border: 1px solid #ff9000;
  background: #fff;
  border-radius: 19px 19px 0 19px;
  -webkit-border-radius: 19px 19px 0 19px;
  -moz-border-radius: 19px 19px 0 19px;
} /*bx*/
.btn.gray {
  color: #fff;
  background: #676564;
}

.btn.white_btn {
  color: #666;
  border: 1px solid #dddbda;
  background: #fff;
}

.btn.gray_btn {
  color: #cccac9;
  border: 1px solid #dddbda;
  background: #f8f6f5;
}

.btn.h50.white_btn {
  font-size: 15px;
}

.btn.small {
  font-size: 13px;
  line-height: 20px;
  width: auto;
  height: auto;
  padding: 7px 10px;
}

.btn.btn_s.white {
  display: inline-block;
  font-size: 16px;
  line-height: 50px;
  width: 180px;
  height: 50px;
  text-align: center;
  color: #888;
  border: 1px solid #cccac9;
}

.btn.h34 .arr_ico {
  display: inline-block;
  position: relative;
  line-height: 32px;
  padding-right: 11px;
  vertical-align: top;
  background: url("/common/img/vin/common/arr_6_10_2.png") no-repeat right;
}

.btn.h50 .arr_ico {
  display: inline-block;
  position: relative;
  line-height: 48px;
  padding-right: 16px;
  vertical-align: top;
  background: url("/common/img/vin/common/arr_6_10_2.png") no-repeat right;
}

.btn.gray .arr_ico {
  display: inline-block;
  position: relative;
  line-height: inherit;
  padding-right: 20px;
  vertical-align: top;
  background: url("/common/img/vin/common/arr_6_12.png") no-repeat right;
}

.btn.gray.h34 .arr_ico {
  display: inline-block;
  position: relative;
  line-height: 34px;
  padding-right: 11px;
  vertical-align: top;
  background: url("/common/img/vin/common/arr_6_9_s.png") no-repeat right;
}

.btn.down {
  position: relative;
  font-size: 13px;
  line-height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 160px;
  padding: 0 20px;
  text-align: left;
  color: #666;
  border: 1px solid #dddbda;
}

.btn.down:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("/common/img/vin/common/down_ico.png") no-repeat 0 0;
}

.btn.down.gray {
  font-size: 13px;
  background: #676564;
}

.btn.btn_r {
  float: right;
}

.btn_c {
  text-align: center;
}

.btn.print {
  position: relative;
  font-size: 13px;
  line-height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 160px;
  padding: 0 20px;
  text-align: left;
  color: #666;
  border: 1px solid #dddbda;
}

.btn.print:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: url("/common/img/vin/common/print_ico.png") no-repeat 0 0;
}

.btn.icon_play {
  position: relative;
  font-size: 13px;
  line-height: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 160px;
  padding: 0 30px 0 55px;
  text-align: left;
  color: #666;
  border: 1px solid #dddbda;
}

.btn.icon_play:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
  width: 15px;
  height: 15px;
  margin-top: -7.5px;
  background: url("/common/img/vin/common/icon15x15_play.png") no-repeat 0 0;
}

.btn.icon_link {
  position: relative;
  font-size: 13px;
  line-height: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 150px;
  padding: 0 30px 0 55px;
  text-align: left;
  color: #666;
  border: 1px solid #dddbda;
}

.btn.icon_link:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
  width: 15px;
  height: 15px;
  margin-top: -7.5px;
  background: url("/common/img/vin/common/icon15x15_link.png") no-repeat 0 0;
}

/* img_wrap */
.img_wrap.spa_tl {
  padding-top: 60px;
}

/* column_wrap */
.column_wrap {
  margin-top: 10px;
}

.column_wrap.size2 > * {
  float: left;
  width: 50%;
}

.column_wrap.size2 > .right {
  padding-left: 10px;
}

.column_wrap.size3 > * {
  float: left;
  width: 33.3333%;
}

/* bullet lists */
.bull_list {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.bull_list.spa_ts {
  padding-top: 8px;
}

.bull_list.spa_tm {
  padding-top: 15px;
}

.bull_list.ml10 {
  margin-left: 10px;
}

.bull_list .number span.col_blue {
  position: relative;
  color: #0322ff;
  font-weight: bold;
}

.boxing {
  padding: 40px;
  border: 1px solid #eeeceb;
}

.bull_list.min {
  font-size: 14px;
  line-height: 21px;
}

.bull_list li {
  position: relative;
  margin-top: 8px;
  word-break: break-all;
}

.bull_list.min_type01 li {
  margin-top: 0;
  line-height: 24px;
}

.bull_list.min_type01 li em.color_o {
  color: #ff9000;
}

.bull_list li:first-child {
  margin-top: 0;
}

.bull_list p {
  position: relative;
}

.bull_list .base {
  position: relative;
  margin-bottom: 8px;
}

.bull_list li ul {
  margin-top: 8px;
}

.bull_list .square {
  padding-left: 10px;
  color: #666;
}

.bull_list .square a {
  color: #666;
}

.bull_list .square.em {
  color: #ff9000;
} /*bx*/
.bull_list .square.em:after {
  background: #ff9000;
} /*bx*/
.bull_list .square:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #888;
}

.bull_list.min .square:after {
  top: 8px;
}

.bull_list.min.min_type01 .square:after {
  top: 10px;
}

.bull_list .number {
  position: relative;
  padding-left: 23px;
}

.bull_list .number span {
  position: absolute;
  top: 0;
  left: 0;
}

.bull_list.min .number {
  padding-left: 21px;
}

.bull_list .number.big {
  position: relative;
  margin-top: 20px;
  padding-left: 40px;
}

.bull_list .number.big span {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff9000;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
}

.bull_list .number.big .tit {
  display: block;
  padding: 1px 0 2px 0;
  color: #ff9000;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.bull_list .number.big .sub {
  color: #898886;
  font-size: 14px;
  line-height: 21px;
}

.bull_list .number.small span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ff9000;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial;
  line-height: 17px;
  text-align: center;
  top: 4px;
}

.bull_list .circle {
  padding-left: 9px;
  color: #666;
}

.bull_list .circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background: #666;
}

.bull_list .circle.em {
  color: #ff9000;
} /*bx*/
.bull_list .circle.em:after {
  background: #ff9000;
} /*bx*/
.bull_list.min .circle:after {
  top: 8px;
}

.bull_list .dash {
  padding-left: 10px;
  color: #666;
}

.bull_list .dash:after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 1px;
  background: #666;
}

.bull_list .dash.em {
  color: #ff9000;
} /*bx*/
.bull_list .dash.em:after {
  background: #ff9000;
} /*bx*/
.bull_list.min .dash:after {
  top: 10px;
}

.bull_list .etc {
  position: relative;
  font-size: 14px;
  line-height: 21px;
  padding-left: 20px;
  color: #898786;
}

.bull_list .etc:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  overflow: hidden;
  width: 15px;
  height: 15px;
  background: url("/common/img/vin/common/ico_etc.png") no-repeat left top;
  background-size: 100%;
}

.bull_list .refer {
  padding-left: 18px;
  color: #666;
}

.bull_list .refer:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

.bull_list .none {
  padding-left: 10px;
}

.bull_list li.star {
  padding-left: 10px;
  text-indent: -10px;
}

.bull_list .star_em {
  padding-left: 10px;
  color: #666;
}

.bull_list .star_em:after {
  content: "*";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  color: #ff9000;
}

/* notice icon */
.ico_notice_wrap {
  padding: 30px 40px;
  border: 1px solid #dddbda;
}

.ico_notice_wrap .ico_notice .ico_head {
  margin-bottom: 30px;
}

.bull_list_num {
  list-style-type: decimal;
}

.bull_list_num li {
  list-style-type: decimal;
  margin-left: 20px;
  margin-bottom: 15px;
  padding-left: 10px;
  font-size: 15px;
  line-height: 1.5;
  color: #666;
}

.bull_list_num li:nth-last-of-type(1) {
  margin-bottom: 0;
}

.bull_list_num li .bull_list_line {
  list-style: none;
}

.bull_list_num li .bull_list_line li {
  position: relative;
  list-style: none;
  margin: 0;
  margin-top: 8px;
}

.bull_list_num li .bull_list_line li:before {
  position: absolute;
  left: 0;
  top: 11px;
  width: 6px;
  height: 1px;
  background: #aaa;
  content: "";
}

.bull_list_circle_number {
  margin-top: 10px;
  list-style: none;
}

.bull_list_circle_number li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.bull_list_circle_number li > span:before {
  margin-right: 5px;
}

.bull_list_circle_number li:nth-child(1) > span:before {
  content: "①";
}

.bull_list_circle_number li:nth-child(2) > span:before {
  content: "②";
}

.bull_list_circle_number li > span:after {
  margin-left: 5px;
  content: "▷";
}

/* accordion */
.acc_list_head .sp_txt {
  overflow: hidden;
}

.acc_list_wrap .acc_lists {
  border-bottom: 1px solid #eeeceb;
}

.acc_list_wrap .acc_lists:first-child {
  border-top: 2px solid #222;
}

.acc_list_wrap .acc_lists:last-child {
  border-bottom: 1px solid #ddd;
}

.acc_list_wrap .acc_list_head {
  position: relative;
}

.acc_list_wrap .acc_list_head a {
  display: block;
  padding: 30px 60px 30px 30px;
}

.acc_list_wrap .acc_list_head .tit {
  font-size: 18px;
  line-height: 27px;
}

.acc_list_wrap .acc_list_head .sp_txt {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-top: -10px;
  -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
  transform: rotate(135deg) translate3d(0, 0, 0);
  text-indent: -9999em;
  border: 1px solid #888;
  border-bottom: none;
  border-left: none;
}

.acc_list_wrap .acc_list_head .tit_decs {
  display: block;
  color: #666;
}

.acc_list_wrap .acc_list_head .tit_price {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 24px;
  line-height: 36px;
  margin-top: -13.5px;
  color: #222;
}

.acc_list_wrap .acc_list_head.form_check .chk_wrap {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 87px;
  padding-top: 34px;
  padding-left: 30px;
}

.acc_list_wrap .acc_list_head.form_check .chk_wrap label {
  padding-left: 38px;
}

.acc_list_wrap .acc_list_head.form_check a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 87px;
  padding: 0;
}

.acc_list_wrap .acc_list_head.form_check.type2 a {
  right: 200px;
}

.acc_list_wrap .acc_list_head.form_check.type2 .chk_wrap {
  font-size: 0;
  height: 64px;
  padding-top: 20px;
  padding-left: 20px;
}

.acc_list_wrap .acc_list_head.form_check.type2 .chk_wrap .tit {
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  line-height: 23px;
  width: 240px;
  color: #222;
}

.acc_list_wrap .acc_list_conts.form_check.type2 {
  padding: 12px 200px 12px 260px;
  background: #fff;
}

.acc_list_wrap .acc_list_conts.form_check.type2 .acc_conts {
  padding: 30px 20px;
  background: #f8f6f5;
}

.acc_list_wrap .on .acc_list_head .sp_txt {
  margin-top: -2px;
  -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
  transform: rotate(-45deg) translate3d(0, 0, 0);
}

.acc_list_wrap .acc_list_conts {
  display: none;
  font-size: 15px;
  line-height: 23px;
  padding: 30px;
  color: #666;
  border-top: 1px solid #eeeceb;
  background: #f8f6f5;
}

.acc_list_wrap .acc_list_conts .em {
  color: #ff9000;
} /*bx*/
/*iframe*/
.iframe.bz .mypage th,
.iframe.bz .mypage td,
.iframe.bz .mypage li,
.iframe.bz .mypage a,
.iframe.bz .mypage p {
  word-break: break-all;
}

.iframe #containers {
  margin-top: 0;
}

.iframe .acc_list_wrap .acc_list_conts {
  overflow: auto;
  max-height: 300px;
  padding-bottom: 0;
}

.iframe .acc_list_wrap .acc_list_conts .acc_conts {
  padding-bottom: 30px;
}

.iframe .acc_list_wrap .acc_list_conts .acc_conts span.em {
  font-size: 19px;
  color: #222;
  font-weight: bold;
} /* 2020-10-19 수정 */
.iframe .acc_list_wrap.cont_hei200 .acc_list_conts {
  overflow: auto;
  max-height: 200px;
}

.iframe .acc_list_wrap.cont_hei300 .acc_list_conts {
  overflow: auto;
  max-height: 300px;
}

.iframe .acc_list_wrap.cont_hei400 .acc_list_conts {
  overflow: auto;
  max-height: 400px;
}

.iframe .acc_list_wrap.cont_heiauto .acc_list_conts {
  overflow: auto;
  max-height: none;
}

.acc_list_wrap.faq .acc_list_head .tit {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}

.acc_list_wrap.faq .acc_list_head .tit .q_txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
}

.acc_list_wrap.faq .acc_list_conts .qna_btn {
  margin-top: 20px;
}

.acc_list_wrap .big .acc_list_head .tit {
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
}

.acc_list_wrap .acc_lists.big {
  border-bottom: 0;
}

.acc_list_wrap .big .acc_list_head a {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
}

.acc_list_wrap .acc_list_head a.arr_in {
  padding-right: 67px;
}

.acc_list_wrap.board_type .conts {
  overflow: hidden;
}

.acc_list_wrap .acc_list_head p {
  position: relative;
  padding-right: 150px;
}

.acc_list_wrap.board_type .conts span {
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
}

.acc_list_wrap.board_type .conts .left_al {
  float: left;
  font-size: 0;
}

.acc_list_wrap.board_type .conts .left_al span {
  margin-right: 20px;
}

.acc_list_wrap.board_type .conts .left_al span:last-child {
  margin-right: 0;
}

.acc_list_wrap.board_type .conts .right_al {
  float: right;
  font-size: 0;
}

.acc_list_wrap.board_type .conts .right_al span {
  margin-left: 20px;
}

.acc_list_wrap.board_type .conts .right_al span:first-child {
  margin-left: 0;
}

.acc_list_wrap.board_type .conts .num {
  min-width: 50px;
  text-align: center;
}

.acc_list_wrap.board_type .conts .flag {
  font-size: 13px;
}

.acc_list_wrap.board_type .conts .category {
  text-align: center;
}

.acc_list_wrap.board_type .conts .title {
  font-size: 18px;
  margin-left: 6px;
}

.acc_list_wrap.board_type .conts .chk_wrap .title {
  color: #222;
}

.acc_list_wrap.board_type .conts .chk_wrap .title:hover {
  text-decoration: underline;
}

.acc_list_wrap.board_type .conts .date {
  color: #898786;
}

.acc_list_wrap.detail_type {
  width: 1170px;
  margin: 0 auto;
}

.acc_list_wrap.detail_type .acc_lists {
  border: 0;
}

.acc_list_wrap.detail_type .acc_lists .acc_list_head a {
  padding: 40px 40px 40px 0;
}

.acc_list_wrap.detail_type .acc_lists .acc_list_head a .tit {
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
}

.acc_list_wrap.detail_type .acc_lists .acc_list_conts {
  padding: 20px 0 60px;
  border-top: 0;
  background: none;
}

/* // accordion */
/* board view */
.detail_page-panel .view_header {
  position: relative;
  padding: 30px;
  padding-right: 120px;
  border-bottom: 1px solid #eeeceb;
}

.detail_page-panel .view_header .date {
  position: absolute;
  top: 30px;
  right: 30px;
  line-height: 36px;
  color: #898786;
}

.detail_page-panel .view_header .tit {
  font-size: 24px;
  line-height: 36px;
}

.detail_page-panel .panel-content {
  padding: 40px 20px;
}

.detail_page-panel .panel-content .top_list {
  overflow: hidden;
  margin-bottom: 30px;
  border-top: 1px solid #eeeceb;
  border-bottom: 1px solid #eeeceb;
}

.detail_page-panel .panel-content .top_list dl {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 240px;
}

.detail_page-panel .panel-content .top_list dl dt {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 240px;
  height: 53px;
  padding: 15px 20px;
  background: #f8f6f5;
}

.detail_page-panel .panel-content .top_list dl dd,
.detail_page-panel .panel-content .file_wrap dl dd {
  padding: 15px 20px;
  color: #666;
}

.detail_page-panel .panel-content .view_body {
  color: #666;
}

.notice_line {
  position: relative;
  border: 1px dashed #000;
  border-width: 1px 0;
  width: 100%;
  height: 5px;
  margin: 10px 0;
}

.notice_line span {
  display: inline-block;
  width: 10%;
  background: #fff;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5%;
  text-align: center;
}

/* board detail view */
.detail_page-panel .panel-content .view_body .img_wrap .hidden_desc {
  position: absolute;
  top: -9999em;
  left: -9999em;
  overflow: hidden;
  font-size: 0;
  width: 0;
  height: 0;
}

.detail_page-panel .panel-content .view_body table {
  position: relative;
  border-top: 2px solid #222;
}

.detail_page-panel .panel-content .view_body table:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 1px;
  background: #dddbda;
}

.detail_page-panel .panel-content .view_body table th {
  font-size: 15px;
  line-height: 24px;
  padding: 16px 14px;
  text-align: center;
  border-left: 1px solid #eeeceb;
  background: #f8f6f5;
}

.detail_page-panel .panel-content .view_body table thead th {
  border-top: 1px solid #eeeceb;
}

.detail_page-panel .panel-content .view_body table thead tr:first-child th {
  border-top: none;
}

.detail_page-panel .panel-content .view_body table tbody th,
.detail_page-panel .panel-content .view_body table tbody td {
  border-bottom: 1px solid #eeeceb;
}

.detail_page-panel .panel-content .view_body table tbody th:first-child[rowspan] {
  border-right: 1px solid #eeeceb;
}

.detail_page-panel .panel-content .view_body table tbody tr:last-child th,
.detail_page-panel .panel-content .view_body table tbody tr:last-child td {
  border-bottom: 1px solid #dddbda;
}

.detail_page-panel .panel-content .view_body table tbody th {
  padding: 14px;
}

.detail_page-panel .panel-content .view_body table tbody td {
  font-size: 15px;
  line-height: 21px;
  padding: 16px 14px;
  text-align: center;
  color: #666;
  border-left: 1px solid #eeeceb;
  background: #fff;
}

.detail_page-panel .panel-content .view_body table tbody .tit {
  text-align: left;
}

.detail_page-panel .panel-content .view_body table th:first-child,
.detail_page-panel .panel-content .view_body table th.first,
.detail_page-panel .panel-content .view_body table td:first-child,
.detail_page-panel .panel-content .view_body table td.first {
  border-left: 0 none;
}

.detail_page-panel .panel-content .view_body table th.bdl,
.detail_page-panel .panel-content .view_body table td.bdl {
  border-left: 1px solid #eeeceb !important;
}

.detail_page-panel .panel-content .view_body table tfoot th {
  border-right: 0 none;
}

.detail_page-panel .panel-content .view_body table tfoot tr:last-child {
  border-bottom: 1px solid #dddbda;
}

.detail_page-panel .panel-content .view_body table tfoot th {
  font-weight: 500;
  padding: 20px 10px 19px;
  vertical-align: middle;
  background: #f8f6f5;
}

.detail_page-panel .panel-content .view_body table tfoot td {
  padding: 20px 12px 19px;
  vertical-align: middle;
  color: #666;
  background: #f8f6f5;
}

.detail_page-panel .panel-content .view_body table tfoot td strong {
  font-size: 20px;
  font-weight: 500;
  color: #ff9000;
}

.detail_page-panel .panel-content .view_body table th.no_bg {
  background: none;
}

.detail_page-panel .panel-content .view_body table .al_left {
  padding-left: 20px;
  text-align: left;
}

.detail_page-panel .panel-content .s_txt {
  font-size: 13px;
  line-height: 20px;
  margin: 6px 0 0;
  color: #898786;
}

.detail_page-panel .panel-content .view_body a {
  text-decoration: underline;
}

.detail_page-panel .panel-content .file_wrap {
  margin-top: 30px;
  border-top: 1px solid #eeeceb;
  border-bottom: 1px solid #eeeceb;
}

.detail_page-panel .panel-content .file_wrap dl {
  position: relative;
  padding-left: 200px;
}

.detail_page-panel .panel-content .file_wrap dl dt {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 200px;
  height: 53px;
  padding: 15px 20px;
  background: #f8f6f5;
}

.detail_page-panel .panel-content .file_wrap dl dd a {
  color: #666;
}

.detail_page-panel .detail_paging {
  margin-top: 60px;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
}

.detail_page-panel .detail_paging .go_view {
  display: block;
  position: relative;
  padding-left: 120px;
}

.detail_page-panel .detail_paging .go_view:first-child {
  border-bottom: 1px solid #eeeceb;
}

.detail_page-panel .detail_paging .go_view .view {
  padding: 20px 0;
}

.detail_page-panel .detail_paging .go_view .page {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px 0 20px 30px;
}

.detail_page-panel .detail_paging .go_view .page span {
  display: inline-block;
  position: relative;
  font-weight: 500;
  padding-left: 32px;
}

.detail_page-panel .detail_paging .go_view .page span:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #666;
  border-right: 0;
  border-bottom: 0;
}

.detail_page-panel .detail_paging .go_view.n_view .page span:after {
  top: 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.detail_page-panel .detail_paging .go_view.no_view {
  color: #898786;
}

.detail_page-panel .detail_paging .go_view.no_view .page span:after {
  border-color: #898786;
}

.detail_page-panel .view_footer {
  text-align: center;
}

/* tab */
.tab_wrap {
  position: relative;
  font-size: 0;
  background: #fff;
}

.tab_wrap:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eee;
}

.tab_wrap ul {
  width: 1170px;
  margin: 0 auto;
}

.tab_wrap .tabs {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 50%;
  height: 70px;
  vertical-align: top;
}

.tab_wrap .tabs a {
  display: inline-block;
  font-size: 18px;
  line-height: 68px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 70px;
  text-align: center;
  color: #222;
  border-bottom: 2px solid transparent;
}

.tab_wrap .tabs.on a {
  color: #ff9000;
  border-bottom: 2px solid #ff9000;
} /*bx*/
.dep1_tab.tab_wrap {
  position: relative;
}

.wide .dep1_tab.tab_wrap {
  position: relative;
  width: 1170px;
  margin: 0 auto;
}

.dep1_tab.tab_wrap ul:after {
  content: "";
  display: block;
  clear: both;
}

.dep1_tab.tab_wrap .tabs {
  position: relative;
  z-index: 1;
  float: left;
  width: auto;
}

.dep1_tab.tab_wrap .tabs a {
  display: block;
  line-height: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 70px;
  padding: 0 50px;
  text-align: center;
  color: #666;
  border: 1px solid transparent;
}

.dep1_tab.tab_wrap .tabs a span {
  display: inline-block;
  line-height: 1.25;
  vertical-align: middle;
}

.dep1_tab.tab_wrap .tabs.on {
  z-index: 2;
}

.dep1_tab.tab_wrap .tabs.on a {
  font-weight: 500;
  color: #ff9000;
  border: 1px solid #ff9000;
  border-bottom: none;
  border-bottom: none;
  background: #fff;
} /*bx*/
.dep1_tab.tab_wrap:after {
  border-color: #ff9000;
} /*bx*/
.dep1_tab.tab_wrap + .tab_wrap.box_type {
  margin-top: 40px;
}

.dep1_tab.double_txt .tabs {
  height: 100px;
}

.dep1_tab.double_txt .tabs a {
  height: 100px;
  padding-top: 21px;
  line-height: 27px;
}

.tab_wrap.size_2 .tabs {
  width: 50%;
}

.tab_wrap.size_3 .tabs {
  width: 33.3%;
}

.tab_wrap.size_3 .tabs:first-child {
  width: 33.33%;
}

.tab_wrap.size_4 .tabs {
  width: 25%;
}

.tab_wrap.size_5 .tabs {
  width: 20%;
}

.tab_wrap.size_6 .tabs {
  width: 16.6%;
}

.tab_wrap.size_7 .tabs {
  width: 14.2%;
}

.tab_wrap.size_8 .tabs {
  width: 12.2%;
}

.tab_wrap.size_auto ul {
  text-align: center;
}

.tab_wrap.size_auto .tabs {
  width: auto;
  margin-left: 50px;
}

.tab_wrap.size_auto .tabs:first-child {
  margin-left: 0;
}

.tab_wrap.box_type:after {
  content: "";
  display: block;
  clear: both;
  border-bottom: none;
}

.tab_wrap.box_type ul {
  overflow: hidden;
}

.tab_wrap.box_type ul:after {
  content: none;
}

.tab_wrap.box_type .tabs {
  position: relative;
  z-index: 1;
  height: 62px;
}

.tab_wrap.box_type .tabs:last-child {
  border-right: 1px solid #ddd;
}

.tab_wrap.box_type .tabs a {
  position: relative;
  font-size: 15px;
  line-height: 23px;
  line-height: 62px;
  height: 62px;
  color: #666;
  border: 1px solid #ddd;
  border-right: none;
  border-left: none;
  background: transparent;
  background: #f8f6f5;
}

.tab_wrap.box_type .tabs a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #ddd;
}

.tab_wrap.box_type .tabs.on {
  z-index: 2;
}

.tab_wrap.box_type .tabs.on a {
  font-weight: 500;
  font-weight: 500;
  color: #ff9000;
  border: 1px solid #ff9000;
  border-left: none;
  background: #fff;
} /*bx*/
.tab_wrap.box_type .tabs.on a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #ff9000;
} /*bx*/
.tab_wrap.box_type .tabs.on a {
  text-decoration: underline;
}

.tab_wrap.box_type .tabs.on + .tabs a:before {
  content: none;
}

.tab_wrap.size_6 .tabs a {
  padding: 0 0;
}

/* B tv UI 5.2.0 SB제작 요청 */
.tab_wrap.clear {
  background: transparent;
  padding: 0;
}

.dep1_tab.tab_wrap.clear::after {
  display: none;
}

.tab_wrap.clear .tabs.on a {
  color: #fff;
  border-bottom: 2px solid #fff;
}

.tab_wrap.clear ul.type03::before {
  content: "";
  width: 270px;
  height: 1px;
  display: block;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}

.tab_wrap.clear ul.type03::after {
  content: "";
  display: block;
  clear: both;
}

.tab_wrap.clear ul.type03 .tabs {
  width: auto;
  border-bottom: 1px solid #fff;
}

.tab_wrap.clear ul.type03 .tabs.on {
  border: 1px solid #fff;
  border-bottom: none;
}

.dep1_tab.clear.tab_wrap .tabs a {
  color: #fff;
  border: 1px solid transparent;
}

.dep1_tab.clear.tab_wrap .tabs.on a {
  color: #fff;
  background: transparent;
} /*bx*/
/* tab level2 */
.tab_wrap.sub_tab:after {
  content: none;
}

.tab_wrap.sub_tab .sub_tab_wrap {
  overflow: hidden;
  width: 1170px;
  margin: 0 auto;
}

.tab_wrap.sub_tab ul {
  margin-left: -20px;
  padding: 8px 0;
}

.tab_wrap.sub_tab .tabs {
  position: relative;
  width: auto;
  height: auto;
}

.tab_wrap.sub_tab .tabs:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 1px;
  height: 18px;
  background: #eeeceb;
}

.tab_wrap.sub_tab .tabs a {
  font-size: 15px;
  line-height: 23px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: auto;
  height: 23px;
  padding: 8px 20px;
  text-align: left;
  color: #666;
  border: none;
}

.tab_wrap.sub_tab .tabs.on a {
  color: #ff9000;
  border: none;
} /*bx*/
/* tab_contents */
.tab_contents .tab_cont {
  margin-top: 60px;
}

.tab_contents .tab_cont.first_box {
  margin-top: 40px;
}

.tab_contents .tab_cont.second_box {
  margin-top: 50px;
}

.tab_contents.type01 .tab_cont {
  margin-top: 0;
}

/* // tab */
.anchor_tab_wrap {
  height: 70px;
}

.anchor_tab {
  position: relative;
  z-index: 50;
}

/* layer popup */
.layer_pop.wid_s {
  width: 570px;
}

.layer_pop.wid_m {
  width: 680px;
}

.layer_pop.wid_l {
  width: 900px;
}

.layer_pop {
  position: relative;
  width: 870px;
  background: #fff;
}

.layer_pop header,
.win_pop header {
  padding: 20px 30px;
  background: #333;
} /*bx*/
.layer_pop header .pop_tit,
.win_pop header .pop_tit {
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  color: #fff;
} /*bx*/
.layer_pop header .pop_tit:lang(ko),
.win_pop header .pop_tit:lang(ko) {
  font-weight: 500;
}

.layer_pop .pop_close,
.win_pop .pop_close {
  position: absolute;
  top: 28px;
  right: 30px;
}

.layer_pop .pop_close .btn.close,
.win_pop .pop_close .btn.close {
  line-height: 1;
  width: auto;
  height: auto;
}

.layer_pop .gray_bg_box,
.win_pop .gray_bg_box {
  margin-top: 40px;
}

.layer_pop .pop_contents {
  overflow: auto;
  max-height: 664px;
}

.layer_pop .pop_contents,
.win_pop .pop_contents {
  padding: 30px;
}

.layer_pop .gray_line_box,
.win_pop .gray_line_box {
  margin-top: 40px;
}

.gray_line_box {
  padding: 20px;
  border: 1px solid #eeeceb;
  background: #f7f7f7;
}

.gray_line_box .em {
  color: #ff9000;
}

/* // layer popup */
/* win_pop pop_900*/
.pop_900 {
  min-width: 700px;
}

.pop_900 .input_form_header {
  position: relative;
}

.pop_900 .surely_txt {
  position: absolute;
  right: 14px;
  bottom: 20px;
}

.pop_900 .input_form_conts dd {
  padding: 12px 14px 12px 0;
}

.pop_900 .input_form_conts dd .txt {
  font-size: 14px;
  color: #898786;
}

.pop_900 .input_txt {
  max-width: none;
}

.pop_900 .input_txt,
.pop_900 .selects {
  margin-bottom: 10px;
}

.pop_900 .input_tel > * {
  width: 31.9787%;
}

.pop_900 .input_tel .selects {
  margin-right: 2%;
}

.pop_900 .a_row span {
  vertical-align: middle;
}

.pop_900 .a_row .step1 {
  width: 48.35%;
}

.pop_900 .a_row .step2 {
  width: 3.81%;
  text-align: center;
}

.pop_900 .a_row .step3 {
  width: 38.47%;
}

.pop_900 .a_row .step4 {
  width: 5.89%;
  text-align: right;
}

.pop_900 .input_btn_wrap {
  width: 100%;
}

.pop_900 .input_btn_wrap:after {
  display: block;
  clear: both;
  content: "";
}

.pop_900 .input_btn_wrap .input_txt {
  float: left;
  width: calc(98% - 100px);
}

.pop_900 .input_btn_wrap .btn_right {
  float: left;
  margin-left: 2%;
  vertical-align: top;
  text-align: right;
}

.pop_900 .inline2 {
  display: block;
}

.pop_900 .inline2:after {
  display: block;
  clear: both;
  content: "";
}

.pop_900 .inline2 .select {
  display: inline-block;
  width: 49%;
  float: left;
}

.pop_900 .inline2 .select:first-child + .select {
  float: right;
}

.pop_900 .acc_list_head.form_check.type2 .chk_wrap {
  padding-left: 0;
}

.pop_900 .acc_list_head.form_check.type2 .chk_wrap .tit {
  width: 260px;
  padding: 0 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pop_900 .acc_list_head.form_check.type2 .chk_wrap .essen {
  display: inline-block;
  font-size: 15px;
  line-height: 23px;
  margin-left: 4px;
  vertical-align: top;
  color: #ff9000;
} /*bx*/
.pop_900 .acc_list_head.form_check.type2 a {
  right: 0;
}

.pop_900 .acc_list_conts.form_check.type2 {
  padding-right: 14px;
}

.pop_900 .notice .title {
  position: relative;
  margin-bottom: 15px;
  padding-left: 25px;
  font-size: 20px;
  font-weight: bold;
}

.pop_900 .notice .title:after {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 17px;
  height: 20px;
  background: url("/common/img/vin/common/ico_notice.png") no-repeat 0 0;
  content: "";
}

/* // win_pop  */
/* gray box */
.gray_bg_box {
  padding: 20px;
  background: #f3f1f0;
}

.gray_bg_box.al_center {
  text-align: center;
}

/* // gray box */
/* error */
.error_wrap {
  position: relative;
  min-height: 800px;
  padding: 90px 0 80px;
}

.error_wrap .header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.error_wrap .footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px 0;
  border-top: 1px solid #ddd;
  background: #fff;
}

.error_wrap .footer p.copy {
  font-size: 14px;
  min-width: 1170px;
  padding-left: 215px;
  color: #666;
}

.error {
  text-align: center;
  background-color: #fff;
}

.error .error_inner {
  width: 770px;
  margin: 0 auto;
  padding: 80px 0;
}

.error .error_inner .error_tit {
  display: block;
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  margin-top: 20px;
  color: #222;
}

.error .error_inner .error_txt {
  margin-top: 40px;
  padding: 30px 20px;
  text-align: center;
  background-color: #f8f6f5;
}

.error .error_inner .error_txt .error_type {
  font-size: 18px;
  line-height: 27px;
  color: #222;
}

.error .error_inner .sub_txt_wrap {
  width: 770px;
  margin: 20px auto 0;
  padding: 30px 0;
  text-align: center;
  background: #f8f6f5;
}

.error .error_inner .sub_txt_wrap dl {
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  width: 400px;
  margin-top: 10px;
  text-align: left;
  color: #666;
}

.error .error_inner .sub_txt_wrap dl:first-child {
  margin-top: 0;
}

.error .error_inner .sub_txt_wrap dl dt {
  float: left;
  width: 97px;
  color: #222;
}

.error .error_inner .sub_txt_wrap dl dd {
  float: left;
}

/*arrow*/
.arr {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #222;
  border-top: none;
  border-left: none;
}

.arr.down {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arr.up {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.arr.right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arr.left {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.arr.w10 {
  width: 8px;
  height: 8px;
}

.arr.w10.right {
  width: 7px;
  height: 10px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  border: none;
  background: url("/common/img/vin/common/arr_6_10_2.png") no-repeat 0 0;
}

/* icon */
.ico {
  display: inline-block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  text-indent: -9999em;
}

/*ico20*/
.ico.ico20 {
  width: 20px;
  height: 20px;
  background: url("/common/img/vin/common/icon20x20.png") no-repeat left top;
}

.ico.ico20.type01 {
  background-position: 0 0;
}

.ico.ico20.type02 {
  background-position: -50px 0;
}

.ico.ico20.type03 {
  background-position: -100px 0;
}

.ico.ico20.type04 {
  background-position: -150px 0;
}

.ico.ico20.type05 {
  background-position: -200px 0;
}

.ico.ico20.type06 {
  background-position: -250px 0;
}

.ico.ico20.type07 {
  background-position: -300px 0;
}

.ico.ico20.type08 {
  background-position: -350px 0;
}

.ico.ico20.type09 {
  background-position: -400px 0;
}

.ico.ico20.type10 {
  background-position: -450px 0;
}

.ico.ico20.type11 {
  background-position: -500px 0;
}

/* ico24 */
.ico.ico24 {
  width: 24px;
  height: 24px;
  background: url("/common/img/vin/common/icon24x24.png") no-repeat left top;
}

.ico.ico24.type01 {
  background-position: 0 0;
}

.ico.ico24.type02 {
  background-position: -50px 0;
}

.ico.ico24.type02 {
  background-position: -100px 0;
}

.ico.ico24.type03 {
  background-position: -150px 0;
}

.ico.ico24.type04 {
  background-position: -200px 0;
}

.ico.ico24.type05 {
  background-position: -250px 0;
}

.ico.ico24.type06 {
  background-position: -300px 0;
}

.ico.ico24.type07 {
  background-position: -350px 0;
}

.ico.ico24.type08 {
  background-position: -400px 0;
}

.ico.ico24.type09 {
  background-position: -450px 0;
}

.ico.ico24.type11 {
  background-position: 0 -50px;
}

.ico.ico24.type12 {
  background-position: -50px -50px;
}

.ico.ico24.type13 {
  background-position: -100px -50px;
}

.ico.ico24.type14 {
  background-position: -500px 0px;
}

.ico.ico24.type15 {
  background-position: -550px 0px;
}

.ico.ico24.type16 {
  background-position: -600px 0px;
}

.ico.ico24.type17 {
  background-position: -650px 0px;
}

.ico.ico24.type17 {
  background-position: -650px 0px;
}

.ico.ico24.type18 {
  background-position: -700px 0px;
}

.ico.ico24.type19 {
  background-position: -150px -50px;
}

/* ico30 */
.ico.ico30 {
  width: 30px;
  height: 30px;
  background: url("/common/img/vin/common/icon30x30.png") no-repeat 0 0;
}

.ico.ico30.type01 {
  background-position: 0 0;
}

.ico.ico30.type02 {
  background-position: -60px 0;
}

/*ico32*/
.ico.ico32 {
  width: 32px;
  height: 32px;
  background: url("/common/img/vin/common/icon32x32.png") no-repeat left top;
}

.ico.ico32.type01 {
  background-position: 0 0;
}

.ico.ico32.type02 {
  background-position: -100px 0;
}

.ico.ico32.type03 {
  background-position: -200px 0;
}

.ico.ico32.type04 {
  background-position: -300px 0;
}

.ico.ico32.type05 {
  background-position: -400px 0;
}

/*ico32_tab*/
.ico.ico32.tab01 {
  background-position: 0 -800px;
}

.ico.ico32.tab02 {
  background-position: -100px -800px;
}

.ico.ico32.tab03 {
  background-position: -200px -800px;
}

.ico.ico32.tab04 {
  background-position: -300px -800px;
}

.ico.ico32.tab05 {
  background-position: -400px -800px;
}

.ico.ico32.tab06 {
  background-position: -500px -800px;
}

.ico.ico32.tab07 {
  background-position: -600px -800px;
}

.ico.ico32.tab08 {
  background-position: -700px -800px;
}

.ico.ico32.tab09 {
  background-position: -800px -800px;
}

.ico.ico32.tab10 {
  background-position: -900px -800px;
}

.on .ico.ico32.tab01 {
  background-position: 0 -900px;
}

.on .ico.ico32.tab02 {
  background-position: -100px -900px;
}

.on .ico.ico32.tab03 {
  background-position: -200px -900px;
}

.on .ico.ico32.tab04 {
  background-position: -300px -900px;
}

.on .ico.ico32.tab05 {
  background-position: -400px -900px;
}

.on .ico.ico32.tab06 {
  background-position: -500px -900px;
}

.on .ico.ico32.tab07 {
  background-position: -600px -900px;
}

.on .ico.ico32.tab08 {
  background-position: -700px -900px;
}

.on .ico.ico32.tab09 {
  background-position: -800px -800px;
}

.on .ico.ico32.tab10 {
  background-position: -900px -800px;
}

/* 개인 */
.ico.ico32.NODE0000000000 {
  background-position: 0 -600px;
}

.ico.ico32.NODE0000000009 {
  background-position: 0 -800px;
}

.ico.ico32.NODE0000000010 {
  background-position: -100px -800px;
}

.ico.ico32.NODE0000000011 {
  background-position: -200px -800px;
}

.ico.ico32.NODE0000000012 {
  background-position: -300px -800px;
}

.ico.ico32.NODE0000000013 {
  background-position: -400px -800px;
}

.ico.ico32.NODE0000000014 {
  background-position: -500px -800px;
}

.ico.ico32.NODE0000000015 {
  background-position: -600px -800px;
}

.ico.ico32.NODE0000000016 {
  background-position: -700px -800px;
}

.on .ico.ico32.NODE0000000000 {
  background-position: 0 -700px;
}

.on .ico.ico32.NODE0000000009 {
  background-position: 0 -900px;
}

.on .ico.ico32.NODE0000000010 {
  background-position: -100px -900px;
}

.on .ico.ico32.NODE0000000011 {
  background-position: -200px -900px;
}

.on .ico.ico32.NODE0000000012 {
  background-position: -300px -900px;
}

.on .ico.ico32.NODE0000000013 {
  background-position: -400px -900px;
}

.on .ico.ico32.NODE0000000014 {
  background-position: -500px -900px;
}

.on .ico.ico32.NODE0000000015 {
  background-position: -600px -900px;
}

.on .ico.ico32.NODE0000000016 {
  background-position: -700px -900px;
}

/* 기업 */
.ico.ico32.NODE0000000271 {
  background-position: 0 -800px;
}

.ico.ico32.NODE0000000272 {
  background-position: -100px -800px;
}

.ico.ico32.NODE0000000273 {
  background-position: -200px -800px;
}

.ico.ico32.NODE0000000274 {
  background-position: -300px -800px;
}

.ico.ico32.NODE0000000276 {
  background-position: -400px -800px;
}

.ico.ico32.NODE0000000277 {
  background-position: -500px -800px;
}

.ico.ico32.NODE0000000278 {
  background-position: -600px -800px;
}

.ico.ico32.NODE0000000279 {
  background-position: -700px -800px;
}

.ico.ico32.NODE0000000269 {
  background-position: -800px -800px;
}

.ico.ico32.NODE0000000270 {
  background-position: -900px -800px;
}

.on .ico.ico32.NODE0000000271 {
  background-position: 0 -900px;
}

.on .ico.ico32.NODE0000000272 {
  background-position: -100px -900px;
}

.on .ico.ico32.NODE0000000273 {
  background-position: -200px -900px;
}

.on .ico.ico32.NODE0000000274 {
  background-position: -300px -900px;
}

.on .ico.ico32.NODE0000000276 {
  background-position: -400px -900px;
}

.on .ico.ico32.NODE0000000277 {
  background-position: -500px -900px;
}

.on .ico.ico32.NODE0000000278 {
  background-position: -600px -900px;
}

.on .ico.ico32.NODE0000000279 {
  background-position: -700px -900px;
}

.on .ico.ico32.NODE0000000269 {
  background-position: -800px -900px;
}

.on .ico.ico32.NODE0000000270 {
  background-position: -900px -900px;
}

/*ico38*/
.ico.ico38 {
  width: 38px;
  height: 38px;
  background: url("/common/img/vin/common/icon38x38.png") no-repeat left top;
}

.ico.ico38.type01 {
  background-position: 0 0;
}

.ico.ico38.type02 {
  background-position: -100px 0;
}

.ico.ico38.type03 {
  background-position: -200px 0;
}

.ico.ico38.type04 {
  background-position: -300px 0;
}

.ico.ico38.type05 {
  background-position: -400px 0;
}

.ico.ico38.type06 {
  background-position: -500px 0;
}

.ico.ico38.type07 {
  background-position: -600px 0;
}

.ico.ico38.type08 {
  background-position: -700px 0;
}

.ico.ico38.type09 {
  background-position: -800px 0;
}

.ico.ico38.type10 {
  background-position: -900px 0;
}

.ico.ico38.type11 {
  background-position: -1000px 0;
}

/* ico40 */
.ico.ico40 {
  width: 40px;
  height: 40px;
  background: url("/common/img/vin/common/icon40x40.png") no-repeat 0 0;
}

.ico.ico40.type01 {
  background-position: 0 0;
}

.ico.ico40.type02 {
  background-position: -70px 0;
}

/* ico42 */
.ico.ico42 {
  width: 42px;
  height: 42px;
  background: url("/common/img/vin/common/icon42x42.png") no-repeat left top;
}

.ico.ico42.type01 {
  background-position: 0 0;
}

.ico.ico42.type02 {
  background-position: -100px 0;
}

.ico.ico42.type03 {
  background-position: -200px 0;
}

.ico.ico42.type04 {
  background-position: -300px 0;
}

.ico.ico42.type05 {
  background-position: -400px 0;
}

.ico.ico42.type06 {
  background-position: -500px 0;
}

.ico.ico42.type07 {
  background-position: -600px 0;
}

.ico.ico42.type08 {
  background-position: -700px 0;
}

.ico.ico42.type09 {
  background-position: -800px 0;
}

.ico.ico42.type10 {
  background-position: -900px 0;
}

.ico.ico42.type11 {
  background-position: 0 -100px;
}

.ico.ico42.type12 {
  background-position: -100px -100px;
}

.ico.ico42.type13 {
  background-position: -200px -100px;
}

.ico.ico42.type14 {
  background-position: -300px -100px;
}

.ico.ico42.type14 {
  background-position: -400px -100px;
}

/* ico43 */
.ico.ico43 {
  width: 122px;
  height: 122px;
  background: url("/common/img/vin/common/icon122x122.png") no-repeat left top;
}

.ico.ico43.type01 {
  background-position: 0 0;
}

.ico.ico43.type02 {
  background-position: 0 -150px;
}

.ico.ico43.type03 {
  background-position: 0 -300px;
}

/* ico50 */
.ico.ico50 {
  width: 50px;
  height: 50px;
  background: url("/common/img/vin/common/icon50x50.png") no-repeat left top;
}

.ico.ico50.type01 {
  background-position: 0 0;
}

.ico.ico50.type02 {
  background-position: -600px -100px;
}

.ico.ico50.type03 {
  background-position: -200px 0;
}

.ico.ico50.type04 {
  background-position: -300px 0;
}

.ico.ico50.type05 {
  background-position: -400px 0;
}

.ico.ico50.type06 {
  background-position: -500px 0;
}

.ico.ico50.type07 {
  background-position: -600px 0;
}

.ico.ico50.type08 {
  background-position: -700px 0;
}

.ico.ico50.type09 {
  background-position: -800px 0;
}

.ico.ico50.type10 {
  background-position: 0 -100px;
}

.ico.ico50.type11 {
  background-position: -100px -100px;
}

.ico.ico50.type12 {
  background-position: -200px -100px;
}

.ico.ico50.type13 {
  background-position: -300px -100px;
}

.ico.ico50.type14 {
  background-position: -400px -100px;
}

.ico.ico50.type15 {
  background-position: -500px -100px;
}

.ico.ico50.type16 {
  background-position: -100px 0;
}

/* ico60 */
.ico.ico60 {
  width: 60px;
  height: 60px;
  background: url("/common/img/vin/common/icon60x60.png") no-repeat left top;
}

.ico.ico60.type01 {
  background-position: 0 -600px;
}

.ico.ico60.type02 {
  background-position: -100px -600px;
}

.ico.ico60.type03 {
  background-position: -200px -600px;
}

.ico.ico60.type04 {
  background-position: -300px -600px;
}

.ico.ico60.type05 {
  background-position: -400px -600px;
}

.ico.ico60.type06 {
  background-position: -500px -600px;
}

.ico.ico60.type07 {
  background-position: -600px -600px;
}

.ico.ico60.type08 {
  background-position: -700px -600px;
}

.ico.ico60.type09 {
  background-position: -800px -600px;
}

.ico.ico60.type10 {
  background-position: -900px -600px;
}

.ico.ico60.type11 {
  background-position: 0 -700px;
}

.ico.ico60.type12 {
  background-position: -100px -700px;
}

.ico.ico60.type13 {
  background-position: -200px -700px;
}

.ico.ico60.type14 {
  background-position: -300px -700px;
}

.ico.ico60.type15 {
  background-position: -400px -700px;
}

.ico.ico60.type16 {
  background-position: -500px -700px;
}

.ico.ico60.type17 {
  background-position: -600px -700px;
}

.ico.ico60.type18 {
  background-position: -700px -700px;
}

.ico.ico60.type19 {
  background-position: -800px -700px;
  width: 63px;
}

/*radio60*/
.ico.ico60.radio01 {
  background-position: 0 -600px;
}

.ico.ico60.radio02 {
  background-position: -100px -600px;
}

.ico.ico60.radio03 {
  background-position: -200px -600px;
}

.ico.ico60.radio04 {
  background-position: -300px -600px;
}

.ico.ico60.radio05 {
  background-position: -400px -600px;
}

.ico.ico60.radio06 {
  background-position: -500px -600px;
}

.ico.ico60.radio07 {
  background-position: -600px -600px;
}

.ico.ico60.radio08 {
  background-position: -700px -600px;
}

.ico.ico60.radio09 {
  background-position: -800px -600px;
}

.ico.ico60.radio10 {
  background-position: -900px -600px;
}

.ico.ico60.radio11 {
  background-position: 0 -700px;
}

.ico.ico60.radio12 {
  background-position: -100px -700px;
}

.ico.ico60.radio13 {
  background-position: -200px -700px;
}

.ico.ico60.radio14 {
  background-position: -300px -700px;
}

.ico.ico60.radio15 {
  background-position: -400px -700px;
}

.ico.ico60.radio16 {
  background-position: -500px -700px;
}

.ico.ico60.radio17 {
  background-position: -600px -700px;
}

.ico.ico60.radio18 {
  background-position: -700px -700px;
}

.ico.ico60.radio19 {
  background-position: -803px -692px;
}

:checked + label .ico.ico60.radio01 {
  background-position: 0 -800px;
}

:checked + label .ico.ico60.radio02 {
  background-position: -100px -800px;
}

:checked + label .ico.ico60.radio03 {
  background-position: -200px -800px;
}

:checked + label .ico.ico60.radio04 {
  background-position: -300px -800px;
}

:checked + label .ico.ico60.radio05 {
  background-position: -400px -800px;
}

:checked + label .ico.ico60.radio06 {
  background-position: -500px -800px;
}

:checked + label .ico.ico60.radio07 {
  background-position: -600px -800px;
}

:checked + label .ico.ico60.radio08 {
  background-position: -700px -800px;
}

:checked + label .ico.ico60.radio09 {
  background-position: -800px -800px;
}

:checked + label .ico.ico60.radio10 {
  background-position: -900px -800px;
}

:checked + label .ico.ico60.radio11 {
  background-position: 0 -900px;
}

:checked + label .ico.ico60.radio12 {
  background-position: -100px -900px;
}

:checked + label .ico.ico60.radio13 {
  background-position: -200px -900px;
}

:checked + label .ico.ico60.radio14 {
  background-position: -300px -900px;
}

:checked + label .ico.ico60.radio15 {
  background-position: -400px -900px;
}

:checked + label .ico.ico60.radio16 {
  background-position: -500px -900px;
}

:checked + label .ico.ico60.radio17 {
  background-position: -600px -900px;
}

:checked + label .ico.ico60.radio18 {
  background-position: -700px -900px;
}

/* ico80 */
.ico.ico80 {
  width: 80px;
  height: 80px;
  background: url("/common/img/vin/common/icon80x80.png") no-repeat left top;
}

.ico.ico80.type01 {
  background-position: 0 0;
}

.ico.ico80.type03 {
  background-position: -300px 0;
}

.ico.ico80.type04 {
  background-position: -450px 0;
}

.ico.ico80.type05 {
  background-position: -600px 0;
}

.ico.ico80.type06 {
  background-position: -750px 0;
}

.ico.ico80.type07 {
  background-position: -900px 0;
}

.ico.ico80.type08 {
  background-position: 0 -150px;
}

.ico.ico80.type09 {
  background-position: -150px -150px;
}

.ico.ico80.type10 {
  background-position: -300px -150px;
}

.ico.ico80.type11 {
  background-position: -450px -150px;
}

.ico.ico80.type12 {
  background-position: -600px -150px;
}

.ico.ico80.type13 {
  background-position: -750px -150px;
}

.ico.ico80.type14 {
  background-position: -900px -150px;
}

.ico.ico80.type15 {
  background-position: 0 -300px;
}

.ico.ico80.type16 {
  background-position: -150px -300px;
}

.ico.ico80.type17 {
  background-position: -300px -300px;
}

.ico.ico80.type18 {
  background-position: -450px -300px;
}

.ico.ico80.type19 {
  background-position: -600px -300px;
}

.ico.ico80.type20 {
  background-position: -750px -300px;
}

.ico.ico80.type21 {
  background-position: 0 -450px;
}

.ico.ico80.type22 {
  background-position: -150px -450px;
}

.ico.ico80.type23 {
  background-position: -300px -450px;
}

.ico.ico80.type24 {
  background-position: -450px -450px;
}

.ico.ico80.type25 {
  background-position: -600px -450px;
}

.ico.ico80.type26 {
  background-position: -750px -450px;
}

.ico.ico80.dummy {
  background: url("/common/img/vin/common/icon_80_dummy.png") no-repeat left top;
}

/*ico100*/
.ico.ico100 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon100x100.png") no-repeat left top;
}

.ico.ico100.type01 {
  background-position: 0 0;
}

.ico.ico100.type02 {
  background-position: -150px 0;
}

/*ico110*/
.ico.ico110 {
  width: 110px;
  height: 110px;
  background: url("/common/img/vin/common/icon110x110.png") no-repeat left top;
}

.ico.ico110.type01 {
  background-position: 0 0;
}

.ico.ico110.type02 {
  background-position: -150px 0;
}

/*ico140*/
.ico.ico140 {
  width: 140px;
  height: 140px;
  background: url(/common/img/vin/common/icon140x140.png) no-repeat left top;
}

.ico.ico140.type01 {
  background-position: 0 0;
}

.ico.ico140.type02 {
  background-position: -200px 0;
}

.ico.ico140.type05 {
  background-position: -800px 0;
}

.ico.ico140.type06 {
  background-position: 0 -200px;
}

.ico.ico140.type07 {
  background-position: -200px -200px;
}

.ico.ico140.type08 {
  background-position: -400px -200px;
}

/* ico160 */
.ico.ico160 {
  width: 160px;
  height: 160px;
  background: url("/common/img/vin/common/icon160x160.png") no-repeat left top;
}

.ico.ico160.type01 {
  background-position: 0 0;
}

.ico.ico160.type02 {
  background-position: -210px 0;
}

.ico.ico160.type03 {
  background-position: -420px 0;
}

.ico.ico160.type04 {
  background-position: -630px 0;
}

/* products banner modules */
.list_wrap .banner_bar .txt {
  min-height: 46px;
}

.banner_wrap {
  font-size: 0;
}

.banner_wrap .banner_bar > a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 190px;
}

.banner_wrap .banner_list {
  display: inline-block;
  width: 370px;
  margin: 30px 0 0 30px;
  vertical-align: top;
}

.banner_wrap .banner_list:nth-child(1),
.banner_wrap .banner_list:nth-child(2),
.banner_wrap .banner_list:nth-child(3) {
  margin-top: 0;
}

.banner_wrap .banner_list:first-child,
.banner_wrap .banner_list:nth-child(3n+1) {
  margin-left: 0;
}

.banner_bar > a,
.banner_bar .no_link {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 190px;
  padding: 27px 130px 0 30px;
  color: #fff;
  background: #e9002d;
  background: linear-gradient(125deg, #e58100 0%, #e56409 51%, #e54512 78%, #e50028 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#e58100", endColorstr="#e50028");
} /*bx*/
.banner_wrap.bg_gray .banner_bar a {
  background: #eeeceb;
}

.banner_wrap.bg_gray .banner_bar .tit {
  color: #222;
}

.banner_wrap.bg_gray .banner_bar .txt {
  color: #666;
}

.banner_wrap.bg_white .banner_bar > a,
.banner_wrap.bg_white .banner_bar .no_link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #eeeceb;
  background: #fff;
}

.banner_wrap.bg_white .banner_bar .tit {
  font-weight: 500;
  color: #222;
}

.banner_wrap.bg_white .banner_bar .txt {
  color: #666;
}

.banner_wrap.bg_gray02 .banner_bar a {
  min-height: 268px;
  padding: 40px 30px 30px;
  background: #f8f6f5;
}

.banner_wrap.bg_gray02 p.txt {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-top: 0;
  color: #222;
}

.banner_wrap.bg_gray02 strong.tit {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  color: #666;
}

.banner_wrap.bg_gray02 .ico {
  top: auto;
  bottom: 30px;
}

.banner_bar.no_ico a {
  padding-right: 30px;
}

.banner_bar .tit {
  font-size: 24px;
  line-height: 30px;
}

.banner_bar .tit .s_tit {
  display: block;
  font-size: 18px;
  line-height: 27px;
}

.banner_bar .txt {
  font-size: 15px;
  line-height: 22px;
  margin-top: 10px;
}

.banner_bar .ico {
  position: absolute;
  top: 27px;
  right: 20px;
}

.banner_bar .arrow_txt {
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin-top: 20px;
}

.banner_bar .arrow_txt:after {
  content: "";
  display: inline-block;
  clear: both;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  vertical-align: middle;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.list_wrap .banner_bar.type02 a {
  min-height: 250px;
}

.list_wrap .banner_bar.type02 .tit {
  min-height: 124px;
}

.list_wrap .banner_bar.type02 .price {
  height: auto;
}

.banner_bar.type02 a {
  padding: 30px 30px 38px 30px;
}

.banner_bar.type02 .price {
  font-size: 26px;
  line-height: 39px;
  margin-top: 20px;
}

.banner_bar.type02 .price .s_txt {
  display: inline-block;
  font-size: 15px;
  line-height: 23px;
  margin-left: 6px;
  vertical-align: middle;
  color: #fff;
}

.banner_bar.type02 .eyebrow_txt {
  display: block;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 10px;
}

.banner_bar.type02 .eyebrow_txt .ico {
  position: static;
  margin: 0 8px 0 0;
  vertical-align: middle;
}

.banner_bar.type02 .eyebrow_txt .ico.plus {
  width: 12px;
  height: 12px;
  margin: 0 10px;
  background: url("/common/img/vin/common/ico_banner_plus.png") no-repeat left top;
}

/*no_link*/
.banner_wrap.bg_white .banner_bar .no_link {
  min-height: 245px;
  padding: 0;
}

.banner_wrap.bg_white .banner_bar .no_link dl {
  min-height: 169px;
  padding: 27px 130px 20px 30px;
}

.banner_wrap.bg_white .banner_bar .no_link .tit {
  line-height: 30px;
}

.banner_wrap.bg_white .banner_bar .no_link .txt {
  line-height: 22px;
  min-height: 66px;
}

.banner_wrap.bg_white .banner_bar .no_link .ico {
  top: 27px;
  right: 20px;
  margin-top: 0;
}

.banner_wrap.bg_white .banner_bar .box_btn {
  font-size: 0;
  padding: 0 30px 30px;
  border-top: none;
}

.banner_wrap.bg_white .banner_bar .box_btn .btn {
  display: inline-block;
  font-size: 13px;
  line-height: 44px;
  width: 151px;
  height: 44px;
  margin-left: 6px;
  text-align: center;
  border: 1px solid #dddbda;
}

.banner_wrap.bg_white .banner_bar .box_btn .btn:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  background: url("/common/img/vin/common/icon_prod_btn.png") no-repeat 0 0;
}

.banner_wrap.bg_white .banner_bar .box_btn .btn.ico02:before {
  background-position: -18px 0;
}

.banner_wrap.bg_white .banner_bar .box_btn .btn:first-child {
  margin-left: 0;
}

.banner_wrap.bg_white .banner_bar .box_btn .btn:only-child {
  width: 100%;
  margin-left: 0;
}

/* check products */
.recommend_prod_btn_wrap {
  text-align: center;
}

.recommend_prod_btn_wrap.replay {
  margin-top: 40px;
}

.recommend_prod_list {
  font-size: 0;
}

.recommend_prod_list .lists {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  height: 190px;
  margin: 30px 0 0 30px;
  padding: 27px 140px 27px 30px;
  vertical-align: top;
  border: 1px solid #eeeceb;
  background: #fff;
}

.recommend_prod_list .lists:nth-child(3n+1) {
  margin-left: 0;
}

.recommend_prod_list .lists dt {
  font-size: 24px;
  line-height: 30px;
  padding-left: 28px;
}

.recommend_prod_list .lists dt .ico {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -50px;
}

.recommend_prod_list .lists dd {
  font-size: 15px;
  margin-top: 10px;
  color: #666;
}

.recommend_prod_list .lists .chk_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recommend_prod_list .lists .chk_wrap label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding-left: 0;
}

.recommend_prod_list .lists .chk_wrap :checked + label {
  border: 2px solid #ff9000;
} /*bx*/
.recommend_prod_list .lists .chk_wrap label:after {
  top: 30px;
  left: 30px;
}

.recommend_prod_btn {
  line-height: 50px;
  width: 200px;
  height: 50px;
  color: #666;
  border: 1px solid #dddbda;
  background: #fff;
}

.list_wrap .banner_business a {
  min-height: 296px;
}

.list_wrap .banner_business dl dt {
  min-height: 68px;
}

.list_wrap .banner_business dl dd {
  min-height: 46px;
}

.list_wrap .banner_business dl dd.keyword {
  min-height: auto;
}

.re_bz_list {
  font-size: 0;
}

.re_bz_list .list {
  display: inline-block;
  width: 370px;
  margin: 30px 0 0 30px;
  vertical-align: top;
}

.re_bz_list .list:nth-child(1),
.re_bz_list .list:nth-child(2),
.re_bz_list .list:nth-child(3) {
  margin-top: 0;
}

.re_bz_list .list:first-child,
.re_bz_list .list:nth-child(3n+1) {
  margin-left: 0;
}

.banner_business a {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 60px 40px 50px;
  border: 1px solid #eeeceb;
  background: #fff;
}

.banner_business dl dt {
  font-size: 26px;
  line-height: 39px;
  padding-right: 80px;
  color: #222;
}

.banner_business dl dt .top_txt {
  display: block;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 6px;
  color: #666;
}

.banner_business dl dd {
  font-size: 15px;
  margin-top: 43px;
  color: #666;
}

.banner_business dl dd.keyword {
  font-size: 0;
  margin-top: 20px;
}

.banner_business dl dd.keyword .flag {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  margin-top: 10px;
  margin-right: 6px;
  padding: 0 6px;
  color: #898786;
  border: 1px solid #eeeceb;
  background: #f3f1f0;
}

.banner_business dl dd.keyword .flag.em {
  color: #ff9000;
} /*bx*/
.banner_business .ico_wrap {
  position: absolute;
  top: 50px;
  right: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70px;
  height: 70px;
  padding-top: 15px;
  text-align: center;
  border: 2px solid #eeeceb;
  border-radius: 50%;
}

.ico.ico_wt {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_set.png") no-repeat left top;
}

.bz_wt .ico.ico_wt {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_bz_wt_set.png") no-repeat left top;
}

.ico.ico_gy {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_set.png") no-repeat left top;
}

.ico.ico_gy.bz {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/bz_icon_color_set.png") no-repeat left top;
}

.ico.ico_re {
  width: 38px;
  height: 38px;
  background: url("/common/img/vin/common/cir_icon_set.png") no-repeat left top;
}

.banner_wrap .ico.type01 {
  background-position: 0 0;
} /* 홈결합(인터넷+TV+집전화) */
.banner_wrap .ico.type02 {
  background-position: -100px 0;
} /* 홈결합(인터넷+TV) */
.banner_wrap .ico.type03 {
  background-position: -200px 0;
} /* 홈결합(인터넷+집전화) */
.banner_wrap .ico.type04 {
  background-position: -300px 0;
} /* 핵심요금제 결합할인 (Giga인터넷+B tv All) */
.banner_wrap .ico.type05 {
  background-position: -400px 0;
} /* 핵심요금제 결합할인 (Giga인터넷+스마트홈) */
.banner_wrap .ico.type06 {
  background-position: -500px 0;
} /* TB끼리 온가족프리  */
.banner_wrap .ico.type07 {
  background-position: -600px 0;
} /* New TV플러스 */
.banner_wrap .ico.type08 {
  background-position: -700px 0;
} /* New TV플러스 */
.banner_wrap .ico.type09 {
  background-position: -800px 0;
} /* B&캡스 */
.banner_wrap .ico.type10 {
  background-position: -900px 0;
} /* 렌탈 결합상품 */
.banner_wrap .ico.type11 {
  background-position: 0 -100px;
} /* Giga 인터넷 */
.banner_wrap .ico.type12 {
  background-position: -100px -100px;
} /* Giga 인터넷 라이트 */
.banner_wrap .ico.type13 {
  background-position: -200px -100px;
} /* 광랜 인터넷 */
.banner_wrap .ico.type14 {
  background-position: -300px -100px;
} /* Giga WiFi */
.banner_wrap .ico.type15 {
  background-position: -400px -100px;
} /* 가디언 */
.banner_wrap .ico.type16 {
  background-position: -500px -100px;
} /* 세이퍼 */
.banner_wrap .ico.type17 {
  background-position: -600px -100px;
} /* 원스톱 */
.banner_wrap .ico.type18 {
  background-position: -700px -100px;
} /* 파워IP */
.banner_wrap .ico.type19 {
  background-position: -800px -100px;
} /* IP공유서비스 */
.banner_wrap .ico.type20 {
  background-position: -900px -100px;
} /* 하이랜 */
.banner_wrap .ico.type21 {
  background-position: 0 -200px;
} /* B tv All */
.banner_wrap .ico.type22 {
  background-position: -100px -200px;
} /* 프리미어 월정액 */
.banner_wrap .ico.type23 {
  background-position: -200px -200px;
} /* KBS */
.banner_wrap .ico.type24 {
  background-position: -300px -200px;
} /* MBC */
.banner_wrap .ico.type25 {
  background-position: -400px -200px;
} /* SBS */
.banner_wrap .ico.type26 {
  background-position: -500px -200px;
} /* CJ ENM */
.banner_wrap .ico.type27 {
  background-position: -600px -200px;
} /* 애니 프라임 */
.banner_wrap .ico.type28 {
  background-position: -700px -200px;
} /* JTBC */
.banner_wrap .ico.type29 {
  background-position: -800px -200px;
} /* 채널A */
.banner_wrap .ico.type30 {
  background-position: -900px -200px;
} /* MBN */
.banner_wrap .ico.type31 {
  background-position: 0 -300px;
} /* 슈퍼 키즈클럽 */
.banner_wrap .ico.type32 {
  background-position: -100px -300px;
} /* 키즈클럽 */
.banner_wrap .ico.type33 {
  background-position: -200px -300px;
} /* EBS Kids */
.banner_wrap .ico.type34 {
  background-position: -300px -300px;
} /* 캐치온 */
.banner_wrap .ico.type35 {
  background-position: -400px -300px;
} /* SPOTV ON */
.banner_wrap .ico.type36 {
  background-position: -500px -300px;
} /* B tv UHD */
.banner_wrap .ico.type37 {
  background-position: -600px -300px;
} /* B tv 서라운드 */
.banner_wrap .ico.type38 {
  background-position: -700px -300px;
} /* 옥수수 */
.banner_wrap .ico.type39 {
  background-position: -800px -300px;
} /* 지상파 */
.banner_wrap .ico.type40 {
  background-position: -900px -300px;
} /* 키즈클럽 플러스 */
.banner_wrap .ico.type41 {
  background-position: 0 -400px;
} /* 키즈톡톡 PLUS */
.banner_wrap .ico.type42 {
  background-position: -100px -400px;
} /* 프리미어 라이트 */
.banner_wrap .ico.type43 {
  background-position: -200px -400px;
} /* 집전화 프리 5000 */
.banner_wrap .ico.type44 {
  background-position: -300px -400px;
} /* 시내전화 기본 요금제 */
.banner_wrap .ico.type45 {
  background-position: -400px -400px;
} /* 시내전화 정액형 요금제 */
.banner_wrap .ico.type46 {
  background-position: -500px -400px;
} /* 인터넷전화 집전화 프리 5000 */
.banner_wrap .ico.type47 {
  background-position: -600px -400px;
} /* 인터넷전화 기본 요금제 */
.banner_wrap .ico.type48 {
  background-position: -700px -400px;
} /* 인터넷전화 정액형 요금제 */
.banner_wrap .ico.type49 {
  background-position: -800px -400px;
} /* 인터넷전화 모뎀 */
.banner_wrap .ico.type50 {
  background-position: -900px -400px;
} /* 시외 기본요금제 */
.banner_wrap .ico.type51 {
  background-position: 0 -500px;
} /* 시외 전국단일요금제 */
.banner_wrap .ico.type52 {
  background-position: -100px -500px;
}

.banner_wrap .ico.type53 {
  background-position: -200px -500px;
} /* 국제전화 005 */
.banner_wrap .ico.type54 {
  background-position: -300px -500px;
} /* 국제전화 005 SMS */
.banner_wrap .ico.type55 {
  background-position: -400px -500px;
} /* 국제전화 00766 */
.banner_wrap .ico.type56 {
  background-position: -500px -500px;
} /* 국제전화 00761 00762 */
.banner_wrap .ico.type57 {
  background-position: -600px -500px;
} /* 국제전화 국제선불카드 */
.banner_wrap .ico.type58 {
  background-position: -700px -500px;
} /* 부가 서비스 팩 */
.banner_wrap .ico.type59 {
  background-position: -800px -500px;
} /* 레터링 */
.banner_wrap .ico.type60 {
  background-position: -900px -500px;
} /* 소리샘 */
.banner_wrap .ico.type61 {
  background-position: 0 -600px;
} /* 착신전환 */
.banner_wrap .ico.type62 {
  background-position: -100px -600px;
} /* 발신번호표시 */
.banner_wrap .ico.type63 {
  background-position: -200px -600px;
} /* 착신거절 */
.banner_wrap .ico.type64 {
  background-position: -300px -600px;
} /* 변경번호 자동안내 */
.banner_wrap .ico.type65 {
  background-position: -400px -600px;
} /* 콜키퍼 */
.banner_wrap .ico.type66 {
  background-position: -500px -600px;
} /* 개별통화수신거부 */
.banner_wrap .ico.type67 {
  background-position: -600px -600px;
} /* 통화중대기 */
.banner_wrap .ico.type68 {
  background-position: -700px -600px;
} /* 지정시간 통보 */
.banner_wrap .ico.type69 {
  background-position: -800px -600px;
} /* 뮤직링 */
.banner_wrap .ico.type70 {
  background-position: -900px -600px;
} /* 리모컨 */
.banner_wrap .ico.type71 {
  background-position: 0 -700px;
} /* 발신제한서비스 */
.banner_wrap .ico.type72 {
  background-position: -100px -700px;
} /* 부재중 안내서비스 */
.banner_wrap .ico.type73 {
  background-position: -200px -700px;
} /* 발신번호 보호서비스 */
.banner_wrap .ico.type74 {
  background-position: -300px -700px;
} /* 자동연결 서비스 */
.banner_wrap .ico.type75 {
  background-position: -400px -700px;
} /* 단축 다이얼 서비스 */
.banner_wrap .ico.type76 {
  background-position: -500px -700px;
} /* WiFi폰 MWP-2500H */
.banner_wrap .ico.type77 {
  background-position: -600px -700px;
} /* 스마트렌탈 */
.banner_wrap .ico.type78 {
  background-position: -700px -700px;
} /* 스마트 브릿지 */
.banner_wrap .ico.type79 {
  background-position: -800px -700px;
} /* 스마트 스위치 GOLI */
.banner_wrap .ico.type80 {
  background-position: -900px -700px;
} /* 스마트 열림 감지 센서 */
.banner_wrap .ico.type81 {
  background-position: 0 -800px;
} /* 이지세이버 플러그 */
.banner_wrap .ico.type82 {
  background-position: -100px -800px;
} /* 지키미 SOS 버튼 */
.banner_wrap .ico.type83 {
  background-position: -200px -800px;
} /* 지키미 문열림센서 */
.banner_wrap .ico.type84 {
  background-position: -300px -800px;
} /* 스마트홈 안심캠 */
.banner_wrap .ico.type85 {
  background-position: -400px -800px;
} /* 가스차단기 */
.banner_wrap .ico.type86 {
  background-position: -500px -800px;
} /* 에너지미터 */
.banner_wrap .ico.type87 {
  background-position: -600px -800px;
} /* 성공Dream 플러스 요금제 */
.banner_wrap .ico.type88 {
  background-position: -700px -800px;
} /* NUGU */
.banner_wrap .ico.type89 {
  background: url("/common/img/vin/common/ico_gy_yolotalk.png") no-repeat left top;
} /* 욜로톡 */
.banner_wrap .ico.ico_wt.type89 {
  background: url("/common/img/vin/common/ico_wt_yolotalk.png") no-repeat left top; /* 욜로톡 */
}

.banner_wrap .ico.type90 {
  background-position: 0px -900px;
} /* DOG TV */
/* 아이콘 클래스명 재정의(4자리 숫자타입) !NEW */
.banner_wrap .ico.type0111 {
  background-position: 0px -1100px;
} /* 라이프플러스 */
.banner_wrap .ico.type0112 {
  background-position: -100px -1100px;
} /* 비티비에어 */
.banner_wrap .ico.type0113 {
  background-position: -200px -1100px;
} /* 슈퍼키즈 */
.banner_wrap .ico.type0114 {
  background-position: -300px -1100px;
} /* 키즈 */
.banner_wrap .ico.type0115 {
  background-position: -400px -1100px;
} /* 뽀로로TV */
/* 190806 추가 및 수정 */
/* 
    ucyber에서 base.css 개인/기업 동일파일로 사용
    개인 아이콘 추가 시 
    - white : .ico.type97 (이미지명 icon_wt_type97.png)
    - color  : .ico.ico_gy.type97 (이미지명 icon_color_type97.png)
*/
/* 아이콘 낱개 - white : ucyber 참고용  */
.banner_wrap .ico.wt_type89 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type89.png") no-repeat left top;
} /* Giga 프리미엄 */
.banner_wrap .ico.wt_type90 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type90.png") no-repeat left top;
} /* Giga WiFi 프리미엄 */
.banner_wrap .ico.wt_type91 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type91.png") no-repeat left top;
} /* 신기한나라 TV */
.banner_wrap .ico.wt_type92 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type92.png") no-repeat left top;
} /* TV CHOSUN */
.banner_wrap .ico.wt_type93 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type93.png") no-repeat left top;
} /* Giga프리미엄X10 */
.banner_wrap .ico.wt_type94 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type94.png") no-repeat left top;
} /* Giga프리미엄X5 */
.banner_wrap .ico.wt_type95 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type95.png") no-repeat left top;
} /* Giga프리미엄X2.5 */
.banner_wrap .ico.wt_type96 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type96.png") no-repeat left top;
} /* 투니버스 */
.banner_wrap .ico.type97 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type97.png") no-repeat left top;
} /* 잉글리쉬 잼 */
.banner_wrap .ico.type98 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type98.png") no-repeat left top;
} /* 도그TV */
.banner_wrap .ico.type99 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type99.png") no-repeat left top;
} /* AI 셋톱박스  */
.banner_wrap .ico.type100 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type100.png") no-repeat left top;
} /* AI 2 셋톱박스 */
.banner_wrap .ico.type101 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type101.png") no-repeat left top;
} /* Smart3 셋톱박스 */
.banner_wrap .ico.type102 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type102.png") no-repeat left top;
} /* MBC 플러스 -> MBC ALL */
.banner_wrap .ico.type103 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type103.png") no-repeat left top;
} /* 코끼리 명상 */
.banner_wrap .ico.type104 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type104.png") no-repeat left top;
} /* 마음챙김 */
.banner_wrap .ico.type105 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type105.png") no-repeat left top;
} /* JTBC + 프리미어 */
.banner_wrap .ico.type106 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type106.png") no-repeat left top;
} /* B tv wavve */
.banner_wrap .ico.type107 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type107.png") no-repeat left top;
} /* smart 2 */
.banner_wrap .ico.type108 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type108.png") no-repeat left top;
} /* tv 케이블 디지털 */
.banner_wrap .ico.type109 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type109.png") no-repeat left top;
} /* B tv 케이블 다이렉트 */
.banner_wrap .ico.type110 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type110.png") no-repeat left top;
} /* 온가족 케이블 플랜 */
.banner_wrap .ico.type111 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type111.png") no-repeat left top;
} /* 케이블 인터넷 */
.banner_wrap .ico.type112 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type112.png") no-repeat left top;
} /* 케이블 결합상품 */
.banner_wrap .ico.type113 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type113.png") no-repeat left top;
} /* 케이블 인터넷전화 기본 요금제 */
.banner_wrap .ico.type114 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type114.png") no-repeat left top;
} /* CJ 패밀리팩 200608*/
.banner_wrap .ico.type115 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type115.png") no-repeat left top;
} /* MBC every1 */
.banner_wrap .ico.type116 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type116.png") no-repeat left top;
} /* 디즈니 */
.banner_wrap .ico.type117 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type117.png") no-repeat left top;
} /* 애니플러스&애니맥스 */
.banner_wrap .ico.type118 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type118.png") no-repeat left top;
} /* JBOX */
.banner_wrap .ico.type119 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type119.png") no-repeat left top;
} /* 무비n시리즈 */
.banner_wrap .ico.type120 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type120.png") no-repeat left top;
} /* PLAYY */
.banner_wrap .ico.type121 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type121.png") no-repeat left top;
} /* 청춘시대 */
.banner_wrap .ico.type122 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type122.png") no-repeat left top;
} /* OCEAN */
.banner_wrap .ico.type123 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type123.png") no-repeat left top;
} /* OCEAN M */
.banner_wrap .ico.type124 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type124.png") no-repeat left top;
} /* JTBC + OCEAN */
.banner_wrap .ico.type125 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type125.png") no-repeat left top;
} /* Safer plus */
.banner_wrap .ico.type126 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type126.png") no-repeat left top;
} /* 해피시니어 */
.banner_wrap .ico.type127 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type127.png") no-repeat left top;
} /* TV 할부 */
.banner_wrap .ico.type128 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type128.png") no-repeat left top;
} /* 안심 기가 */
.banner_wrap .ico.type129 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type129.png") no-repeat left top;
} /* 안심 광랜인터넷 */
.banner_wrap .ico.type130 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type130.png") no-repeat left top;
} /* 스마트 기가 */
.banner_wrap .ico.type131 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type131.png") no-repeat left top;
} /* 스마트 광랜인터넷*/
.banner_wrap .ico.type132 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type132.png") no-repeat left top;
} /* Gigi + WiFi */
.banner_wrap .ico.type133 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type133.png") no-repeat left top;
} /* 광랜 + WiFi */
.banner_wrap .ico.type134 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type134.png") no-repeat left top;
} /* smart 3 mini */
.banner_wrap .ico.type135 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type135.png") no-repeat left top;
} /* B tv 알뜰200 */
/* 아이콘 낱개 - color : ucyber 참고용  */
.banner_wrap .ico.color_type89 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type89.png") no-repeat left top;
} /* Giga 프리미엄 */
.banner_wrap .ico.color_type90 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type90.png") no-repeat left top;
} /* Giga WiFi 프리미엄 */
.banner_wrap .ico.color_type91 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type91.png") no-repeat left top;
} /* 신기한나라 TV */
.banner_wrap .ico.color_type92 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type92.png") no-repeat left top;
} /* TV CHOSUN */
.banner_wrap .ico.color_type93 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type93.png") no-repeat left top;
} /* Giga프리미엄X10 */
.banner_wrap .ico.color_type94 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type94.png") no-repeat left top;
} /* Giga프리미엄X5 */
.banner_wrap .ico.color_type95 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type95.png") no-repeat left top;
} /* Giga프리미엄X2.5 */
.banner_wrap .ico.color_type96 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type96.png") no-repeat left top;
} /* 투니버스 */
.banner_wrap .ico.ico_gy.type97 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type97.png") no-repeat left top;
} /* 잉글리쉬 잼 */
.banner_wrap .ico.ico_gy.type98 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type98.png") no-repeat left top;
} /* 도그TV */
.banner_wrap .ico.ico_gy.type99 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type99.png") no-repeat left top;
} /* AI 셋톱박스  */
.banner_wrap .ico.ico_gy.type100 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type100.png") no-repeat left top;
} /* AI 2 셋톱박스 */
.banner_wrap .ico.ico_gy.type101 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type101.png") no-repeat left top;
} /* Smart3 셋톱박스 */
.banner_wrap .ico.ico_gy.type102 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type102.png") no-repeat left top;
} /* MBC 플러스 -> MBC ALL */
.banner_wrap .ico.ico_gy.type103 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type103.png") no-repeat left top;
} /* 코끼리 명상 */
.banner_wrap .ico.ico_gy.type104 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type104.png") no-repeat left top;
} /* 마음챙김 */
.banner_wrap .ico.ico_gy.type105 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type105.png") no-repeat left top;
} /* JTBC + 프리미어 */
.banner_wrap .ico.ico_gy.type106 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type106.png") no-repeat left top;
} /* B tv wavve */
.banner_wrap .ico.ico_gy.type107 {
  width: 100px;
  height: 100px;
  background: none;
} /*smart 2 :  디자인 제작 x */
.banner_wrap .ico.ico_gy.type108 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type108.png") no-repeat left top;
} /* tv 케이블 디지털 */
.banner_wrap .ico.ico_gy.type109 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type109.png") no-repeat left top;
} /* B tv 케이블 다이렉트 */
.banner_wrap .ico.ico_gy.type110 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type110.png") no-repeat left top;
} /* 온가족 케이블 플랜 */
.banner_wrap .ico.ico_gy.type111 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type111.png") no-repeat left top;
} /* 케이블 인터넷 */
.banner_wrap .ico.ico_gy.type112 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type112.png") no-repeat left top;
} /* 케이블 결합상품 */
.banner_wrap .ico.ico_gy.type113 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type113.png") no-repeat left top;
} /* 케이블 인터넷전화 기본 요금제 */
.banner_wrap .ico.ico_gy.type114 {
  width: 100px;
  height: 100px;
  background: none;
} /* CJ 패밀리팩 200608*/
.banner_wrap .ico.ico_gy.type115 {
  width: 100px;
  height: 100px;
  background: none;
} /* MBC every1 200608 */
.banner_wrap .ico.ico_gy.type116 {
  width: 100px;
  height: 100px;
  background: none;
} /* 디즈니 200608 */
.banner_wrap .ico.ico_gy.type117 {
  width: 100px;
  height: 100px;
  background: none;
} /* 애니플러스&애니맥스 200608 */
.banner_wrap .ico.ico_gy.type118 {
  width: 100px;
  height: 100px;
  background: none;
} /* JBOX 200608 */
.banner_wrap .ico.ico_gy.type119 {
  width: 100px;
  height: 100px;
  background: none;
} /* 무비n시리즈 200608 */
.banner_wrap .ico.ico_gy.type120 {
  width: 100px;
  height: 100px;
  background: none;
} /* PLAYY 200608 */
.banner_wrap .ico.ico_gy.type121 {
  width: 100px;
  height: 100px;
  background: none;
} /* 청춘시대 200608 */
.banner_wrap .ico.ico_gy.type122 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type122.png") no-repeat left top;
} /* OCEAN */
.banner_wrap .ico.ico_gy.type123 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type123.png") no-repeat left top;
} /* OCEAN M */
.banner_wrap .ico.ico_gy.type124 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type124.png") no-repeat left top;
} /* JTBC + OCEAN */
.banner_wrap .ico.ico_gy.type125 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type125.png") no-repeat left top;
} /* Safer plus */
.banner_wrap .ico.ico_gy.type126 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type126.png") no-repeat left top;
} /* 해피시니어 */
.banner_wrap .ico.ico_gy.type127 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type127.png") no-repeat left top;
} /* TV 할부 */
.banner_wrap .ico.ico_gy.type128 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type128.png") no-repeat left top;
} /* 안심 기가 */
.banner_wrap .ico.ico_gy.type129 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type129.png") no-repeat left top;
} /* 안심 광랜인터넷 */
.banner_wrap .ico.ico_gy.type130 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type130.png") no-repeat left top;
} /* 스마트 기가 */
.banner_wrap .ico.ico_gy.type131 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type131.png") no-repeat left top;
} /* 스마트 광랜인터넷 */
.banner_wrap .ico.ico_gy.type132 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type132.png") no-repeat left top;
} /* Gigi + WiFi */
.banner_wrap .ico.ico_gy.type133 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type133.png") no-repeat left top;
} /* 광랜 + WiFi */
.banner_wrap .ico.ico_gy.type134 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type134.png") no-repeat left top;
} /* smart 3 mini */
/* 기업 아이콘 추가 시 클래스명 추가_20181031 하단부터
    - white : .bz_wt .ico.ico_wt.type90 (이미지명 bz_icon_wt_type90.png)
    - color  : .ico.ico_gy.bz.type90 (이미지명 bz_icon_color_type90.png)
*/
/* white icon */
.bz_wt .ico.ico_wt.type89 {
  background: url("/common/img/vin/common/bz_icon_wt_type89.png") no-repeat left top;
} /* 욜로톡 */
.bz_wt .ico.ico_wt.type90 {
  background: url("/common/img/vin/common/bz_icon_wt_type90.png") no-repeat left top;
} /* GigaBiz 프리미엄 */
.bz_wt .ico.ico_wt.type91 {
  background: url("/common/img/vin/common/bz_icon_wt_type91.png") no-repeat left top;
} /* 교육전산망 인터넷서비스 */
.bz_wt .ico.ico_wt.type92 {
  background: url("/common/img/vin/common/bz_icon_wt_type92.png") no-repeat left top;
} /* 안심등하원 서비스 */
.bz_wt .ico.ico_wt.type93 {
  background: url("/common/img/vin/common/bz_icon_wt_type93.png") no-repeat left top;
} /* 클라우드 PC */
.bz_wt .ico.ico_wt.type94 {
  background: url("/common/img/vin/common/bz_icon_wt_type94.png") no-repeat left top;
} /* DDoS구축 */
.bz_wt .ico.ico_wt.type95 {
  background: url("/common/img/vin/common/bz_icon_wt_type95.png") no-repeat left top;
} /* 결합방어 */
.bz_wt .ico.ico_wt.type96 {
  background: url("/common/img/vin/common/bz_icon_wt_type96.png") no-repeat left top;
} /* 클라우드캠 API */
.bz_wt .ico.ico_wt.type97 {
  background: url("/common/img/vin/common/bz_icon_wt_type97.png") no-repeat left top;
} /* 컨택센터 */
/* color icon */
.ico.ico_gy.bz.type89 {
  background: url("/common/img/vin/common/bz_icon_color_type89.png") no-repeat left top;
} /* 욜로톡 */
.ico.ico_gy.bz.type90 {
  background: url("/common/img/vin/common/bz_icon_color_type90.png") no-repeat left top;
} /* GigaBiz 프리미엄 */
.ico.ico_gy.bz.type91 {
  background: url("/common/img/vin/common/bz_icon_color_type91.png") no-repeat left top;
} /* 교육전산망 인터넷서비스 */
.ico.ico_gy.bz.type92 {
  background: url("/common/img/vin/common/bz_icon_color_type92.png") no-repeat left top;
} /* 안심등하원 서비스 */
.ico.ico_gy.bz.type93 {
  background: url("/common/img/vin/common/bz_icon_color_type93.png") no-repeat left top;
} /* 클라우드 PC */
.ico.ico_gy.bz.type94 {
  background: url("/common/img/vin/common/bz_icon_color_type94.png") no-repeat left top;
} /* DDoS구축 */
.ico.ico_gy.bz.type95 {
  background: url("/common/img/vin/common/bz_icon_color_type95.png") no-repeat left top;
} /* 결합방어 */
.ico.ico_gy.bz.type96 {
  background: url("/common/img/vin/common/bz_icon_color_type96.png") no-repeat left top;
} /* 클라우드캠 API */
.ico.ico_gy.bz.type97 {
  background: url("/common/img/vin/common/bz_icon_color_type97.png") no-repeat left top;
} /* 컨택센터 */
/* 아이콘 클래스명 재정의(4자리 숫자타입) !NEW */
.banner_wrap .ico.ico_wt.type0111 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type0111.png") no-repeat 0 0;
} /* 라이프플러스 */
.banner_wrap .ico.ico_gy.type0111 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type0111.png") no-repeat 0 0;
} /* 라이프플러스 */
.banner_wrap .ico.ico_wt.type0112 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type0112.png") no-repeat 0 0;
} /* 비티비에어 */
.banner_wrap .ico.ico_gy.type0112 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type0112.png") no-repeat 0 0;
} /* 비티비에어 */
.banner_wrap .ico.ico_wt.type0113 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type0113.png") no-repeat 0 0;
} /* 슈퍼키즈 */
.banner_wrap .ico.ico_gy.type0113 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type0113.png") no-repeat 0 0;
} /* 슈퍼키즈 */
.banner_wrap .ico.ico_wt.type0114 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type0113.png") no-repeat 0 0;
} /* 키즈 */
.banner_wrap .ico.ico_gy.type0114 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type0113.png") no-repeat 0 0;
} /* 키즈 */
.banner_wrap .ico.ico_wt.type0115 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_wt_type0113.png") no-repeat 0 0;
} /* 뽀로로TV */
.banner_wrap .ico.ico_gy.type0115 {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/common/icon_color_type0113.png") no-repeat 0 0;
} /* 뽀로로TV */
.product_modules_wrap {
  overflow: hidden;
}

.product_modules_slider {
  position: relative;
  overflow: hidden;
  margin-left: -30px;
}

.product_modules_slider ul {
  width: 10000px;
}

.product_modules_slider ul:after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
}

.product_modules_slider .banner_wrap li.banner_list {
  margin-top: 0;
  margin-left: 30px;
}

.product_modules_slider .control_btn a {
  display: none;
  position: absolute;
  top: 50%;
  width: 32px;
  height: 70px;
  margin-top: -35px;
  background: rgba(34, 34, 34, 0.55);
}

.product_modules_slider .control_btn a span.hide {
  display: inline-block;
  overflow: hidden;
  line-height: 99999px;
  width: 14px;
  height: 14px;
  margin-top: 26px;
  margin-left: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  opacity: 1;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
}

.product_modules_slider .control_btn a.next span.hide {
  margin-left: 4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.product_modules_slider .control_btn a.prev {
  left: 30px;
  background-position: 0 0;
}

.product_modules_slider .control_btn a.next {
  right: 0;
  background-position: right 0;
}

.product_modules_slider .control_btn a.disabled {
  display: none !important;
}

.ico.ico_re.type01 {
  background-position: 0 0;
}

.ico.ico_re.type02 {
  background-position: -50px 0;
}

.ico.ico_re.type03 {
  background-position: -100px 0;
}

.ico.ico_re.type04 {
  background-position: -150px 0;
}

.ico.ico_re.type05 {
  background-position: -200px 0;
}

.ico.ico_re.type06 {
  background-position: -250px 0;
}

.ico.ico_re.type07 {
  background-position: -300px 0;
}

.ico.ico_re.type08 {
  background-position: -350px 0;
}

.ico.ico_re.type09 {
  background-position: -400px 0;
}

.ico.ico_re.type10 {
  background-position: -450px 0;
}

.ico.ico_re.type11 {
  background-position: 0 -50px;
}

.ico.ico_re.type12 {
  background-position: -50px -50px;
}

.ico.ico_re.type13 {
  background-position: -100px -50px;
}

.ico.ico_re.type14 {
  background-position: -150px -50px;
}

.ico.ico_re.type15 {
  background-position: -200px -50px;
}

.ico.ico_re.type16 {
  background-position: -250px -50px;
}

.ico.ico_re.type17 {
  background-position: -300px -50px;
}

.ico.ico_re.type18 {
  background-position: -350px -50px;
}

.ico.ico_re.type19 {
  background-position: -400px -50px;
}

.ico_notice_tit {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 38px;
  color: #ff9000;
  background: url("/common/img/vin/common/notice_icon.png") no-repeat left top;
} /*bx*/
.ico.img {
  text-indent: 0;
  background: none;
}

.ico.img img {
  width: 100%;
}

/* process step */
.process_list_wrap {
  padding: 50px;
  background: #f8f6f5;
}

.process_list_wrap .process_order {
  overflow: hidden;
  margin: 0 -20px -30px -20px;
}

.process_list_wrap .process_order .lists {
  position: relative;
  float: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin: 0 20px 30px 20px;
}

.process_list_wrap .process_order .lists:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -20px;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 2px solid #e9002d;
  border-top: none;
  border-left: none;
}

.process_list_wrap .process_order .lists.arr_none:after,
.process_list_wrap .process_order .lists:last-child:after {
  content: "";
  width: 0;
  height: 0;
  border: none;
}

.process_list_wrap .process_order .lists .num {
  display: inline-block;
  margin-right: 6px;
  color: #ff9000;
} /*bx*/
.progress_list_wrap .progress_list {
  display: table;
  width: 100%;
}

.progress_list_wrap .progress_list > li {
  display: table-cell;
  position: relative;
  height: 178px;
  padding: 36px 30px 30px;
  vertical-align: top;
  border-style: solid;
  border-color: #fff;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  background-color: #f8f6f5;
}

.progress_list_wrap .progress_list > li ~ li:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 13px;
  height: 22px;
  margin-top: -11px;
  background: url("/common/img/vin/common/arr_13_22_grd.png") no-repeat;
}

.progress_list_wrap .progress_list > li .tit_area {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 4px;
  color: #222;
}

.progress_list_wrap .progress_list.size_3 {
  width: calc(100% + 20px);
  margin-left: -20px;
}

.progress_list_wrap .progress_list.size_4 {
  width: calc(100% + 20px);
  margin-left: -20px;
}

.progress_list_wrap .progress_list.size_5 {
  width: calc(100% + 30px);
  margin-left: -30px;
}

.progress_list_wrap .progress_list.size_5_s {
  width: calc(100% + 20px);
  margin-left: -20px;
}

.progress_list_wrap .progress_list.size_4 > li {
  width: 25%;
  border-left-width: 20px;
}

.progress_list_wrap .progress_list.size_4 > li:after {
  left: -18px;
}

.progress_list_wrap .progress_list > li .em,
.progress_list_wrap .progress_list > li .tit_area .num {
  color: #ff9000;
}

.progress_list_wrap .progress_list.size_3 > li {
  width: 33.3333333333%;
  border-left-width: 20px;
}

.progress_list_wrap .progress_list.size_3 > li:after {
  left: -17px;
}

.progress_list_wrap .progress_list.size_5 > li {
  width: 20%;
  border-left-width: 30px;
}

.progress_list_wrap .progress_list.size_5 > li:after {
  left: -21px;
}

.progress_list_wrap .progress_list.size_5_s > li {
  width: 20%;
  border-left-width: 20px;
}

.progress_list_wrap .progress_list.size_5_s > li:after {
  left: -17px;
}

.progress_list_wrap .progress_list.no_arr {
  padding: 0;
}

.progress_list_wrap .progress_list.no_arr > li ~ li:after {
  display: none;
}

.corp .progress_list_wrap .progress_list > li .img_box {
  text-align: center;
  border: none;
}

.corp .progress_list_wrap .progress_list > li .img_box h4 {
  font-size: 24px;
  color: 222;
  margin: 15px 0 10px;
}

.corp .progress_list_wrap .progress_list > li .img_box img {
  background: #fff;
  border-radius: 50% 50% 0 50%;
}

.progress_list_wrap .progress_list .bull_list.top_line {
  padding-top: 18px;
  border-top: 1px solid #dddbda;
}

.progress_list_wrap .progress_list .bull_list p {
  color: #888785;
}

.progress_list_wrap .progress_list > li.no_bg {
  background: none;
  padding: 0;
}

/* icon lists */
[class^=ico_list] .list_container.size_2 {
  width: 66.6%;
}

[class^=ico_list] .list_container.size_2.type_01 {
  width: 85.6%;
}

[class^=ico_list] .list_container.size_3 {
  width: 99.9%;
}

[class^=ico_list] .list_container.size_1 {
  width: 33.3%;
}

[class^=ico_list] .list_container {
  display: table;
  overflow: hidden;
  width: 100%;
  table-layout: fixed;
}

[class^=ico_list] .lists {
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.3%;
  padding: 0 34px;
  text-align: center;
  border-left: 1px solid #dddbda;
}

[class^=ico_list] .lists .list_wrap {
  margin: 0;
}

[class^=ico_list] .lists:first-child {
  border: none;
}

[class^=ico_list] .lists .txt_wrap {
  font-size: 15px;
  line-height: 23px;
  margin-top: 20px;
  color: #666;
}

[class^=ico_list] .lists .txt_wrap .expand_txt {
  display: block;
  font-size: 15px;
  line-height: 23px;
  color: #898786;
}

[class^=ico_list] .list_container.next_list {
  margin-top: 40px;
}

[class^=ico_list] .list_container {
  position: relative;
}

[class^=ico_list] .list_container.size_3 .lists:nth-child(1):after {
  top: 50%;
  left: -ms-calc(33.3% - 20px);
  left: -o-calc(33.3% - 20px);
  left: calc(33.3% - 20px);
  margin-top: -20px;
}

[class^=ico_list] .list_container.size_3 .lists:nth-child(2):after {
  top: 50%;
  left: -o-calc(66.6% - 20px);
  left: -ms-calc(66.6% - 20px);
  left: calc(66.6% - 20px);
  margin-top: -20px;
}

[class^=ico_list] .list_container.size_2 .lists:nth-child(1):after {
  top: 50%;
  left: -o-calc(50% - 20px);
  left: -ms-calc(33.3% - 20px);
  left: calc(50% - 20px);
  margin-top: -20px;
}

.ico_list02 .lists:not(:last-child):after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -21px;
  z-index: 2;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url("/common/img/vin/common/ico_list_plus.png") no-repeat left top;
}

.ico_list02 .lists .tit_sy {
  display: block;
  font-size: 20px;
  line-height: 30px;
  width: 100%;
  margin-bottom: 6px;
  color: #ff9000;
}

.ico_list02 .lists .txt_wrap {
  font-size: 15px;
  line-height: 23px;
}

.list_container.no_pd li {
  padding: 0;
}

/* l_ico_box */
.list_wrap .l_ico_box {
  min-height: 198px;
}

.list_wrap .l_ico_box {
  padding: 30px 40px 30px 140px;
}

.list_wrap .l_ico_box .ico {
  top: 40px;
  left: 30px;
}

.list_wrap .l_ico_box dl dd {
  margin-top: 10px;
}

.l_ico_box {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 44px 40px 40px 140px;
  border: 1px solid #ddd;
}

.l_ico_box a {
  display: block;
}

.l_ico_box .ico {
  position: absolute;
  top: 48px;
  left: 40px;
}

.l_ico_box dl dt {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.l_ico_box dl dt .add_txt {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #898786;
} /*bx*/

.l_ico_box dl dd {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.ico_type02_list.box {
  padding: 40px;
  border: 1px solid #eeeceb;
}

.ico_type02_list {
  overflow: hidden;
}

.ico_type02_list .list_container {
  overflow: hidden;
  margin-bottom: -50px;
}

.ico_type02_list .lists {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  margin-bottom: 50px;
}

.ico_type02_list .lists:nth-child(2n-1) {
  padding-right: 67px;
}

.ico_type02_list .lists .list_wrap {
  display: table;
  overflow: hidden;
  margin: 0;
}

.ico_type02_list .lists .list_wrap .ico_wrap {
  display: table-cell;
  padding-right: 30px;
}

.ico_type02_list .lists .list_wrap .txt_wrap {
  display: table-cell;
  font-size: 15px;
  line-height: 23px;
  width: 270px;
  vertical-align: middle;
  word-break: keep-all;
  color: #666;
}

.gray_bg_wrap.size_2 .org_num_list .lists {
  width: 50%;
}

.gray_bg_wrap.size_3 .org_num_list .lists {
  width: 33.3%;
}

.gray_bg_wrap .org_num_list {
  overflow: hidden;
}

.gray_bg_wrap .org_num_list .list_container {
  overflow: hidden;
  margin: 0 -10px -10px 0;
}

.gray_bg_wrap .org_num_list .lists {
  float: left;
}

.gray_bg_wrap .org_num_list .lists .lists_con {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 144px;
  margin: 0 10px 10px 0;
  padding: 36px 30px;
  color: #666;
  background: #f8f6f5;
}

.gray_bg_wrap .org_num_list .lists .num {
  display: inline-block;
  padding-right: 3px;
  color: #ff9000;
}

/* step_list */
.step_wrap:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
}

.step_wrap .step_list {
  position: relative;
  left: -50%;
  float: right;
}

.step_wrap .step_list:after {
  content: "";
  display: block;
  clear: both;
}

.step_wrap .step_list .lists {
  position: relative;
  position: relative;
  left: 50%;
  float: left;
  width: 158px;
  margin-right: 50px;
  text-align: center;
}

.step_wrap .step_list .lists:last-child {
  margin-right: 0;
}

.step_wrap .step_list .lists:last-child::after {
  content: none;
}

.step_wrap .step_list .lists::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 41px;
  right: -21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12px;
  height: 12px;
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
  transform: translate3d(0, 0, 0) rotate(-45deg);
  border: 2px solid #666;
  border-top: none;
  border-left: none;
}

.step_wrap .step_list .lists .step_cir {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 42px;
  height: 42;
  border: 1px solid #dddbda;
  border-radius: 50%;
  background: #f8f6f5;
}

.step_wrap .step_list .lists .step_cir.new {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 122px;
  height: 122;
  margin-top: 15px;
  border: 1px solid #dddbda;
  border-radius: 50%;
  background: #f8f6f5;
}

.step_wrap .step_list .lists .step_cir.minus .ico {
  margin-right: -9px;
}

.step_wrap .step_list .lists .step_txt {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-top: 20px;
  color: #222;
}

.step_wrap .step_list .lists .step_txt .em {
  display: block;
  font-size: 18px;
  line-height: 27px;
}

.step_wrap .step_list .lists .step_txt .add_txt {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  color: #666;
} /*bx*/

.quotes_wrap .quotes_txt {
  text-align: center;
}

.quotes_wrap .quotes_txt strong {
  display: inline-block;
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  padding: 0 51px;
  color: #222;
}

.quotes_wrap .quotes_txt .txt {
  font-size: 18px;
  line-height: 27px;
  margin-top: 20px;
  word-break: keep-all;
  color: #666;
}

.quotes_wrap .quotes_txt .txt .m_txt {
  display: block;
  font-weight: 500;
  margin-top: 27px;
}

.quotes_wrap .quotes_txt .img_wrap {
  margin-top: 40px;
}

.quotes_wrap .btn_wrap {
  font-size: 0;
}

.quotes_wrap .btn_wrap .btn {
  margin: 0 5px;
}

.pro_checkbox_list {
  overflow: hidden;
  margin: 0 -30px -30px 0;
}

.pro_checkbox_list .item {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  height: 170px;
  margin: 0 30px 30px 0;
}

.pro_checkbox_list .item .check_inner_wrap {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding: 40px 30px;
  border: 1px solid #cccac9;
}

.pro_checkbox_list .item .check_inner_wrap .service_explain {
  margin-right: 125px;
}

.pro_checkbox_list .item .check_inner_wrap .ico {
  position: absolute;
  top: 30px;
  right: 30px;
}

.pro_checkbox_list .item .check_inner_wrap .detail_txt {
  font-size: 15px;
  line-height: 22px;
  margin-top: 6px;
  color: #666;
}

.pro_checkbox_list .item .check_inner_wrap .chk_wrap label {
  font-size: 26px;
  font-weight: 500;
  line-height: 39px;
  color: #222;
}

.pro_checkbox_list .item .check_inner_wrap .chk_wrap label:after {
  top: 50%;
  margin-top: -9px;
}

.pro_checkbox_list .item.on .check_inner_wrap,
.pro_checkbox_list .item:hover .check_inner_wrap,
.pro_checkbox_list .item:focus .check_inner_wrap {
  padding: 39px 29px;
  border: 2px solid #ff9000;
}

.pro_checkbox_list .item.on .check_inner_wrap .ico,
.pro_checkbox_list .item:hover .check_inner_wrap .ico,
.pro_checkbox_list .item:focus .check_inner_wrap .ico {
  top: 29px;
  right: 29px;
}

.service_banner_wrap {
  min-width: 1170px;
  margin: 0 auto;
}

.service_banner_wrap .service_area_banner {
  position: relative;
}

.service_banner_wrap .service_area_banner .banner_txt {
  padding: 50px 0;
}

.service_banner_wrap .service_area_banner .banner_txt .banner_tit {
  font-size: 24px;
  line-height: 36px;
  color: #222;
}

.service_banner_wrap .service_area_banner .banner_txt .banner_tit + p {
  font-size: 15px;
  line-height: 23px;
  margin-top: 10px;
  color: #666;
}

.service_banner_wrap .service_area_banner .banner_txt .btn {
  margin-top: 30px;
}

.service_banner_wrap .service_area_banner .banner_txt .btn span {
  display: inline-block;
  padding-left: 25px;
  background: url("/common/img/vin/common/service_pin.png") no-repeat left 50%;
}

.service_banner_wrap .service_area_banner .service_icon {
  position: absolute;
  right: 0;
  bottom: 0;
}

.no_result.inner_con_top {
  padding: 0;
}

/* flag */
.flag {
  display: inline-block;
  font-size: 13px;
  line-height: 22px;
  height: 22px;
  padding: 0 24px;
  text-align: center;
  vertical-align: top;
  color: #fff;
  background: #ff9000;
  border-radius: 10px 10px 0 10px;
} /*bx*/
.flag i {
  display: inline-block;
  vertical-align: top;
}

.flag.reple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 68px;
  padding: 0 10px;
}

.flag.reple.gray {
  background: #898786;
}

.line_flag {
  display: inline-block;
  font-size: 13px;
  line-height: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 68px;
  height: 26px;
  text-align: center;
  color: #ff9000;
  border: 1px solid #ff9000;
} /*bx*/
.line_flag.nega {
  color: #666;
  border-color: #666;
}

/* breadcrumb */
.crumb_wrap {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 1170px;
  height: 20px;
  margin: 0 auto;
  padding: 20px 0;
}

.crumb_wrap:after {
  content: "";
  display: block;
  clear: both;
}

.crumb_nav {
  float: right;
}

.crumb_nav .crumb_list:after {
  content: "";
  display: block;
  clear: both;
}

.crumb_nav .crumb_list > li {
  position: relative;
  float: left;
}

.crumb_nav .crumb_list > li:not(:first-child) {
  padding-left: 25px;
}

.crumb_nav .crumb_list > li:not(:first-child):before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 7px;
  height: 11px;
  background: url("/common/img/vin/common/depth_arr.png") no-repeat 0 0;
}

.crumb_nav .crumb_list > li button,
.btv.btv_smain .visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li button {
  font-size: 13px;
  text-align: left;
  color: #898786;
}

.crumb_nav .crumb_list > li button span.hide {
  padding-right: 0;
}

.crumb_nav .crumb_list > li button span {
  display: inline-block;
  position: relative;
  line-height: 22px;
  padding-right: 22px;
}

.crumb_nav .crumb_list > li button span:after,
.btv.btv_smain .visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li button span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 22px;
  height: 22px;
  background: url("/common/img/vin/common/crum_arr_down.png") no-repeat center center;
}

.crumb_nav .crumb_list > li.on button span:after,
.btv.btv_smain .visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li.on button span:after {
  background-image: url("/common/img/vin/common/crum_arr_up.png");
}

.crumb_nav .crumb_list > li button span.hide {
  padding: 0;
}

.crumb_nav .crumb_list > li:last-child button,
.btv.btv_smain .visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li:last-child button {
  font-weight: 500;
  color: #666;
}

.crumb_nav .crumb_list > li .menu_list {
  display: none;
  position: absolute;
  top: 20px;
  right: -17px;
  z-index: 100;
  padding-top: 10px;
}

.crumb_nav .crumb_list > li .menu_list ul {
  position: relative;
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 210px;
  padding: 14px;
  border: 1px solid #eeeceb;
  background: #fff;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.crumb_nav .crumb_list > li.on .menu_list {
  display: block;
}

.crumb_nav .crumb_list > li .menu_list ul:after {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  right: 18px;
  overflow: hidden;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 1px solid #eeeceb;
  border-right: 1px solid #eeeceb;
  background: #fff;
}

.crumb_nav .crumb_list > li .menu_list ul li {
  margin-top: 4px;
}

.crumb_nav .crumb_list > li .menu_list ul li:first-child {
  margin-top: 0;
}

.crumb_nav .crumb_list > li .menu_list ul li a {
  display: block;
  position: relative;
  line-height: 20px;
  padding-left: 9px;
}

.crumb_nav .crumb_list > li .menu_list ul li a:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: 0;
  background: #666;
}

.visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li button {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li button span:after {
  top: 0;
  background-image: url("/common/img/vin/common/crum_arr_down_shadow.png");
}

.visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li.on button span:after {
  background-image: url("/common/img/vin/common/crum_arr_up_shadow.png");
}

.btv.btv_smain .visual_bg_top .crumb_wrap .crumb_nav .crumb_list > li button {
  text-shadow: none;
}

/* data null case */
.no_data {
  padding: 120px 0;
  text-align: center;
  color: #666;
}

/* top visual sec */
.visual_wrap.temp {
  background-image: url("/common/img/vin/@temp/pro_img.png");
}

.visual_wrap {
  min-width: 1170px;
  height: 500px;
  background: #f8f6f5;
  background-repeat: no-repeat;
  background-position: 50% top;
}

.visual_wrap .visual_inner {
  position: relative;
  width: 1170px;
  height: 100%;
  margin: 0 auto;
}

.visual_wrap .visual_inner .crumb_wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

.visual_wrap .visual_inner .txt_wrap {
  display: table;
  height: 100%;
}

.visual_wrap .visual_inner .txt_wrap .visual_text {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

.visual_wrap .visual_inner .txt_wrap .visual_text .v_tit {
  font-size: 52px;
  line-height: 68px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
}

.visual_wrap .visual_inner .txt_wrap .visual_text .v_tit.v_m_tit {
  font-size: 40px;
}

.visual_wrap .visual_inner .txt_wrap .visual_text .v_tit .small {
  display: block;
  font-size: 28px;
  line-height: 42px;
  margin-bottom: 10px;
}

.visual_wrap .visual_inner .txt_wrap .visual_text .v_txt {
  font-size: 18px;
  line-height: 27px;
  margin-top: 20px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* banner  */
.banner_disct a,
.banner_disct .none_link {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 242px;
  padding: 30px;
  border: 1px solid #dddbda;
  background: #fff;
}

.banner_disct .sm_tit {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 10px;
  color: #666;
}

.banner_disct .disct_tit {
  position: relative;
  min-height: 80px;
  padding-right: 130px;
}

.banner_disct .disct_tit p {
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  word-break: keep-all;
  color: #222;
}

.banner_disct .disct_tit i {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -40px;
}

.banner_disct .arrow_txt {
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-size: 14px;
  line-height: 21px;
  color: #222;
}

.banner_disct .arrow_txt:after {
  content: " ";
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 6px;
  height: 10px;
  margin-top: -2px;
  margin-left: 8px;
  vertical-align: middle;
  background: url("/common/img/vin/common/arr_6_10.png") 0 no-repeat;
}

/* .banner_disct .none_link dl {margin-top:20px;} */
.banner_disct dt.tit {
  font-size: 26px;
  line-height: 39px;
  color: #222;
}

.banner_disct dd.txts {
  margin-top: 10px;
  color: #666;
}

.banner_disct dl + .ico {
  position: absolute;
  top: 50px;
  right: 30px;
}

.banner_disct .none_link dl.mt_0 {
  margin-top: 0;
}

.banner_disct .none_link dl.mt_0 dd.txts {
  margin-top: 0;
}

/* products banner*/
.recommend_wrap {
  overflow: hidden;
}

.recommend_list {
  overflow: hidden;
  margin-right: -30px;
}

.recommend_list:after {
  content: "";
  display: block;
  clear: both;
}

.recommend_list .re_item {
  float: left;
  margin-right: 30px;
}

.recommend_list .re_item .re_link {
  display: block;
}

.recommend_box {
  position: relative;
  width: 570px;
  height: 160px;
  padding: 30px;
  background: #f8f6f5;
}

.recommend_box .re_pro {
  position: absolute;
  top: 50%;
  left: 30px;
  width: 380px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.recommend_box .re_pro .pro_tit {
  font-size: 24px;
  line-height: 36px;
  color: #222;
}

.recommend_box .re_pro .pro_txt {
  font-size: 15px;
  line-height: 23px;
  margin-top: 10px;
  word-break: keep-all;
  color: #666;
}

.recommend_box .ico {
  margin-left: 400px;
}

/* products service ancher sec */
.service_ch_wrap {
  padding: 30px 40px 40px;
  border: 1px solid #eeeceb;
}

.service_ch_wrap .service_tit {
  font-size: 30px;
  line-height: 46px;
  padding: 0 0 30px 40px;
  color: #222;
  border-bottom: 1px solid #eeeceb;
} /*bx*/

.service_ch_wrap .service_tit span {
  display: inline-block;
  position: relative;
  min-height: 110px;
  padding-left: 130px;
}

.service_ch_wrap .service_tit span em {
  display: inline-block;
  font-weight: 500;
  vertical-align: middle;
}

.service_ch_wrap .service_tit span em.sub_txt {
  font-size: 15px;
  font-weight: 300;
  line-height: 23px;
  color: #666;
}

.service_ch_wrap .service_tit span .ico {
  position: absolute;
  top: 0;
  left: 0;
}

.service_ch_wrap .service_tit span:after {
  content: "";
  display: inline-block;
  height: 110px;
  vertical-align: middle;
}

.service_ch_wrap .service_list {
  padding-top: 40px;
}

.service_ch_wrap.case {
  position: relative;
  padding: 46px 80px 46px 210px;
}

.service_ch_wrap.case .service_tit {
  padding: 0 0 10px 0;
  border: none;
}

.service_ch_wrap.case .service_tit .ico {
  position: absolute;
  top: 50%;
  left: 80px;
  margin-top: -55px;
}

.service_ch_wrap.case .service_txt p {
  color: #666;
}

/* link box */
.go_link_box {
  padding: 40px 30px;
  background: #f8f6f5;
}

.go_link_box .item_wrap {
  position: relative;
}

.go_link_box .link_define .link_tit {
  font-size: 24px;
  line-height: 36px;
  color: #222;
}

.go_link_box .link_define .link_txt {
  font-size: 15px;
  margin-top: 8px;
  color: #666;
}

.go_link_box .ico_wrap {
  position: absolute;
  top: 0;
  right: 0;
}

.go_link_box .search_wrap {
  margin-top: 24px;
}

.go_link_box .search_wrap .select_group {
  float: left;
  width: 404px;
}

.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group {
  float: left;
  width: 204px;
}

.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group.size_1 {
  float: left;
  width: 100%;
}

.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group .selects {
  width: 100%;
  margin: 0 0 10px;
  float: none;
}

.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group .selects:last-child {
  margin-bottom: 0;
}

.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap .select_group.size_1 .selects {
  margin-bottom: 10px;
}

.link_box_wrap .link_box_list .box_item.search .go_link_box .search_wrap button {
  height: 50px;
  line-height: 48px;
}

.go_link_box.with_cir .link_define {
  min-height: 100px;
}

.go_link_box.with_cir .ico_wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 100%;
  background: #fff;
}

.go_link_box.with_cir .ico_wrap .ico {
  position: static;
  margin-top: 25px;
}

.input_btn_container .select_group + .btn {
  margin-left: 6px;
}

/* .link_box_wrap {overflow:hidden;} */
.link_box_wrap .link_box_list {
  margin-right: -30px;
}

.link_box_wrap .link_box_list:after {
  content: "";
  display: block;
  clear: both;
}

.link_box_wrap .link_box_list .box_item {
  float: left;
  width: 570px;
  margin-right: 30px;
}

/* 유무선 전문매장 찾기 */
.link_box_wrap .link_box_list .box_item.search {
  width: 370px;
}

.link_box_wrap .link_box_list .box_item a {
  display: block;
} /* 웹접근성수정_3차 [ 추가 ] */
.head_box {
  padding: 50px 40px;
  text-align: center;
  background: #f8f6f5;
}

.head_box .em {
  color: #ff9000;
} /*bx*/
.head_box .box_tit {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: #222;
}

.head_box .box_txt {
  font-size: 14px;
  line-height: 21px;
  margin-top: 12px;
  color: #666;
}

.head_box .box_txt_sub {
  font-size: 14px;
  line-height: 21px;
  margin-top: 30px;
  color: #898786;
}

.head_box .box_btn {
  margin-top: 10px;
}

.bg_purple {
  background: #f7f7f7;
} /*bx #f4f3fb -> #f7f7f7*/
.bg_purple .em {
  color: #ff9000;
} /*bx*/
/* authentication */
.id_wrap {
  padding: 60px 0;
  border-top: 2px solid #222; /* border-bottom:1px solid #dddbda; */
}

.id_wrap .id_list {
  display: table;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.id_wrap .id_list .id_box {
  display: table-cell;
  position: relative;
  width: 33.3%;
  height: 318px;
  padding: 0 30px;
  text-align: center;
  border-left: 1px solid #eeeceb;
}

.id_wrap .id_list .id_box:first-child {
  border-left: none;
}

.id_wrap .id_list .id_box:only-child {
  width: 100%;
}

.id_wrap .id_list .id_box .cir {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100px;
  height: 100px;
  text-align: center;
  border: 1px solid #dddbda;
  border-radius: 100%;
  background: #f8f6f5;
}

.id_wrap .id_list .id_box .cir .ico {
  margin-top: 25px;
}

.id_wrap .id_list .id_box .id_m dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-top: 20px;
  color: #222;
}

.id_wrap .id_list .id_box .id_m dd {
  font-size: 14px;
  line-height: 21px;
  margin-top: 13px;
  color: #666;
}

.id_wrap .id_list .id_box .id_m dd span {
  display: block;
}

.id_wrap .id_list .id_box .btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100px;
  margin-left: -50px;
}

.id_wrap .id_list .id_box .guide {
  display: inline-block;
  margin-top: 10px;
}

.id_wrap .id_list.case2 .id_box {
  display: inline-block;
}

/* banner slider common */
.slide_wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: 1100px;
}

.slide_wrap .slide_conts {
  position: relative;
  z-index: 1;
}

.slide_wrap .slide_conts .banner_txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1170px;
  height: 460px;
  margin: 0 auto;
  padding: 60px 0 0 100px;
}

.slide_wrap .slide_conts .banner_txt .tit {
  font-size: 48px;
  line-height: 66px;
}

.slide_wrap .slide_conts .banner_txt .sub_txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-top: 20px;
}

.slide_wrap .slide_conts .banner_txt .detail_view {
  margin-top: 40px;
  color: #fff;
  border: 1px solid #222;
  color: #222;
  min-width: 240px;
}

.slide_wrap .indi_wrap {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
}

.slide_wrap .indi_conts {
  display: inline-block;
  font-size: 0;
  line-height: 27px;
  height: 27px;
  vertical-align: top;
}

.slide_wrap .indi_conts li {
  display: inline-block;
  margin: 0 2px;
  vertical-align: top;
}

.slide_wrap .indi_conts .btn_indi {
  display: inline-block;
  width: 12px;
  height: 6px;
  -webkit-transition: width 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  vertical-align: middle;
  border-radius: 12px 0 12px 0;
  background: #222;
}

.slide_wrap .indi_conts .on .btn_indi {
  width: 32px;
}

.slide_wrap .indi_auto {
  display: inline-block;
  margin-left: 5px;
}

.slide_wrap .indi_auto button {
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: top;
}

.slide_wrap .indi_auto button.stop {
  background: url(/common/img/vin/common/btn_pause_bk.png) no-repeat;
  background-size: 100% auto;
}

.slide_wrap .indi_auto button.play {
  background: url(/common/img/vin/common/btn_play_bk.png) no-repeat;
  background-size: 100% auto;
}

.slide_wrap .slide_content {
  position: relative;
}

.slide_wrap .slide_content .conts {
  display: block;
  position: relative;
}

.slide_wrap .slide_content .conts img {
  width: 100%;
  height: auto;
}

.slide_wrap .slide_content .btn_arrow {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 2;
  line-height: 25px;
  width: 36px;
  height: 66px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

.slide_wrap .slide_content .btn_arrow.prev {
  left: 50%;
  margin-left: -585px;
}

.slide_wrap .slide_content .btn_arrow.next {
  right: 50%;
  margin-right: -585px;
}

.slide_wrap .slide_content .btn_arrow span {
  display: inline-block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 36px;
  height: 66px;
  vertical-align: top;
  text-indent: -1000em;
}

.slide_wrap .slide_content .btn_arrow {
  opacity: 0;
}

.slide_wrap.on .slide_content .btn_arrow {
  opacity: 1;
}

.slide_wrap .slide_content .btn_arrow.prev span {
  background: url(/common/img/vin/common/arr_left.png) no-repeat;
}

.slide_wrap .slide_content .btn_arrow.next span {
  background: url(/common/img/vin/common/arr_right.png) no-repeat;
}

.slide_wrap.set_bk .indi_conts .btn_indi {
  background: #000;
}

.slide_wrap.set_bk .slide_content .btn_arrow span {
  border-color: #000;
}

.slide_wrap.set_bk .indi_auto button.pause {
  background: url(/common/img/vin/common/btn_pause_bk.png) no-repeat;
  background-size: 100% auto;
}

/*white*/
.slide_wrap .white_slider.slide_conts .banner_txt .tit {
  color: #fff;
}

.slide_wrap .white_slider.slide_conts .banner_txt .sub_txt {
  color: #fff;
}

.slide_wrap .white_slider.slide_conts .banner_txt .detail_view {
  color: #fff;
  border-color: #fff;
}

.slide_wrap .white_slider.slide_conts .banner_txt .tit_giga {
  display: inline-block;
  vertical-align: -8px;
  margin-right: 10px;
}

.slide_wrap.white .indi_auto button.stop {
  background-image: url(/common/img/vin/common/btn_pause_w_bk.png);
}

.slide_wrap.white .indi_auto button.play {
  background-image: url(/common/img/vin/common/btn_play_w_bk.png);
}

.slide_wrap.white .indi_conts .btn_indi {
  background: #fff;
}

.slide_wrap.white .slide_content .btn_arrow.prev span {
  background: url(/common/img/vin/common/arr_left_w.png) no-repeat;
}

.slide_wrap.white .slide_content .btn_arrow.next span {
  background: url(/common/img/vin/common/arr_right_w.png) no-repeat;
}

.slide_wrap.white .slide_conts .banner_txt .detail_view {
  border-color: #fff;
  color: #fff;
}

/*white2*/
.slide_wrap .white_slider2.slide_conts .banner_txt .tit {
  color: #fff;
}

.slide_wrap .white_slider2.slide_conts .banner_txt .sub_txt {
  color: #fff;
}

.slide_wrap .white_slider2.slide_conts .banner_txt .detail_view {
  color: #fff;
  border-color: #fff;
}

.slide_wrap .white_slider2.slide_conts .banner_txt .tit_giga {
  display: inline-block;
  vertical-align: -8px;
  margin-right: 10px;
}

.slide_wrap.white2 .indi_auto button.stop {
  background-image: url(/common/img/vin/common/btn_pause_w_bk.png);
}

.slide_wrap.white2 .indi_auto button.play {
  background-image: url(/common/img/vin/common/btn_play_w_bk.png);
}

.slide_wrap.white2 .indi_conts .btn_indi {
  background: #fff;
}

.slide_wrap.white2 .slide_content .btn_arrow.prev span {
  background: url(/common/img/vin/common/arr_left_w.png) no-repeat;
}

.slide_wrap.white2 .slide_content .btn_arrow.next span {
  background: url(/common/img/vin/common/arr_right_w.png) no-repeat;
}

.slide_wrap.white2 .slide_conts .banner_txt .detail_view {
  border-color: #fff;
  color: #fff;
}

/* basket(BZ) */
.quick_bar {
  background-color: #3b3a40;
}

.quick_bar .inner {
  position: relative;
  line-height: 70px;
  width: 100%;
  max-width: 1170px;
  height: 70px;
  margin: 0 auto;
}

.quick_bar .inner .tit {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  vertical-align: middle;
  color: #fff;
}

.quick_bar .inner .tit .idx {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
}

.quick_bar .inner .tit .idx em {
  color: #ff9000;
}

.quick_bar .inner .my_cart {
  display: inline-block;
  position: absolute;
  top: 25px;
  right: 273px;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  text-indent: -9999em;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
}

.quick_bar .inner .my_cart.on {
  top: 32px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.quick_bar .quick_btn_wrap {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 1170px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: right;
}

.quick_bar .quick_btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  line-height: 70px;
  width: 233px;
  height: 70px;
  text-align: center;
  background-color: #ff9000;
}

.quick_bar .quick_btn span {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  vertical-align: middle;
  color: #fff;
}

.quick_bar .quick_btn .ico {
  margin-right: 14px;
  vertical-align: middle;
}

.quick_bar.open {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.quick_bar .cart_list {
  padding: 40px 0;
  border-top: 1px solid #222;
}

.quick_bar .cart_list .list_inner {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}

.quick_bar .cart_list .list_inner .cart_item {
  font-size: 0;
  margin: -15px;
}

.quick_bar .cart_list .list_inner .cart_item li {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  margin: 15px;
  color: #cccac9;
}

.quick_bar .cart_list .list_inner .cart_item .delete {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  text-indent: -9999em;
  background: url("/common/img/vin/common/ico_delete_gray.png") no-repeat 0 0;
}

/* tooltip */
.tool_wrap {
  position: relative;
  text-align: left;
}

.tool_wrap .tool_cont {
  position: absolute;
  top: 50px;
  right: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 23px 30px;
  border: 1px solid #dddbda;
  border-radius: 10px;
  background: #fff;
}

.tool_wrap .tool_cont .tool_arr {
  display: inline-block;
  position: absolute;
  top: -6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 1px solid #dddbda;
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  background: #fff;
}

.tool_wrap .tool_close {
  position: absolute;
  top: 28px;
  right: 30px;
  height: 16px;
}

.tool_wrap .tool_close a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 16px;
  height: 16px;
  vertical-align: top;
}

.tool_wrap .tool_close a:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 8px;
  right: -1px;
  width: 20px;
  height: 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #666;
}

.tool_wrap .tool_close a:after {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 8px;
  right: -1px;
  width: 20px;
  height: 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #666;
}

/* list_wrap */
.list_wrap {
  overflow: hidden;
  margin: -30px -15px 0;
}

.result_lists.list_wrap {
  overflow: visible;
}

.list_wrap ul {
  font-size: 0;
}

.list_wrap .list {
  display: inline-block;
  font-size: 15px;
  width: 370px;
  margin: 30px 15px 0;
  vertical-align: top;
}

.list_wrap .list > a {
  display: block;
}

.list_wrap .list .evt_banner_wrap .thumb img {
  width: 100%;
  height: auto;
  border-radius: 40px 40px 0 0;
  -moz-border-radius: 40px 40px 0 0;
  -webkit-border-radius: 40px 40px 0 0;
} /*bx*/
.list_wrap.normal .list {
  width: 385px;
  margin: 30px 0 15px 15px;
}

/*size*/
.list_wrap.size2 .list {
  width: 570px;
}

.list_wrap.size4 .list {
  width: 270px;
}

.list_wrap.size4 .list .thumb_con img {
  width: 270px;
  height: 385px;
}

/*tit_float_wrap list*/
.tit_float_wrap .flt_cont .list_wrap .list {
  width: 420px;
}

.tit_float_wrap .flt_cont .list_wrap .tit {
  float: none;
  font-weight: 500;
  width: auto;
}

.tit_float_wrap .flt_cont .tit_ico_list {
  float: none;
  width: auto;
}

/*pro_box*/
.list_wrap .pro_box {
  min-height: 300px;
}

.list_wrap .pro_define dt {
  min-height: 75px;
}

.list_wrap .pro_define .pro_form {
  min-height: 23px;
}

.list_wrap .pro_define .price {
  height: 39px;
}

.pro_box {
  display: block;
  border: 1px solid #eeeceb;
  background: #fff;
}

.pro_define {
  padding: 40px 40px 30px;
}

.pro_define dt .flag {
  margin-bottom: 14px;
}

.pro_define dt .pro_title {
  font-size: 26px;
  line-height: 39px;
}

.pro_define .pro_form {
  margin-top: 6px;
  color: #666;
}

.pro_define .price {
  font-size: 26px;
  line-height: 39px;
  margin-top: 28px;
}

.pro_define .price .s_txt {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  margin-left: 6px;
  color: #666;
}

.pro_box .box_btn {
  overflow: hidden;
  border-top: 1px solid #eee;
}

.pro_box .box_btn .btn {
  display: inline-block;
  float: left;
  font-size: 15px;
  line-height: 60px;
  width: 50%;
  height: 60px;
  text-align: center;
}

.pro_box .box_btn .btn:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.pro_box .box_btn .btn:first-child {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #eee;
}

.pro_box .box_btn .btn:only-child {
  width: 100%;
  border-right: none;
}

/*pro_box.ico_in*/
.pro_box.ico_in a {
  display: block;
  position: relative;
  height: 100%;
}

.pro_box.ico_in .pro_define {
  padding: 40px;
}

.pro_box.ico_in .pro_define dt {
  display: table;
  width: 100%;
  height: 110px;
  padding-right: 115px;
}

.pro_box.ico_in .pro_define dt .pro_title {
  display: table-cell;
  vertical-align: middle;
}

.pro_box.ico_in .pro_define .pro_location {
  font-size: 13px;
  line-height: 20px;
  margin-top: 12px;
}

.pro_box.ico_in .pro_define .pro_form {
  height: auto;
  margin-top: 10px;
}

.pro_box.ico_in .ico {
  position: absolute;
  top: 40px;
  right: 40px;
}

/*tit_ico_list*/
.list_wrap .tit_ico_list a {
  min-height: 194px;
}

.list_wrap .tit_ico_list dt {
  min-height: 36px;
}

.list_wrap .tit_ico_list dd {
  min-height: 46px;
}

.tit_ico_list a,
.tit_ico_list > dl {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px;
  border: 1px solid #dddbda;
}

.tit_ico_list dt {
  font-size: 24px;
  line-height: 36px;
}

.tit_ico_list dt .ico {
  margin-right: 20px;
}

.tit_ico_list dd {
  margin-top: 10px;
  color: #666;
}

/*search_btm_banner*/
.search_btm_banner {
  position: relative;
  padding: 40px;
  background: #f8f6f5;
}

.search_btm_banner dt {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: #222;
}

.search_btm_banner dd {
  margin-top: 8px;
  color: #898786;
}

.search_btm_banner .ico_wrap {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #fff;
}

.search_btm_banner .ico_wrap .ico {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("/common/img/vin/common/ico_search_btm_banner.png") no-repeat 0 0;
}

.search_btm_banner .ico_wrap .ico01 {
  background-position: 0 0;
}

.search_btm_banner .ico_wrap .ico02 {
  background-position: -50px 0;
}

/*r_ico_box*/
.list_wrap .r_ico_box a {
  min-height: 192px;
}

.r_ico_box a {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 34px 160px 38px 30px;
  border: 1px solid #ddd;
}

.r_ico_box dt {
  font-size: 26px;
  font-weight: 500;
  line-height: 39px;
}

.r_ico_box dd {
  margin-top: 10px;
  color: #666;
}

.r_ico_box .ico {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -55px;
}

.list_wrap .r_ico_box2 a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 152px;
  border: 1px solid #ddd;
}

.r_ico_box2 {
  position: relative;
  text-align: center;
}

.r_ico_box2 a {
  display: block;
  padding: 40px;
}

.r_ico_box2 dl {
  margin-top: 10px;
}

.r_ico_box2 dt {
  font-size: 20px;
  line-height: 30px;
  color: #222;
}

.r_ico_box2 dd {
  font-size: 15px;
  margin-top: 4px;
  color: #666;
}

/*youtube*/
.youtube_wrap a {
  display: block;
}

.youtube_wrap a:focus {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

.youtube_wrap .thumb {
  position: relative;
}

.youtube_wrap .thumb img {
  display: block;
  width: 100%;
}

.youtube_wrap .thumb.size1 img {
  width: 245px;
  height: 137px;
}

.youtube_wrap .thumb:before,
.youtube_wrap .thumb:after {
  content: "";
  display: block;
  position: absolute;
  clear: both;
}

.youtube_wrap .thumb:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.youtube_wrap .thumb:after {
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url("/common/img/vin/common/video_play.png") no-repeat 0 0;
}

.youtube_wrap .txt {
  font-size: 18px;
  line-height: 27px;
  margin-top: 10px;
}

/*thumb*/
.thumb_con a {
  display: block;
}

.thumb_con img {
  width: 100%;
  vertical-align: top;
}

.thumb_con.fixed img {
  height: 33vw;
}

.thumb_con .thumb_info {
  font-size: 18px;
  line-height: 27px;
  margin-top: 10px;
}

/*no_result*/
.no_result {
  padding: 150px 0;
  text-align: center;
}

.no_result .no_result_main_txt p {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-top: 30px;
}

.no_result .bull_list {
  margin-top: 20px;
  text-align: center;
}

.no_result .bull_list li {
  font-size: 14px;
  line-height: 21px;
  margin-top: 4px;
  color: #666;
}

.no_result .bull_list li:first-child {
  margin-top: 0;
}

.no_result .bull_list .square:before {
  content: "";
  display: inline-block;
  clear: both;
  width: 3px;
  height: 3px;
  margin: 7px 6px 0 0;
  vertical-align: top;
  background: #888;
}

.no_result .bull_list .square:after {
  display: none;
}

.search_result_conts .no_result {
  padding: 120px 0;
  background-color: #f3f1f0;
}

.search_result_conts .no_result .no_result_main_txt p {
  font-size: 30px;
  line-height: 45px;
  margin-top: 20px;
}

/*ico_cont*/
.ico_txt_wrap {
  width: 770px;
  margin: 100px auto;
  text-align: center;
}

.ico_txt_wrap.no_pd {
  margin: 0 auto;
}

.ico_txt_wrap.mg2 {
  margin: 150px auto;
}

.ico_txt_wrap .b_txt {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-top: 30px;
}

.ico_txt_wrap .b_txt.mt2 {
  margin-top: 20px;
}

.ico_txt_wrap .s_txt {
  font-size: 14px;
  line-height: 21px;
  margin-top: 10px;
}

.ico_txt_wrap .s_txt2 {
  font-size: 15px;
  line-height: 23px;
  margin-top: 10px;
  color: #666;
}

.ico_txt_wrap .gray_box {
  margin-top: 40px;
  padding: 10px;
  background: #f8f6f5;
}

.ico_txt_wrap .gray_box .em_txt {
  font-size: 30px;
  line-height: 45px;
  color: #ff9000;
}

/* product top visual */
.products_top_visual {
  background: #f6f6f6;
} /*bx*/
.products_top_visual .em {
  color: #ff9000;
} /*bx*/
.products_top_visual .inner {
  position: relative;
  width: 1170px;
  margin: 0 auto;
  padding: 30px 0 90px;
}

.products_top_visual .top {
  font-size: 0;
  min-height: 120px;
}

.products_top_visual .top:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.products_top_visual .top .ico_img,
.products_top_visual .top .product_price {
  display: inline-block;
  vertical-align: top;
}

.products_top_visual .top .ico_img {
  min-width: 120px;
}

.products_top_visual .top .ico_img.moving {
  width: 130px;
  height: 82px;
}

.products_top_visual .top .ico_img.giga {
  width: 130px;
  height: 100px;
}

.products_top_visual .top .ico_img.giga img {
  width: 130px;
}

.products_top_visual .top .ico_img.giga.double {
  width: 230px;
  height: 100px;
}

.products_top_visual .top .product_price {
  padding-left: 15px;
}

.products_top_visual .top .product_price dt {
  font-size: 40px;
  font-weight: 500;
  line-height: 54px;
  color: #222;
}

.products_top_visual .top .product_price dt .small_txt {
  font-size: 32px;
  line-height: 50px;
}

.products_top_visual .top .product_price dd {
  font-size: 18px;
  line-height: 27px;
  margin-top: 12px;
  color: #666;
}

.products_top_visual .top .product_price dd .txt_info {
  font-size: 14px;
  line-height: 18px;
  margin-top: 10px;
  color: #666;
}

.products_top_visual .top .product_price dd a {
  width: 260px;
  display: block;
  font-size: 13px;
  color: #666;
  text-align: center;
  padding: 2px 0px 3px;
  background: #fff;
  border: 1px solid #dddbda;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 20px;
}

.products_top_visual .price_data_wrap {
  position: absolute;
  top: 30px;
  right: 0;
}

.products_top_visual .price_data {
  text-align: right;
}

.products_top_visual .price_data p.price {
  font-size: 33px;
  font-weight: bold;
  line-height: 45px;
} /*bx*/
.products_top_visual .price_data p.price:lang(ko) {
  font-weight: 500;
}

.products_top_visual .price_data p.price .em {
  font-size: 36px;
  line-height: 54px;
}

.products_top_visual .price_data p.vat {
  font-size: 13px;
  line-height: 20px;
  color: #666;
}

.products_top_visual .period_select {
  margin: 50px 0 -30px;
}

.products_top_visual .period_select .select_nav {
  font-size: 0;
}

.products_top_visual .period_select .select_nav li {
  display: inline-block;
  padding: 0 7px;
  vertical-align: top;
}

.products_top_visual .period_select .select_nav li:first-child {
  padding-left: 0;
}

.products_top_visual .period_select .select_nav li:last-child {
  padding-right: 0;
}

.products_top_visual .period_select .select_nav li > a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 142px;
  padding: 30px;
  border: 2px solid #dddddd;
  border-radius: 20px 20px 0 20px;
  background: #dddddd;
} /*bx*/
.products_top_visual .period_select .select_nav li.on > a {
  border-color: #ff9000;
  background: #fff;
  -webkit-box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.2);
} /*bx*/
.products_top_visual .period_select .select_nav li dl {
  position: relative;
  height: 100%;
  padding-left: 32px;
}

.products_top_visual .period_select .select_nav li dl:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 22px;
  height: 22px;
  background: url("/common/img/vin/product/check_top_info.png") no-repeat left top;
}

.products_top_visual .period_select .select_nav li.on dl:after {
  background-position: left bottom;
}

.products_top_visual .period_select .select_nav li dt {
  font-size: 20px;
  font-weight: 500;
  color: #222;
}

.products_top_visual .period_select .select_nav li dd {
  font-size: 15px;
  min-height: 40px;
  margin-top: 6px;
}

.products_top_visual .period_select .select_nav li dd sup {
  font-size: 9px;
}

.products_top_visual .period_select.line_1 .select_nav li > a {
  min-height: 84px;
  padding: 30px;
}

.products_top_visual .period_select.line_1 .select_nav li .tab_box {
  position: relative;
  height: 100%;
  padding-left: 32px;
}

.products_top_visual .period_select.line_1 .select_nav li .tab_box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 22px;
  height: 22px;
  background: url("/common/img/vin/product/check_top_info.png") no-repeat left top;
}

.products_top_visual .period_select.line_1 .select_nav li.on .tab_box:after {
  background-position: left bottom;
}

.products_top_visual .period_select.line_1 .select_nav li .tab_box .tit {
  font-size: 20px;
  font-weight: 500;
  color: #222;
}

.products_top_visual .period_select.size2 .select_nav li {
  width: 50%;
}

.products_top_visual .period_select.size3 .select_nav li {
  width: 33.3333%;
}

.products_top_visual .period_select.size3 .select_nav li:first-child {
  width: 33.3334%;
}

.products_top_visual .period_select.size4 .select_nav li {
  width: 25%;
}

.products_top_visual .period_select .select_conts {
  position: absolute;
  top: 30px;
  right: 0;
}

.products_top_visual .period_select .select_conts .cont {
  display: none;
}

.products_top_visual .period_static {
  margin: 50px 0 -30px;
}

.products_top_visual .period_static:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.products_top_visual .period_static li {
  position: relative;
  float: left;
  width: 530px;
  height: 120px;
  text-align: center;
  border-radius: 20px 20px 0 20px;
  background: #fff;
} /*bx*/
.products_top_visual .period_static li .plus {
  position: absolute;
  top: 50%;
  left: -66px;
  width: 22px;
  height: 22px;
  margin-top: -11px;
}

.products_top_visual .period_static li .plus:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  background: #ff9000;
} /*bx*/
.products_top_visual .period_static li .plus:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 2px;
  margin-top: -1px;
  background: #ff9000;
} /*bx*/
.products_top_visual .period_static li:last-child {
  float: right;
}

.products_top_visual .period_static li .ico_img,
.products_top_visual .period_static li .txts {
  display: inline-block;
  vertical-align: middle;
}

.products_top_visual .period_static li .txts {
  font-size: 16px;
  font-weight: 500;
  padding-left: 20px;
  color: #222;
}

.products_top_visual .period_static li > div {
  padding-top: 20px;
}

.btv_tab .products_top_visual .inner {
  padding: 60px 0;
}

.btv_tab .products_top_visual .price_data_wrap,
.btv_tab .products_top_visual .period_select .select_conts {
  top: 60px;
}

.corp .products_top_visual .product_price_txts {
  color: #222;
}

.corp .products_top_visual .inner:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.corp .products_top_visual .inner .txts_group {
  float: left;
}

.corp .products_top_visual .product_price_txts .tit {
  font-size: 50px;
  font-weight: 500;
  line-height: 72px;
}

.corp .products_top_visual .product_price_txts .sm_txt {
  display: block;
  font-size: 30px;
  line-height: 45px;
}

.corp .products_top_visual .product_price_txts .sub_txt {
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
}

.corp .products_top_visual .product_price {
  margin-top: 40px;
  padding-left: 0;
}

.corp .products_top_visual .product_price .tit {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: #222;
}

.corp .products_top_visual .product_price .sub_txt {
  font-size: 15px;
  line-height: 23px;
  margin-top: 6px;
  color: #898786;
}

.corp .products_top_visual .ico_n_btns {
  float: right;
  padding: 35px 95px 0 0;
  text-align: center;
}

.corp .products_top_visual .ico_n_btns .btn_wrap {
  margin-top: 10px;
}

.corp .products_top_visual .ico_n_btns .btn {
  color: #ff9000;
  border: 2px solid #ff9000;
}

/*big_img_case*/
.products_top_visual.big_case .inner {
  padding: 0 0 60px;
}

.products_top_visual.big_case .top .product_price {
  padding: 30px 0 0 66px;
}

/* box: */
/*  event view cont admin add conts  */
.panel-content .title1 {
  font-weight: 500;
  color: #3617ce;
}

.panel-content .title2 {
  font-weight: 500;
  color: #3617ce;
}

.panel-content .prize_name {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  padding: 30px;
  text-align: center;
  background: #f8f6f5;
}

.panel-content .lft_section,
.panel-content .rgt_section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}

.panel-content .lft_section {
  float: left;
  padding-right: 15px;
}

.panel-content .rgt_section {
  float: right;
  padding-left: 15px;
}

.panel-content .rgt_section:after {
  content: "";
  display: block;
  clear: both;
}

.detail_page-panel .panel-content .lft_section table td:first-child,
.detail_page-panel .panel-content .rgt_section table td:first-child,
.detail_page-panel .panel-content .lft_section table th:first-child,
.detail_page-panel .panel-content .rgt_section table th:first-child {
  /*border-left:1px solid #eeeceb;*/
  border-left: none;
}

.panel-content table th {
  font-size: 15px;
  line-height: 24px;
  padding: 16px 14px;
  text-align: center;
  border: 1px solid #eeeceb;
  border-left: 1px solid #eeeceb;
  background: #f8f6f5;
  border-width: 0 0 1px 1px;
}

.panel-content td {
  font-size: 15px;
  line-height: 21px;
  padding: 16px 14px;
  text-align: center;
  color: #666;
  border: 1px solid #eeeceb;
  background: #fff;
}

.panel-content td:last-child {
  border-right: 0;
}

.panel-content .evt_winner_delivery {
  clear: both;
  padding-top: 30px;
}

.panel-content .uio-btn-area {
  margin-top: 30px;
  text-align: center;
}

.panel-content .uio-btn-atype {
  display: inline-block;
  font-size: 13px;
  line-height: 34px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 163px;
  height: 34px;
  padding: 0 20px;
  text-align: center;
  vertical-align: top;
}

.panel-content .uio-btn-atype.gray {
  color: #ff9000;
  border: 1px solid #ff9000;
  background: #fff;
}

.panel-content .uio-btn-atype.red {
  color: #fff;
  background: #ff9000;
}

.panel-content .careful {
  margin-top: 30px;
}

.panel-content .asis_frame {
  width: 724px;
  margin: 0 auto;
}

.panel-content strong + table {
  margin-top: 20px;
}

.panel-content .summary {
  width: 90%;
  min-width: 320px;
  margin-top: 20px;
  padding-bottom: 25px;
  background: url("/img/common/boardNotice_summaryBack.gif") repeat-x bottom;
}

.panel-content .summary .top {
  text-align: center;
  background: url("/img/common/boardNotice_summaryBack.gif") repeat-x 50%;
}

.panel-content .summary .top p {
  width: 42px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background: #fff;
}

.panel-content .summary .list {
  margin: 20px 0 0 17px;
}

.panel-content .summary .list li {
  margin-top: 10px;
}

.panel-content .summary .list li.first {
  margin-top: 3px;
}

.panel-content .summary .listOl {
  margin: 20px 0 0 17px;
  list-style-position: inside;
  list-style-type: decimal;
}

.panel-content .summary .listOl li {
  margin-top: 10px;
}

.panel-content .summary .listOl li.first {
  margin-top: 3px;
}

.panel-content .summary li {
  text-align: justify;
}

.panel-content .summary ol li p {
  margin-top: 10px;
}

.panel-content .summary ol li ol,
.view-cont .summary ol li ul {
  margin-left: 13px;
}

.panel-content .summary a {
  vertical-align: top;
  text-decoration: underline;
  color: #707070;
}

/* 상품 박스 */
.list_wrap .list .pro_box2 {
  position: relative;
  min-height: 357px;
  padding: 30px;
  border: 1px solid #eeeceb;
  background: #fff;
} /*bx*/
.list_wrap .list .pro_box2 .box_btn {
  overflow: hidden;
}

.list_wrap .list .pro_box2 .box_btn .btn {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 151px;
  height: 36px;
  margin-top: 6px;
  margin-left: 6px;
  padding: 9px 0;
  color: #222;
  border: 1px solid #dddbda;
}

.list_wrap .list .pro_box2 .box_btn .btn.ico_type1 {
  width: 308px;
  margin-top: 0;
}

.list_wrap .list .pro_box2 .box_btn .btn.ico_type1 + .btn {
  margin-left: 0;
}

.list_wrap .list .pro_box2 .box_btn .btn.ico_type2 {
  width: 308px;
}

.list_wrap .list .pro_box2 .box_btn .btn.ico_type3 + .btn.ico_type2 {
  width: 151px;
  margin-left: 6px;
}

.list_wrap .list .pro_box2 .box_btn .btn:first-child {
  margin-left: 0;
}

.list_wrap .list .pro_box2 .box_btn .btn span {
  display: inline-block;
  line-height: 16px;
  vertical-align: top;
}

.list_wrap .list .pro_box2 .box_btn .btn:before {
  content: " ";
  display: inline-block;
  width: 18px;
  height: 16px;
  margin-right: 4px;
  vertical-align: top;
  background: url("/common/img/vin/common/icon_prod_btn.png") no-repeat;
}

.list_wrap .list .pro_box2 .box_btn .btn.ico_type1:before {
  background-position: 0 0;
}

.list_wrap .list .pro_box2 .box_btn .btn.ico_type2:before {
  background-position: -36px 0;
}

.list_wrap .list .pro_box2 .box_btn .btn.ico_type3:before {
  background-position: -18px 0;
}

.list_wrap .list .pro_box2 .price {
  font-size: 23px;
  line-height: 36px;
  margin-top: 0;
  padding-bottom: 26px;
  color: #666;
  font-weight: 500;
} /*bx*/
.list_wrap .list .pro_box2 .price .price_info {
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin-top: 1px;
  color: #666;
}

.list_wrap.box_type .list .pro_box2 .pro_tit {
  font-size: 16px;
  height: auto;
  color: #666;
}

.list_wrap.box_type .list .pro_box2 .pro_dec {
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  margin-top: 6px;
  padding-bottom: 24px;
  word-break: keep-all;
  color: #222;
} /*bx*/
.list_wrap.box_type .list .pro_box2 .pro_dec:lang(ko) {
  font-weight: 500;
}

.list_wrap.box_type .list .pro_box2 .pro_info {
  position: absolute;
  right: auto;
  bottom: 30px;
  left: 30px;
} /*bx*/

/*bx*/
.list_wrap.board_type {
  margin: -20px 0 0 0;
}

.list_wrap.board_type .list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-height: auto;
  margin: 20px 0 0 0;
}

.list_wrap.board_type .list .pro_box2 {
  position: relative;
  height: 100%;
  min-height: auto;
  padding: 37px 30px 37px 40px;
}

.list_wrap.board_type .list .pro_box2 .pro_intro .pro_tit {
  font-size: 26px;
  font-weight: 500;
  line-height: 39px;
  padding: 0;
  color: #ff9000;
  border: none;
} /*bx*/
.list_wrap.board_type .list .pro_box2 .pro_intro .pro_dec {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 6px;
  color: #666;
}

.list_wrap.board_type .list .pro_box2 .pro_info {
  position: absolute;
  top: 43px;
  right: 30px;
  left: auto;
  min-height: 57px;
  padding-right: 151px;
}

.list_wrap.board_type .list .pro_box2 .pro_info .price {
  float: left;
  padding: 0 20px 0 0;
  text-align: right;
}

.list_wrap.board_type .list .pro_box2 .pro_info .box_btn {
  position: absolute;
  top: 50%;
  right: 0;
  float: right;
  width: 151px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.list_wrap.board_type .list .pro_box2 .pro_info .box_btn .btn {
  width: 151px;
  margin: 0;
}

/* .list_wrap.board_type .list .pro_box2 .pro_info .box_btn .btn:only-child {margin:26px 0 0;} */
.list_wrap.board_type .list .pro_box2 .pro_info .box_btn .btn + .btn {
  margin-top: 8px;
  margin-left: 0;
}

.mobile_view_link {
  background: #f3f1f0;
  text-align: center;
  padding: 40px 0;
}

.mobile_view_link p {
  color: #666;
}

.mobile_view_link a.btn {
  margin-top: 20px;
}

/* 이용약관 인쇄기능 추가 */
.inCont.first_page {
  padding: 170px 0 70px;
}

.inCont.first_page h2 {
  font-size: 60px;
  color: #222;
  font-weight: bold;
  text-align: center;
  line-height: 86px;
  margin-bottom: 470px;
}

.inCont.first_page p {
  font-size: 24px;
  color: #222;
  text-align: center;
  line-height: 36px;
  margin-bottom: 95px;
}

.inCont.first_page img {
  display: block;
  margin: 0 auto;
}

.inCont.page_index {
  padding: 50px 20px;
}

.inCont.page_index h3 {
  font-size: 60px;
  color: #222;
  font-weight: bold;
  text-align: Center;
  line-height: 86px;
  margin-bottom: 86px;
}

.inCont.page_index .index_list {
  margin-bottom: 40px;
}

.inCont.page_index .index_inner li {
  font-size: 20px;
  color: #222;
  font-weight: bold;
  line-height: 30px;
  position: relative;
}

.inCont.page_index .index_list > li {
  font-size: 26px;
  color: #222;
  font-weight: bold;
  line-height: 38px;
}

.inCont.page_index .index_list > li {
  font-size: 26px;
  color: #222;
  font-weight: bold;
  line-height: 38px;
  position: relative;
  overflow: hidden;
}

.inCont.page_index .index_list > li::after {
  content: "";
  display: block;
  clear: both;
}

.inCont.page_index .index_list li em {
  float: left;
  background: #fff;
  padding-right: 20px;
  position: relative;
  z-index: 2;
}

.inCont.page_index .index_list li span {
  float: right;
  display: inline-block;
  padding-left: 20px;
  background: #fff;
  position: relative;
  z-index: 2;
}

.inCont.page_index .index_list li span a {
  font-size: 14px;
  color: #333;
  padding: 5px 10px;
  background: #ddd;
}

.inCont.page_index .index_list > li::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #222;
  position: absolute;
  top: 20px;
  z-index: 1;
}

.inCont.page_index .index_inner {
  width: 100%;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin-top: 20px;
}

.inCont.page_index .index_inner li {
  font-size: 20px;
  color: #222;
  font-weight: bold;
  line-height: 30px;
}

.inCont.page_index .index_inner > li::after {
  content: "";
  display: block;
  clear: both;
}

.inCont.page_index .index_inner > li::after {
  content: "";
  display: block;
  clear: both;
}

.inCont.page_index .index_inner > li::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #222;
  position: absolute;
  top: 15px;
  z-index: 1;
}

.inCont.page_index .index_list.no_line > li::before {
  display: none;
}

.inCont.page_index .index_inner.no_line li::before {
  display: none;
}

.pop_btn_box {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  margin-top: 20px;
  text-align: right;
}

.pop_btn_box button {
  display: inline-block;
  font-size: 13px;
  color: #333;
  border: 1px solid #dddbda;
  padding: 5px;
  width: 100px;
}

.pop_contents .gray_bg_box {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  background: #f3f1f0;
}

.rules_list li {
  color: #222;
  margin-bottom: 20px;
}

.rules_list li p {
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
}

.rules_list li span {
  font-size: 20px;
}

.rules_list .last {
  color: #ff404e;
}

.col_red {
  color: #ff404e;
  font-weight: bold;
}

/* margin & padding */
.ac {
  text-align: center !important;
}

.mt_0 {
  margin-top: 0px !important;
}

.mt-04 {
  margin-top: -4px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}

.clefix:after {
  content: "";
  display: block;
  clear: both;
}

/* vertical-align */
.vt {
  vertical-align: top !important;
}

.vm {
  vertical-align: middle !important;
}

.txtB {
  font-weight: bold !important;
}

/******* BX Guide *********/
/* font */
#header .menus_sec .gnb > ul > li.deps1 .menus:lang(ko),
#header .menu_title_wrap .deps1_tit:lang(ko),
.main .recommend_wrap .tit00:lang(ko),
.main .recommend_wrap .main_recommend_list .list .product .tit:lang(ko),
.main .product_main_slider .banner_wrap .tit .tit_txt:lang(ko),
.list_wrap.board_type .list .pro_box2 .pro_intro .pro_tit:lang(ko),
.list_wrap.board_type .list .pro_box2 .pro_info .price:lang(ko),
.main .btv_new:lang(ko),

#header .menu_title_wrap .deps1_tit small,
.list_wrap .list .pro_box2 .price .price_info,
.main .btv_new .txt {
  font-family: "notokr";
}

/* submain */
/* #contents.smain,
#contents.smain .cmm_boxs,
#contents.smain .dep1_tab.tab_wrap .tabs.on a,
#contents.smain .tab_wrap {background:#f7f7f7;} */
/* #contents.smain .list_wrap.board_type .list .pro_box2,
#contents.smain .more.border_sy,
#contents.smain .util_banner_wrap .util_banner_list li a {background:#fff;} */
.list_wrap.board_type .list .pro_box2 .pro_info .price .em,
.add_header .banner_wrap .banner_list a dl .price .em {
  color: #666;
}

#contents.smain .s_main_tit {
  font-size: 36px;
  line-height: 50px;
}

/* 취소선 */
del.arr {
  text-decoration: none;
  position: relative;
  padding-right: 8px;
  border: none;
}

del.arr::after {
  width: 100%;
  height: 9px;
  content: "";
  display: inline-block;
  background: url("/common/img/vin/common/del_arr.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  top: 6px;
  left: 0;
}

/* 이벤트/혜택 > 요금 할인 */
.box_gr {
  background: #f8f6f5;
  padding: 40px;
  text-align: center;
}

.box_gr dl dt {
  color: #ff9000;
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 5px;
}

.box_gr dl dd {
  color: #666;
  line-height: 24px;
}

.box_gr dl dd.img {
  background: #fff;
  padding: 30px;
  margin-top: 10px;
}

.products_top_visual .top .product_price.plan {
  padding-left: 36px;
}

/* 게시판 내 유투브 동영상 삽입 */
.ifr_outline {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.23%;
}

.ifr_outline iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* gnflex 추가 */
.wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wrap.sub_wrap {
  width: 1320px;
  margin: 0 auto;
}

b {
  vertical-align: baseline;
  display: inline-block;
}

div > * {
  color: inherit;
  font-size: inherit;
}

img {
  max-width: 100%;
}

* {
  letter-spacing: -0.4px;
  color: inherit;
  font-size: inherit;
}

/* ----------------------------------- skbroadband 기존소스 ------------------------------------- */
/* 임시 */
.productSet .visual_dk {
  background: #260d56 url("/common/img/vin/@temp/@temp_pdt.png") no-repeat center top !important;
}

/* 개인 테이블 공통 */
.data_table .table tfoot td {
  background: #f4f3fb;
}

.data_table .table tfoot th {
  background: #f4f3fb;
}

.data_table .table tfoot td strong {
  color: #ff9000;
}

/*bx*/
/*search*/
.search .banner_box {
  margin-top: -10px;
}

.search .banner_box .banner_list {
  margin-top: 30px;
}

.search .cmm_boxs.search_input {
  padding-bottom: 40px;
}

.search_result_word {
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 1;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 380px;
  padding-top: 40px;
  background: #fff;
}

.search_result_word dl {
  float: left;
}

.search_result_word dl.word {
  width: 49%;
}

.search_result_word dl.menu {
  width: 51%;
  padding-left: 22px;
  border-left: 1px solid #dddbda;
}

.search_result_word dl.menu dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 30px;
  padding-left: 8px;
}

.search_result_word dl.word dd,
.search_result_word dl.menu dd {
  position: relative;
}

.search_result_word dl.menu dd {
  position: relative;
  margin-right: 100px;
}

.search_result_word dl.word dd .scroll_inner {
  max-height: 240px;
  overflow: hidden;
  position: relative;
}

.search_result_word dl.menu dd .scroll_inner {
  height: 200px;
  overflow: hidden;
  position: relative;
}

.search_result_word .search_list li {
  font-size: 16px;
  line-height: 24px;
}

.search_result_word .search_list li:first-child {
  margin-top: 0;
}

.search_result_word .search_list li a {
  display: block;
  margin-right: 30px;
  padding: 8px;
}

.search_result_word dl.menu .search_list li a {
  margin-right: 0;
}

.search_result_word .search_list li.on a {
  background: #f8f6f5;
}

.search_result_word .no_data {
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  text-align: left;
  color: #666;
}

.search .cmm_boxs.search_cont {
  padding: 0 0 100px;
}

.search_cont .search_cont_box {
  position: relative;
  margin-top: 80px;
}

.search_cont .search_cont_box:first-child {
  margin-top: 0;
}

.search_cont .search_cont_box .tit04 {
  font-weight: bold;
}

.search_cont .search_cont_box .tit04:lang(ko) {
  font-weight: 500;
}

.search_cont .best_search {
  overflow: hidden;
  margin-top: 30px;
}

.search_cont .best_search ol {
  font-size: 0;
  margin-top: 16px;
}

.search_cont .best_search ol:first-child {
  margin-top: 0;
}

.search_cont .best_search ol li {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  width: 20%;
  text-align: left;
}

.search_cont .best_search ol li .num {
  display: inline-block;
  font-weight: 500;
  width: 20px;
  margin-right: 12px;
  text-align: right;
  color: #898786;
}

.search_cont .best_search ol li .num.em {
  color: #ff9000;
}

/*고객센터*/
/*서브메인*/
.customer_center .customer_box {
  margin-top: 60px;
}

.acc_list_conts .appraisal_box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #dddbda;
}

.acc_list_conts .appraisal_box dl {
  display: table;
  width: 100%;
  margin-top: 20px;
  table-layout: fixed;
}

.acc_list_conts .appraisal_box dl:first-child {
  margin-top: 0;
}

.acc_list_conts .appraisal_box dt {
  display: table-cell;
  width: 208px;
  padding-right: 10px;
  vertical-align: middle;
  color: #222;
}

.acc_list_conts .appraisal_box dd {
  display: table-cell;
  vertical-align: middle;
}

.acc_list_conts .appraisal_box .reason_inp {
  position: relative;
  width: 880px;
  padding-right: 106px;
}

.acc_list_conts .appraisal_box .reason_inp .btn {
  position: absolute;
  top: 0;
  right: 0;
}

.more.border_sy {
  line-height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 360px;
  height: 50px;
  margin: 30px auto 0;
  color: #666;
  border: 1px solid #dddbda;
}

.more.border_sy .arr {
  margin-right: 10px;
  border-color: #666;
}

.more.border_sy .arr.right {
  position: relative;
  top: 2px;
  margin: 0 0 0 5px;
}

.customer_main_search {
  margin-top: 60px;
  padding: 20px 30px;
  background: #f8f6f5;
}

.customer_main_search dl {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.customer_main_search dt {
  display: table-cell;
  font-size: 28px;
  line-height: 42px;
  width: 310px;
  padding-right: 10px;
  vertical-align: middle;
}

/*bx*/

.customer_main_search dd input[type=text] {
  display: inline-block;
  float: left;
  width: 694px;
}

.customer_main_search dd .btn {
  float: left;
  margin-left: 6px;
}

.customer_center .acc_list_wrap.board_type.notice .acc_list_head a,
.customer_center .acc_list_wrap.board_type.notice2 .acc_list_head a {
  padding: 30px;
}

.customer_center .acc_list_wrap.board_type.notice .title,
.customer_center .acc_list_wrap.board_type.notice2 .title {
  overflow: hidden;
  width: 850px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

.customer_center .acc_list_wrap.board_type .title .hide {
  display: inline-block;
}

.customer_center .acc_list_wrap.board_type.notice .conts .category {
  width: 73px;
}

.customer_center .acc_list_wrap.board_type.notice2 .conts .category {
  width: 35px;
}

.customer_center .acc_list_wrap.board_type.notice2 .conts .area {
  width: 28px;
}

.customer_center .smain_box:after {
  display: block;
  clear: both;
  content: "";
}

.customer_center .smain_box li {
  position: relative;
  float: left;
  margin-bottom: 30px;
  background: #fff1d5;
  border-radius: 40px 40px 0 40px;
  -moz-border-radius: 40px 40px 0 40px;
  -webkit-border-radius: 40px 40px 0 40px;
}

.customer_center .smain_box li.mid {
  margin: 0 30px;
}

.customer_center .smain_box li a {
  display: block;
  width: 370px;
  height: 240px;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 34px;
  line-height: 44px;
  color: #222;
  font-weight: 500;
}

.customer_center .smain_box li a span {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.customer_center .smain_box .counselor_info_area {
  padding: 48px 106px;
  border-radius: 40px 40px 0 40px;
  margin-bottom: 30px;
  background: #fff1d5;
  font-size: 20px;
  color: #222;
}

.customer_center .smain_box .counselor_info_area li {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: none;
  font-size: 24px;
  font-weight: 500;
}

.customer_center .smain_box .counselor_info_area li:first-child {
  padding-bottom: 28px;
  border-bottom: 2px solid #ffbd63;
  border-radius: 0;
  margin-bottom: 24px;
}

.customer_center .smain_box .counselor_info_area li:last-child {
  margin-bottom: 0;
}

.customer_center .smain_box .counselor_info_area li span {
  padding-right: 30px;
  margin-right: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 64%;
          flex: 1 1 64%;
}

.customer_center .smain_box .counselor_info_area li:last-child span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 73%;
          flex: 1 1 73%;
}

.customer_center .smain_box .counselor_info_area li em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-weight: inherit;
  color: #ff9000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customer_center .smain_box .counselor_info_area li em:before {
  width: 33px;
  height: 33px;
  margin-right: 10px;
  display: inline-block;
  background: url("/common/img/vin/customer/ico_telephone_01.png") no-repeat 0 0;
  content: "";
}

.cu_main_btn {
  font-size: 0;
  margin-left: -10px;
}

.cu_main_btn .btn {
  display: inline-block;
  font-size: 15px;
  line-height: 48px;
  width: 580px;
  height: 50px;
  margin-left: 10px;
  text-align: center;
  color: #666;
  border: 1px solid #dddbda;
}

.cu_main_btn .btn .arr {
  display: inline-block;
  margin: -2px 0 0 10px;
  vertical-align: middle;
}

.cu_main_btn .btn:before {
  content: "";
  display: inline-block;
  clear: both;
  width: 24px;
  height: 24px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: url("/common/img/vin/customer/cu_main_btn_ico.png") no-repeat 0 0;
}

.cu_main_btn .btn.btn02:before {
  background-position: -100px 0;
}

.customer_info_banner {
  display: table;
  position: relative;
  width: 100%;
  margin-top: 40px;
  padding: 40px 30px 40px 125px;
  table-layout: fixed;
  background: #f8f6f5;
}

.customer_info_banner .txt {
  display: table-cell;
  vertical-align: middle;
  color: #666;
}

.customer_info_banner .txt strong {
  display: inline-block;
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
  margin-right: 20px;
  vertical-align: middle;
  color: #222;
}

.customer_info_banner .icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  border-radius: 50%;
  background: #fff;
}

.customer_info_banner .icon .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
}

.customer_info_banner .btn_area {
  display: table-cell;
  width: 330px;
  vertical-align: middle;
}

.customer_info_banner .btn_area .btn {
  width: 160px;
  margin-left: 5px;
}

.customer_info_banner .btn_area .btn:first-child {
  margin-left: 0;
}

/*자주찾는 질문*/
.qna_ico_tab {
  position: relative;
  overflow: hidden;
}

.qna_ico_tab .ui_count_slider {
  overflow: hidden;
  max-width: 1025px;
  margin: 0 auto;
}

.qna_ico_tab ul {
  min-width: 10000px;
  border-left: 1px solid #dddbda;
}

.qna_ico_tab ul:after {
  content: "";
  display: block;
  clear: both;
}

.qna_ico_tab .tabs {
  position: relative;
  z-index: 1;
  float: left;
  width: 128px;
}

.qna_ico_tab .tab_link {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 125px;
  padding-top: 30px;
  text-align: center;
  border: 1px solid #dddbda;
  border-left: none;
  background: #f8f6f5;
}

.qna_ico_tab .tab_link .ico {
  display: block;
  margin: 0 auto 10px;
}

.qna_ico_tab .tabs.on {
  position: relative;
  z-index: 2;
  width: 129px;
  margin-left: -1px;
}

.qna_ico_tab .on .tab_link {
  text-decoration: underline;
  color: #ff9000;
  border: 1px solid #ff9000;
  background: none;
}

.qna_ico_tab .btn_arr {
  display: block;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 72px;
  height: 125px;
  text-indent: -9999em;
  border: 1px solid #dddbda;
  background: #f8f6f5;
}

.qna_ico_tab .btn_arr.btn_prev {
  left: 0;
  width: 73px;
  border-right: none;
}

.qna_ico_tab .btn_arr.btn_next {
  right: 0;
  border-left: none;
}

.qna_ico_tab .btn_arr span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 31px;
  margin: -15px 0 0 -8px;
  background: url("/common/img/vin/customer/bz_qna_arrow.png") no-repeat 0 0;
}

.qna_ico_tab .btn_arr.btn_prev.disabled span {
  background-position: 0 0;
}

.qna_ico_tab .btn_arr.btn_next.disabled span {
  background-position: -100px 0;
}

.qna_ico_tab .btn_arr.btn_prev span {
  background-position: 0 -100px;
}

.qna_ico_tab .btn_arr.btn_next span {
  background-position: -100px -100px;
}

.gray_box {
  padding: 30px;
  border: 1px solid #dddbda;
  background: #f8f6f5;
}

.gray_box .em {
  color: #ff9000;
}

/*bx*/
.gray_box.pd2 {
  padding: 20px 30px;
}

.gray_box.pd3 {
  padding: 30px 20px;
}

.gray_box.no_bd {
  border: none;
}

.gray_box .search_form {
  position: relative;
}

.gray_box .search_form input[type=text] {
  display: inline-block;
  float: left;
  width: 1002px;
}

.gray_box .search_form .btn {
  float: left;
  margin-left: 6px;
}

.gray_box .search_form .chk_wrap {
  position: absolute;
  right: 0;
  bottom: -40px;
}

.gray_box .search_form .search_select_view {
  position: relative;
  float: left;
  width: 348px;
  margin-right: 6px;
}

.phone .gray_box .search_form .search_select_view input[type=text] {
  float: none;
  width: 100%;
  margin-right: 0;
}

.gray_box .search_form .search_select_view .auto_complete {
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  z-index: 10;
  overflow: auto;
  max-height: 310px;
  border: 1px solid #dddbda;
  background: #fff;
}

.gray_box .search_form .search_select_view .auto_complete li a {
  display: block;
  line-height: 1.8em;
  height: auto;
  min-height: 26px;
  padding: 0 25px 3px 12px;
  color: #303030;
}

.gray_box .search_form .search_select_view .auto_complete li a:hover,
.gray_box .search_form .search_select_view .auto_complete li a:focus,
.gray_box .search_form .search_select_view .auto_complete li.on a {
  background-color: #f4f4f4;
}

.gray_box .search_form .search_select_view .auto_complete li.on a {
  text-decoration: underline !important;
}

.gray_box .best_search {
  overflow: hidden;
  margin-top: 20px;
}

.gray_box .best_search dt {
  float: left;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.gray_box .best_search dd {
  float: left;
  padding-left: 10px;
}

.gray_box .best_search dd li {
  float: left;
  padding-left: 20px;
}

.gray_box .btm_list {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #dddbda;
}

/*1:1고객상담*/
.steps_box {
  padding: 40px 0;
  background: #f8f6f5;
}

.steps_box .em {
  color: #ff9000;
}

/*bx*/
.steps_box.multi_line .step_wrap.case {
  padding-top: 15px;
}

.steps_box.multi_line .step_wrap.case .lists:last-child {
  position: relative;
  top: -15px;
}

.steps_box.size03 {
  padding-right: 40px;
  padding-left: 40px;
}

.step_wrap.case .step_list .lists {
  width: 349px;
  margin-right: 30px;
}

.step_wrap.case .step_list .lists:last-child {
  margin-right: 0;
}

.step_wrap.case .step_list .lists .step_cir {
  text-align: center;
  vertical-align: middle;
  border: none;
}

.step_wrap.case .step_list.n_circle .lists .step_cir {
  background: transparent;
}

.step_wrap.case .step_list .lists .step_txt {
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  margin: 0 0 0 20px;
  text-align: left;
  vertical-align: middle;
}

.step_wrap.case .step_list .lists .step_txt .em {
  font-size: 16px;
  line-height: 24px;
}

.step_wrap.case .step_list .lists::after {
  top: 18px;
  right: -21px;
  width: 22px;
  height: 22px;
  border: 2px solid #cccac9;
  border-top: none;
  border-left: none;
}

.step_wrap.case .step_list .lists .step_txt .add_txt {
  font-size: 14px;
  line-height: 21px;
  color: #898786;
}

.gray_box .btm_list.steps {
  padding-top: 30px;
  text-align: center;
}

.gray_box .btm_list.steps dt:first-child {
  margin-top: 0;
}

.gray_box .btm_list.steps dt {
  margin-top: 20px;
  color: #222;
}

.gray_box .btm_list.steps dd {
  margin-top: 4px;
  color: #666;
}

.float_list_wrap {
  overflow: hidden;
  font-size: 0;
}

.float_list_wrap .list {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  min-height: 246px;
  margin-left: 30px;
  vertical-align: top;
  border: 1px solid #dddbda;
}

.float_list_wrap .list:first-child {
  margin-left: 0;
}

.nonmember_banner a {
  display: block;
  padding: 40px;
  border: 1px solid #dddbda;
}

.nonmember_banner dl {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.nonmember_banner dt {
  display: table-cell;
  font-size: 20px;
  line-height: 30px;
  width: 330px;
  vertical-align: middle;
  color: #222;
  border-right: 1px solid #dddbda;
}

.nonmember_banner dt .ico {
  margin-right: 14px;
  vertical-align: middle;
}

.nonmember_banner dd {
  display: table-cell;
  padding-left: 30px;
  vertical-align: middle;
}

.input_form_wrap .acc_list_wrap {
  width: 710px;
  margin: -12px 0;
}

.input_form_wrap .acc_list_wrap .acc_lists {
  border-bottom-color: #eee;
}

.input_form_wrap .acc_list_wrap .acc_lists:first-child {
  border-top: none;
}

.input_form_wrap .acc_list_wrap .acc_lists:last-child {
  border-bottom: none;
}

.input_form_wrap .acc_list_wrap .acc_list_head a {
  padding: 20px 50px 20px 20px;
}

.input_form_wrap .acc_list_wrap .acc_list_head .tit {
  font-size: 15px;
  line-height: 23px;
}

.input_form_wrap .acc_list_wrap .acc_list_head .sp_txt {
  right: 18px;
}

.data_table .down a {
  color: #666;
}

.data_table .answer_cont {
  position: relative;
  margin-top: 30px;
}

.data_table .answer_cont dl {
  margin-top: 20px;
}

.data_table .answer_cont dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 4px;
  color: #222;
}

.data_table .answer_cont dd {
  color: #666;
}

.data_table .answer_cont dd .date {
  margin-top: 10px;
}

.data_table .answer_cont .btn.delete {
  position: absolute;
  right: 0;
  bottom: 0;
}

.bull_list .square strong {
  font-weight: 500;
}

.bull_list .square em.strColr {
  font-weight: 500;
  color: #012022;
}

.bull_list .R_mark {
  padding-left: 15px;
  position: relative;
}

.bull_list .R_mark span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.acc_list_wrap .acc_list_conts .bold_txt {
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 4px;
  color: #222;
}

.select_group.size_3.case .selects {
  width: calc(50% - 3px);
}

.select_group.size_3.case .selects:nth-child(3) {
  width: 100%;
  margin: 10px 0 0 0;
}

/*비회원 문의내역*/
.acc_list_wrap .acc_conts .agree_cont .tit_strong {
  display: block;
  font-weight: 500;
  color: #222;
}

.agree_btm_ckeck {
  margin-top: 20px;
}

/*본인인증*/
.agree_gray_tablewrap {
  padding: 30px;
  background: #f8f6f5;
}

/*공지사항*/
.acc_list_wrap.board_type .conts .num .flag {
  line-height: 26px;
  min-width: 44px;
  height: 26px;
}

.acc_list_wrap .no_result {
  border-top: 2px solid #222;
}

.customer_center .search_from .form_box .ui-calendar-container:after {
  right: 140px;
}

/*고객센터/매장찾기*/
.tab_wrap.box_type.size_17 .tabs {
  width: 69px;
}

.tab_wrap.box_type.size_17 .tabs:nth-child(1),
.tab_wrap.box_type.size_17 .tabs:nth-child(2),
.tab_wrap.box_type.size_17 .tabs:nth-child(3) {
  width: 68px;
}

.customer_center .tab_wrap.sub_tab {
  width: 1190px;
}

.customer_center .tab_wrap.sub_tab .sub_tab_wrap {
  margin: 0;
}

.customer_center .tab_wrap.sub_tab ul {
  margin: 0 0 -8px -20px;
  padding: 8px 0 0;
}

.customer_center .tab_wrap.sub_tab .tabs .tab_link {
  width: 84px;
  padding-right: 0;
}

.customer_center .tab_wrap.sub_tab .tabs.on .tab_link {
  text-decoration: underline;
}

.border_scroll_list {
  overflow: hidden;
  border: 1px solid #dddbda;
}

.border_scroll_list .scroll_list {
  float: left;
  width: 370px;
  margin: 40px 20px 30px 40px;
  padding-right: 20px;
}

.border_scroll_list .scroll_list ul {
  height: 880px;
}

.place_box a {
  display: block;
  padding: 40px 0;
  border-bottom: 1px solid #eeeceb;
}

.scroll_list li:first-child .place_box a {
  padding-top: 0;
}

.place_box dt {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 20px;
}

.place_box dd {
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.place_box dd p {
  position: relative;
  margin-top: 10px;
  padding-left: 26px;
}

.place_box dd p .ico,
.border_scroll_list .place_box dd p strong {
  position: absolute;
  top: 0;
  left: 0;
}

.place_box dd p.area {
  margin-top: 20px;
  padding-left: 60px;
}

.place_box dd p.area2 {
  margin-top: 20px;
  padding-left: 98px;
}

.place_box dd .address {
  height: 32px;
}

.on .place_box dt {
  text-decoration: underline;
  color: #ff9000;
}

/*bx*/
.border_scroll_list .cont_box {
  float: left;
  width: 738px;
}

.border_scroll_list .cont_box .map {
  overflow: hidden;
  height: 420px;
}

.border_scroll_list .cont_box .map.ui_map {
  height: 950px;
}

.border_scroll_list .cont_box .map img {
  display: block;
  width: 100%;
}

.border_scroll_list .cont_box .data_table {
  margin: 30px 40px 0 0;
}

.border_scroll_list .cont_box .data_table .table {
  max-height: 385px;
  border-bottom: 1px solid #dddbda;
}

.border_scroll_list .cont_box .data_table.track_visible .table {
  margin-right: 10px;
}

.border_scroll_list .cont_box .data_table .table:after {
  display: none;
}

.border_scroll_list .cont_box .data_table .table tbody tr:last-child th,
.border_scroll_list .cont_box .data_table .table tbody tr:last-child td {
  border-bottom: none;
}

.transport li {
  display: table;
  font-size: 15px;
  line-height: 23px;
  width: 100%;
  margin-top: 8px;
  table-layout: fixed;
  color: #666;
}

.transport li:first-child {
  margin-top: 0;
}

.transport .way {
  display: table-cell;
  padding-right: 5px;
  vertical-align: top;
}

.transport .txt {
  display: table-cell;
  vertical-align: top;
}

.data_table .btm_r_btn {
  margin-top: 20px;
  text-align: right;
}

/*버스*/
.transport .bus {
  width: 36px;
}

.bus span {
  display: block;
  font-size: 12px;
  line-height: 21px;
  width: 36px;
  height: 23px;
  text-align: center;
  color: #fff;
}

.bus.bus01 span {
  background: #488700;
}

.bus.bus02 span {
  background: #ff9000;
}

/*지하철*/
.transport .subway {
  width: 22px;
}

.subway.line12,
.subway.line15,
.subway.line16,
.subway.line18,
.subway.line21,
.subway.line27,
.subway.line34 {
  width: 38px;
}

/*2글자*/
.subway.line10,
.subway.line11 {
  width: 46px;
}

/*3글자*/
.subway.line13,
.subway.line17 {
  width: 50px;
}

/*3글자*/
.subway.line14,
.subway.line19,
.subway.line20,
.subway.line22,
.subway.line28 {
  width: 62px;
}

/*4글자*/
.subway span {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  text-align: center;
  color: #fff;
  border-radius: 20px;
}

.subway.line01 span {
  background: #003499;
}

.subway.line02 span {
  background: #488700;
}

.subway.line03 span {
  background: #fa5f2c;
}

.subway.line04 span {
  background: #3171d3;
}

.subway.line05 span {
  background: #924cbb;
}

.subway.line06 span {
  background: #9a4f11;
}

.subway.line07 span {
  background: #697215;
}

.subway.line08 span {
  background: #e71e6e;
}

.subway.line09 span {
  color: #222;
  background: #c4a734;
}

.subway.line10 span {
  background: #6691c9;
}

.subway.line11 span {
  color: #222;
  background: #ffb850;
}

.subway.line12 span {
  color: #222;
  background: #edb216;
}

.subway.line13 span {
  background: #a71e31;
}

.subway.line14 span {
  color: #222;
  background: #7dc4a5;
}

.subway.line15 span {
  background: #26a97f;
}

.subway.line16 span {
  color: #222;
  background: #71b8e5;
}

.subway.line17 span {
  color: #222;
  background: #ff8e00;
}

.subway.line18 span {
  color: #222;
  background: #edb217;
}

.subway.line19 span {
  color: #222;
  background: #77c371;
}

.subway.line20 span {
  color: #222;
  background: #ff9d5a;
}

.subway.line21 span {
  background: #2673f2;
}

.subway.line22 span {
  color: #222;
  background: #c6c100;
}

.subway.line23 span {
  background: #f0602f;
}

.subway.line24 span {
  background: #488700;
}

.subway.line25 span {
  color: #222;
  background: #d4a556;
}

.subway.line26 span {
  background: #426fb5;
}

.subway.line27 span {
  color: #222;
  background: #80a8d8;
}

.subway.line28 span {
  background: #80499c;
}

.subway.line29 span {
  background: #fa5f2c;
}

.subway.line30 span {
  background: #488700;
}

.subway.line31 span {
  color: #222;
  background: #fdbf56;
}

.subway.line32 span {
  background: #488700;
}

.subway.line33 span {
  background: #488700;
}

.subway.line34 span {
  background: #ff9f11;
}

/*신청서 다운로드*/
.application_form_list .lists {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding: 30px;
  border: 1px solid #dddbda;
}

.application_form_list .lists:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 300px;
  clear: both;
  height: calc(100% - 60px);
  margin: 30px 0;
  border-left: 1px solid #eeeceb;
}

.application_form_list .lists:first-child {
  margin-top: 0;
}

.application_form_list .down_box {
  float: left;
  width: 270px;
}

.application_form_list .down_box .tit {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.application_form_list .down_box .btn_down {
  margin-top: 20px;
}

.application_form_list .info_box {
  float: left;
  width: 837px;
  padding-left: 19px;
}

.application_form_list .info_box .txt {
  font-size: 18px;
  line-height: 27px;
}

.application_form_list .info_box .list {
  margin-top: 30px;
  color: #666;
}

.application_form_list .info_box .list li {
  position: relative;
  margin-top: 8px;
  padding-left: 66px;
}

.application_form_list .info_box .list li strong {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
  color: #222;
}

.application_form_list .info_box .s_txt {
  font-size: 13px;
  line-height: 20px;
  margin-top: 8px;
  color: #898786;
}

.tit_float_wrap .flt_cont .s_txt {
  font-size: 13px;
  line-height: 20px;
  margin: 6px 0 0;
  color: #898786;
}

.tit_float_wrap .flt_cont .btn_wrap {
  margin-top: 10px;
  text-align: left;
}

.tit_float_wrap .flt_cont .btn_wrap.type2 {
  margin-top: 20px;
}

.pdf_viewer_btn span {
  font-size: 14px;
  line-height: 21px;
  margin-left: 10px;
  text-decoration: underline;
  color: #ff9000;
}

/*장애진단*/
.customer_center .anchor_tab_wrap {
  margin-top: 50px;
}

#contents .conts_box.error_first {
  margin-top: 60px;
}

.tit_home_error {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
}

.home_error_list {
  overflow: hidden;
  border: 1px solid #dddbda;
}

.home_error_list .lists {
  float: left;
  width: 50%;
  border-left: 1px solid #dddbda;
}

.home_error_list .lists:first-child {
  border-left: none;
}

.home_error_cont {
  text-align: center;
}

.home_error_cont .img {
  padding: 30px 0;
}

.home_error_cont.pd2 .img {
  padding: 40px 0;
}

.home_error_cont .txt {
  padding: 19px 0 18px;
  color: #666;
  background: #f8f6f5;
}

.customer_center .btm_bull_box {
  margin-top: 20px;
}

/*Wing프리 기술지원*/
.customer_login_box {
  overflow: hidden;
  padding: 50px;
  border: 1px solid #dddbda;
}

.customer_login_box .txt_wrap {
  float: left;
  width: 325px;
}

#contents .customer_login_box .tit01 {
  margin-bottom: 10px;
}

.customer_login_box .txt {
  color: #666;
}

.customer_login_box .login_form {
  position: relative;
  float: left;
  width: 743px;
  padding-left: 80px;
  border-left: 1px solid #eeeceb;
}

.customer_login_box .login_form .login_inp {
  margin-top: 15px;
}

.customer_login_box .login_form .login_inp.id {
  margin-top: 0;
}

.customer_login_box .login_form .login_inp label {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  width: 92px;
  vertical-align: middle;
}

.customer_login_box .login_form .login_inp .input_txt {
  width: 360px;
  vertical-align: middle;
}

.customer_login_box .login_form .btn.login {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  line-height: 115px;
  width: 200px;
  height: 115px;
  vertical-align: middle;
  color: #fff;
  background: #ff9000;
}

/*ars안내*/
.ars_list_wrap {
  overflow: hidden;
}

.ars_list_wrap .ars_phone {
  float: left;
  width: 360px;
  height: 696px;
  padding: 54px 21px 54px 20px;
  background: url("/common/img/vin/customer/ars_info_bg.png") no-repeat 0 0;
}

.ars_list_wrap .ars_phone .tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  padding: 45px 0 41px;
  text-align: center;
  border: 1px solid #dddbda;
  background: #f3f1f0;
}

.ars_list_wrap .ars_phone .tit .number {
  display: block;
  font-size: 40px;
  font-weight: bold;
  line-height: 54px;
  color: #ff9000;
}

/*bx*/
.ars_list_wrap .ars_phone .tit .number:lang(ko) {
  font-weight: 500;
}

.ars_list_wrap .ars_phone .number_list {
  overflow: hidden;
  border: 1px solid #dddbda;
  border-top: none;
  background: #fff;
}

.ars_list_wrap .ars_phone .number_list .lists {
  float: left;
  width: 33%;
}

.ars_list_wrap .ars_phone .number_list .lists .link.star {
  padding-top: 38px;
}

.ars_list_wrap .ars_phone .number_list .lists:nth-child(3n) {
  width: 34%;
}

.ars_list_wrap .ars_phone .number_list .lists:nth-child(1) .link,
.ars_list_wrap .ars_phone .number_list .lists:nth-child(2) .link,
.ars_list_wrap .ars_phone .number_list .lists:nth-child(3) .link {
  height: 102px;
  border-top: none;
}

.ars_list_wrap .ars_phone .number_list .lists:nth-child(3n) .link {
  border-right: none;
}

.ars_list_wrap .ars_phone .number_list .lists:nth-child(10) .link,
.ars_list_wrap .ars_phone .number_list .lists:nth-child(11) .link,
.ars_list_wrap .ars_phone .number_list .lists:nth-child(12) .link {
  height: 116px;
}

.ars_list_wrap .ars_phone .number_list .lists .link {
  display: block;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 99px;
  padding-top: 13px;
  text-align: center;
  color: #898786;
  border-top: 1px solid #dddceb;
  border-right: 1px solid #dddceb;
}

.ars_list_wrap .ars_phone .number_list .lists .link .num {
  display: block;
  font-size: 36px;
  line-height: 54px;
  margin-bottom: -4px;
  color: #222;
}

.ars_list_wrap .ars_phone .number_list .lists span.link .num {
  color: #cccac9;
}

.ars_list_wrap .ars_phone .number_list .lists .link.star .num {
  font-size: 40px;
  line-height: 30px;
  color: #898786;
}

.ars_list_wrap .ars_phone .number_list .lists .link.sharp .num {
  color: #898786;
}

.ars_list_wrap .ars_phone .number_list .lists.on .link {
  color: #fff;
  background: #ff9000;
}

/*bx*/
.ars_list_wrap .ars_phone .number_list .lists.on .link .num {
  color: #fff;
}

.ars_list_wrap .acc_list_wrap {
  float: right;
  width: 730px;
}

.ars_list_wrap .acc_list_wrap .tit .num {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background: #ff9000;
}

/*bx*/
.ars_list_wrap .acc_list_wrap .bull_list .number span.num {
  font-weight: 500;
}

/*서비스매니저 칭찬*/
.best_compliment {
  position: relative;
  padding: 30px;
  background: #f8f6f5;
}

.best_compliment .tit01 {
  padding-bottom: 20px;
  border-bottom: 1px solid #dddbda;
}

.best_compliment .selects {
  position: absolute;
  top: 25px;
  right: 30px;
  width: 300px;
}

.best_compliment .txt_wrap .tit {
  font-size: 24px;
  line-height: 36px;
}

.best_compliment .txt_wrap .tit .top_em {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 6px;
  color: #ff9000;
}

/*bx*/
.best_compliment .txt_wrap .tit strong {
  font-weight: 500;
}

.best_compliment .txt_wrap .txt {
  margin-top: 20px;
  color: #666;
}

.compliment_coupon_info {
  padding: 40px 40px 40px 213px;
  border: 1px solid #dddbda;
  background: url("/common/img/vin/customer/pb_conion_img.png") no-repeat 40px 50%;
}

.compliment_coupon_info strong {
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 10px;
}

.compliment_coupon_info .txt p {
  margin-top: 30px;
}

.compliment_coupon_info .txt p:first-child {
  margin-top: 0;
}

.customer_center .module_cal.wid232 .input_txt {
  width: 232px !important;
}

.customer_center .module_cal.wid232 .ui-calendar-container:after {
  right: 67px;
}

/*미환급금 조회/환불신청*/
.bull_list .square .dash {
  color: #666;
}

.customer_center .data_table .table tfoot th,
.customer_center .data_table .table tfoot td {
  padding: 11px 20px;
}

.data_table .no_data {
  font-size: 18px;
  line-height: 27px;
  color: #898786;
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

/*환급금 기부 팝업*/
.donation_box .top_img {
  margin-bottom: 20px;
}

.donation_box .top_txt .b_txt {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.donation_box .top_txt .s_txt {
  font-size: 14px;
  line-height: 21px;
  margin-top: 10px;
  color: #898786;
}

/*추후 수정*/
.donation_box .img_box {
  overflow: hidden;
  margin-top: 30px;
}

.donation_box .img_box li {
  float: left;
  width: 147px;
  height: 140px;
  margin-left: 10px;
  background: #d8d8d8;
}

.donation_box .img_box li:first-child {
  margin-left: 0;
}

/*//추후 수정*/
.donation_box .s_btn_wrap {
  margin-top: 20px;
  text-align: center;
}

.donation_box .gray_line_box p {
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.donation_box .group_radio {
  margin-top: 10px;
}

.donation_box .btn_wrap {
  margin-top: 30px;
}

/*기업 고객센터*/
/*1:1 고객상담*/
.step_wrap.case .step_list.size04 .lists {
  width: 260px;
}

.step_wrap.case .step_list.size04 .lists:nth-child(1),
.step_wrap.case .step_list.size04 .lists:nth-child(2) {
  width: 259px;
}

/*1:1 이메일상담*/
.gray_txt {
  color: #666;
}

.user_type_select:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.user_type_select .list {
  float: left;
  width: 570px;
  padding: 40px;
  border: 1px solid #dddbda;
}

.user_type_select .list:last-child {
  float: right;
}

.user_type_select .list a {
  display: block;
}

.user_type_select .list dl {
  margin-top: 20px;
  text-align: center;
}

.user_type_select .list dl dt {
  font-size: 20px;
  font-weight: 500;
  color: #222;
}

.user_type_select .list dl dd {
  font-size: 14px;
  margin-top: 4px;
  color: #898786;
}

.user_type_select .list .ico {
  display: block;
  margin: 0 auto;
}

/*btv*/
.btv .arr.right.w10 {
  display: inline-block;
  margin: -2px 0 0 5px;
  vertical-align: middle;
}

/*서브메인*/
.main_btv_service .service_wrap {
  overflow: hidden;
  margin-top: 40px;
}

.main_btv_service .service_wrap:first-child {
  margin-top: 0;
}

.main_btv_service .top_info {
  padding-bottom: 10px;
}

.main_btv_service .top_info:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.main_btv_service .top_info dl {
  float: left;
}

.main_btv_service .top_info dl dt {
  font-size: 20px;
  font-weight: bold;
  padding-right: 10px;
}

.main_btv_service .top_info dl dt,
.main_btv_service .top_info dl dd {
  display: inline-block;
}

.main_btv_service .top_info > a {
  float: right;
}

.btv .btv_bnr_list.type_slide.btv_mian {
  margin: 0;
}

.btv .btv_bnr_list.type_slide.btv_mian ul {
  margin-left: -1px;
}

.btv .btv_bnr_list.type_slide.btv_mian .lists {
  width: 290px;
  margin: 0;
}

.btv .btv_bnr_list.type_slide.btv_mian .control_btn a.prev {
  left: 0;
}

.btv .btv_bnr_list.type_slide.btv_mian .control_btn a.next {
  right: 0;
}

.btv .btv_bnr_list.type_slide.btv_mian .control_btn a.disabled {
  display: none !important;
}

.main_btv_service .btv_bnr_list .channel_box .tit a {
  display: block;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  padding: 10px 30px;
  color: #fff;
  border-left: 1px solid #d0cecd;
  background: #666;
}

.main_btv_service .btv_bnr_list .channel_box .tit a .arr {
  position: absolute;
  top: 50%;
  right: 32px;
  width: 6px;
  height: 12px;
  margin-top: -8px;
  background: url("/common/img/vin/common/arr_6_12_white.png") no-repeat 0 0;
}

.main_btv_service .btv_bnr_list .channel_box .cont {
  padding: 28px 30px;
  border-left: 1px solid #dddbda;
  background: #fff;
}

.main_btv_service .btv_bnr_list .channel_box .cont .channel a {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.main_btv_service .btv_bnr_list .channel_box .cont .channel a img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.main_btv_service .btv_bnr_list .channel_box .cont .organizational {
  margin-top: 15px;
}

.main_btv_service .btv_bnr_list .channel_box .cont .organizational .lists {
  position: relative;
  overflow: hidden;
  font-size: 15px;
  line-height: 23px;
  width: 90%;
  margin-top: 6px;
  padding-left: 52px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
}

.main_btv_service .btv_bnr_list .channel_box .cont .organizational .lists:first-child {
  margin-top: 0;
}

.main_btv_service .btv_bnr_list .channel_box .cont .organizational .lists .time {
  position: absolute;
  top: 0;
  left: 0;
  color: #222;
}

.main_btv_service .btv_bnr_list .channel_box .cont .organizational .lists .time.ing {
  color: #ff9000;
}

.btv .ui_carousel_slider {
  overflow: hidden;
}

.btv .btv_bnr_list.type_slide.btv_mian.main2 {
  margin: 0 -7px;
}

.btv .btv_bnr_list.type_slide.btv_mian.main2 .lists {
  width: 160px;
  padding: 0 7px;
}

.btv .btv_bnr_list.type_slide.btv_mian.main2 .lists:first-child {
  margin-left: 0;
}

.btv .btv_bnr_list.type_slide.btv_mian.main2 .control_btn a {
  margin-top: -35px;
  background-image: url(/common/img/vin/btv/btn_slider3.png);
}

.btv .btv_bnr_list.type_slide.btv_mian.main2 .control_btn a.prev {
  left: 7px;
}

.btv .btv_bnr_list.type_slide.btv_mian.main2 .control_btn a.next {
  right: 7px;
}

.main_btv_service .btv_bnr_list .poster_img a {
  display: block;
}

.main_btv_banner_wrap {
  overflow: hidden;
}

.btv .kids_banner {
  float: left;
  width: 770px;
}

.btv .kids_banner a {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 770px;
  height: 203px;
  padding: 30px;
  color: #fff;
  background: url("/common/img/vin/btv/main_kids_bg.png") no-repeat 0 0;
}

.btv .kids_banner dt {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.btv .kids_banner dd {
  margin-top: 10px;
}

.btv .kids_banner dd .arr_txt {
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-size: 14px;
  line-height: 21px;
}

.btv .kids_banner dd .arr_txt .arr {
  width: 6px;
  height: 12px;
  background: url(/common/img/vin/common/arr_6_12_white.png) no-repeat 0 0;
}

.btv .border_banner {
  float: right;
  width: 370px;
}

.btv .border_banner a {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  height: 203px;
  padding: 30px 140px 30px 30px;
  border: 1px solid #eeeceb;
  background: #fff;
}

.btv .border_banner dt {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.btv .border_banner dt .ico {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -50px;
}

.btv .border_banner dd {
  font-size: 15px;
  margin-top: 10px;
  color: #666;
}

.btv .border_banner dd .arr_txt {
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.btv_guide_wrap {
  overflow: hidden;
}

.btv_guide_wrap .btv_guide_movie {
  float: left;
  width: 770px;
}

.btv_guide_movie .youtube_wrap .thumb:before {
  display: none;
}

.btv_guide_movie .youtube_wrap .thumb:after {
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(/common/img/vin/btv/btv_video_play.png) no-repeat 0 0;
}

.btv_guide_wrap .btv_guide_cont {
  float: right;
  width: 370px;
  padding: 0 30px;
  background: #f8f6f5;
}

.btv_guide_wrap .btv_guide_cont .tip {
  height: 217px;
  padding: 30px 0;
}

.btv_guide_wrap .btv_guide_cont .tip .btn_area {
  margin-top: 30px;
}

.btv_guide_wrap .btv_guide_cont .guide a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 216px;
  padding: 30px 0;
  border-top: 1px solid #dddbda;
}

.btv_guide_wrap .btv_guide_cont .txt {
  font-size: 24px;
  line-height: 36px;
}

.btv_guide_wrap .btv_guide_cont .guide .txt .arr_txt {
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin-top: 30px;
}

.btv_guide_wrap .btv_guide_cont .guide .txt .arr_txt .arr {
  width: 6px;
  height: 12px;
  background: url("/common/img/vin/common/arr_6_10.png") no-repeat 0 0;
}

.main_btv_btm_banner .border_banner a {
  height: 226px;
}

.font_gray_min {
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.bull_list.mt8 {
  margin-top: 8px;
}

.data_table .table.mt6 {
  margin-top: 6px;
}

/*채널팩안내*/
.win_pop .tab_wrap ul {
  width: 100%;
}

.channel_pop .top_txt {
  font-size: 16px;
  line-height: 24px;
}

.channel_pop .top_box {
  display: table;
  width: 100%;
  margin-top: 20px;
  table-layout: fixed;
  background: #f3f1f0;
}

.channel_pop .top_box p {
  display: table-cell;
  position: relative;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  width: 33%;
  padding: 26px 0 25px;
  text-align: center;
  vertical-align: middle;
  color: #666;
}

.channel_pop .top_box p.btv {
  color: #ff9000;
}

.channel_pop .top_box p .plus,
.channel_pop .top_box p .equals {
  display: block;
  position: absolute;
  top: 50%;
  right: -15px;
  z-index: 2;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url("/common/img/vin/btv/btv_pack_plus.png") no-repeat 0 0;
}

.channel_pop .top_box p .equals {
  background-image: url("/common/img/vin/btv/btv_pack_equals.png");
}

.channel_pop .top_box p.total {
  font-weight: 400;
  width: 34%;
  color: #fff;
  background: #ff9000;
}

.channel_pop .top_box p.total .price {
  display: block;
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  margin: 4px 0 2px;
}

.channel_pop .top_box p.total .vat {
  display: block;
  font-size: 14px;
  line-height: 21px;
}

.channel_pop .acc_list_wrap {
  margin-top: 40px;
}

.channel_pop .acc_conts .tit_wrap {
  display: table;
  width: 100%;
  height: 80px;
  margin-bottom: 30px;
}

.channel_pop .acc_conts .tit_wrap > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.channel_pop .acc_conts .tit_wrap .tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #222;
}

.channel_pop .acc_conts .tit_wrap .txt {
  font-size: 14px;
  line-height: 21px;
  margin-top: 4px;
  color: #666;
}

.channel_pop .acc_conts .tit_wrap .txt.em {
  color: #ff9000;
}

.channel_pop .acc_conts .tit_wrap.ch11 {
  background: url("/common/img/vin/btv/pack_ch11_bg.png") no-repeat 100% 50%;
}

.channel_pop .acc_conts .tit_wrap.ch9 {
  background: url("/common/img/vin/btv/pack_ch9_bg.png") no-repeat 100% 50%;
}

.channel_pop .acc_conts .tit_wrap.ch6 {
  background: url("/common/img/vin/btv/pack_ch6_bg.png") no-repeat 100% 50%;
}

.channel_pop .acc_conts .tit_wrap.ch_ani {
  background: url("/common/img/vin/btv/pack_ch_ani_bg.png") no-repeat 100% 50%;
}

.channel_pop .acc_conts .tit_wrap.ch_kids {
  background: url("/common/img/vin/btv/pack_ch_kids_bg.png") no-repeat 100% 50%;
}

/*상품*/
.btv_prod_btn {
  overflow: hidden;
  margin-top: 30px;
}

.btv_prod_btn + .btv_prod_btn {
  margin-top: 0;
}

.btv_prod_btn .white_btn {
  float: left;
  font-size: 14px;
  line-height: 21px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 277px;
  height: auto;
  margin-left: 20px;
  padding: 30px 10px;
  text-align: center;
  color: #222;
}

.btv_prod_btn .white_btn:first-child {
  margin-left: 0;
}

.btv_prod_btn .white_btn:nth-child(3) {
  width: 276px;
}

.btv_prod_btn .white_btn .img {
  display: block;
  text-align: center;
}

.btv_prod_btn .white_btn .img img {
  display: inline-block;
  vertical-align: top;
}

.btv_prod_btn.size_2 .white_btn {
  margin: 0 20px 20px 0;
}

.btv_prod_btn.size_2 .white_btn:nth-child(3) {
  margin-right: 0;
}

.bull_list em.strong {
  font-weight: 500;
}

.info_border_cont {
  padding: 30px 0;
  border-top: 1px solid #eeeceb;
}

.info_border_cont:last-child {
  padding-bottom: 0;
}

.service_ch_wrap.case + .info_border_cont {
  padding-top: 40px;
  border-top: 0;
}

.btv .tit_ico {
  position: relative;
}

.btv .tit_ico .ico {
  margin-right: 6px;
  vertical-align: middle;
}

.btv .tit_ico .btn {
  position: absolute;
  top: -2px;
  right: 0;
}

.btv .tit_bold {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.gray_guide_box {
  overflow: hidden;
  padding: 30px;
  background: #f8f6f5;
}

.gray_guide_box .txt {
  float: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.gray_guide_box .btn {
  float: right;
  width: 100px;
}

.gray_guide_box .btn.down {
  width: 160px;
}

/*oksusu*/
.oksusu_banner {
  padding: 46px 80px;
  border: 1px solid #eeeceb;
}

.oksusu_banner dl {
  position: relative;
  padding-left: 130px;
}

.oksusu_banner dt {
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
}

.oksusu_banner dt .ico {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -55px;
}

.oksusu_banner dd {
  margin-top: 10px;
  color: #666;
}

.tit02_l .ico_oksusu {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  vertical-align: -2px;
  background: url("/common/img/vin/btv/ico_oksusu.png") no-repeat 0 0;
}

.oksusu_list {
  overflow: hidden;
  margin-top: 20px;
}

.oksusu_list li {
  float: left;
  width: 195px;
  margin-left: 30px;
  border: 1px solid #eeeceb;
}

.oksusu_list li:first-child {
  margin-left: 0;
}

.oksusu_list li .img {
  padding: 20px 0;
  text-align: center;
}

.oksusu_list li .img img {
  display: inline-block;
  vertical-align: top;
}

.oksusu_list li .txt {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  text-align: center;
  color: #666;
  background: #f8f6f5;
}

.oksusu_bg_cont {
  padding-right: 380px;
  background: url("/common/img/vin/btv/oksusu_bg.png") no-repeat 100% 0;
}

.oksusu_channel {
  padding: 50px 0;
  text-align: center;
  border: 1px solid #eeeceb;
}

.oksusu_exclusive_use {
  width: 100%;
  height: 1508px;
  margin-top: 40px;
  background: url("/common/img/vin/btv/oksusu_exclusive_use_bg.png") no-repeat 0 0;
}

.oksusu_movie {
  margin-top: 40px;
}

.oksusu_movie .btm_info {
  margin-top: 20px;
}

.oksusu_down_box {
  position: relative;
  padding: 45px 380px 45px 40px;
  background: #f8f6f5;
}

.oksusu_down_box dl {
  position: relative;
  padding-left: 110px;
}

.oksusu_down_box dt {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}

.oksusu_down_box dt .ico {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -40px;
  background: url("/common/img/vin/btv/oksusu_app_ico.png") no-repeat 0 0;
}

.oksusu_down_box dt .flag {
  line-height: 18px;
  width: 40px;
  height: 18px;
  margin-left: 2px;
  padding: 0;
  vertical-align: middle;
  color: #666;
  background: #eeeceb;
}

.oksusu_down_box dd {
  font-size: 14px;
  line-height: 21px;
  margin-top: 8px;
  color: #666;
}

.oksusu_down_box .down_btn {
  position: absolute;
  top: 50%;
  right: 40px;
  font-size: 0;
  margin-top: -17px;
}

.oksusu_down_box .down_btn .btn {
  margin-left: 10px;
}

.oksusu_down_box .down_btn .btn img {
  vertical-align: middle;
}

.oksusu_down_box .down_btn .btn,
.oksusu_down_box .down_btn .tool_wrap {
  display: inline-block;
}

.oksusu_down_box .tool_cont .qr_txt {
  font-size: 14px;
  line-height: 21px;
  margin-top: 14px;
  color: #666;
}

.oksusu_down_box .tool_cont .qr_wrpa {
  overflow: hidden;
  margin-top: 20px;
}

.oksusu_down_box .tool_cont .qr_box {
  float: left;
  width: 42%;
}

.oksusu_down_box .tool_cont .qr_box:first-child {
  width: 58%;
}

.oksusu_down_box .tool_cont .qr_img {
  float: left;
}

.oksusu_down_box .tool_cont .txt {
  float: left;
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0 0 6px;
  color: #222;
}

/*소상공인*/
.tit_flag_wrap .flag {
  width: 55px;
  margin-right: 5px;
  padding: 0 5px;
  vertical-align: middle;
}

.tit_flag_wrap [class^=tit] {
  display: inline-block;
  vertical-align: middle;
}

.tit_flag_wrap .s_float_txt {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  margin-left: 4px;
  color: #666;
}

.data_table .table tbody td .b_s_txt {
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  color: #a38e84;
}

.data_table .table tbody th .img_th .txt {
  margin-top: 10px;
}

.bull_list li.star {
  padding-left: 10px;
  text-indent: -10px;
}

.ss_img_only_cont {
  margin-top: 40px;
}

.keb_banner {
  display: table;
  width: 100%;
  padding: 33px 34px;
  border: 1px solid #eeeceb;
}

.keb_banner dt {
  display: table-cell;
  width: 170px;
  vertical-align: middle;
}

.keb_banner dd {
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
  border-left: 1px solid #eeeceb;
}

.keb_banner_box {
  padding: 37px 38px;
  border: 1px solid #eeeceb;
}

.keb_banner_box .tit_keb {
  margin-bottom: 25px;
}

.keb_banner_box .inner {
  position: relative;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #eeeceb;
}

.keb_banner_box p.img {
  position: absolute;
  bottom: 1px;
  right: 36px;
}

.keb_banner_box .txt_btnr {
  position: relative;
  padding: 20px 0 0 0;
}

.keb_banner_box .txt_btnr .txt {
  display: block;
  margin-bottom: 5px;
}

.progress_list_wrap.ss_case {
  margin-top: 26px;
}

.progress_list_wrap.ss_case .progress_list > li {
  position: relative;
  height: 143px;
  padding: 33px 40px 29px 70px;
}

.progress_list_wrap.ss_case .progress_list > li .tit_area .num {
  position: absolute;
  top: 33px;
  left: 40px;
}

.tit_float_wrap .flt_cont .tab_wrap ul {
  width: auto;
}

.ss_gray_box_cont {
  padding: 40px;
  background: #f8f6f5;
}

.ss_gray_box_cont .top_txt {
  color: #666;
}

.ss_gray_box_cont .white_box {
  margin-top: 30px;
  padding: 40px 15px 15px;
  background: #fff;
}

.ss_gray_box_cont .white_box.first {
  margin-top: 0;
}

.ss_gray_box_cont .white_box.pt15 {
  padding-top: 15px;
}

.ss_gray_box_cont .white_box .img {
  display: block;
  text-align: center;
}

.ss_gray_box_cont .white_box .img img {
  display: inline-block;
  vertical-align: top;
}

.ss_gray_box_cont .white_box .price {
  font-size: 0;
  padding-top: 25px;
  margin: 0 -25px;
  margin-top: 25px;
  text-align: center;
  border-top: 1px solid #f8f6f5;
}

.ss_gray_box_cont .white_box .price .before {
  display: inline-block;
  font-size: 15px;
  margin-right: 10px;
  vertical-align: bottom;
  text-decoration: line-through;
  color: #666;
}

.ss_gray_box_cont .white_box .price .after {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  vertical-align: bottom;
  color: #ff9000;
}

.ss_gray_box_cont dl::after {
  content: "";
  display: block;
  clear: both;
}

.ss_gray_box_cont dl dt {
  padding-right: 20px;
  float: left;
}

.ss_gray_box_cont dl dd {
  float: left;
}

.ss_btm_info {
  margin-top: 20px;
}

/*가입센터 추가*/
.join .acc_list_wrap .acc_list_head.form_check.type2 .chk_wrap {
  padding-left: 14px;
}

.join .acc_list_wrap .acc_list_head.form_check.type2 .chk_wrap .tit {
  width: 246px;
}

.join textarea.hei100 {
  height: 100px;
}

.join textarea.hei120 {
  height: 120px;
}

.join_top_area {
  background: #f2f6ff;
}

.join_top_area .em {
  color: #ff9000;
}

.join_top_area .prod_banner_wrap {
  position: relative;
  width: 1170px;
  min-height: 292px;
  margin: 0 auto;
  padding: 70px 0 67px 184px;
}

.join_top_area .prod_banner_wrap .ico {
  position: absolute;
  top: 70px;
  left: 50px;
}

.join_top_area .prod_banner_wrap .prod_banner dt {
  font-size: 40px;
  font-weight: 500;
  line-height: 54px;
  color: #222;
}

.join_top_area .prod_banner_wrap .prod_banner dd.txt_wrap {
  font-size: 18px;
  line-height: 27px;
  margin-top: 12px;
}

.join_top_area .prod_banner_wrap .prod_banner dd.txt_wrap .txt {
  color: #666;
}

.join_top_area .prod_banner_wrap .prod_banner dd.txt_wrap .b_txt {
  display: block;
  font-weight: 500;
  margin-top: 8px;
  color: #222;
}

.join_top_area .prod_banner_wrap .prod_banner dd.price {
  position: absolute;
  top: 70px;
  right: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  text-align: right;
  color: #222;
}

.join_top_area .prod_banner_wrap .prod_banner dd.price em.em {
  font-size: 36px;
  line-height: 54px;
}

.join_top_area .prod_banner_wrap .prod_banner dd.price .vat {
  display: block;
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  color: #666;
}

/*가입센터 가이드*/
#contents .top_info.no_crumb {
  margin-top: -82px;
}

.join .acc_list_wrap .acc_list_conts.form_check.type2 .acc_conts {
  overflow: auto;
  height: 347px;
}

.form_group.size_4 .selects,
.form_group.size_4 .input_txt {
  float: left;
  width: 173px;
  margin-left: 6px;
}

.form_group.size_4 .selects:first-child,
.form_group.size_4 .input_txt:first-child {
  margin-left: 0;
}

.join_btm_info {
  margin-top: 20px;
}

.join_terms .black {
  margin-bottom: 10px;
  color: #222;
}

.join_terms .mt10 {
  margin-top: 10px;
}

.join_terms .join_terms_sub > li {
  margin-top: 20px;
}

.join_btm_check {
  margin-top: 20px;
}

.join .input_form_conts dd .img_check_wrap {
  margin-left: 0;
  padding: 20px 0 8px;
}

.join .img_check_wrap .chk_wrap {
  margin: 0 0 0 50px;
}

.join .img_check_wrap .chk_wrap:first-child {
  margin-left: 0;
}

.join .img_check_wrap .chk_wrap label {
  padding: 0 0 30px 0;
  text-align: center;
  color: #222;
}

.join .img_check_wrap .chk_wrap label:after {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -9px;
}

.join .img_check_wrap .chk_wrap .img {
  display: block;
  margin-bottom: 6px;
}

.join .img_check_wrap .chk_wrap .img img {
  display: inline-block;
  vertical-align: top;
}

.join .img_check_wrap .chk_wrap .price {
  display: block;
  color: #666;
}

.join .input_form_conts dd .ico_check_wrap {
  margin-left: 0;
  padding: 24px 0 12px;
}

.join .ico_check_wrap .chk_wrap {
  margin: 0 0 0 44px;
}

.join .ico_check_wrap .chk_wrap.wid71 {
  width: 71px;
}

.join .ico_check_wrap .chk_wrap:first-child {
  margin-left: 0;
}

.join .ico_check_wrap .chk_wrap label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 0;
  text-align: center;
}

.join .ico_check_wrap .chk_wrap label:after {
  display: none;
}

.join .ico_check_wrap .chk_wrap .img {
  display: block;
  margin-bottom: 6px;
}

.join .ico_check_wrap .chk_wrap.wid71 label .txt {
  margin-left: -5px;
}

.join .ico_check_wrap .chk_wrap label .txt:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: middle;
  background: url(/common/img/vin/common/form.png) no-repeat 0 -100px;
}

.join .ico_check_wrap .chk_wrap input[type=checkbox]:checked + label .txt:before {
  background-position: -100px -100px;
}

/* 가입센터 */
.acc_list_wrap.bdtn .acc_lists {
  border-top: none;
}

.btn.consol {
  color: #222;
  background-color: #f3f1f0;
}

.btn.consol .em {
  color: #ff9000;
}

.layer_pop .center_area {
  text-align: center;
}

.join .mt_date {
  font-size: 13px;
  line-height: 20px;
  margin-top: 20px;
  color: #898786;
}

.join_quick {
  overflow: hidden;
}

.join_quick .counsel {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  height: 210px;
  padding: 50px 20px 40px;
  text-align: center;
  color: #fff;
  background: linear-gradient(-134deg, #e9002d 0%, #ff9000 100%);
  background-color: #ff9000;
}

.join_quick .counsel .tit {
  display: block;
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
  margin-top: 10px;
}

.join_quick .counsel .txt {
  font-size: 15px;
  line-height: 23px;
}

.join_quick .cs_call {
  float: left;
  width: 370px;
  height: 210px;
  margin-left: 30px;
  padding: 50px 20px 40px;
  text-align: center;
  color: #222;
  background-color: #f8f6f5;
}

.join_quick .cs_call .tit {
  display: block;
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
  margin-top: 10px;
}

.join_quick .cs_call .txt {
  font-size: 15px;
  line-height: 23px;
}

.join_quick .guide {
  float: left;
  width: 370px;
  margin-left: 30px;
}

.join_quick .guide > a {
  display: block;
  position: relative;
  font-size: 0;
  line-height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100px;
  margin-top: 10px;
  padding: 0 80px 0 30px;
  color: #222;
  background-color: #f8f6f5;
}

.join_quick .guide > a:first-child {
  margin-top: 0;
}

.join_quick .guide > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 50px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #888;
  border-bottom: none;
  border-left: none;
}

.join_quick .guide > a .ico {
  vertical-align: middle;
}

.join_quick .guide > a span {
  font-size: 20px;
  margin-left: 15px;
  vertical-align: middle;
}

.join_top_area {
  margin-top: 50px;
}

.join_top_area .top_banner {
  min-height: 256px;
  background: #feefd0;
  background-image: linear-gradient(-45deg, #fbdee0 0%, #feefd0 100%);
}

.join_top_area .inner {
  width: 1170px;
  margin: 0 auto;
}

.join_top_area .top_banner .inner {
  min-height: 292px;
  padding: 58px 0 52px;
  background: url("/common/img/vin/join/bg_top_banner_inner02.png") no-repeat 100% 50%;
}

.join_top_area .note {
  background-color: #f8f6f5;
}

.join_top_area .note .inner {
  overflow: hidden;
  padding: 10px 0 7px;
}

.join_top_area .note .inner .import {
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 21px;
  padding-left: 26px;
  color: #898786;
}

.join_top_area .note .inner .import:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("/common/img/vin/common/ico_mark.png") no-repeat 0 0;
}

.join_top_area .note .inner .import span {
  color: #ff9000;
}

/*bx*/
.join_top_area .note .inner > a {
  position: relative;
  float: right;
  font-size: 13px;
  line-height: 20px;
  padding-right: 20px;
  color: #666;
}

.join_top_area .note .inner > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 6px;
  height: 6px;
  margin-top: -6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #888;
  border-bottom: none;
  border-left: none;
}

/* 바로가입 */
.direct .join_top_area {
  margin-top: -60px;
}

.direct .join_top_area .top_banner {
  background: -webkit-gradient(linear, left top, right top, from(#feefd0), to(#fbdee0));
  background: linear-gradient(to right, #feefd0 0%, #fbdee0 100%);
}

.direct .join_top_area .top_banner .inner {
  height: 300px;
  padding-top: 91px;
  background: url("/common/img/vin/join/bg_top_banner_inner_direct.png") no-repeat 100% 50%;
}

.join_top_area .join_gray_box {
  padding: 50px 0;
  background-color: #f8f6f5;
}

.join_top_area .join_gray_box .join_gary_inner {
  width: 1170px;
  margin: 0 auto;
  text-align: center;
}

.join_top_area .join_gray_box .join_gary_inner .join_item_wrap .join_item_list {
  display: table;
  width: 100%;
  margin-top: 40px;
}

.join_top_area .join_gray_box .join_gary_inner .join_item_wrap .join_item_list > li {
  display: table-cell;
  width: 370px;
  padding: 30px;
  border-left: 30px solid #f8f6f5;
  background-color: #fff;
}

.join_top_area .join_gray_box .join_gary_inner .join_item_wrap .join_item_list > li:first-child {
  border-left: 0;
}

.join_top_area .join_gray_box .join_gary_inner .join_item_wrap .join_item_list > li .txt_area {
  margin-top: 20px;
  text-align: left;
}

.join_top_area .join_gray_box .join_gary_inner .join_item_wrap .join_item_list > li .txt_area .tit {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 10px;
  color: #222;
}

.join_top_area .join_gray_box .join_gary_inner .join_item_wrap .join_item_list > li .txt_area .tit .min {
  display: block;
  font-size: 15px;
  line-height: 23px;
}

.join_top_area .join_gray_box .join_gary_inner .join_item_wrap .join_item_list > li .txt_area .txt {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list {
  margin-top: 40px;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list {
  display: table;
  width: 100%;
  margin-top: 30px;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list:first-child {
  margin-top: 0;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list > li {
  display: table-cell;
  position: relative;
  width: 570px;
  padding: 30px 40px;
  border-left: 30px solid #f8f6f5;
  background-color: #fff;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list > li:first-child {
  border-left: 0;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list > li {
  display: table-cell;
  width: 570px;
  padding: 30px 40px;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list > li .ico_area {
  position: absolute;
  top: 50%;
  left: 40px;
  width: 100px;
  margin-top: -50px;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list > li .txt_area {
  padding-left: 130px;
  text-align: left;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list > li .txt_area .tit {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 10px;
  color: #222;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list > li .txt_area .tit .min {
  display: block;
  font-size: 15px;
  line-height: 23px;
}

.join_top_area .join_gray_box .join_gary_inner .ico_l_type_list .join_item_list > li .txt_area .txt {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.join_top_area .join_gray_box .join_gary_inner .etc_wrap {
  margin-top: 20px;
  text-align: left;
}

.join_top_area .join_gray_box .join_gary_inner .etc_wrap .etc_tit {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  color: #222;
}

.join_top_area .join_gray_box .join_gary_inner .etc_wrap .etc_txt {
  font-size: 15px;
  line-height: 23px;
  margin-top: 5px;
  color: #666;
}

.ncsi_box {
  position: relative;
  padding: 40px 40px 40px 120px;
  border: 1px solid #dddbda;
}

.ncsi_box .ico_area {
  position: absolute;
  top: 50%;
  left: 40px;
  margin-top: -25px;
}

.ncsi_box .txt_area p {
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.item_list_wrap {
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.item_list_wrap .item_list_area > li {
  padding: 30px 0;
  border-top: 1px solid #eeeceb;
}

.item_list_wrap .item_list_area > li .item_list_inner {
  overflow: hidden;
}

.item_list_wrap .item_list_area > li .item_list_inner .item_img {
  float: left;
  width: 270px;
}

.item_list_wrap .item_list_area > li .item_list_inner .item_txt {
  float: left;
  width: 870px;
  margin-left: 30px;
  padding-top: 10px;
}

.item_list_wrap .item_list_area > li .item_list_inner .item_txt .item_detail dt {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 10px;
  color: #222;
}

.item_list_wrap .item_list_area > li .item_list_inner .item_txt .go_link {
  margin-top: 15px;
}

.join_btn_wrap .guide_txt {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
  color: #222;
}

.acc_list_wrap.card_type .acc_list_head .info_area {
  display: table;
  width: 100%;
}

.acc_list_wrap.card_type .acc_list_head .info_area > div {
  display: table-cell;
  vertical-align: middle;
}

.acc_list_wrap.card_type .acc_list_head .info_area .img_area {
  width: 200px;
  text-align: center;
}

.acc_list_wrap.card_type .acc_list_head .info_area .txt_area {
  padding-left: 30px;
}

.acc_list_wrap.card_type .acc_list_head .info_area .txt_area .detail dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 6px;
  color: #222;
}

.acc_list_wrap.card_type .acc_list_head .info_area .txt_area .detail dd {
  font-size: 16px;
  line-height: 24px;
  color: #222;
}

.acc_list_wrap.card_type .acc_list_head .info_area .txt_area .detail .annual {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  margin-top: 20px;
  color: #666;
}

.acc_list_wrap.card_type .acc_list_head .info_area .txt_area .detail .annual ul {
  overflow: hidden;
  margin-top: 4px;
}

.acc_list_wrap.card_type .acc_list_head .info_area .txt_area .detail .annual ul > li {
  position: relative;
  float: left;
  margin-left: 10px;
  padding-left: 10px;
}

.acc_list_wrap.card_type .acc_list_head .info_area .txt_area .detail .annual ul > li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.acc_list_wrap.card_type .acc_list_head .info_area .txt_area .detail .annual ul > li ~ li:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #eeeceb;
}

.acc_list_wrap.card_type .acc_list_head .cs_link {
  position: absolute;
  top: 0;
  right: 60px;
  height: 100%;
}

.acc_list_wrap.card_type .acc_list_head .cs_table {
  display: table;
  height: 100%;
}

.acc_list_wrap.card_type .acc_list_head .cs_area {
  display: table-cell;
  vertical-align: middle;
}

.acc_list_wrap.card_type .acc_list_head .cs_area .call {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  padding: 3px 10px;
  color: #222;
  background-color: #f3f1f0;
}

.acc_list_wrap.card_type .acc_list_head .cs_area .call .em {
  color: #ff9000;
}

/*bx*/
.acc_list_wrap.card_type .acc_list_head .cs_area .call .icon {
  position: relative;
  margin-left: 5px;
  padding-left: 17px;
}

.acc_list_wrap.card_type .acc_list_head .cs_area .call .icon::after {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  background: url("/common/img/vin/join/icon_call.png") no-repeat 0 0;
  content: "";
}

.acc_list_wrap.card_type .acc_list_conts .detail_info {
  position: relative;
}

.acc_list_wrap.card_type .acc_list_conts .detail_info .go_link {
  position: absolute;
  top: 0;
  right: 0;
}

.acc_list_wrap.card_type .acc_list_conts .data_table .table th {
  border-color: #dddbda;
  background-color: #eeeceb;
}

.acc_list_wrap.card_type .acc_list_conts .data_table .table th.no_bg {
  background: #fff;
}

.acc_list_wrap.card_type .acc_list_conts .data_table .table td {
  border-color: #dddbda;
}

.card_banner_wrap {
  margin-top: 20px;
}

.pra_space {
  margin-top: 8px;
}

.bull_list.no_margin li {
  margin-top: 0;
}

.num_gray_box {
  overflow: hidden;
  margin: 0 -30px -30px 0;
}

.num_gray_box > li {
  float: left;
}

.num_gray_box.size_2 > li {
  width: 50%;
}

.num_gray_box > li .txt_wrap {
  position: relative;
  height: 129px;
  margin: 0 30px 30px 0;
  padding: 30px 30px 30px 85px;
  background-color: #f8f6f5;
}

.num_gray_box > li .txt_wrap .num {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  color: #222;
}

/* 입력폼 */
.input_form_header:after {
  content: "";
  display: block;
  clear: both;
}

.input_form_header.fl {
  float: left;
}

.ico.ico80.type02 {
  background-position: -150px 0;
}

.ico.ico110.type03 {
  background-position: -300px 0;
}

.ico.ico110.type04 {
  background-position: -450px 0;
}

.ico.ico140.type03 {
  background-position: -400px 0;
}

.ico.ico140.type04 {
  background-position: -600px 0;
}

.layer_pop.wid_xl {
  width: 1000px;
}

.data_table .table tbody td:first-child[rowspan]:not(:last-child) {
  border-right: 1px solid #eeeceb;
}

.btn.cancel + .btn.submit {
  margin-left: 6px;
}

.btn[class^=btn] span {
  position: relative;
}

/******* 마이페이지 **********/
/* 마이페이지 대표상품 아이콘 */
.mypage .service_box .ico.ico50 {
  text-indent: 0;
  background: none;
}

/* 마이페이지 공통  */
.blind {
  position: absolute;
  top: -999999px;
}

.mypage .table.color_type2 table {
  table-layout: auto;
}

.mypage .other_go {
  width: 1170px;
  margin: 0 auto;
  margin-bottom: 16px;
  text-align: right;
}

#contents.mypage .other_go + .conts_box.first {
  margin-top: 0;
  padding-top: 0;
}

#contents.mypage .other_go + .conts_box.first .cir_step {
  margin-top: 0;
}

.mypage .data_table tfoot em {
  font-weight: bold;
  color: #222;
}

.bull_list.layer_min li {
  margin-top: 4px;
}

.bull_list.layer_min li:first-child {
  margin-top: 0;
}

#contents .conts_box .tit01.no_mg {
  margin: 0;
}

.input_txt.warning input {
  padding: 0 13px;
  border: 1px solid #e9002d;
}

.mypage .gray_box,
.gray_box.type02 {
  border: none;
}

.gray_box.txt_center {
  text-align: center;
}

.gray_box.mgt {
  margin-top: 30px;
}

.mypage .tip_txt {
  display: inline-block;
  overflow: hidden;
  line-height: 99999px;
  width: 18px;
  height: 18px;
  margin: -3px 0 0 4px;
  vertical-align: middle;
  background: url("/common/img/vin/mypage/tooltip_icon.png") no-repeat right 50%;
}

.mypage .no_result .no_result_main_txt p {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.mypage .bull_list li .gray {
  color: #666;
}

.service_box_wrap {
  margin-top: 60px;
}

.bull_list.min.sp_txts {
  width: 1170px;
  margin: 20px auto 0;
  padding-bottom: 60px;
}

.head_sentence + .service_box_wrap {
  margin-top: 30px;
}

.service_box {
  position: relative;
  margin-bottom: 20px;
  padding: 40px;
  padding-left: 44px;
  border: 1px solid #dddbda;
}

.service_box .s_table {
  display: table;
}

.service_box .s_table + .s_table {
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #edebec;
}

.service_box .ico {
  display: table-cell;
  vertical-align: middle;
}

.service_box .service_txt {
  display: table-cell;
  padding-right: 150px;
  padding-left: 30px;
  vertical-align: middle;
}

.service_box .service_txt .myDetail_list {
  margin-top: 15px;
}

.service_box .btn {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -25px;
}

/*.mypage .service_box .service_txt .myDetail_list{margin-top:15px}
.mypage .service_box .btn{position:absolute; right:40px; top:50%; margin-top:-25px}*/
.myDetail_list {
  overflow: hidden;
}

.myDetail_list li,
.mypage .myDetail_list .list {
  position: relative;
  float: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  padding: 0 10px;
  color: #222;
}

.myDetail_list li:before,
.mypage .myDetail_list .list:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 14px;
  background: #dddbda;
}

.myDetail_list li:first-child,
.mypage .myDetail_list .list:first-child {
  padding-left: 0;
}

.myDetail_list li:last-child,
.mypage .myDetail_list .list:last-child {
  padding-right: 0;
}

.myDetail_list li:first-child:before,
.mypage .myDetail_list .list:first-child:before {
  content: none;
}

.myDetail_list .d_tit {
  display: inline-block;
  font-weight: 400;
  padding-right: 6px;
  color: #666;
}

.data_table .scroll_wrap {
  border-bottom: 1px solid #dddbda;
}

.data_table .scroll_wrap.show_h1 {
  height: 402px;
}

.data_table .scroll_wrap.show_h2 {
  height: 318px;
}

.mypage .input_txt.input_xs {
  width: 171px;
}

.mypage .pw_star {
  display: inline-block;
  line-height: 50px;
  height: 50px;
  margin-left: 5px;
  letter-spacing: 2px;
  color: #666;
}

.mytit_wrap {
  overflow: hidden;
}

.mytit_wrap .fl {
  float: left;
}

.mytit_wrap .fr {
  float: right;
}

.input_textarea.h_type01 textarea {
  height: 50px;
}

.myagree_wrap {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #dddbda;
}

.myagree_wrap.type02 {
  margin-top: 10px;
  margin-top: 10px;
  padding: 0;
  border: none;
}

.myagree_wrap.type02 label {
  font-size: 14px;
}

.mypage .sign_space {
  display: inline-block;
  margin-bottom: 16px;
  padding-left: 200px;
  color: #666;
}

.tit_withBtn {
  position: relative;
  overflow: hidden;
  min-height: 36px;
}

.tit_withBtn:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  vertical-align: middle;
  background: red;
}

.tit_withBtn [class^=tit] {
  float: left;
}

.tit_withBtn .btn {
  position: absolute;
  right: 0;
  bottom: 2px;
  float: right;
}

.receipt_wrap {
  overflow: hidden;
}

.receipt_wrap.size_3 .receipt_list .list {
  width: 33.3%;
}

.receipt_wrap.size_2 .receipt_list .list {
  width: 50%;
}

.receipt_list {
  display: table;
  width: 100%;
}

.receipt_list .list {
  display: table-cell;
  border-left: 1px solid #dddbda;
}

.receipt_list .list:first-child {
  border: none;
}

.receipt_list .list dt {
  font-weight: 500;
  margin-bottom: 23px;
  padding: 0 30px;
}

.item_price li {
  padding: 0 30px;
  text-align: right;
  color: #666;
}

.item_price li:not(:last-child) {
  margin-bottom: 14px;
}

.item_price li .item {
  float: left;
  color: #222;
}

.total_wrap {
  position: relative;
}

.total_wrap .item_price .item {
  font-weight: 500;
}

.total_wrap .item_price .total_sum {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.total_wrap .item_price .total_sum em.em {
  font-weight: 500;
}

.cir_step {
  overflow: hidden;
  margin: 22px 0 30px;
}

.cir_step.type02 {
  margin-top: 40px;
}

.cir_step li {
  float: left;
  font-weight: 500;
  line-height: 26px;
  height: 26px;
  padding-right: 12px;
  color: #666;
}

.cir_step li:not(:first-child) {
  position: relative;
  padding-left: 20px;
}

.cir_step li:not(:first-child):before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 2px;
  margin-top: -1px;
  background: #dddcda;
}

.cir_step li .cir {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 6px;
  text-align: center;
  vertical-align: top;
  border-radius: 100%;
  background: #edecea;
}

.cir_step li.on .cir {
  text-decoration: none;
  color: #fff;
  background: #ff9000;
}

/*bx*/
.cir_step li.on {
  text-decoration: underline;
  color: #ff9000;
}

/*bx*/
.cir_step li.prev .cir {
  background: #edecea url("/common/img/vin/mypage/check_arr.png") no-repeat 50% 50%;
}

.cir_step li.prev em {
  display: inline-block;
  overflow: hidden;
  line-height: 99999px;
  height: 26px;
}

.cir_step.no_mg {
  margin: 0;
}

.data_table.inner_table .table {
  border-top: 1px solid #dddbda;
}

.data_table.inner_table .table th {
  border-top: 0 none;
}

.data_table.inner_table .top_info {
  font-size: 14px;
  margin: 20px 0 10px;
  color: #666;
}

.data_table.inner_table tbody th,
.data_table.inner_table tbody td {
  font-size: 14px;
  line-height: 21px;
}

.data_table.inner_table th {
  color: #666;
}

.layer_pop .no_data {
  padding: 0;
}

.layer_pop .paging {
  margin-top: 30px;
  text-align: center;
}

.board_box {
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.mypage .arr_btn {
  font-size: 14px;
  line-height: 21px;
  padding-right: 13px;
  color: #222;
  background: url("/common/img/vin/common/arr_6_10.png") no-repeat right 50%;
}

.mypage .arr_btn.type02 {
  position: relative;
  background: none;
}

.mypage .arr_btn.type02:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 3px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  -webkit-transform: -webkit-rotate(-135deg);
          transform: -webkit-rotate(-135deg);
  transform: -ms-rotate(-135deg);
  transform: -moz-rotate(-135deg);
  transform: -o-rotate(-135deg);
  transform: rotate(-135deg);
  border: 1px solid #222;
  border-top: none;
  border-right: none;
}

.mypage .bottom_txt {
  font-size: 14px;
  line-height: 34px;
  margin-top: 20px;
  color: #666;
}

.mypage .bottom_txt .btn {
  margin-left: 10px;
}

.mypage .tit_fl_wrap,
.layer_fl_wrap {
  position: relative;
  overflow: hidden;
}

.mypage .tit_fl_wrap .fl,
.layer_fl_wrap .tit_fl_wrap .fl {
  float: left;
}

.mypage .tit_fl_wrap .fr,
.layer_fl_wrap .tit_fl_wrap .fr {
  float: right;
}

.mypage .data_table td .btn {
  vertical-align: middle;
}

.mypage .data_table td .btn.mg_l {
  margin-left: 10px;
}

.data_table td .no_data.type02 {
  font-size: 15px;
  line-height: 21px;
  border: none;
}

.mypage .top_btn_sec {
  position: relative;
  width: 1170px;
  margin: 0 auto;
}

.mypage .go_bz {
  position: absolute;
  top: -50px;
  right: 0;
}

.mypage .dash.gray {
  color: #666;
}

.mypage .banner_conts {
  position: relative;
  width: 100%;
  min-width: 1170px;
  margin-top: 80px;
}

.mypage .banner_conts .banner_container {
  overflow: hidden;
  width: 100%;
  height: 220px;
  margin: 0 auto;
  text-align: center;
}

.mypage .banner_conts .banner_container img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mypage .head_sentence {
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  margin: 60px 0 30px;
  text-align: center;
  color: #222;
}

.mypage .data_table .smgb_s {
  margin-bottom: 20px;
}

.mypage .data_table .top_info .filter_btn .btn.h34 {
  margin-top: 15px;
}

.mypage .sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 70px;
  background: yellow;
}

.mypage .data_table.tfoot_line2 tfoot tr:only-child th {
  padding: 20px 10px 19px;
}

.mypage .data_table.tfoot_line2 tfoot tr:first-child th {
  padding-top: 30px;
  padding-bottom: 5px;
}

.mypage .data_table.tfoot_line2 tfoot tr:last-child th {
  padding-top: 5px;
  padding-bottom: 30px;
}

.mypage .data_table.tfoot_line2 tfoot tr:first-child td {
  padding-top: 30px;
  padding-bottom: 5px;
}

.mypage .data_table.tfoot_line2 tfoot tr:last-child td {
  padding-top: 5px;
  padding-bottom: 30px;
}

.input_form_conts .myb_guide {
  margin-top: 5px;
}

.mypage .data_table .table.color_type2 th {
  font-size: 15px;
  line-height: 23px;
}

.mypage .data_table .table.color_type2 thead th {
  text-align: center;
  border-right: 1px solid #dddbda;
}

.mypage .data_table .table.color_type2 thead th:last-child {
  border-right: none;
}

.mypage .data_table .table.color_type2 td {
  font-size: 15px;
  line-height: 23px;
}

.mypage .data_table .table.color_type2 tbody td:first-child[rowspan]:not(:last-child) {
  border-color: #dddbda;
}

.mypage .selects.bank {
  width: 340px;
}

.mypage .input_txt.bank_num {
  width: 340px;
}

.mypage .ico_result_wrap {
  margin: 100px 20px;
}

.mypage [class^=tit] .s_txt.type02 {
  font-size: 18px;
  line-height: 27px;
  margin-right: 5px;
  margin-left: 15px;
  color: #666;
}

.mypage [class^=tit] .s_txt.type03 {
  font-size: 15px;
  line-height: 23px;
  margin-right: 5px;
  color: #666;
}

.mypage [class^=tit] .s_txt.type03.dark {
  color: #222;
}

.mypage [class^=tit] .s_txt strong {
  font-weight: 500;
}

.mypage .data_table .top_info .selects {
  width: 320px;
}

.mypage .data_table .top_info .selects.len_m1 {
  width: 200px;
}

.mypage .data_table .top_info .selects.len_m2 {
  width: 240px;
}

.mypage .data_table .top_info .selects.len_l1 {
  width: 570px;
}

.mypage .data_table .pay_m {
  display: inline-block;
  line-height: 34px;
  width: 105px;
  height: 34px;
  margin-right: 5px;
  color: #222;
}

.mypage .data_table .selects + .selects {
  margin-left: 6px;
}

.mypage .simple_define {
  overflow: hidden;
}

.mypage .simple_define dt {
  float: left;
  width: 150px;
  color: #222;
}

.mypage .form_btm_info {
  margin-top: 20px;
}

.mypage .tab_contents .tab_cont.no_mg {
  margin: 0;
}

.mypage .data_table .table tfoot th.normal {
  font-weight: 400;
}

.mypage .data_table .table.color_type2 tbody th:first-child[rowspan] {
  border-color: #dddbda;
}

/*추가*/
.mypage .head_box.inner {
  margin-top: 80px;
  padding: 40px;
}

.mypage .head_box.inner .box_tit {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.mypage .btn_wrap.other_style {
  margin-top: 40px;
}

.input_form_wrap .form_guide.bl {
  display: block;
  margin: 6px 0 0 0;
}

.mypage .head_box.type02 {
  margin-top: 30px;
}

.mypage .head_box.type02 .box_tit {
  font-size: 18px;
  line-height: 27px;
}

.mypage .head_box.top_spa {
  margin-top: 40px;
}

/* //추가*/
/* 서비스 선택*/
.with_btn .sevice_sel_list > li {
  padding-right: 100px;
}

.sevice_sel_list > li {
  position: relative;
  padding: 14px 22px;
  border-bottom: 1px solid #eeeceb;
}

.sevice_sel_list > li .btn {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -17px;
}

.sevice_sel_list > li:last-child {
  border-bottom: none;
}

.sevice_sel_list > li .flag {
  margin-right: 6px;
  padding: 0 13px;
}

.sevice_sel_list > li strong {
  font-weight: 500;
}

.sevice_sel_list > li .pop_sel_container {
  position: relative;
  padding-right: 104px;
}

.sevice_sel_list > li .pop_sel_container .btn {
  position: absolute;
  top: 0;
  right: 20px;
}

.sevice_sel_list > li .sel_address {
  font-size: 14px;
  line-height: 21px;
  margin-top: 8px;
  color: #666;
}

.sevice_sel_list > li a {
  display: block;
}

.sevice_sel_list > li a:hover strong {
  text-decoration: underline;
}

.sevice_sel_list > li a:hover .sel_address {
  text-decoration: underline;
}

.service_sel_wrap.scroll_wrap {
  overflow: auto;
  max-height: 488px;
}

.service_sel_wrap.with_btn.scroll_wrap {
  overflow: auto;
  height: 260px;
}

.list_dim {
  margin-top: 10px;
  padding: 20px;
  text-align: center;
  text-align: center;
  vertical-align: middle;
  color: #666;
  background: #f8f6f5;
}

.list_dim:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.pay_box.head_box {
  padding: 29px 40px;
}

.pay_box.head_box .box_tit {
  font-size: 26px;
  line-height: 39px;
}

.pay_box.head_box .myDetail_list {
  text-align: center;
}

.pay_box.head_box .myDetail_list.line {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #dddbda;
}

.pay_box.head_box .myDetail_list li {
  display: inline-block;
  float: none;
  margin-left: -4px;
}

/*추가*/
.pay_box.head_box.error {
  margin-top: 30px;
  padding: 20px 40px;
}

.pay_box.head_box.error .box_tit {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #666;
}

#contents.mypage .mypage_main {
  margin-top: 0;
}

.mypage .search_form .selects {
  float: left;
  width: 240px;
}

.mypage .search_form .input_txt {
  float: left;
  margin-left: 30px;
}

.mypage .search_form .selects + .input_txt.search_s {
  width: 590px;
}

.mypage .search_form .input_txt.search_s {
  width: 500px;
}

.mypage .search_form .input_txt.search_s2 {
  width: 500px;
  margin-left: 10px;
}

.mypage .search_form .input_txt.search_m {
  width: 540px;
}

.mypage .search_form .input_txt.search_l {
  width: 748px;
  max-width: 100%;
}

.mypage .search_form .input_txt.search_l2 {
  width: 748px;
  max-width: 100%;
  margin-left: 10px;
}

/* 180514_?? */
.mypage .search_form .input_txt.search_xl {
  width: 988px;
  max-width: 100%;
  margin-left: 0;
}

.mypage .search_form .btn {
  float: left;
  margin-left: 10px;
}

.mypage .search_form .tip_list {
  float: right;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  margin-top: 14px;
  color: #222;
}

.mypage .search_form .tip_list li {
  position: relative;
  float: left;
  padding: 0 10px;
}

.mypage .gray_box .search_form input[type=text] {
  width: 100%;
}

.mypage .search {
  margin-bottom: 30px;
}

.mypage .search_form .selects + .selects {
  margin-left: 10px;
}

.mypage .acc_list_wrap .myDetail_list {
  margin-top: 12px;
}

.mypage .acc_list_wrap .with_flag {
  line-height: 26px;
  height: 26px;
}

.mypage .acc_list_wrap .with_flag .flag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 50px;
  margin-right: 10px;
  padding: 0 13px;
}

.mypage .acc_list_wrap .head_box {
  margin-bottom: 40px;
  background: #fcfbfa;
}

.mypage .acc_list_wrap .list {
  font-weight: 400;
}

.mypage .acc_list_wrap .acc_list_head p {
  padding-right: 180px;
}

.mypage .acc_list_wrap.ch_list .acc_list_head {
  position: relative;
}

.mypage .acc_list_wrap.ch_list .acc_list_head .chk_wrap {
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: -9px;
}

.mypage .acc_list_wrap.ch_list .acc_list_head a {
  margin-left: 68px;
  padding-left: 0;
}

.mypage .acc_list_wrap .input_form_wrap.form_bg .input_form_conts dl {
  border-color: #dddbda;
}

.mypage .acc_list_wrap .input_form_wrap.form_bg .input_form_conts dt {
  font-weight: 500;
  color: #222;
  background: #eeeceb;
}

.mypage .acc_list_wrap .input_form_wrap.form_bg .input_form_conts dd {
  padding-right: 155px;
  border-left: 1px solid #dddbda;
  background: #fff;
}

.mypage .bill_sel {
  width: 266px;
}

.mypage .input_form_wrap.bill_ch_form .input_form_conts dl dt {
  width: 200px;
}

.mypage .acc_list_wrap.ch_list .tit_wrap {
  display: block;
  margin-left: 68px;
  padding: 30px 60px 30px 0;
}

.mypage .tab_wrap.dep1_tab + .head_box {
  margin-top: 40px;
}

.mypage .acc_list_wrap + .group_checkbox,
.mypage .acc_list_wrap + .group_radio {
  margin-top: 20px;
}

.mypage .person_info_input .tel_num {
  width: 333px;
}

.mypage .person_info_input .cu_name {
  width: 470px;
}

.mypage .like_acc_wrap + .chk_wrap {
  margin-top: 20px;
}

.mypage .full_form dd {
  padding-right: 0;
}

.mypage .event_info .input_tel .btn {
  margin-left: 6px;
}

.mypage .normal_list li {
  margin-bottom: 6px;
  color: #666;
}

.mypage .ex_txt {
  position: relative;
  padding-left: 37px;
}

.mypage .ex_txt .ex {
  position: absolute;
  top: 0;
  left: 0;
}

.mypage .bul_line_box {
  padding: 30px;
  border: 1px solid #dddbda;
}

.data_table .table table tfoot.type02 tr td,
.data_table .table table tfoot.type02 tr th {
  padding: 16px 14px;
  border-bottom: 1px solid #dddbda;
  background: #fcfbfa;
}

.data_table tbody td.like_tfoot,
.data_table tbody th.like_tfoot {
  border-right: none;
  border-bottom: 1px solid #dddbda;
  border-left: none;
  background: #fcfbfa;
}

.data_table .table table tfoot.type02 tr td.al_right {
  padding-right: 20px;
  text-align: right;
}

.mypage .acc_list_wrap .btn_wrap {
  margin-bottom: 20px;
}

.mypage .acc_list_wrap .btn_wrap .btn {
  width: 240px;
}

.mypage .acc_list_wrap .data_table .top_info .fr .btn {
  margin-left: 5px;
}

.mypage .acc_list_wrap .acc_list_head .tit .corp_tit,
.mypage .acc_list_wrap .acc_list_head .tit .inner_tit {
  display: inline-block;
  margin-left: 30px;
}

#contents .acc_list_wrap .top_info {
  width: auto;
}

.more.border_sy {
  line-height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 360px;
  height: 50px;
  margin: 30px auto 0;
  color: #666;
  border: 1px solid #dddbda;
}

.more.border_sy .arr {
  margin-right: 10px;
  border-color: #666;
}

.more.border_sy .arr.right {
  position: relative;
  top: 2px;
  margin: 0 0 0 5px;
}

.acc_list_wrap .no_data {
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.pop_header_txt {
  text-align: center;
}

.pop_header_txt .header_tit {
  font-size: 26px;
  font-weight: 500;
  line-height: 39px;
  color: #222;
}

.pop_header_txt .pop_explain {
  font-size: 16px;
  line-height: 26px;
  margin-top: 12px;
  color: #222;
}

/*//추가*/
/* 마이페이지 서브메인 */
.my_summary {
  border: 1px solid #dddbda;
  border-top: 2px solid #222;
}

.my_summary .my_header .my_box {
  display: table-cell;
  position: relative;
  vertical-align: top;
}

.my_summary .my_header .my_box:last-child {
  border: none;
}

.my_summary .my_header .my_box .btn_list_wrap {
  position: absolute;
  bottom: 30px;
  left: 30px;
  overflow: hidden;
}

.my_summary .my_header .my_box .btn_list_wrap li {
  float: left;
  margin-right: 10px;
}

.my_summary .my_header .my_box .btn_list_wrap li:last-child {
  margin: 0;
}

.my_summary .my_header .my_box .btn_list_wrap .btn {
  min-width: 92px;
}

.my_summary .my_header .my_box.my_use .btn_list_wrap .btn {
  min-width: 112px;
}

.my_summary .confirm_tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
  margin-top: 30px;
  margin-bottom: 51px;
  color: #222;
}

.my_summary .my_header {
  display: table;
  overflow: hidden;
  background: #f7f7f7;
}

/*bx*/
.my_summary .my_header .my_info {
  width: 292px;
  padding: 40px 0 34px;
  text-align: center;
}

.my_summary .my_header .my_info .my_grade {
  margin-bottom: 18px;
  text-align: center;
}

.my_summary .my_header .my_info .my_grade .my_ch {
  display: inline-block;
  position: relative;
  width: 86px;
  height: 86px;
  background: url("/common/img/vin/mypage/person.png") no-repeat left top;
}

/*bx*/
.my_summary .my_header .my_info .my_grade .my_ch .member {
  display: inline-block;
  position: absolute;
  right: -12px;
  bottom: -3px;
  width: 41px;
  height: 38px;
  background: url("/common/img/vin/mypage/small_grade.png") no-repeat left bottom;
}

.my_summary .my_header .my_info .my_grade .my_ch .member.vip {
  background-position: 0 0;
}

.my_summary .my_header .my_info .my_grade .my_ch .member.gold {
  background-position: 0 -58px;
}

.my_summary .my_header .my_info .my_grade .my_ch .member.silver {
  background-position: 0 -116px;
}

/* 2020-12-28 고객 등급 수정/추가 */
.my_summary .my_header .my_info .my_grade01 {
  font-size: 20px;
  color: #ff9000;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 5px;
}

.my_summary .my_header .my_bill {
  width: 584px;
  padding: 30px;
  border: 1px solid #dddbda;
  border-top: none;
  border-bottom: none;
}

.my_summary .my_header .my_bill .tit_bill {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.my_summary .my_header .my_bill .tit_bill .s_txt {
  font-size: 15px;
  color: #666;
}

.my_summary .my_header .my_bill .tit_bill .m_txt {
  display: block;
  font-size: 18px;
  line-height: 1;
}

.my_summary .my_header .my_bill .price {
  overflow: hidden;
  padding-top: 20px;
}

.my_summary .my_header .my_bill .price .no_pay {
  font-size: 20px;
  line-height: 30px;
  color: #666;
}

.my_summary .my_header .my_bill .price .sum {
  float: left;
  font-size: 40px;
  line-height: 54px;
  color: #ff9000;
}

/*bx*/
.my_summary .my_header .my_bill .price .item_price {
  float: left;
  width: 160px;
  margin-left: 40px;
  padding: 0;
}

.my_summary .my_header .my_bill .price .item_price li {
  font-weight: 500;
  margin-top: 4px;
  margin-bottom: 0;
  padding: 0;
  color: #222;
}

.my_summary .my_header .my_bill .price .item_price li .item {
  font-weight: 400;
  color: #898786;
}

.my_summary .my_header .my_info .my_name {
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center;
  color: #222;
}

.my_summary .my_header .my_info .line_link {
  font-size: 14px;
  line-height: 21px;
}

.my_summary .my_header .my_use {
  width: 292px;
  padding: 34px 30px 30px;
}

.my_summary .my_header .my_use .use_define dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  padding-bottom: 16px;
}

.my_summary .my_header .my_use .use_list {
  overflow: hidden;
}

.my_summary .my_header .my_use .use_list li {
  position: relative;
  float: left;
  width: 58px;
  margin-right: 29px;
  padding-top: 9px;
  text-align: center;
}

.my_summary .my_header .my_use .use_list li.disabled {
  opacity: 0.5;
}

.my_summary .my_header .my_use .use_list li:last-child {
  margin-right: 0;
}

.my_summary .my_header .my_use .use_list li .tit {
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin-top: 8px;
  color: #222;
}

.my_summary .my_header .my_use .use_list li .num {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  background: #ff9000;
}

/*bx*/
/*.my_summary .my_skb_detail {overflow:hidden; border-top:1px solid #dddbda; background:#fff;}
.my_summary .my_skb_detail li {float:left; font-size:18px; line-height:27px; width:292px; padding:30px; border-right:1px solid #dddbda;}
.my_summary .my_skb_detail li a {display:block;}
.my_summary .my_skb_detail li a:hover .d_con strong {text-decoration:underline;}
.my_summary .my_skb_detail li:last-child {border:none;}
.my_summary .my_skb_detail li .d_tit {display:block;font-weight:500;}
.my_summary .my_skb_detail li .d_con {display:block; margin-top:15px;text-align:right;}
.my_summary .my_skb_detail li .d_con strong {font-size:30px; font-weight:500; line-height:45px; margin-right:4px;color:#ff9000;}*/
.box_fl_wrap {
  overflow: hidden;
}

.pay_info {
  float: left;
  width: 840px;
  margin-right: 30px;
}

.mypage .bill_tit {
  position: relative;
}

.mypage .bill_tit .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 90px;
}

.bill_mg {
  float: left;
  width: 300px;
}

.bill_mg .bill_box {
  height: 164px;
  padding: 30px 30px 23px;
  text-align: center;
  border: 1px solid #dddbda;
}

.bill_mg .bill_box .bill_type {
  display: inline-block;
  position: relative;
  min-width: 80px;
  margin: 0 4px;
  vertical-align: top;
}

.bill_mg .bill_box .bill_type .cir {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  text-align: center;
  border-radius: 100%;
  background: #f8f6f5;
}

.bill_mg .bill_box .bill_type .cir em {
  display: inline-block;
  overflow: hidden;
  line-height: 9999999px;
  width: 38px;
  height: 38px;
  margin-top: 21px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.bill_mg .bill_box .bill_type.smart .cir em {
  background-image: url(/common/img/vin/mypage/m_smart.png);
}

.bill_mg .bill_box .bill_type.post .cir em {
  background-image: url(/common/img/vin/mypage/m_post.png);
}

.bill_mg .bill_box .bill_type.email .cir em {
  background-image: url(/common/img/vin/mypage/m_email.png);
}

.bill_mg .bill_box .bill_type.sms .cir em {
  background-image: url(/common/img/vin/mypage/m_sms.png);
}

.bill_mg .bill_box .bill_type.etc .cir em {
  background-image: url(/common/img/vin/mypage/m_etc.png);
}

.bill_mg .bill_box .bill_type .type_txt {
  padding-top: 85px;
  text-align: center;
}

.bill_mg .bill_box .bill_type .type_txt span {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.mypage .graph_tab {
  float: left;
}

.mypage .graph_tab ul {
  width: auto;
  margin: 0;
  margin-left: 20px;
  padding: 8px 0 0 0;
}

.mypage .graph_tab.tab_wrap.sub_tab .tabs a {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  padding: 6px 12px;
  color: #666;
}

.mypage .graph_tab.tab_wrap.sub_tab .tabs.on a {
  color: #ff9000;
}

/*bx*/
.mypage .graph_tab.tab_wrap.sub_tab .tabs:first-child:before {
  content: none;
}

.graph_explain_wrap {
  padding: 60px 0 20px;
}

.graph_explain_wrap .my_graph_info {
  position: static;
  overflow: hidden;
}

.my_graph_info {
  position: absolute;
  right: 0;
  bottom: 28px;
  overflow: hidden;
}

.my_graph_info li {
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 16px;
  margin-left: 14px;
  padding-left: 22px;
  color: #666;
}

.my_graph_info li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #cccac9;
}

.my_graph_info .total:before {
  background: #898786 url("/common/img/vin/mypage/bg_total.png");
}

.my_graph_info .discount:before {
  background: #8881ad url("/common/img/vin/mypage/bg_discount.png");
}

.my_graph_info .pay:before {
  background: #ff9000;
}

/*bx*/
.bz .my_graph_info .total:before {
  background: url("/common/img/vin/mypage/g_dis1.png") no-repeat left 50%;
}

.bz .my_graph_info .discount:before {
  background: url("/common/img/vin/mypage/g_dis2.png") no-repeat left 50%;
}

.bz .my_graph_info .pay:before {
  background: url("/common/img/vin/mypage/g_dis3.png") no-repeat left 50%;
}

.tab_contents.graph .tab_cont {
  display: none;
  margin-top: 0;
}

.tab_contents.graph .tab_cont:first-child {
  display: block;
}

.my_graph_list {
  height: 312px;
}

.my_graph_list:after {
  content: "";
  display: block;
  clear: both;
}

.my_graph_list > li {
  position: relative;
  float: left;
  width: 292px;
  height: 100%;
  padding-top: 30px;
  text-align: center;
  border: 1px solid #dddbda;
  border-right: none;
}

.my_graph_list > li:last-child {
  border-right: 1px solid #dddbda;
}

.my_graph_list > li .date {
  color: #222;
}

.my_graph_list > li .total_pay {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 40px;
  text-align: center;
  color: #ff9000;
}

/*bx*/
.my_graph_list > li .total_pay:lang(ko) {
  font-weight: 500;
}

.my_graph_list .month_list {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 180px;
  height: 150px;
  margin-left: -90px;
}

.my_graph_list .month_list li {
  position: relative;
  float: left;
  width: 60px;
  height: 100%;
}

.my_graph_list .month_list li .bar {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 20px;
  margin-left: -10px;
  border-radius: 3px 3px 0 0;
  background: url("/common/img/vin/mypage/bg_grap01.png") repeat-y left top;
}

.my_graph_list .month_list li .bar em {
  position: absolute;
  top: -25px;
  left: 50%;
  font-size: 14px;
  line-height: 21px;
  min-width: 100px;
  margin-left: -50px;
  text-align: center;
  color: #222;
}

.my_graph_list .month_list li .bar .g_item {
  display: inline-block;
  overflow: hidden;
  line-height: 9999999px;
  max-height: 100%;
}

.my_graph_list .month_list li.discount_g .bar {
  background-image: url("/common/img/vin/mypage/bg_grap02.png");
}

.my_graph_list .month_list li.pay_g .bar {
  background: #ff9000;
}

/*bx*/
.my_graph_list .month_list li.pay_g .bar em {
  color: #ff9000;
}

/*bx*/
.my_graph_list .month_list li.discount_g .bar em {
  color: #4f3cb8;
}

.bz .my_graph_list .month_list li.discount_g .bar em {
  color: #222;
}

#pop_container .my_graph_list > li {
  width: 260px;
}

#pop_container .graph_box {
  position: relative;
  overflow: hidden;
}

#pop_container .graph_box .sh {
  position: absolute;
  top: 121px;
  width: 32px;
  height: 70px;
  background: rgba(34, 34, 34, 0.55);
}

#pop_container .graph_box .graph_prev {
  left: 0;
}

#pop_container .graph_box .graph_prev span {
  margin-right: -7px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

#pop_container .graph_box .graph_next {
  right: 3px;
}

#pop_container .graph_box .graph_next span {
  margin-left: -7px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#pop_container .graph_box .sh span {
  display: inline-block;
  overflow: hidden;
  line-height: 99999px;
  width: 14px;
  height: 14px;
  margin-top: 7px;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
}

#pop_container .selects.large .select_custom .ui-selectbox-view a {
  height: auto;
  padding: 35px 0 35px 40px;
  padding-top: 35px;
}

#pop_container .selects.large .select_custom .ui-selectbox-list {
  margin: 0 40px;
}

#pop_container .selects.large .select_custom .ui-selectbox-list {
  top: 70px;
}

#pop_container .selects.large .select_custom .ui-selectbox-view .ico {
  top: 32px;
}

.no_bg_tit {
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
  text-align: center;
}

.selects.large {
  position: relative;
  z-index: 5;
}

.pop_contents .selects.large {
  max-width: 100%;
}

.selects.large .select_custom .ui-selectbox-view a {
  font-size: 24px;
  font-weight: 500;
  color: #222;
}

.selects.large .select_custom .ui-selectbox-view .ico {
  top: 12px;
  right: 40px;
  width: 24px;
  height: 24px;
  background: url("/common/img/vin/mypage/select_arr_xl.png") no-repeat left top;
}

.selects.large .select_custom .ui-selectbox-list {
  background: #fff;
}

.selects.large .select_custom .ui-selectbox-list {
  border-color: #cbcac8;
}

.search_form .selects.large .select_custom .ui-selectbox-view .ico {
  right: 20px;
}

.bill_table_wrap.first {
  margin-bottom: 27px;
  padding-bottom: 37px;
  border-bottom: 6px dotted #eeeceb;
}

.bull_list.mgt {
  margin-top: 8px;
}

.member_box {
  overflow: hidden;
  padding: 40px;
  border: solid 1px #dddbda;
}

.member_box .member_txt {
  float: left;
  width: 830px;
  border-right: 1px solid #dddbda;
}

.member_box .member_txt .bene_txt {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 40px;
  color: #666;
}

.member_box .member_txt .btn {
  width: auto;
}

.member_box .membership {
  float: right;
  width: 258px;
  padding-left: 40px;
  text-align: center;
}

.member_box .membership .my_grade {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  padding-top: 141px;
  color: #222;
  background-repeat: no-repeat;
  background-position: 50% 20px;
}

.member_box .membership .my_grade.vip {
  background-image: url("/common/img/vin/mypage/g_vip.png");
}

.member_box .membership .my_grade.gold {
  background-image: url("/common/img/vin/mypage/g_gold.png");
}

.member_box .membership .my_grade.silver {
  background-image: url("/common/img/vin/mypage/g_silver.png");
}

.member_box .membership .no_btamin {
  padding-top: 50px;
  text-align: center;
  color: #666;
}

.member_box .membership .no_btamin strong {
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 6px;
  color: #222;
}

.mypage .acc_list_wrap .acc_with_icon .tit_right {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 18px;
  line-height: 27px;
  margin-top: -14px;
  padding-right: 0;
  color: #ff9000;
}

/* 약관 */
.mypage .acc_list_wrap.term_acc .acc_list_head .tit {
  font-weight: 500;
}

.mypage .acc_list_wrap.term_acc [class^=tit].strong {
  font-weight: 500;
}

.mypage .acc_list_wrap.term_acc .term_para {
  margin-bottom: 20px;
}

.mypage .acc_list_wrap.term_acc .term_para2 {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 10px;
}

.mypage .acc_list_wrap.term_acc .term_para2.first {
  margin-top: 5px;
}

.mypage .acc_list_wrap.term_acc .term_para2.last {
  margin-bottom: 0;
}

.mypage .acc_list_wrap.term_acc .term_list {
  margin-top: 10px;
}

.mypage .acc_list_wrap.term_acc .term_list.lar li {
  margin-top: 20px;
}

.mypage .acc_list_wrap.term_acc .term_list.belong {
  padding-left: 15px;
}

.mypage .acc_list_wrap.term_acc .term_list li {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 8px;
}

.mypage .acc_list_wrap.term_acc .term_small_txt {
  font-size: 14px;
  line-height: 21px;
  margin-top: 5px;
}

.mypage .acc_list_wrap.term_acc .dash.small {
  font-size: 14px;
  line-height: 21px;
}

/* 기업 - 마이페이지 */
.mypage .my_summary.bz {
  overflow: hidden;
  border-width: 0 0 0 0;
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.mypage .my_summary.bz .my_box {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 390px;
  height: 506px;
  padding: 0 30px;
  border-right: 1px solid #dddbda;
}

.mypage .my_summary.bz .my_box.my_info {
  border-left: 1px solid #dddbda;
  background: #f8f6f5;
}

.mypage .my_summary.bz .my_box.my_info .em {
  color: #ff9000;
}

.mypage .my_summary.bz .my_box.my_info .my_info_header {
  padding: 36px 0 30px;
  text-align: center;
}

.mypage .my_summary.bz .my_box.my_info .my_info_header .list_link {
  text-decoration: underline;
}

.mypage .my_summary.bz .my_box.my_info .my_info_header .my_ch {
  display: inline-block;
  position: relative;
  width: 85px;
  height: 85px;
  border-radius: 100%;
  background: #fff url(/common/img/vin/mypage/person.png) no-repeat left top;
}

.mypage .my_summary.bz .my_box.my_info .my_info_header .my_ch .member {
  display: inline-block;
  position: absolute;
  right: -12px;
  bottom: -3px;
  width: 41px;
  height: 38px;
  background: url("/common/img/vin/mypage/small_grade.png") no-repeat left bottom;
}

.mypage .my_summary.bz .my_box.my_info .my_name {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 7px;
  text-align: center;
  color: #222;
}

.mypage .my_summary.bz .my_box.my_info .line_link {
  font-size: 14px;
  line-height: 21px;
}

.mypage .my_summary.bz .my_box.my_info .my_grade {
  margin-bottom: 12px;
}

.mypage .my_summary.bz .box_bottom {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 230px;
  padding-top: 30px;
  border-top: 1px solid #dddbda;
}

.mypage .my_summary.bz .box_top {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 275px;
  padding: 30px 0 0;
}

.mypage .my_summary.bz .month_bill .bill_tit {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 14px;
}

.mypage .my_summary.bz .month_bill .total {
  margin-top: 14px;
}

.mypage .my_summary.bz .month_bill .total .price {
  display: block;
  font-size: 40px;
  font-weight: 500;
  line-height: 54px;
  color: #ff9000;
}

.mypage .my_summary.bz .month_bill .btn.white_btn {
  margin-top: 20px;
}

.mypage .my_summary.bz .month_bill .detail_wrap {
  margin-top: 20px;
}

.mypage .my_summary.bz .month_bill .bill_noData {
  margin-top: 50px;
  text-align: center;
}

.mypage .my_summary.bz .month_bill .bill_noData .noData_tit {
  font-size: 26px;
  font-weight: 500;
  line-height: 39px;
  padding-top: 150px;
  color: #222;
  background: url("/common/img/vin/mypage/info_off_icon.png") no-repeat 50% top;
}

.mypage .my_summary.bz .no_data_box {
  padding: 30px 0;
}

.mypage .my_summary.bz .info_detail {
  overflow: hidden;
}

.mypage .my_summary.bz .info_detail li {
  position: relative;
  font-weight: 500;
  padding-left: 22px;
  text-align: right;
  color: #222;
}

.mypage .my_summary .info_detail li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 23px;
}

.mypage .my_summary.bz .info_detail li.total_txt:before {
  background: url("/common/img/vin/mypage/g_dis1.png") no-repeat left 50%;
}

.mypage .my_summary.bz .info_detail li.discount_txt:before {
  background: url("/common/img/vin/mypage/g_dis2.png") no-repeat left 50%;
}

.mypage .my_summary.bz .info_detail li.pay_txt:before {
  background: url("/common/img/vin/mypage/g_dis3.png") no-repeat left 50%;
}

/* .mypage .my_summary.bz .info_detail li .line{text-decoration:underline} */
.mypage .my_summary.bz .info_detail li:not(:first-child) {
  margin-top: 14px;
}

.mypage .my_summary.bz .info_detail li .info_item {
  float: left;
  font-weight: 400;
  color: #666;
}

.mypage .my_summary.bz .info_detail li .week {
  font-weight: 400;
  color: #666;
}

.mypage .my_summary.bz .my_graph_list {
  position: relative;
  height: 200px;
}

.mypage .my_summary.bz .my_graph_list .month_list {
  width: 290px;
  height: 178px;
  margin-left: -145px;
}

.mypage .my_summary.bz .my_graph_list .month_list li {
  width: 96px;
}

.mypage .my_summary.bz .my_graph_list .month_list li .bar {
  width: 30px;
  margin-left: -15px;
}

.bz .my_graph_list .month_list li.total_g .bar {
  background: #cccac9 url("/common/img/vin/mypage/g_pat1.png") repeat-y left top;
}

.bz .my_graph_list .month_list li.discount_g .bar {
  background: #898786 url("/common/img/vin/mypage/g_pat2.png") repeat-y left top;
}

.mypage .my_summary.bz .my_graph_list .month_list li.pay_g .bar {
  background-color: #ff9000;
}

.mypage .my_summary.bz .my_graph_list .month_list li.pay_g .bar em {
  color: #ff9000;
}

.mypage .strong {
  color: #222;
}

.mypage .list_wrap .pro_box {
  min-height: auto;
}

.mypage .star_grade .star .star_bg {
  background-position: 0 0;
}

.mypage .faq_grade_wrap {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #dddbda;
}

.mypage .faq_grade_wrap dl {
  overflow: hidden;
}

.mypage .faq_grade_wrap dl dt {
  float: left;
  width: 208px;
  color: #222;
}

.mypage .faq_grade_wrap dl dd {
  float: left;
  width: 880px;
}

.mypage .faq_grade_wrap dl dd .input_txt {
  width: 770px;
}

.mypage .faq_grade_wrap dl + dl {
  margin-top: 20px;
}

.mypage .faq_grade_wrap .cu_star dt {
  line-height: 18px;
}

.mypage .faq_grade_wrap .cu_view dt {
  line-height: 50px;
}

.mypage .mysub_re_pro .r_ico_box dt {
  font-size: 24px;
  line-height: 36px;
}

.mypage .mysub_re_pro .r_ico_box dd {
  margin-top: 10px;
}

/* 보안문자 입력 */
.sec_container {
  overflow: hidden;
}

.sec_container .sec_wrap {
  float: left;
  width: 252px;
}

.sec_container .sec_wrap .sec_img {
  display: inline-block;
  width: 252px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dddbda;
}

.sec_container .sec_wrap .sec_img:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.sec_container .sec_wrap .sec_img img {
  line-height: 50px;
  vertical-align: middle;
}

.sec_container .sec_wrap + .sec_txt_wrap {
  margin-left: 15px;
}

.sec_container .sec_txt_wrap {
  float: left;
  width: 415px;
}

.sec_container .sec_txt_wrap .form_guide.bl {
  margin-top: 10px;
}

.sec_container .sec_wrap .sec_btn {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  height: 21px;
  margin-top: 10px;
  padding-left: 26px;
  color: #222;
}

.sec_container .sec_wrap .sec_btn.voice {
  margin-right: 12px;
  background: url("/common/img/vin/mypage/sec_voice.png") no-repeat left top;
}

.sec_container .sec_wrap .sec_btn.refresh {
  background: url("/common/img/vin/mypage/sec_refresh.png") no-repeat left top;
}

.phone_sms_form .tel_num {
  width: 325px;
}

.phone_sms_form .sms .input_txt {
  width: 597px;
}

.phone_sms_form .btn.gray.h50 {
  min-width: 107px;
  padding: 0 10px;
}

.phone_sms_form .sec_container .input_txt {
  width: 440px;
}

.inner_head_box {
  margin-bottom: 60px;
  padding: 30px;
  text-align: center;
  background: #eeeceb;
}

.inner_head_box .head_txt {
  font-size: 18px;
  line-height: 27px;
  color: #222;
}

.mypage .info_box {
  padding: 30px;
  border: 1px solid #dddbda;
}

.mypage .info_box .info_box_inner {
  position: relative;
}

.mypage .info_box .tit {
  font-size: 18px;
  color: #222;
}

.mypage .info_box .myDetail_list {
  margin-top: 12px;
  padding-right: 180px;
}

.mypage .info_box .myDetail_list li {
  font-weight: 400;
}

.mypage .info_box .myDetail_list li.mgt {
  margin-top: 6px;
  margin-left: -10px;
}

.mypage .info_box .price {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-top: -14px;
}

.flag.small {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 50px;
  margin-right: 10px;
  padding: 0 13px;
}

/* 서비스 개통 확인  */
.layer_pop .pay_box .myDetail_list {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #dddbda;
}

.bull_list.myspace_mtm {
  margin-top: 20px;
}

[class^=tit] + .gray_line_box {
  margin-top: 20px;
}

.pop_search_wrap {
  margin-bottom: 20px;
  padding: 20px 0;
  background: #f8f6f5;
}

.pop_search_wrap {
  text-align: center;
}

.pop_search_wrap .pop_form .tel01 {
  width: 104px;
}

.pop_search_wrap .pop_form .tel02 {
  width: 171px;
  margin: 0 2px 0 1px;
  vertical-align: top;
}

.pop_search_wrap .pop_form .tel02 input {
  border: none;
}

.myid_ch_wrap .input_txt {
  width: 364px;
}

.input_txt + .with_input {
  margin-top: 10px;
}

.input_txt + .with_input label {
  font-size: 14px;
}

.pop_contents .like_input {
  display: inline-block;
  font-size: 15px;
  line-height: 23px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 104px;
  height: 50px;
  margin: 0 2px;
  padding: 0 13px;
  vertical-align: top;
  color: #666;
  background: #fff;
}

/* 시청평 */
.input_form_wrap .input_form_conts.pop_review dl {
  border-bottom: 0;
}

.input_form_wrap .input_form_conts.pop_review dt {
  width: 160px;
}

.input_form_wrap .input_form_conts.pop_review .star_sel_wrap {
  display: block;
  height: auto;
  padding: 40px 0;
}

.input_form_wrap .input_form_conts.pop_review .star_sel_wrap .star_sel_container {
  width: 370px;
  margin: 0 auto;
}

.input_form_wrap .input_form_conts.pop_review dd {
  display: block;
  padding: 0;
}

.input_form_wrap .input_form_conts.pop_review .input_textarea {
  height: 332px;
}

.layer_pop .input_form_conts.pop_review .select_custom .ui-selectbox-list {
  top: 48px;
}

.input_form_wrap .input_form_conts.pop_review .input_textarea textarea {
  height: 100%;
}

.input_form_wrap .input_form_conts.pop_review .write_star {
  text-align: center;
}

.input_form_wrap .input_form_conts.pop_review .write_star .write_txt {
  font-size: 18px;
  margin-top: 14px;
  color: #222;
}

.input_form_wrap .input_form_conts.pop_review dl {
  height: auto;
}

.input_form_wrap .input_form_conts.pop_review dl dd {
  height: auto;
}

.input_form_wrap .input_form_conts.pop_review .star_sel_wrap dd {
  display: table-cell;
}

.input_form_wrap .input_form_conts.pop_review .star_sel_wrap .star_bg {
  margin-top: 2px;
  vertical-align: top;
}

.input_form_wrap .input_form_conts.pop_review .text_read_wrap {
  overflow: auto;
  height: 332px;
  padding: 14px 20px;
  color: #666;
  background: #f8f6f5;
}

.pop_review .star_grade .star.ok1 .star_bg .grade,
.write_review_wrap .star_grade .star.ok1 .star_bg .grade {
  width: 100%;
}

.pop_review .star_grade .star.ok2 .star_bg .grade,
.write_review_wrap .star_grade .star.ok2 .star_bg .grade {
  width: 98px;
}

.pop_review .star_grade .star.ok3 .star_bg .grade,
.write_review_wrap .star_grade .star.ok3 .star_bg .grade {
  width: 80%;
}

.pop_review .star_grade .star.ok4 .star_bg .grade,
.write_review_wrap .star_grade .star.ok4 .star_bg .grade {
  width: 70%;
}

.pop_review .star_grade .star.ok5 .star_bg .grade,
.write_review_wrap .star_grade .star.ok5 .star_bg .grade {
  width: 60%;
}

.pop_review .star_grade .star.ok6 .star_bg .grade,
.write_review_wrap .star_grade .star.ok6 .star_bg .grade {
  width: 50%;
}

.pop_review .star_grade .star.ok7 .star_bg .grade,
.write_review_wrap .star_grade .star.ok7 .star_bg .grade {
  width: 40%;
}

.pop_review .star_grade .star.ok8 .star_bg .grade,
.write_review_wrap .star_grade .star.ok8 .star_bg .grade {
  width: 30%;
}

.pop_review .star_grade .star.ok9 .star_bg .grade,
.write_review_wrap .star_grade .star.ok9 .star_bg .grade {
  width: 20%;
}

.pop_review .star_grade .star.ok10 .star_bg .grade,
.write_review_wrap .star_grade .star.ok10 .star_bg .grade {
  width: 10px;
}

.pop_review .star_grade .star.ok11 .star_bg .grade,
.write_review_wrap .star_grade .star.ok11 .star_bg .grade {
  width: 0;
}

.pop_review .select_custom .ui-selectbox-list .ui-select-scrollarea {
  max-height: none;
}

.pop_review .select_custom .ui-selectbox-list {
  background: #fff;
}

.mypage .para_mbM {
  margin-bottom: 20px;
}

.bull_list.min.spa_s li {
  margin-top: 4px;
}

.confirm_org_list {
  overflow: hidden;
  margin-bottom: -20px;
}

.confirm_org_list li {
  display: inline-block;
  width: 148px;
  margin: 0 0 20px 0;
}

.confirm_org_list li a {
  display: block;
  position: relative;
  font-size: 14px;
  line-height: 21px;
  padding-top: 34px;
  color: #666;
}

.confirm_org_list li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 132px;
  height: 28px;
  margin-left: -66px;
}

.confirm_org_list.cell_left li:nth-child(1) a:after {
  background: url("/common/img/vin/mypage/id_org_img1.png") no-repeat 50% top;
}

.confirm_org_list.cell_left li:nth-child(2) a:after {
  background: url("/common/img/vin/mypage/id_org_img2.png") no-repeat 50% top;
}

.confirm_org_list.cell_right li:nth-child(1) a:after {
  background: url("/common/img/vin/mypage/id_org_img2.png") no-repeat 50% top;
}

.confirm_org_list.cell_right li:nth-child(2) a:after {
  background: url("/common/img/vin/mypage/id_org_img3.png") no-repeat 50% top;
}

.confirm_org_list.cell_right li:nth-child(3) a:after {
  background: url("/common/img/vin/mypage/id_org_img1.png") no-repeat 50% top;
}

.confirm_org_list.cell_right li:nth-child(4) a:after {
  background: url("/common/img/vin/mypage/id_org_img4.png") no-repeat 50% top;
}

.confirm_org_list.cell_right li:nth-child(5) a:after {
  background: url("/common/img/vin/mypage/id_org_img5.png") no-repeat 50% top;
}

.check_wrap {
  margin-top: 30px;
  text-align: center;
}

.check_wrap .check_txt {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  color: #222;
}

.check_wrap .check_txt .date {
  display: block;
  font-size: 15px;
  padding-top: 4px;
  color: #666;
}

.check_wrap .sk_ceo_sign {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 36px;
  min-height: 36px;
}

.check_wrap .sk_ceo_sign img {
  margin-left: 8px;
}

.bank_sel_wrap {
  overflow: hidden;
}

.bank_sel_wrap .bank_list {
  overflow: hidden;
  padding: 0 0 1px 1px;
}

.bank_sel_wrap .bank_list:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.bank_sel_wrap .bank_list li {
  float: left;
  width: -ms-calc((100% + 3px)/4);
  width: -o-calc((100% + 3px)/4);
  width: calc((100% + 3px) / 4);
  height: 55px;
  margin-bottom: -1px;
  margin-left: -1px;
}

.bank_sel_wrap .bank_list li .rad_wrap {
  display: block;
}

.bank_sel_wrap .bank_list li .rad_wrap input[type=radio]:focus + label {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

.bank_sel_wrap .bank_list li label {
  display: block;
  position: relative;
  z-index: 1;
  line-height: 53px;
  padding-left: 0;
  text-align: center;
  color: #666;
  border: 1px solid #eeeceb;
}

.bank_sel_wrap .bank_list li label:hover {
  color: #ff9000;
}

.bank_sel_wrap .bank_list li label:after {
  display: none;
}

.bank_sel_wrap .bank_list li .rad_wrap input[type=radio]:checked + label {
  z-index: 2;
}

.bank_sel_wrap .bank_list li .rad_wrap input[type=radio]:checked + label {
  color: #ff9000;
  border-color: #ff9000;
}

/* 사용/청구내역 조회 */
.mypage .like_board {
  padding: 30px 0;
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
  background: #f8f6f5;
}

.mypage .like_board .em {
  color: #ff9000;
}

/*bx*/
.mypage .bill_record_wrap .receipt_wrap {
  overflow: visible;
}

.mypage .bill_record_wrap .item_price {
  height: 126px;
}

.mypage .bill_record_wrap .total_wrap.line_2 {
  vertical-align: middle;
}

.mypage .bill_record_wrap .total_wrap.line_2 .item_price {
  height: 63px;
}

.mypage .bill_record_wrap .total_wrap.line_2 .item_price .total_sum {
  position: static;
}

.mypage .bill_record_wrap .total_sum .item {
  display: inline-block;
  line-height: 36px;
}

.mypage .bill_record_wrap .total_sum .em {
  font-size: 24px;
  line-height: 36px;
}

.mypage .bill_record_wrap .total_wrap {
  vertical-align: top;
}

.mypage .bill_record_wrap .sel_wrap {
  padding: 0 30px 0 16px;
}

.mypage .bill_record_wrap .sel_wrap .sel_date {
  display: block;
  margin-top: 10px;
  padding-left: 14px;
  color: #666;
}

.mypage .bill_record_wrap.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 70px;
  padding: 0;
  border-top: none;
}

.mypage .bill_record_wrap.fixed .sel_date {
  display: none;
}

.mypage .bill_record_wrap.fixed .item_price > li {
  display: none;
}

.mypage .bill_record_wrap.fixed .item_price .total_sum {
  display: block;
  position: static;
  line-height: 70px;
  height: 70px;
}

.mypage .bill_record_wrap.fixed .item_price .total_sum .item {
  visibility: hidden;
}

.mypage .bill_record_wrap.fixed .sel_wrap {
  padding-top: 7px;
}

.mypage .bill_record_wrap.fixed .receipt_wrap {
  width: 1170px;
  margin: 0 auto;
}

.mypage .bill_record_wrap.fixed .item_price {
  height: auto;
}

.mypage .bill_record_wrap.fixed .receipt_list .list {
  border: none;
}

.mypage .bill_record_wrap.fixed .total_wrap .selects {
  display: none;
}

.mypage .total_wrap .selects {
  padding: 0 30px 20px 30px;
}

.mypage .acc_lists .tit_date {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
  color: #666;
}

.mypage .acc_lists .tit_date em {
  display: inline-block;
  margin-left: 5px;
  color: #222;
}

.mypage .acc_lists .flag {
  width: 68px;
  margin-right: 20px;
}

.mypage .acc_list_wrap.accept_list .tit {
  line-height: 22px;
  height: 22px;
  vertical-align: top;
}

.mypage .rad_wrap + .btn {
  margin-left: 20px;
  vertical-align: middle;
}

.mypage .group_radio.with_btn .rad_wrap {
  vertical-align: middle;
}

.mypage .group_radio.with_btn .btn {
  vertical-align: -9px;
}

.mypage .middle_b {
  margin-left: 20px;
  vertical-align: middle;
}

.receipt_list .selects.large {
  width: 260px;
}

.receipt_list .selects.large .select_custom .ui-selectbox-view a {
  padding-top: 15px;
}

.receipt_list .selects.large .select_custom .ui-selectbox-view .ico {
  right: 15px;
}

/* 사용 내역 */
.acc_list_wrap.ch_list .tit_decs {
  font-size: 15px;
  margin-top: 10px;
}

.acc_list_wrap.ch_list .tit_decs em {
  display: inline-block;
  color: #222;
}

.acc_list_wrap.ch_list .tit_decs .acc_subTit {
  display: inline-block;
  margin-left: 30px;
}

.acc_list_wrap.ch_list .tit_decs .acc_subTit:first-child {
  margin-left: 0;
}

.acc_list_wrap.ch_list .pro_tit {
  color: #222;
}

.acc_list_wrap.ch_list .data_table .table.color_type2 th:last-child {
  border: none;
}

.acc_list_wrap.ch_list .data_table .table.color_type2 td {
  font-size: 15px;
  line-height: 23px;
  background: #fff;
}

.acc_list_wrap.ch_list .item_price {
  color: #666;
}

.acc_list_wrap.ch_list .item_price li {
  margin-bottom: 8px;
  padding: 0;
}

.acc_list_wrap.ch_list .item_price li:last-child {
  margin-bottom: 0;
}

.acc_list_wrap.ch_list .item_price .item {
  color: #666;
}

.acc_list_wrap .no_data {
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
  font-size: 18px;
}

/* 시청내역 */
.mypage .watching.search_form .selects {
  float: left;
  width: 240px;
  margin-right: 6px;
}

.mypage .watching.search_form input[type=text] {
  width: 750px;
}

.watching_board {
  margin-top: 30px;
}

.acc_list_wrap .acc_with_btn .acc_list_head {
  position: relative;
}

.acc_list_wrap .acc_with_btn .acc_list_head a {
  margin-right: 120px;
  padding: 30px 0 30px 20px;
}

.acc_list_wrap .acc_with_btn .acc_list_head .tit_wrap {
  padding: 30px 20px 30px 20px;
}

.acc_list_wrap .acc_with_btn .acc_list_head .tit_wrap.type02 {
  margin-right: 110px;
  padding: 0;
}

.acc_list_wrap .acc_with_btn .acc_list_head .tit_wrap.type02 a {
  margin-right: 0;
  padding: 0;
}

.acc_list_wrap .acc_with_btn .acc_list_head .tit_wrap.type02 .conts {
  padding: 30px 0 30px 20px;
}

.acc_list_wrap .acc_with_btn .acc_list_head.multi_btns .tit_wrap.type02 {
  margin-right: 210px;
}

.acc_list_wrap .acc_with_btn .acc_list_head.multi_btns .btns {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -17px;
}

.acc_list_wrap .acc_with_btn .acc_list_head.multi_btns .btns .btn {
  position: static;
  margin-top: 0;
  margin-left: 10px;
}

.acc_list_wrap .acc_with_btn .acc_list_head.multi_btns .btns .btn:first-child {
  margin-left: 0;
}

.acc_list_wrap.board_type .acc_with_btn .conts .date {
  color: #666;
}

.acc_list_wrap.board_type .acc_with_btn .conts .date em {
  display: inline-block;
  margin-left: 5px;
  color: #222;
}

.acc_list_wrap.board_type .acc_with_btn .btn {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -17px;
}

.acc_list_wrap .date_wrap {
  overflow: hidden;
}

.acc_list_wrap .date_wrap .date {
  display: inline-block;
  position: relative;
  float: left;
  font-size: 15px;
  line-height: 23px;
  margin: 0;
  padding: 0 10px 0 10px;
}

.acc_list_wrap .date_wrap .date:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 14px;
  background: #dddbda;
}

.acc_list_wrap .date_wrap .date:first-child:before {
  content: none;
}

.acc_list_wrap .date_wrap .date:last-child {
  padding-right: 0;
}

.acc_list_wrap .date_wrap .date em {
  margin-left: 6px;
  color: #222;
}

.acc_list_wrap.board_type .conts .right_al .date_wrap .date {
  margin: 0;
}

.mypage .acc_list_wrap.board_type .conts .left_al span.flag {
  width: 92px;
  margin-right: 20px;
}

/* 전화이용내역 */
.data_table .check_term {
  margin-top: 15px;
  color: #898786;
}

.data_table .check_term em {
  color: #222;
}

/* 입금 전용 계좌 안내 */
.bank_go_link:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
}

.bank_go_link ul {
  overflow: hidden;
  margin: 0 -30px -30px 0;
}

.bank_go_link ul li {
  float: left;
  width: 270px;
  height: 141px;
  margin: 0 30px 30px 0;
  text-align: center;
}

.bank_go_link ul li a {
  display: block;
  padding: 40px 0;
  color: #222;
  border: 1px solid #dddbda;
}

.bank_go_link ul li a:hover {
  border-color: #ff9000;
}

.bank_go_link ul li a .logo {
  display: inline-block;
  overflow: hidden;
  line-height: 99999px;
  width: 100%;
  height: 27px;
  margin-bottom: 10px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 50% top;
}

.bank_go_link ul li:nth-child(1) a .logo {
  background-image: url("/common/img/vin/mypage/b1.png");
}

.bank_go_link ul li:nth-child(2) a .logo {
  background-image: url("/common/img/vin/mypage/b2.png");
}

.bank_go_link ul li:nth-child(3) a .logo {
  background-image: url("/common/img/vin/mypage/b3.png");
}

.bank_go_link ul li:nth-child(4) a .logo {
  background-image: url("/common/img/vin/mypage/b4.png");
}

.bank_go_link ul li:nth-child(5) a .logo {
  background-image: url("/common/img/vin/mypage/b5.png");
}

.bank_go_link ul li:nth-child(6) a .logo {
  background-image: url("/common/img/vin/mypage/b6.png");
}

.bank_go_link ul li:nth-child(7) a .logo {
  background-image: url("/common/img/vin/mypage/b7.png");
}

.bank_go_link ul li:nth-child(8) a .logo {
  background-image: url("/common/img/vin/mypage/b8.png");
}

.bank_go_link ul li:nth-child(9) a .logo {
  background-image: url("/common/img/vin/mypage/b9.png");
}

.bank_go_link ul li:nth-child(10) a .logo {
  background-image: url("/common/img/vin/mypage/b10.png");
}

.bank_go_link ul li:nth-child(11) a .logo {
  background-image: url("/common/img/vin/mypage/b11.png");
}

.bank_go_link ul li:nth-child(12) a .logo {
  background-image: url("/common/img/vin/mypage/b12.png");
}

.bank_go_link ul li:nth-child(13) a .logo {
  background-image: url("/common/img/vin/mypage/b13.png");
}

.bank_go_link ul li:nth-child(14) a .logo {
  background-image: url("/common/img/vin/mypage/b14.png");
}

.bank_go_link ul li:nth-child(15) a .logo {
  background-image: url("/common/img/vin/mypage/b15.png");
}

.bank_go_link ul li:nth-child(16) a .logo {
  background-image: url("/common/img/vin/mypage/b16.png");
}

/* sms 본인 인증 */
.layer_inner.sms_confirm dt {
  width: 187px;
}

.layer_inner.sms_confirm dd {
  width: 433px;
  padding-right: 20px;
}

.layer_inner.sms_confirm .tel_num {
  width: 163px;
}

.layer_inner.sms_confirm.tit_bg .input_form_conts {
  position: relative;
}

.layer_inner.sms_confirm.tit_bg .input_form_conts dt {
  width: 28%;
  background: #f8f6f5;
}

.layer_inner.sms_confirm.tit_bg .input_form_conts dd {
  width: 72%;
  padding-left: 20px;
}

/* .layer_inner.sms_confirm.tit_bg .input_form_conts:after{content:'';display:block;overflow:hidden;position:absolute;top:0;left:0;bottom:0;width:28%;background:#F8F6F5;z-index:-1} */
.sms_confirm .sec_wrap {
  overflow: hidden;
  margin-top: 10px;
}

.sms_confirm .sec_input_txt {
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.sms_confirm .input_sec_num {
  width: 310px;
}

.sms_confirm .sec_wrap .sec_view .sec_txt {
  display: inline-block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  height: 74px;
  border: 1px solid #dddbda;
}

.sms_confirm .sec_wrap .sec_view .sec_btn_wrap {
  float: right;
  width: 107px;
}

.sms_confirm .sec_wrap .sec_view .sec_btn_wrap .btn {
  width: 107px;
  padding: 7px 0;
  text-align: left;
}

.sms_confirm .sec_wrap .sec_view .sec_btn_wrap .btn span {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  height: 21px;
  padding-left: 26px;
}

.sms_confirm .sec_wrap .sec_view .sec_btn_wrap .btn.sound span {
  background: url("/common/img/vin/mypage/ico_sound.png") no-repeat left top;
}

.sms_confirm .sec_wrap .sec_view .sec_btn_wrap .btn.refresh span {
  background: url("/common/img/vin/mypage/ico_refresh.png") no-repeat left top;
}

.sms_confirm .sec_wrap .input_txt {
  width: 300px;
  margin-top: 10px;
}

.sms_confirm .guide_list {
  margin-top: 10px;
}

/* 변경희망일 */
.mypage .module_cal .input_txt {
  width: 352px !important;
}

/* 부가서비스 */
.add_ser_table a:hover {
  text-decoration: underline;
}

.add_ser_table a.btn:hover {
  text-decoration: none;
}

.mypage .tit_group {
  overflow: hidden;
}

.mypage .tit_group .fl {
  float: left;
}

.mypage .tit_group .fr {
  float: right;
}

.mypage .fr.chk_wrap {
  margin-top: 17px;
}

.mypage .acc_list_wrap + .chk_wrap {
  margin-top: 20px;
}

/* .mypage .acc_scroll {overflow:auto; max-height:240px;} */
.mypage .add_ask_form dl dd {
  padding-right: 170px;
}

.mypage .form_guide {
  margin-left: 8px;
}

.layer_inner.add_ask_popup .input_form_conts dt {
  width: 160px;
}

.add_ask_popup .txt_length {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  margin-top: 6px;
  color: #898786;
}

.layer_inner.layer_form_bg dt {
  background: #f8f6f5;
}

.layer_inner.layer_form_bg dd {
  padding-left: 20px;
}

.mypage .acc_list_wrap.board_type li .no_data {
  padding: 30px 0;
}

.mypage .stop_ask .module_cal .input_txt {
  width: 232px !important;
}

.mypage .stop_ask .selects {
  width: 113px;
}

.mypage .module_cal.type02 .input_txt {
  position: relative;
  background: #f8f6f5;
}

.mypage .module_cal.type02 .input_txt input {
  background: #f8f6f5;
}

.mypage .set_day_wrap:after {
  content: "";
  display: block;
  clear: both;
}

.mypage .set_day_wrap .selects {
  float: left;
}

.mypage .set_day_wrap .module_cal {
  float: left;
  margin-left: 4px;
}

.mypage .module_cal .ui-calendar-container {
  right: 0;
}

/* 가입상품 해지 */
.acc_list_wrap .tit_decs {
  clear: both;
}

.acc_list_wrap .tit_decs .myDetail_list {
  width: 100%;
  padding-top: 12px;
}

.acc_list_wrap .tit_decs .myDetail_list li {
  font-weight: 500;
}

.btn_wrap .chk_wrap {
  display: block;
  margin-bottom: 40px;
  text-align: center;
}

.mypage .donation_box .donation_icon {
  display: inline-block;
  width: 160px;
  height: 180px;
  background: url("/common/img/vin/mypage/d_icon.png") no-repeat 50% 50%;
}

/* 통신자료 제공사실 */
.normal_list li {
  margin-bottom: 6px;
  color: #666;
}

.form_check.large label {
  font-size: 18px;
  font-weight: 500;
  color: #222;
}

.head_list li {
  font-size: 14px;
  line-height: 21px;
  margin-top: 8px;
  text-align: center;
  color: #898786;
}

.head_list li:first-child {
  margin-top: 0;
}

.head_list li em {
  display: inline-block;
  margin-left: 6px;
  color: #222;
}

.mypage .event_info .cu_name {
  width: 510px;
}

.mypage .event_info .input_tel .input_txt.tel_num {
  width: 268px;
}

.mypage .event_info .input_tel .btn {
  margin-left: 6px;
}

.mypage .acc_tit {
  font-weight: 500;
  margin-bottom: 20px;
  color: #222;
}

.mypage .acc_ti.type02 {
  margin-bottom: 5px;
}

.mypage .acc_inner_list {
  margin-bottom: 20px;
}

.mypage .acc_inner_list:last-child {
  margin-bottom: 0;
}

.mypage .acc_inner_list dt {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 12px;
  color: #222;
}

.email_agree {
  margin-top: 40px;
}

.email_agree .fl {
  line-height: 34px;
  height: 34px;
}

.email_agree .btn {
  margin: 0 2px;
}

.acc_list_wrap + .group_checkbox,
.acc_list_wrap + .group_radio {
  margin-top: 33px;
}

.full_form dd {
  padding-right: 0;
}

.person_info_input .cu_name {
  width: 470px;
}

.person_info_input .tel_num {
  width: 333px;
}

.mypage .person_info_input .module_cal .input_txt {
  width: 232px !important;
}

.mypage .person_info_input .module_cal .input_txt + .input_txt {
  margin-left: 2px;
}

.input_form_wrap .form_guide.bl {
  display: block;
  margin: 6px 0 0 0;
}

/* 셋톱박스 비밀번호 */
.head_box .box_btm {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #dddbda;
}

.head_box .box_id {
  display: block;
  font-size: 20px;
  line-height: 30px;
  padding-top: 20px;
  color: #ff9000;
}

.step_wrap.case.pw_init .step_list .lists {
  width: 340px;
}

.pw_init_wrap .arr_btn_wrap {
  display: block;
  margin-top: 10px;
  text-align: center;
}

/* 신청 서비스 현황 */
.visit_wrap {
  display: table;
  overflow: hidden;
  margin-top: 40px;
}

.visit_wrap .visit_date {
  display: table-cell;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 340px;
  height: 83px;
  padding-right: 100px;
  vertical-align: middle;
  color: #222;
}

.visit_wrap .visitor_info {
  display: table-cell;
  padding-left: 50px;
  vertical-align: middle;
  border-left: 1px solid #dddbda;
}

.visit_wrap .visitor_info dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 10px;
  color: #222;
}

.visit_wrap .visitor_info .no_data {
  border: none;
}

.visit_wrap .visit_tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #222;
}

.visit_wrap .visit_sub_info {
  display: block;
  font-size: 15px;
  line-height: 23px;
  padding-top: 6px;
  color: #898786;
}

.re_step.head_box {
  padding: 40px 0;
}

.re_step.head_box .step_wrap.case .step_list .lists {
  width: 343px;
}

/* 인증비밀번호 변경 */
.mypage .password_write_sec {
  padding: 50px 0 70px;
  text-align: center;
  background: #f8f6f5;
}

.mypage .password_write_sec .tit02 {
  padding-bottom: 12px;
}

.mypage .password_write_sec p {
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.mypage .password_write {
  margin: 40px 40px 0;
  padding-top: 50px;
  border-top: 1px solid #dddbda;
}

.mypage .password_write label {
  color: #222;
}

.mypage .password_write .input_txt {
  width: 404px;
  margin-left: 10px;
}

.mypage .password_write .input_txt input {
  background: #fff;
}

/* 서비스 현황 */
.step_wrap .step_list .lists.disabled .step_txt .em,
.step_wrap .step_list .lists.disabled .step_txt {
  color: #898786;
}

.step_wrap .step_list .lists.step1.disabled .ico {
  background-position: -100px -100px;
}

.step_wrap .step_list .lists.step2.disabled .ico {
  background-position: -400px -100px;
}

.step_wrap .step_list .lists.step3.disabled .ico {
  background-position: -300px -100px;
}

.guide_box_type ul {
  overflow: hidden;
}

.guide_box_type ul li {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  height: 150px;
  margin-right: 30px;
  background: #f8f6f5;
}

.guide_box_type ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 40px;
  right: 40px;
  overflow: hidden;
  width: 70px;
  height: 70px;
  background: url("/common/img/vin/mypage/ico_tel_106.png") no-repeat left top;
}

.guide_box_type ul li.tel_080:after {
  background-image: url("/common/img/vin/mypage/ico_tel_080.png");
}

.guide_box_type ul li.customer:after {
  background-image: url("/common/img/vin/mypage/ico_customer.png");
}

.guide_box_type ul li:last-child {
  margin-right: 0;
}

.guide_box_type ul li a {
  display: block;
  overflow: hidden;
  height: 100%;
}

.guide_box_type ul li .box_tit {
  float: left;
  padding: 48px 40px 0;
}

.guide_box_type ul li .box_tit .tit {
  font-size: 20px;
  line-height: 30px;
  color: #222;
}

.guide_box_type ul li .box_tit .dec_tit {
  display: block;
  color: #898786;
}

.guide_box_type ul li .ico {
  float: right;
}

.bull_list .other_para {
  margin-top: 20px;
}

.corp_info_form .corp_pw {
  width: 344px;
}

.input_tween_bar.size_3 .input_txt {
  width: 222px;
}

/* .input_form_wrap.layer_inner .input_email .input_txt {width:216px;} */
.input_form_wrap.layer_inner .input_email .selects {
  float: left;
  margin-top: 10px;
}

.input_form_wrap.layer_inner .input_email .form_guide {
  display: inline-block;
  margin: 24px 0 0 20px;
}

.tel_ch_form .gray_box {
  margin-top: 40px;
}

.tel_ch_form .gray_box .fl {
  width: 400px;
}

.charge_info {
  margin-top: 20px;
  text-align: center;
}

.charge_info li {
  display: inline-block;
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.charge_info li:not(:first-child) {
  position: relative;
  margin-left: 6px;
  padding-left: 10px;
}

.charge_info li:not(:first-child):before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #dddbda;
}

.like_acc_wrap {
  padding: 30px;
  background: #f8f6f5;
}

.like_acc_wrap .data_table th {
  background: #eeeceb;
}

.like_acc_wrap .data_table th,
.like_acc_wrap .data_table td {
  border-color: #dddbda !important;
}

@media print {
  .btn_wrap {
    display: none;
  }
  .data_table .table:after {
    border-bottom: 1px solid #dddbda;
  }
  .data_table .table thead tr:last-child {
    border-bottom: 1px solid #dddbda;
  }
  #pop_header {
    color: #000;
    background: #fff;
  }
}
/* 간편요금계산기 */
.pop_contents .handy_cal_form .input_form_conts {
  border-top: 0 none;
}

.pop_contents .handy_cal_form .cal_txt {
  padding: 0 0 20px;
  border-bottom: 2px solid #222;
}

.pop_contents .handy_cal_form .cal_txt .pop_only {
  display: inline-block;
  font-size: 14px;
  margin-left: 6px;
  color: #888;
}

.handy_cal_form .step_wrap {
  border-bottom: 1px solid #eeeceb;
}

.handy_cal_form .step_wrap .step_name {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  padding: 20px 0 0 23px;
}

.handy_cal_form .step_wrap .select_wrap {
  float: left;
  width: 570px;
}

.handy_cal_form .step_wrap .step_name em {
  display: block;
  color: #ff9000;
}

/*bx*/
.handy_cal_form .cal_txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  padding: 30px 23px;
  color: #222;
  border-bottom: 1px solid #eeeceb;
}

.handy_cal_form .cal_txt .pop_only {
  display: none;
}

.handy_cal_form .step_wrap.step1 dl {
  border-bottom: none;
}

.handy_cal_form .step_wrap.step1 dl label {
  display: inline-block;
  position: relative;
  font-size: 13px;
  line-height: 20px;
  width: 24px;
  height: 100%;
  cursor: pointer;
  vertical-align: top;
  color: #898786;
}

.handy_cal_form .step_wrap.step1 dl label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-radius: 100%;
  background: #d9d9d9;
}

.handy_cal_form .step_wrap.step1 dl label span {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
}

.handy_cal_form .step_wrap.step1 dl .bu_list {
  /* overflow:hidden; */
  position: relative;
  height: 50px;
}

.handy_cal_form .step_wrap.step1 dl .bu_list:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 6px;
  left: 6px;
  z-index: 1;
  height: 3px;
  background: #d9d9d9;
}

.handy_cal_form .step_wrap.step1 dl .bu_list > li {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 24px;
  height: 100%;
}

.handy_cal_form .step_wrap.step1 dl .bu_list > li:nth-child(1) label span {
  left: 0;
  text-align: left;
}

.handy_cal_form .step_wrap.step1 dl .bu_list > li:nth-child(2) label span {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}

.handy_cal_form .step_wrap.step1 dl .bu_list > li:nth-child(3) label span {
  right: 0;
  text-align: right;
}

.handy_cal_form .step_wrap.step1 dl .bu_list > li:nth-child(1) {
  left: 0;
}

.handy_cal_form .step_wrap.step1 dl .bu_list > li:nth-child(2) {
  left: 50%;
  margin-left: -10px;
}

.handy_cal_form .step_wrap.step1 dl .bu_list > li:nth-child(3) {
  right: 0;
}

.handy_cal_form .step_wrap.step1 input[type=radio]:checked + label:before {
  top: 0;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  background: #ff9000 url("/common/img/vin/product/check_arr.png") no-repeat 50% 50%;
}

/*bx*/
.handy_cal_form .step_wrap.step1 input[type=radio]:checked + label {
  font-size: 15px;
  line-height: 23px;
  width: 24px;
  color: #ff9000;
}

/*bx*/
.handy_cal_form .step_wrap.step1 input[type=radio]:checked + label span {
  width: 24px;
}

.handy_cal_form input[type=radio]:focus + label,
.handy_cal_form input[type=checkbox]:focus + label {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

.handy_cal_form .step_wrap dl {
  display: block;
  width: 570px;
  height: auto;
  padding: 20px 0 23px;
}

.handy_cal_form .step_wrap dl:last-child {
  border-bottom: none;
}

.handy_cal_form .step_wrap dl dt {
  display: block;
  width: auto;
  height: auto;
  padding: 0 0 10px 0;
}

.handy_cal_form .step_wrap dl dt.hide {
  position: absolute;
  left: -99999px;
}

.handy_cal_form .step_wrap dl dd {
  display: block;
  height: auto;
  padding: 0;
}

.handy_cal_form .step2 .ch_wrap {
  display: block;
  position: relative;
}

.handy_cal_form .step2 input[type=checkbox],
.handy_cal_form input[type=radio] {
  position: absolute;
  top: 2px;
  left: 0;
  overflow: hidden;
  width: 18px;
  height: 18px;
  opacity: 0;
  outline: 0;
}

.handy_cal_form .step2 input[type=checkbox] + label,
.handy_cal_form .step2 input[type=radio] + label {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 36px;
  cursor: pointer;
  text-align: center;
  /*padding:8px 0; */
  background: #f8f6f5;
}

.handy_cal_form .step2 input[type=checkbox] + label span,
.handy_cal_form .step2 input[type=radio] + label span {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  line-height: 36px;
  white-space: nowrap;
  color: #898786;
}

.handy_cal_form .step2 input[type=checkbox]:checked + label,
.handy_cal_form .step2 input[type=radio]:checked + label {
  background: #ff9000;
}

/*bx*/
.handy_cal_form .step2 input[type=checkbox]:checked + label span,
.handy_cal_form .step2 input[type=radio]:checked + label span {
  position: relative;
  padding-left: 18px;
  color: #fff;
}

.handy_cal_form .step2 input[type=checkbox]:checked + label span:before,
.handy_cal_form .step2 input[type=radio]:checked + label span:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 10px;
  margin-top: -5px;
  background: url("/common/img/vin/product/check_arr.png") no-repeat left top;
}

/* .handy_cal_form .list_container {overflow:hidden;} */
.handy_cal_form .step2 label span em {
  display: block;
}

.handy_cal_form .step2 label span em.inactive {
  display: block;
}

.handy_cal_form .step2 label span em.active {
  display: none;
}

.handy_cal_form .step2 input:checked + label span .inactive {
  display: none;
}

.handy_cal_form .step2 input:checked + label span .active {
  display: block;
}

.handy_cal_form .step2 .list_container .bu_list {
  margin: -8px -15px 0 0;
}

.handy_cal_form .step2 .list_container .bu_list:after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
}

.handy_cal_form .step2 .list_container .bu_list li {
  float: left;
  margin: 8px 10px 0 0;
}

.handy_cal_form .step2 .list_container .bu_list.widXS li {
  width: 60px;
}

.handy_cal_form .step2 .list_container .bu_list.widS li {
  width: 100px;
}

.handy_cal_form .step2 .list_container .bu_list.widM li {
  width: 130px;
}

.handy_cal_form .step2 .list_container .bu_list.widL li {
  width: 140px;
}

.handy_cal_form .step2 .list_container .bu_list.widXL li {
  width: 170px;
}

.handy_cal_form .step2 .list_container .bu_list.widXXL li {
  width: 185px;
}

.handy_cal_form .input_form_footer .btn_wrap {
  margin-top: 30px;
  text-align: center;
}

.handy_cal_form .input_form_footer .pro_sum_wrap {
  padding: 20px 30px 26px;
  background: #f7f7f7;
}

/*bx*/
.handy_cal_form .input_form_footer .pro_sum_wrap .em {
  color: #ff9000;
}

/*bx*/
.handy_cal_form .input_form_footer .pro_sum_wrap .em.ui_prodTotal {
  font-size: 33px;
  font-weight: bold;
}

/*bx*/
.handy_cal_form .input_form_footer .pro_sum_wrap .em.ui_prodTotal:lang(ko) {
  font-weight: 500;
}

.handy_cal_form .input_form_footer .pro_sum_wrap .cal_result li:not(:first-child) {
  margin-top: 10px;
}

.handy_cal_form .input_form_footer .pro_sum_wrap .cal_result dl {
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  color: #222;
}

.handy_cal_form .input_form_footer .pro_sum_wrap .cal_result dl dt {
  float: left;
}

.handy_cal_form .input_form_footer .pro_sum_wrap .cal_result dl dd {
  float: right;
}

.handy_cal_form .input_form_footer .pro_sum_wrap .cal_result li.total {
  margin-top: 28px;
}

.handy_cal_form .input_form_footer .pro_sum_wrap .cal_result .total dt {
  line-height: 48px;
}

.handy_cal_form .input_form_footer .pro_sum_wrap .cal_result .total dd {
  font-size: 32px;
  font-weight: 500;
  line-height: 48px;
}

.handy_cal_form .input_form_footer .result_wrap {
  overflow: hidden;
  padding: 20px 0 26px;
  border-bottom: 1px solid #dddbda;
}

.handy_cal_form .input_form_footer .result_name {
  float: left;
  width: 300px;
  padding-left: 23px;
}

.handy_cal_form .input_form_footer .result_val {
  float: left;
  width: 570px;
}

.input_btn_container .input_txt.input_mybirth {
  width: 404px;
}

/* btv */
.btv .event_banner_area {
  position: relative;
  height: 264px;
}

.btv .event_banner_area .real_banner {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.btv .tit_float_wrap .flt_cont .cont_wrap .img_wrap.img_spt {
  margin-top: 20px;
}

.btv .v_flag.flag7 {
  width: 35px;
  background-position: -200px -50px;
}

.btv .v_flag.flag8 {
  width: 35px;
  background-position: -300px -50px;
}

.movie_top_wrap {
  background: #f8f6f5;
}

.movie_top_wrap .em {
  color: #ff9000;
}

/*bx*/
.best_movie_wrap {
  overflow: hidden;
}

.movie_list {
  overflow: hidden;
  margin: -30px -30px 0 0;
}

.movie_list li {
  float: left;
  width: 170px;
  margin: 30px 30px 0 0;
}

.movie_list li .movie_wrap a {
  display: block;
  border-radius: 20px 20px 0 20px;
  -moz-border-radius: 20px 20px 0 20px;
  -webkit-border-radius: 20px 20px 0 20px;
}

/*bx*/
.movie_list li .movie_wrap a:focus {
  outline: 2px dotted skyblue;
}

.movie_list li .movie_wrap {
  position: relative;
}

.movie_list li .movie_wrap .movie_front {
  position: relative;
  overflow: hidden;
  height: 243px;
}

.movie_list li .movie_wrap .movie_front img {
  width: 170px;
  min-height: 243px;
  border-radius: 20px 20px 0 20px;
  -webkit-border-radius: 20px 20px 0 20px;
}

/*bx*/
.movie_list li .movie_wrap .movie_front .rank {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
  width: 40px;
  height: 40px;
  color: #fff;
  background: url("/common/img/vin/btv/rank_bg.png") no-repeat left top;
}

.movie_list li .movie_wrap .movie_front .rank em {
  display: inline-block;
  line-height: 23px;
  padding-left: 8px;
}

.movie_list li .movie_wrap .movie_intro {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 243px;
  padding: 0 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
}

.movie_list li .movie_wrap .movie_intro .in {
  display: table-cell;
  vertical-align: middle;
}

.movie_list li .movie_wrap a:hover .movie_intro,
.movie_list li .movie_wrap a:focus .movie_intro {
  display: table;
  border-radius: 20px 20px 0 20px;
}

/*bx*/
.movie_list li .movie_wrap .movie_intro .m_tit {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  width: 100%;
  word-break: break-all;
  color: #fff;
}

.movie_list li .movie_wrap .movie_intro .flag_group {
  margin-top: 10px;
}

.movie_list li .movie_wrap .movie_intro .btn {
  margin-top: 20px;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
}

.movie_list.sizeCenter {
  margin-left: 50px;
}

.star_grade.movie_grade .star .star_bg {
  background-position: 0 0;
}

.star_grade.movie_grade .star.ok2 .star_bg .grade {
  width: 82px;
}

.star_grade.movie_grade .star.ok3 .star_bg .grade {
  width: 70px;
}

.star_grade.movie_grade .star.ok4 .star_bg .grade {
  width: 63px;
}

.star_grade.movie_grade .star.ok5 .star_bg .grade {
  width: 51px;
}

.star_grade.movie_grade .star.ok6 .star_bg .grade {
  width: 44px;
}

.star_grade.movie_grade .star.ok7 .star_bg .grade {
  width: 32px;
}

.star_grade.movie_grade .star.ok8 .star_bg .grade {
  width: 25px;
}

.star_grade.movie_grade .star.ok9 .star_bg .grade {
  width: 13px;
}

.star_grade.movie_grade .star.ok10 .star_bg .grade {
  width: 6px;
}

.star_grade.movie_grade .star.ok11 .star_bg .grade {
  width: 0;
}

.star_grade.large.movie_grade .star.ok2 .star_bg .grade {
  width: 98px;
}

.star_grade.large.movie_grade .star.ok3 .star_bg .grade {
  width: 87px;
}

.star_grade.large.movie_grade .star.ok4 .star_bg .grade {
  width: 76px;
}

.star_grade.large.movie_grade .star.ok5 .star_bg .grade {
  width: 65px;
}

.star_grade.large.movie_grade .star.ok6 .star_bg .grade {
  width: 54px;
}

.star_grade.large.movie_grade .star.ok7 .star_bg .grade {
  width: 43px;
}

.star_grade.large.movie_grade .star.ok8 .star_bg .grade {
  width: 32px;
}

.star_grade.large.movie_grade .star.ok9 .star_bg .grade {
  width: 21px;
}

.star_grade.large.movie_grade .star.ok10 .star_bg .grade {
  width: 10px;
}

.star_grade.movie_grade .grade_num {
  display: inline-block;
  line-height: 23px;
  margin-left: 10px;
  color: #666;
}

/*181121_depth 8개 추가 관련 수정*/
/*.click_search_wrap .keyword_list {position:absolute; top:0; right:0; left:0; overflow:hidden;}181121_depth 8개 추가 관련 수정*/
.click_search_wrap .keyword_list:after {
  content: "";
  display: block;
  clear: both;
}

.click_search_wrap .keyword_list li {
  float: left;
  min-width: 270px;
  margin-right: 30px;
}

.click_search_wrap .keyword_list li:last-child {
  margin-right: 0;
}

.click_search_wrap .keyword_list li.on .key_wrap {
  border-color: #ff9000;
}

.click_search_wrap .keyword_list li.on .key_wrap .keyword {
  color: #ff9000;
  padding-right: 25px;
}

/* Xpg5 홈페이지 연동 수정*/
.click_search_wrap .keyword_list li .key_wrap {
  position: relative;
  min-height: 44px;
  border-bottom: 2px solid #898786;
}

.click_search_wrap .keyword_list li .key_wrap .keyword {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  padding-bottom: 6px;
  color: #898786;
}

.click_search_wrap .keyword_list li .key_wrap .keyword:lang(ko) {
  font-weight: 500;
}

.click_search_wrap .keyword_list li .key_del {
  position: absolute;
  top: 3px;
  right: 0;
  overflow: hidden;
  line-height: 9999px;
  width: 24px;
  height: 24px;
  background: url("/common/img/vin/btv/movie_key_del.png") no-repeat left top;
}

.keyword_group {
  overflow: hidden;
  margin-top: 30px;
}

.movie_tag_list {
  margin: -10px -10px 0 0;
}

.movie_tag_list li {
  float: left;
  margin: 10px 10px 0 0;
}

.movie_tag_list li.on span {
  background: #ff9000;
}

/*bx*/
.movie_tag_list li span {
  display: inline-block;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  border-radius: 19px;
  background: #666;
}

.movie_search_wrap {
  padding-bottom: 40px;
}

.movie_search_wrap .selects {
  width: 160px;
  margin-right: 10px;
}

.movie_search_wrap .input_txt {
  width: 554px;
}

.movie_search_wrap .btn {
  margin-left: 10px;
}

/*181121_depth 8개 추가 관련 수정*/
.tit_container {
  overflow: hidden;
}

.tit_container .tit01 {
  float: left;
}

.tit_container .filter_list {
  float: right;
  overflow: hidden;
  width: 300px;
  margin-top: 12px;
  text-align: right;
}

.filter_list li {
  display: inline-block;
  position: relative;
  margin-left: -4px;
  padding: 0 12px;
}

.filter_list li button {
  font-size: 18px;
  line-height: 27px;
  color: #666;
  color: #666;
}

.filter_list li.on button {
  font-weight: 500;
  text-decoration: underline;
  color: #ff9000;
}

/*bx*/
.filter_list li:not(:last-child):after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #dddbda;
}

.btv_movie_wrap {
  border-top: 2px solid #222;
}

.btv_movie_wrap .guide_flag_group {
  padding: 20px 0;
}

.btv_movie_wrap .guide_flag_group .flag_list {
  overflow: hidden;
}

.btv_movie_wrap .guide_flag_group .flag_list .flag_mean {
  font-size: 14px;
  line-height: 21px;
  margin-left: 6px;
  color: #898786;
}

.btv_movie_wrap .guide_flag_group .flag_list li {
  float: left;
  margin-right: 20px;
}

.btv_movie_wrap .guide_flag_group .flag_list li:last-child {
  margin-right: 0;
}

.btv_movie_wrap .movie_guide {
  margin-top: 60px;
}

.conts_box.last2 {
  padding-bottom: 50px;
}

.event_banner_wrap {
  width: 1170px;
  margin: 0 auto;
}

.event_banner.minus_mg {
  display: block;
  margin-top: -27px;
}

.img_banner_list {
  overflow: hidden;
}

.img_banner_list li {
  float: left;
}

.img_banner_list li:first-child {
  margin-right: 30px;
}

.tab_wrap.vod_tab {
  background: transparent;
}

.dep1_tab.tab_wrap.vod_tab .tabs.on a {
  color: #ff9000;
  background: #f8f6f5;
}

/*bx*/
.cate_box {
  margin-bottom: 30px;
  padding: 20px 30px;
  border: 1px solid #eeeceb;
  background: #fff;
}

.cate_box .cate_inner {
  overflow: hidden;
}

.cate_box .cate_inner .cate_list {
  overflow: hidden;
}

.cate_box .cate_inner .cate_list li {
  float: left;
  width: 221px;
}

.cate_box .cate_inner .cate_list li a {
  display: block;
  padding: 10px 30px 10px 0;
  color: #666;
}

.cate_box .cate_inner .cate_list li.on a {
  font-weight: 500;
  text-decoration: underline;
  color: #ff9000;
}

/*bx*/
.cate_box .cate_inner .cate_list li a:hover {
  color: #ff9000;
}

/*bx*/
.vod_detail_wrap {
  overflow: hidden;
}

.vod_detail_wrap .vod_img {
  float: left;
  overflow: hidden;
  height: 457px;
  margin-right: 60px;
}

.vod_detail_wrap .vod_img img {
  width: 320px;
  min-height: 457px;
  border-radius: 30px 30px 0 30px;
  -moz-border-radius: 30px 30px 0 30px;
  -webkit-border-radius: 30px 30px 0 30px;
}

/*bx*/
.vod_detail_wrap .info_wrap {
  float: left;
  width: 790px;
}

.info_wrap .flag_group {
  margin-top: 10px;
}

.info_wrap .flag_group ul {
  overflow: hidden;
}

.info_wrap .flag_group ul li {
  float: left;
  margin-right: 6px;
}

.info_wrap .flag_group ul li:last-child {
  margin-right: 0;
}

.info_wrap dt {
  margin-bottom: 30px;
}

.info_wrap .detail_info li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 120px;
  color: #666;
  word-break: break-all;
}

/*181122_항목추가 수정*/
.info_wrap .detail_info li .item {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
  color: #222;
}

.info_wrap .btn_wrap {
  margin-top: 80px;
  text-align: left;
}

.info_wrap .btn_wrap .btn.h50 + .btn.h50 {
  margin-left: 8px;
}

.info_wrap .mystar_btn {
  display: inline-block;
  font-size: 13px;
  line-height: 23px;
  height: 23px;
  padding: 0 15px;
  color: #666;
}

.info_wrap .mystar_btn span {
  display: inline-block;
  position: relative;
  padding-right: 10px;
}

.info_wrap .mystar_btn span:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
          transform: rotate(-45deg) translate3d(0, 0, 0);
  border: 1px solid #666;
  border-top: none;
  border-left: none;
}

.info_wrap .white_btn .go_oksusu {
  display: inline-block;
  position: relative;
  padding-right: 15px;
}

.info_wrap .white_btn .go_oksusu:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  right: 0;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 1px solid #666;
  border-top: none;
  border-left: none;
}

.info_wrap .white_btn .go_oksusu .ok_ico {
  display: inline-block;
  overflow: hidden;
  width: 64px;
  height: 20px;
  vertical-align: middle;
  text-indent: -99999px;
  background: url(/common/img/vin/btv/lar_oksusu.png) no-repeat left top;
}

.vod_series_wrap {
  margin-top: 60px;
  border-top: 2px solid #222;
}

.vod_series_wrap ul li {
  padding: 50px 0 40px 0;
  border-bottom: 1px solid #eeeceb;
}

.vod_series_wrap ul li .s_con_wrap {
  position: relative;
}

.vod_series_wrap ul li .s_con_wrap .s_num {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 40px;
  line-height: 56px;
  width: 152px;
  margin-top: -28px;
  margin-top: -28px;
  text-align: center;
  color: #222;
}

.vod_series_wrap ul li .s_con_wrap .vod_con {
  margin: 0 196px 0 152px;
}

.vod_series_wrap ul li .s_con_wrap .vod_con dt {
  margin-bottom: 8px;
}

.vod_series_wrap ul li .s_con_wrap .vod_con dd p {
  color: #666;
}

.vod_series_wrap ul li .s_con_wrap .price {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 24px;
  line-height: 36px;
  width: 196px;
  margin-top: -5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}

.vod_series_wrap ul li .s_con_wrap .price .type {
  display: inline-block;
  display: block;
  font-size: 15px;
  line-height: 23px;
  margin-top: 6px;
  text-align: center;
  color: #222;
}

.vod_series_wrap ul li .s_con_wrap .price .btn {
  margin-top: 10px;
}

.write_review_wrap {
  height: 120px;
  margin-bottom: 20px;
}

.write_review_wrap:after {
  content: "";
  display: block;
  clear: both;
}

.write_review_wrap .star_grade_wrap {
  position: relative;
  z-index: 5;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 277px;
  height: 120px;
  padding: 23px 48px 22px;
  border: 1px solid #eeeceb;
}

.write_review_wrap .star_grade_wrap dt {
  font-size: 16px;
  margin-bottom: 6px;
  text-align: center;
}

.write_review_wrap .select_custom .ui-selectbox-list .ui-select-scrollarea {
  max-height: none;
}

.write_review_wrap .textarea {
  float: left;
  width: 793px;
  height: 120px;
}

.write_review_wrap .textarea dd {
  height: 100%;
  background: #f8f6f5;
}

.write_review_wrap .textarea dd .input_textarea {
  max-width: none;
}

.write_review_wrap .textarea dd .input_textarea textarea {
  height: 82px;
}

.write_review_wrap .textarea dd .input_textarea .txt_length {
  padding-right: 20px;
  text-align: right;
  color: #898786;
}

.write_review_wrap .btn {
  float: left;
  line-height: 120px;
  width: 100px;
  height: 120px;
}

.review_list_wrap .total_num {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 10px;
  color: #222;
}

.review_list_wrap .acc_list_wrap .tit_wrap {
  padding: 30px 30px 30px 20px;
}

.review_list_wrap .acc_list_wrap.board_type .conts .left_al span.star_bg {
  margin-right: 0;
}

.review_list_wrap .acc_list_wrap .acc_lists .star_grade .grade_num {
  font-weight: 500;
  margin-left: 10px;
}

.review_list_wrap .acc_list_wrap .acc_lists .star_grade {
  display: inline-block;
  width: 146px;
}

.review_list_wrap .acc_list_wrap.board_type .conts .left_al span.title {
  font-size: 15px;
  line-height: 23px;
  width: 830px;
  margin-right: 0;
  margin-left: 40px;
  word-break: break-all;
  color: #666;
}

.review_list_wrap .acc_list_wrap .acc_lists .review_btn {
  display: inline-block;
  margin-left: 5px;
}

.review_list_wrap .acc_list_wrap .acc_lists .review_btn a {
  display: inline-block;
  font-size: 13px;
  line-height: 23px;
  margin-left: 5px;
  padding: 0;
  text-decoration: underline;
  color: #898786;
}

.review_list_wrap .grade_num {
  color: #222;
}

.review_list_wrap .acc_list_wrap.board_type .acc_lists.my_review .conts .left_al span.title {
  font-weight: 500;
  color: #222;
}

.review_list_wrap .acc_list_wrap.board_type .acc_lists.my_review .conts .date {
  font-weight: 500;
  color: #222;
}

.btv_re_list {
  overflow: hidden;
  margin-top: 60px;
}

.btv_re_list.size2 {
  margin-left: -30px;
}

.btv_re_list.size2 li {
  float: left;
  width: 570px;
  margin-left: 30px;
}

.btv_re_list li > a,
.btv_re_list li .btv_re_info {
  display: block;
  position: relative;
  padding: 34px 30px;
  border: 1px solid #eeeceb;
}

.btv_re_list li .pro_icon {
  position: absolute;
  top: 34px;
  left: 30px;
}

.btv_re_list li dl {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 49%;
  padding-left: 10%;
}

.btv_re_list li dl:last-child {
  border-left: 1px solid #eeeceb;
  padding-left: 50px;
  margin-left: 0;
}

.btv_re_list li dl dt {
  margin-bottom: 6px;
}

.btv_re_list li dl dd {
  color: #666;
}

/* .btv_re_list li:not(:first-child) {margin-left:30px;} */
.conts_box.first .cir_step:first-child {
  margin-top: 0;
}

.btv_re_list .go_link {
  display: inline-block;
  width: 152px;
  height: 44px;
  margin-top: 20px;
  text-align: center;
  border: 1px solid #dddbda;
  line-height: 44px;
}

.btv_re_list .img_qr {
  position: absolute;
  top: 35px;
  right: 0;
}

.btv_re_list .img_qr img {
  width: 115px;
}

/* 결합상품서브메인 */
.sc_box {
  width: 1170px;
  margin: 0 auto;
}

.s_main_header {
  height: 382px;
  background: #ff9000;
}

/*bx*/
.s_main_header.short {
  height: 340px;
}

.s_main_header.short2 {
  height: 280px;
}

.s_main_header .smain_tit_area {
  padding-top: 80px;
}

/*bx*/
.s_main_header.short2 .smain_tit_area {
  padding-top: 60px;
}

.s_main_header .s_main_tit {
  font-size: 50px;
  font-weight: 500;
  line-height: 66px;
  color: #fff;
}

.s_main_header .smain_tit_area p {
  font-size: 22px;
  line-height: 36px;
  margin-top: 6px;
  color: #fff;
}

.s_main_header.have_movie {
  height: 900px;
}

.s_main_header.have_movie .movie_wrap {
  margin: 53px auto 20px;
}

.s_main_header.have_movie .movie_wrap.home {
  height: 560px;
}

.s_main_header.have_movie .movie_wrap.home .youtube_wrap .thumb:before {
  opacity: 0;
}

.s_main_header.have_movie .movie_wrap.home .youtube_play_wrap {
  height: 500px;
}

.s_main_header.have_movie .movie_wrap .slide_wrap {
  height: 100%;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .slide_conts {
  height: 100%;
}

/* 웹접근성수정_3차 */
.s_main_header.have_movie .movie_wrap .slide_wrap .slide_conts .youtube_wrap a {
  display: block;
  position: relative;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .slide_conts .youtube_wrap a:focus:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

/* // 웹접근성수정_3차 */
.s_main_header.have_movie .movie_wrap .slide_wrap .slide_content {
  width: 1170px;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .slide_move .slide_conts {
  position: relative;
  float: left;
  width: 1170px;
  height: 100%;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .indi_wrap {
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 60px;
  padding: 9px 0;
  background: #222;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .indi_wrap .control_tab {
  text-align: center;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .indi_wrap .tab {
  display: inline-block;
  margin-right: 50px;
  margin-left: -4px;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .indi_wrap .tab:last-child {
  margin-right: 0;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .indi_wrap a {
  display: inline-block;
  font-size: 15px;
  color: #fff;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .indi_wrap a span {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  padding: 0 20px;
  border: 1px solid transparent;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .indi_wrap .tab.on a span {
  border-color: #fff;
}

.s_main_header.have_movie .movie_wrap .slide_wrap .youtube_wrap .thumb:after {
  top: 165px;
  margin-top: 0;
}

.s_main_header.have_movie .movie_wrap .youtube_wrap .thumb .m_tit {
  position: absolute;
  top: 297px;
  left: 50%;
  font-size: 26px;
  line-height: 39px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  color: #fff;
}

.s_main_header.have_movie .movie_wrap .youtube_wrap .thumb .m_tit span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #fff;
}

/*.s_main_header.have_movie .movie_wrap .real_youtube_wrap{width:1170px; height:500px;}
.s_main_header.have_movie .movie_wrap .real_youtube_wrap .youtube_palyer{width:100%; height:100%; background:#000 }
.s_main_header.have_movie .movie_wrap .real_youtube_wrap .youtube_palyer iframe{border:none; position:absolute; left:50%; top:0; width:888px; height:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} */
.s_main_header.have_movie + .add_header {
  height: 236px;
  margin-top: -70px !important;
}

/*bx*/
.s_main_header.have_movie + .add_header .banner_wrap .banner_list a {
  height: 236px;
}

.s_main_header.have_movie + .add_header .banner_wrap .banner_list a dl {
  height: 176px;
}

.add_header.short_m {
  margin-top: -70px;
}

.add_header {
  position: relative;
  z-index: 5;
  margin-top: -130px;
  background: #fff;
  -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.25);
  border-radius: 40px 40px 0 40px;
  -moz-border-radius: 40px 40px 0 40px;
  -webkit-border-radius: 40px 40px 0 40px;
}

/*bx*/
.add_header .banner_wrap {
  overflow: hidden;
}

.add_header .banner_wrap .banner_list {
  position: relative;
  float: left;
  width: 50%;
  margin: 0;
}

.add_header .banner_wrap .banner_list:first-child:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #eeeceb;
}

.add_header .banner_wrap .banner_list a {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 259px;
  padding: 30px 60px;
}

.add_header .banner_wrap .banner_list a .ico {
  position: absolute;
  top: 30px;
  left: 60px;
}

.add_header .banner_wrap .banner_list a dl {
  position: relative;
  height: 199px;
  margin-left: 140px;
  color: #222;
}

.add_header .banner_wrap .banner_list a dl dt {
  font-size: 25px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 10px;
  color: #ff8f02;
}

/*bx*/
.add_header .banner_wrap .banner_list a dl dd {
  font-size: 18px;
  line-height: 27px;
  color: #666;
}

.add_header .banner_wrap .banner_list a dl .price {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 22px;
  line-height: 36px;
  color: #666;
  font-weight: 500;
}

/*bx*/
.add_header .banner_wrap .banner_list a dl .price .s_txt {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #666;
}

.add_header .notice_phrase {
  padding: 16px 0 22px;
  font-size: 13px;
  text-align: center;
  color: #666;
}

.add_header .notice_phrase:before {
  width: 21px;
  height: 16px;
  display: inline-block;
  content: "";
  position: relative;
  top: 3px;
  background: url("/common/img/vin/common/ico_335_notice_20210830.png") no-repeat 0 0;
}

.dep1_tab.slider_type.subm_tab .ui_count_slider {
  overflow: hidden;
}

.dep1_tab.slider_type.subm_tab .tabs {
  width: auto;
}

.dep1_tab.slider_type.subm_tab .tabs a {
  padding: 0 50px;
}

.tab_contents.subm_tab_content .tab_cont {
  margin-top: 40px;
  position: relative;
}

.tit_wrap {
  position: relative;
  overflow: hidden;
}

.tit_wrap .list_type_btn {
  position: absolute;
  top: 0;
  right: 0;
}

.tit_wrap .type_btn {
  position: relative;
  z-index: 1;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 34px;
  height: 34px;
  padding-top: 1px;
  text-align: center;
  border: 1px solid #898786;
}

.tit_wrap .type_btn:nth-child(2) {
  margin-left: -1px;
}

.tit_wrap .type_btn.on {
  z-index: 2;
  padding-top: 0;
  border-width: 2px;
  border-color: #ff9000;
}

/*bx*/
.tit_wrap .type_btn .type {
  display: inline-block;
  overflow: hidden;
  line-height: 99999px;
  width: 30px;
  height: 30px;
  background: url("/common/img/vin/common/list_type_btn.png") no-repeat left top;
}

.tit_wrap .type_btn.board .type {
  background-position: 0 0;
}

.tit_wrap .type_btn.box .type {
  background-position: -40px 0;
}

.tit_wrap .type_btn.on .type {
  background-position-y: -40px;
}

.util_banner_wrap {
  overflow: hidden;
}

.util_banner_wrap.bdb {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 80px;
}

.util_banner_wrap .util_banner_list {
  margin: 0 -30px 0 0;
}

.util_banner_wrap .util_banner_list li {
  float: left;
  margin: 0 30px 0 0;
}

.util_banner_wrap.size3 .util_banner_list li {
  width: calc((100% - 90px) / 3);
}

.util_banner_wrap.size2 .util_banner_list li {
  width: calc((100% - 60px) / 2);
}

.util_banner_wrap .util_banner_list li a,
.util_banner_wrap .util_banner_list li .no_link {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 203px;
  padding: 30px;
  background: #f8f6f5;
}

.util_banner_wrap .util_banner_list li dl {
  margin-right: 75px;
}

.util_banner_wrap .util_banner_list li dl dt {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 10px;
}

.util_banner_wrap .util_banner_list li dl dt:after {
  content: " ";
  display: inline-block;
  position: relative;
  top: -2px;
  width: 10px;
  height: 15px;
  margin-left: 6px;
  background: url("/common/img/vin/common/ico_arr_gnb.png") no-repeat;
  background-position: 0 0;
}

.util_banner_wrap .util_banner_list li .no_link dl dt:after {
  background: none;
}

.util_banner_wrap .util_banner_list li dl dd {
  font-size: 15px;
  line-height: 23px;
  padding-right: 25px;
  color: #666;
}

.util_banner_wrap .util_banner_list li .ico {
  position: absolute;
  top: 52px;
  right: 30px;
}

.util_banner_wrap .util_banner_list li .short_link {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 30px;
  font-size: 14px;
  line-height: 21px;
  padding-right: 10px;
  color: #666;
}

.util_banner_wrap .util_banner_list li .short_link:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border: 1px solid #666;
  border-top: none;
  border-right: none;
}

.util_banner_wrap .util_banner_list li.align_c {
  text-align: center;
}

.util_banner_wrap .util_banner_list li .gray_box {
  border: none;
}

.s_main_slider .slide_wrap .btn_arrow {
  position: absolute;
  top: 50%;
  z-index: 50;
  overflow: hidden;
  width: 40px;
  height: 72px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.s_main_slider .slide_wrap .btn_arrow span {
  display: inline-block;
  overflow: hidden;
  width: 40px;
  height: 72px;
  text-indent: -1000em;
}

.s_main_slider .slide_wrap .btn_arrow.prev span {
  background: url("/common/img/vin/common/s_main_DprevArr.png") no-repeat left top;
}

.s_main_slider .slide_wrap .btn_arrow.next span {
  background: url("/common/img/vin/common/s_main_DnextArr.png") no-repeat left top;
}

.s_main_slider .slide_wrap.white .btn_arrow.prev span {
  background: url("/common/img/vin/common/s_main_WprevArr.png") no-repeat left top;
}

.s_main_slider .slide_wrap.white .btn_arrow.next span {
  background: url("/common/img/vin/common/s_main_WnextArr.png") no-repeat left top;
}

.s_main_slider .slide_wrap .btn_arrow.prev {
  left: -ms-calc(50% - 673px);
  left: -o-calc(50% - 673px);
  left: calc(50% - 673px);
  opacity: 1;
}

.s_main_slider .slide_wrap .btn_arrow.next {
  right: -ms-calc(50% - 673px);
  right: -o-calc(50% - 673px);
  right: calc(50% - 673px);
  opacity: 1;
}

.s_main_slider .slide_wrap .indi_wrap.left {
  text-align: left;
}

.s_main_slider .slide_content.limit {
  width: 1170px;
  margin: 0 auto;
}

/* 가입센터 서브메인 */
.add_header.join_slider {
  height: 360px;
  margin-top: -90px;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.add_header.join_slider .slide_wrap {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  clip: rect(auto, auto, 360px, auto);
  height: 360px;
}

.add_header.join_slider .slide_wrap:hover {
  clip: rect(auto, auto, 390px, auto);
}

.add_header.join_slider .slide_content.limit {
  -webkit-transition: box-shadow 0.25s;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.add_header.join_slider .slide_content.limit:hover {
  -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
}

.add_header.join_slider .slide_content.limit a {
  display: block;
}

.add_header.join_slider .slide_content.limit,
.add_header.join_slider .slide_content.limit a img {
  border-radius: 40px 40px 0 40px;
  -moz-border-radius: 40px 40px 0 40px;
  -webkit-border-radius: 40px 40px 0 40px;
}

/*bx*/
.add_header.join_slider .slide_conts {
  height: 360px;
}

.add_header.join_slider .indi_wrap {
  padding-left: 70px;
}

.join_box_wrap {
  overflow: hidden;
}

.join_list {
  float: left;
}

.join_list .j_box {
  display: inline-block;
  border: 1px solid #dddbda;
}

.join_list .j_box .j_tit {
  display: block;
  font-weight: 500;
  color: #222;
}

.join_list.big_box {
  overflow: hidden;
}

.join_list.big_box li {
  float: left;
  margin-right: 30px;
}

.join_list.big_box li:last-child {
  margin-right: 0 !important;
}

.join_list.big_box li:nth-child(3n) {
  margin-right: 0;
}

.join_list.big_box li .j_box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  height: 210px;
  padding-top: 36px;
  text-align: center;
}

.join_list.big_box li .j_box .j_dec {
  font-size: 15px;
  line-height: 23px;
  margin-top: 2px;
}

.join_list.big_box li .j_box .j_tit {
  font-size: 30px;
  line-height: 45px;
  margin-top: 10px;
}

/*bx*/
.join_list.big_box li .j_box .j_tit span {
  display: inline-block;
  padding-right: 15px;
  background: url("/common/img/vin/join/join_submain_arr.png") no-repeat right 50%;
}

/*bx*/
.join_list.big_box.size4 li {
  margin-right: 22px;
}

.join_list.big_box.size4 li:nth-child(4n) {
  margin-right: 0;
}

.join_list.big_box.size4 li .j_box {
  width: 276px;
}

.join_list.big_box.size2 {
  margin-bottom: -22px;
}

.join_list.big_box.size2 li {
  margin: 0 22px 22px 0;
}

.join_list.big_box.size2 li:nth-child(even) {
  margin-right: 0;
}

.join_list.big_box.size2 li .j_box {
  position: relative;
  width: 574px;
}

.join_list.big_box.horizon li .j_box {
  padding-top: 60px;
  padding-left: 160px;
  text-align: left;
}

.join_list.big_box.horizon li .j_box .ico {
  position: absolute;
  top: 50%;
  left: 100px;
  margin-top: -22px;
}

.join_list.big_box.horizon li .j_box br {
  display: none;
}

.join_list.small_box {
  margin-left: 30px;
}

.join_list.small_box .j_box {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 370px;
  height: 100px;
  padding: 35px 50px 35px 30px;
}

.join_list.small_box li {
  height: 100px;
}

.join_list.small_box li:first-child {
  margin-bottom: 10px;
}

.join_list.small_box .j_box .ico {
  float: left;
}

.join_list.small_box .j_box .j_tit {
  float: left;
  font-size: 20px;
  line-height: 30px;
  width: -ms-calc(100% - 45px);
  width: -o-calc(100% - 45px);
  width: calc(100% - 45px);
  padding-left: 15px;
  background: url("/common/img/vin/join/join_submain_arr.png") no-repeat right 50%;
}

/* 비티비 서브메인 */
.smain_tit_area .chart_btn {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 44px;
  margin-top: 24px;
  padding: 0 20px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 40px 40px 0 40px;
  -moz-border-radius: 40px 40px 0 40px;
  -webkit-border-radius: 40px 40px 0 40px;
}

/*bx*/
.smain_tit_area .chart_btn span {
  display: inline-block;
  line-height: 42px;
  height: 42px;
  padding-left: 20px;
  color: #fff;
  background: url("/common/img/vin/btv/main_clock.png") no-repeat left 50%;
}

.s_main_header.have_movie.other_type {
  position: relative;
}

.s_main_header.have_movie.other_type .movie_wrap {
  position: relative;
  z-index: 3;
  height: 450px;
}

.s_main_header.have_movie .movie_wrap .youtube_play_wrap {
  width: 100%;
  height: 450px;
  background-color: #000;
}

.s_main_header.have_movie .movie_wrap .youtube_play_wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}

.s_main_header.have_movie.other_type .add_header {
  margin-top: -115px;
}

.s_main_header.have_movie.other_type .s_main_header {
  position: relative;
  background: none;
}

.s_main_header.have_movie.other_type .btv_movie_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}

.s_main_header.have_movie.other_type .btv_movie_bg .g_bg {
  position: absolute;
  z-index: 2;
  z-index: 2;
  width: 100%;
  height: 382px;
  height: 100%;
  opacity: 1;
  background: #ff9000;
}

/*bx*/
.s_main_header.have_movie.other_type .btv_movie_bg .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.s_main_header.have_movie.other_type .btv_movie_bg .bg_img img {
  width: 100%;
  height: 100%;
}

.s_main_header.have_movie.other_type .smain_tit_area {
  position: relative;
  z-index: 3;
}

/*.s_main_header.have_movie.other_type .movie_wrap .real_youtube_wrap{height:450px}
.s_main_header.have_movie.other_type .movie_wrap .real_youtube_wrap .youtube_palyer iframe{width:799px}*/
.btv .btv_event_wrap .slide_wrap {
  overflow: hidden;
  height: 240px;
}

.btv .btv_event_wrap .slide_wrap .indi_wrap.left {
  padding-left: 40px;
}

.btv .smain_list_wrap {
  /*overflow:hidden;*/
}

.btv .smain_vod_list {
  overflow: hidden;
  margin: 0 -30px -60px 0;
}

.btv .smain_vod_list li {
  float: left;
  width: 270px;
  margin: 0 30px 60px 0;
}

.btv .smain_vod_list li a {
  display: block;
}

.btv .smain_vod_list li a:hover .poster {
  -webkit-box-shadow: 15px 20px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 15px 20px 30px rgba(0, 0, 0, 0.2);
}

.btv .smain_vod_list li .poster {
  width: 270px;
  height: 388px;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  border-radius: 30px 30px 0 30px;
  -moz-border-radius: 30px 30px 0 30px;
  -webkit-border-radius: 30px 30px 0 30px;
}

/*bx*/
.btv .smain_vod_list li .poster img {
  border-radius: 30px 30px 0 30px;
  -moz-border-radius: 30px 30px 0 30px;
  -webkit-border-radius: 30px 30px 0 30px;
}

/*bx*/
.btv .smain_vod_list li .vod_info {
  margin-top: 12px;
}

.btv .smain_vod_list li .vod_info .flag_info {
  height: 20px;
  text-align: center;
}

.btv .smain_vod_list li .vod_info .flag_info .ch_flag {
  vertical-align: top;
}

.btv .smain_vod_list li .vod_info .vod_name {
  font-size: 18px;
  line-height: 27px;
  margin-top: 5px;
  text-align: center;
  color: #222;
}

/* 서브메인 하단 베너 */
.bottom_banner {
  overflow: hidden;
  height: 264px;
  margin-top: 80px;
}

.bottom_banner .banner_list a {
  display: block;
  width: 1170px;
  margin: 0 auto;
}

/* 이벤트 서브메인 */
.add_header.evt_slider {
  overflow: hidden;
  margin-top: 30px;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.add_header.evt_slider .slide_content.limit {
  width: 1200px;
  height: 280px;
}

.add_header.evt_slider .slide_content.limit .slide_move .slide_conts,
.evt_smain .slide_content .slide_move .slide_conts {
  margin: 0 15px;
}

.add_header.evt_slider .indi_wrap {
  position: absolute;
}

.add_header.evt_slider .slide_conts a {
  display: inline-block;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.add_header.evt_slider .slide_conts a:hover {
  -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
}

.detail_page-wrap.style2 .cmm_boxs.l_pdt {
  padding-top: 40px;
}

.btamin_smain {
  padding: 50px 0 70px;
  text-align: center;
  border: 1px solid #dddbda;
}

.btamin_smain .sub_txt {
  font-size: 18px;
  line-height: 27px;
  margin: 10px 0 30px;
  color: #666;
}

.evt_smain .s_main_header.short {
  height: 280px;
}

.evt_smain .s_main_header .smain_tit_area {
  padding-top: 70px;
}

.evt_smain .slide_conts a:hover {
  -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
}

.evt_smain .evt_slider .slide_conts a,
.evt_smain .evt_slider .slide_conts a img {
  border-radius: 40px 40px 0 40px;
  -moz-border-radius: 40px 40px 0 40px;
  -webkit-border-radius: 40px 40px 0 40px;
}

.evt_smain .slide_conts a img {
  width: 370px;
}

.evt_smain .slide_content {
  margin: 0 auto;
}

.evt_smain .evt_join_slider .slide_conts a img {
  border-radius: 40px 40px 0 0;
}

.evt_smain .evt_slider .slide_wrap .slide_conts {
  height: 410px;
}

.evt_smain .evt_join_slider .slide_wrap .slide_conts {
  padding-bottom: 30px;
}

.evt_smain .evt_join_slider .slide_wrap .slide_conts a {
  display: inline-block;
}

.evt_smain .evt_join_slider .slide_wrap .slide_conts a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.evt_smain .evt_slider .slide_wrap .indi_wrap,
.evt_smain .evt_join_slider .slide_wrap .indi_wrap {
  bottom: 0;
}

/* --- search ---*/
/* 검색 */
.search_field {
  position: relative;
}

.search_field .input_txt {
  max-width: 100%;
  padding-right: 100px;
}

.search_field.re_search .input_txt {
  padding-right: 250px;
}

.search_field .input_txt input {
  font-size: 32px;
  line-height: 48px;
  height: 48px;
  padding-left: 5px;
  color: #222;
  border: 1px solid #dddbda;
  background: #fff;
  -webkit-text-fill-color: #222;
  -ms-text-fill-color: #222;
}

/* 180518 수정 */
.search_field .input_txt input:focus {
  padding: 0 14px 0 5px;
  border: 1px solid #ff9000;
  outline: 0;
}

/*bx*/
.search_field .chk_wrap {
  position: absolute;
  top: 12px;
  right: 88px;
}

.search_field .search {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 48px;
  width: 38px;
  height: 48px;
  text-indent: -1000em;
  background: url("/common/img/vin/common/ico_search_off.png") right no-repeat;
}

.search_field .search.on {
  background: url("/common/img/vin/common/ico_search_on.png") right no-repeat;
}

/* // 검색 */
/* tab */
.search_result_tab_wrap .tab_wrap {
  position: relative;
  font-size: 0;
}

.search_result_tab_wrap .tab_wrap:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #ff9000;
}

/*bx*/
.search_result_tab_wrap .tab_wrap .tabs {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 170px;
  height: 70px;
  vertical-align: top;
}

.search_result_tab_wrap .tab_wrap .tabs a {
  display: inline-block;
  font-size: 18px;
  line-height: 68px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  text-align: center;
  color: #222;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.search_result_tab_wrap .tab_wrap .tabs.on a {
  height: 70px;
  padding-top: 0;
  color: #ff9000;
  border: 1px solid #ff9000;
  border-bottom: 1px solid #fff;
}

/*bx*/
.search_result_tab_wrap .anchor_tab_wrap {
  position: relative;
  font-size: 0;
}

.search_result_tab_wrap .anchor_tab_wrap .tabs {
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 20px;
  padding-left: 20px;
  vertical-align: top;
}

.search_result_tab_wrap .anchor_tab_wrap .tabs:first-child {
  margin-left: 0;
  padding-left: 0;
}

.search_result_tab_wrap .anchor_tab_wrap .tabs:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  clear: both;
  width: 1px;
  height: 18px;
  border-left: 1px solid #eeeceb;
}

.search_result_tab_wrap .anchor_tab_wrap .tabs:first-child:before {
  display: none;
}

.search_result_tab_wrap .anchor_tab_wrap .tabs a,
.anchor_tab_wrap .tabs em {
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  vertical-align: top;
  color: #898786;
}

.search_result_tab_wrap .anchor_tab_wrap .tabs em {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #cccac9;
}

.search_result_tab_wrap .anchor_tab_wrap .tabs.on a {
  color: #ff9000;
}

/*bx*/
/* // tab */
/* 검색결과 리스트 */
.sc_rst_list .lists {
  position: relative;
  font-size: 18px;
  line-height: 27px;
  padding: 30px 0;
  color: #222;
  border-bottom: 1px solid #ddd;
}

.sc_rst_list .lists:first-child {
  border-top: 1px solid #ddd;
}

.sc_rst_list .lists a {
  display: inline-block;
  overflow: hidden;
  width: auto;
  max-width: 100%;
  height: 27px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sc_rst_list .lists a.box {
  display: block;
  overflow: visible;
  height: auto;
  white-space: normal;
}

.sc_rst_list .lists .ellipsis {
  display: block;
  overflow: hidden;
  width: auto;
  max-width: 100%;
  height: 27px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sc_rst_list .lists .category {
  display: inline-block;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 10px;
  vertical-align: top;
  color: #898786;
}

.sc_rst_list .btn_full {
  position: absolute;
  right: 0;
  line-height: 23px;
  padding: 2px 0;
  text-align: left;
}

.sc_rst_list .btn_full .ico_download {
  display: inline-block;
  position: relative;
  font-size: 15px;
  line-height: 23px;
  padding-right: 24px;
  vertical-align: top;
  color: #666;
}

.sc_rst_list .btn_full .ico_download:after {
  content: " ";
  display: inline-block;
  position: absolute;
  right: 0;
  width: 14px;
  height: 23px;
  background: url("/common/img/vin/common/ico_download.png") center no-repeat;
}

.sc_rst_list .ch_box {
  position: relative;
  padding-left: 100px;
}

.sc_rst_list .ch_tit {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -27px;
}

.sc_rst_list .ch_tit span {
  display: inline-block;
  text-align: center;
}

.sc_rst_list .ch_tit span img {
  margin-top: 7px;
}

.sc_rst_list .ch_cont {
  position: relative;
}

.sc_rst_list .ch_cont .tit {
  width: 560px;
}

.sc_rst_list .ch_cont .data {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 15px;
  line-height: 23px;
  margin-top: -11px;
  color: #898786;
}

/* // 검색결과 리스트 */
/* 상품 상세 */
sup {
  display: inline-block;
  line-height: 1;
  vertical-align: top;
}
sup.reference {
  margin-top:3px;
  font-size:12px;
}
.essen {
  display: inline-block;
  line-height: inherit;
  vertical-align: top;
}

.cmm_boxs.pb_only {
  padding: 0 0 80px 0;
}

.service_banner_wrap2 {
  display: block;
  position: relative;
  width: 100%;
  background: #f8f6f5;
}

.service_banner_wrap2 a {
  display: block;
  width: 100%;
}

/* .service_banner_wrap2:before {content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0;} */
.service_banner_wrap2 .service_area_banner {
  display: block;
  position: relative;
  width: 1170px;
  margin: 0 auto;
}

.service_banner_wrap2 .service_area_banner:after {
  content: " ";
  display: block;
  clear: both;
}

.service_banner_wrap2 .banner_txt {
  float: left;
  padding-top: 60px;
}

.service_banner_wrap2 .banner_tit {
  display: block;
  font-size: 40px;
  line-height: 54px;
  color: #222;
}

.service_banner_wrap2 .arrow_txt {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  margin-top: 12px;
  color: #222;
}

.service_banner_wrap2 .arrow_txt:after {
  content: " ";
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 6px;
  height: 10px;
  margin-top: -2px;
  margin-left: 8px;
  vertical-align: middle;
  background: url("/common/img/vin/common/arr_6_10.png") 0 no-repeat;
}

.service_banner_wrap2 .service_icon {
  float: right;
  margin-top: -19px;
  padding-right: 11px;
}

.full_img_link {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
}

.product_info_wrap {
  position: relative;
  width: 1170px;
  margin: 0 auto;
  padding: 50px 0;
}

.product_info_wrap .product_info_cont {
  overflow: hidden;
}

.product_info_wrap .banner_txt {
  float: left;
}

.product_info_wrap .banner_tit {
  font-size: 24px;
  line-height: 36px;
  color: #222;
}

.product_info_wrap .banner_txt p {
  font-size: 15px;
  line-height: 23px;
  margin-top: 10px;
  color: #666;
}

.product_info_wrap .btn.gray {
  margin-top: 30px;
  padding: 0 40px;
}

.product_info_wrap .service_icon {
  position: absolute;
  top: 30px;
  right: 162px;
}

.ex_dl {
  margin-bottom: 30px;
}

.ex_dl:last-child {
  margin-bottom: 0;
}

.ex_dl dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 12px;
  color: #222;
}

.ex_dl dd {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 20px;
  color: #666;
}

.ex_dl dd:last-child {
  margin-bottom: 0;
}

.ex_dl dd p {
  margin-bottom: 8px;
}

.ex_dl.type02 {
  position: relative;
  margin-bottom: 0;
}

.ex_dl.type02 dt {
  margin-bottom: 6px;
}

.ex_dl.type02 .table_etc {
  position: absolute;
  right: 0;
  bottom: 0;
}

.ico_type02_list.boxing.type02 {
  padding-bottom: 50px;
  border-bottom: none;
}

.ico_type02_list.boxing.type02 + .gray_bg_box.type2 {
  margin-top: 0;
  border: 1px solid #eeeceb;
  border-top: none;
  border-top: none;
}

.ico_type02_list.boxing.type02 + .gray_bg_box.type2 .link_list {
  margin: -10px 0 0 -10px;
}

.ico_type02_list.boxing.type02 + .gray_bg_box.type2 .link_list li {
  margin-top: 10px;
}

.ico_type02_list.boxing.type02 + .gray_bg_box.type2 .link_list li:first-child {
  margin-left: 10px;
}

.ico_type02_list.boxing.size4 .list_container {
  margin: -40px 0 0 -40px;
}

.ico_type02_list.boxing.size4 .lists {
  position: relative;
  width: 162px;
  margin: 40px 0 0 40px;
  padding: 0;
}

.ico_type02_list.boxing.size4 .lists:after {
  content: "";
  display: block;
  position: absolute;
  top: 34px;
  left: -31px;
  clear: both;
  width: 24px;
  height: 24px;
  background: url("/common/img/vin/product/cb_1_5_07_plus.png") no-repeat 0 0;
}

.ico_type02_list.boxing.size4 .lists:first-child:after,
.ico_type02_list.boxing.type02 .lists:nth-child(4n+1):after {
  display: none;
}

.ico_type02_list.boxing.size4 .lists .list_wrap {
  display: block;
  text-align: center;
}

.ico_type02_list.boxing.size4 .lists .list_wrap .ico_wrap {
  display: block;
  padding: 0;
}

.ico_type02_list.boxing.size4 .lists .list_wrap .txt_wrap {
  display: block;
  width: 100%;
  margin-top: 12px;
}

.gray_bg_box.type2 {
  margin-top: 40px;
  padding: 30px;
}

.gray_bg_box.type3 {
  margin-top: 80px;
  margin-left: 300px;
  padding: 40px;
}

.gray_bg_box.type4 {
  padding: 50px;
  text-align: center;
}

.app_intro {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.app_intro .app_icon {
  display: table-cell;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 110px;
  padding-right: 30px;
  vertical-align: middle;
}

.app_intro .app_info {
  display: table-cell;
  width: 460px;
  vertical-align: middle;
}

.app_intro .app_info dt {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 8px;
  color: #222;
}

.app_intro .app_info dt span {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  margin-left: 10px;
  padding: 0 8px;
  vertical-align: middle;
  color: #666;
  background: #eeeceb;
}

.app_intro .app_info dd {
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.app_intro .go_btn {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.app_intro .go_btn ul {
  font-size: 0;
}

.app_intro .go_btn li {
  display: inline-block;
  margin-left: 10px;
}

.app_intro .go_btn li:first-child {
  margin-left: 0;
}

.app_intro .go_btn .btn img {
  margin-top: 7px;
}

.app_intro .go_btn .tool_cont {
  width: 310px;
}

.app_intro .tool_wrap .cont_area dl {
  margin-top: 14px;
}

.app_intro .tool_wrap .cont_area dl dt {
  float: left;
  border: 2px solid #666;
}

.app_intro .tool_wrap .cont_area dl dt img {
  width: 58px;
  height: auto;
}

.app_intro .tool_wrap .cont_area dl dd {
  font-size: 14px;
  line-height: 21px;
  margin-left: 74px;
  text-align: left;
  color: #666;
}

.link_list {
  overflow: hidden;
}

.link_list li {
  float: left;
  margin-left: 10px;
}

.link_list li:first-child {
  margin-left: 0;
}

.cmm_boxs.bg_gray {
  background: #f2f0f0;
}

.table_img_wrap {
  overflow: hidden;
}

.table_img_wrap .data_table {
  float: left;
  width: 585px;
}

.table_img_wrap .pd_img_wrap {
  float: right;
  width: 270px;
}

.table_img_wrap .pd_img_wrap .bd_box {
  padding: 18px 0;
  text-align: center;
  border: 1px solid #eeeceb;
}

.table_img_wrap .pd_img_wrap .bull_list {
  margin-top: 20px;
}

.tit_pst_wrap {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  padding-top: 5px;
}

.tit_pst_wrap .selects {
  position: absolute;
  top: 0;
  right: 0;
  width: 210px;
}

.acc_lists.thumbType .acc_list_head a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 120px;
  padding: 33px 60px 33px 0;
}

.acc_lists.thumbType .acc_list_head .tit {
  display: block;
  margin-left: 190px;
}

.acc_lists.thumbType .acc_list_head .tit small {
  display: block;
  font-size: 15px;
  line-height: 23px;
  margin-top: 4px;
  color: #666;
}

.acc_lists.thumbType .acc_list_head .thumb {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.acc_lists.smarthome_type .acc_list_conts {
  padding: 50px 30px;
  text-align: center;
  background: #f9f9f9;
}

.acc_lists.smarthome_type.bg2 .acc_list_conts {
  background: #fbfbfb;
}

.smarthome_type .smarthome_desc {
  padding: 40px 128px 0 128px;
  color: #666;
  font-size: 16px;
  text-align: left;
}

.smarthome_type .smarthome_desc dd {
  position: relative;
  margin-top: 10px;
  margin-left: 7px;
  padding-left: 28px;
  line-height: 21px;
}

.smarthome_type .smarthome_desc .num {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #999;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}

.data_table .table.color_type3 {
  border-top: 2px solid #222;
}

.data_table .table.color_type3:after {
  display: none;
}

.data_table .table.color_type3 thead th {
  font-size: 15px;
  line-height: 23px;
  padding: 15px 10px;
  text-align: center;
  color: #222;
  border-top: 1px solid #dddbda;
  border-left: 1px solid #dddbda;
  background: #f3f1f0;
}

.data_table .table.color_type3 thead th:first-child {
  border-left: none;
}

.data_table .table.color_type3 tbody td {
  font-size: 15px;
  line-height: 23px;
  padding: 15px 20px;
  color: #666;
}

.data_table .table.color_type3 tbody tr:last-child td {
  border-bottom: none;
}

.data_table .table.color_type4 {
  border-top: 1px solid #dddbda;
}

.data_table .table.color_type4 thead th {
  font-size: 15px;
  line-height: 23px;
  padding: 15px 10px;
  text-align: center;
  color: #222;
  border-top: 1px solid #dddbda;
  border-left: 1px solid #dddbda;
  background: #f3f1f0;
  background: #eeeceb;
}

.data_table .table.color_type4 thead th:first-child {
  border-left: none;
}

.data_table .table.color_type4 tbody th {
  text-align: left;
  color: #222;
  border-bottom: 1px solid #dddbda;
  background: #eeeceb;
}

.data_table .table.color_type4 tbody td {
  font-size: 15px;
  line-height: 23px;
  padding: 15px 20px;
  color: #666;
}

.data_table .table.color_type4 tbody tr:last-child td {
  border-bottom: none;
}

.homeProduct .ico_type02_list .txt_wrap .tit03 {
  margin-bottom: 4px;
  color: #ff9000;
}

.homeProduct .ico_type02_list .txt_wrap .square {
  margin-top: 6px;
}

.homeProduct .ico_type02_list .txt_wrap .square:first-child {
  margin-top: 0;
}

.homeProduct .ico_type02_list .list_container + .list_container {
  margin-top: 50px;
}

.homeProduct .youtube_video_wrap {
  margin-top: 40px;
}

.em_txt_list li {
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  color: #666;
}

.em_txt_list li:first-child {
  margin-top: 0;
}

.homeProduct .tit00 {
  font-weight: 500;
}

.video_tabs {
  position: relative;
  padding-top: 559px;
}

.video_tabs .video_tab_wrap ul {
  font-size: 0;
  padding-bottom: -16px;
}

.video_tabs .video_tab_wrap .tabs {
  display: inline-block;
  width: 279px;
  margin-right: 16px;
  margin-bottom: 16px;
}

.video_tabs .video_tab_wrap .tabs:nth-child(3n) {
  margin-right: 0;
}

.video_tabs .video_tab_wrap .tab_link {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding: 12px 0;
  text-align: center;
  vertical-align: top;
  color: #666;
  border: 1px solid #dddbda;
}

.video_tabs .video_tab_wrap .tabs.on .tab_link {
  text-decoration: underline;
  color: #ff9000;
}

.video_tabs .video_tab_wrap .tab_link:before {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  vertical-align: top;
  background: url("/common/img/vin/common/icon24x24.png") no-repeat;
  background-position: -100px 0;
}

.video_tabs .video_tab_wrap .tabs.on .tab_link:before {
  background-position: -150px 0;
}

.video_tabs .tab_contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.video_tabs .tab_contents .tab_cont {
  margin-top: 0;
}

.video_tabs .tab_contents .youtube_video_wrap {
  margin-top: 0;
}

.home_item_plus {
  overflow: hidden;
  margin-top: 45px;
}

.home_item_plus .item {
  position: relative;
  float: left;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 166px;
  padding-right: 30px;
  text-align: center;
}

.home_item_plus .item1:before,
.home_item_plus .item2:before {
  content: " ";
  display: block;
  position: absolute;
  top: 68px;
  right: 8px;
  width: 16px;
  height: 2px;
  background: #ff9000;
}

/*bx*/
.home_item_plus .item1:after,
.home_item_plus .item2:after {
  content: " ";
  display: block;
  position: absolute;
  top: 61px;
  right: 15px;
  width: 2px;
  height: 16px;
  background: #ff9000;
}

/*bx*/
.home_item_plus .img {
  display: inline-block;
  width: 100%;
  margin-bottom: 22px;
  vertical-align: top;
}

.home_item_plus .item_tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 5px;
  color: #ff9000;
}

/*bx*/
.home_item_plus .item_txt {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.home_item_plus .item_txt i {
  display: inline-block;
  line-height: 1;
  padding-top: 2px;
  vertical-align: top;
}

.list_wrap.type2 {
  margin: 0;
}

.list_wrap.type2 ul {
  margin-bottom: -20px;
}

.list_wrap.type2 .lists {
  display: inline-block;
  width: 425px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.list_wrap.type2 .lists:nth-child(2n) {
  margin-right: 0;
}

.list_wrap.type2 .banner_home {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 35px;
  padding-left: 117px;
  border: 1px solid #eeeceb;
  background: #f8f6f5;
}

.list_wrap.type2 .banner_home i {
  display: inline-block;
  position: absolute;
  top: 35px;
  left: 35px;
}

.list_wrap.type2 .banner_home dt {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 5px;
  color: #222;
}

.list_wrap.type2 .banner_home dd {
  font-size: 18px;
  line-height: 27px;
  height: 54px;
  color: #666;
}

.list_wrap.type2 .banner_home .txt_go {
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  margin-top: 8px;
  padding-right: 13px;
  color: #222;
  background: url("/common/img/vin/common/arr_6_10_bold.png") right 8px no-repeat;
}

.homeProduct .mt60 {
  margin-top: 60px;
}

.img_cont_wrap.btn_type {
  position: relative;
}

.img_cont_wrap.btn_type .goBtn {
  display: block;
  position: absolute;
  bottom: 46px;
  width: 266px;
  height: 88px;
  text-indent: -1000em;
}

.img_cont_wrap.btn_type .go_ad {
  left: 156px;
}

.img_cont_wrap.btn_type .go_as {
  left: 445px;
  width: 253px;
}

/* // 상품 상세 */
/* 이벤트/혜택 */
.detail_page-wrap.style2 .mt10 {
  margin-top: 10px;
}

.detail_page-wrap.style2 .search_wrap {
  float: left;
}

.detail_page-wrap.style2 .array_slt {
  float: left;
  font-size: 0;
  margin-left: 24px;
}

.detail_page-wrap.style2 .array_slt .array {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
  padding: 13px 6px;
}

.detail_page-wrap.style2 .array_slt .array:first-child {
  padding-right: 7px;
}

.detail_page-wrap.style2 .array_slt .array:first-child:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #dddbda;
}

.detail_page-wrap.style2 .array_slt .array a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  vertical-align: top;
  color: #898786;
}

.detail_page-wrap.style2 .array_slt .array.on a {
  font-weight: 500;
  text-decoration: underline;
  color: #ff9000;
}

/*bx*/
.detail_page-wrap.style2 .join_banner ul:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
}

.detail_page-wrap.style2 .join_banner .list {
  float: left;
  width: 570px;
  background: #f8f6f5;
}

.detail_page-wrap.style2 .join_banner .list:last-child {
  float: right;
}

.detail_page-wrap.style2 .join_banner .list a {
  display: block;
  position: relative;
}

.detail_page-wrap.style2 .join_banner .list dl {
  padding: 40px;
}

.detail_page-wrap.style2 .join_banner .list dl dt {
  font-size: 24px;
  color: #222;
}

.detail_page-wrap.style2 .join_banner .list dl dd {
  margin-top: 8px;
  color: #898786;
}

.detail_page-wrap.style2 .join_banner .list .ico {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -45px;
}

.detail_page-wrap.style2 .detail_page-panel .view_header .tit .ev_flag {
  margin-right: 10px;
  vertical-align: 4px;
}

.evt_banner_wrap .banner_info {
  width: 370px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  border: 1px solid #eeeceb;
  border-radius: 0 0 0 40px;
  -moz-border-radius: 0 0 0 40px;
  -webkit-border-radius: 0 0 0 40px;
  background: #fff;
}

/*bx*/
.ev_flag {
  display: inline-block;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  height: 20px;
  padding-left: 24px;
  color: #ff9000;
}

.ev_flag:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 17px;
  height: 16px;
  margin-top: -8px;
  background: url("/common/img/vin/event/ico_flag.png") no-repeat left top;
}

.ev_flag.type02:after {
  background-position: -20px 0;
}

.ev_flag.type03:after {
  background-position: -40px 0;
}

.evt_banner_wrap .banner_info .title {
  overflow: hidden;
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  margin-top: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222;
}

.evt_banner_wrap .banner_info .date {
  font-size: 15px;
  line-height: 23px;
  margin-top: 2px;
  color: #898786;
}

.s_main_slider.evt_slider .slide_wrap .btn_arrow {
  top: 42%;
}

.gray_bg_box.evt {
  padding: 50px 0;
  text-align: center;
  background: #f8f6f5;
}

.gray_bg_box.evt .sub_txt {
  font-size: 18px;
  line-height: 27px;
  margin-top: 10px;
  color: #666;
}

.benefit_list {
  font-size: 0;
  margin-top: 30px;
}

.benefit_list .list {
  display: inline-block;
  width: 160px;
  text-align: center;
  border-left: 1px solid #eeeceb;
}

.benefit_list .list:first-child {
  border-left: none;
}

.benefit_list .list p {
  font-size: 15px;
  line-height: 23px;
  margin-top: 10px;
  color: #666;
}

.border_view_area {
  padding: 40px 0;
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.border_view_area .no_result {
  padding: 110px 0;
}

.detail_page-wrap.style2 .view_header .flag {
  font-size: 13px;
  line-height: 26px;
  height: 26px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 0 10px;
  vertical-align: top;
}

.detail_page-wrap.style2 .panel-content {
  padding: 40px 0;
}

.detail_page-wrap.style2 .panel-content .view_img_cont img {
  max-width: 100%;
}

.detail_page-wrap.style2 .panel-content .event_winner {
  padding: 40px 40px 0 40px;
  color: #666;
}

.detail_page-wrap.style2 .panel-content .view_body.last {
  padding-bottom: 0;
}

.detail_page-wrap.style2 .acc_list_wrap.board_type .title {
  overflow: hidden;
  width: 830px;
  height: 23px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail_page-wrap.style2 .acc_list_wrap.board_type .title .hide {
  display: inline-block;
}

.detail_page-wrap.style2 .acc_list_wrap.board_type.notice .acc_list_head a {
  padding: 30px;
}

.detail_page-wrap.style2 .acc_list_head.has_info .title {
  width: 680px;
}

.detail_page-wrap.style2 .evt_end_notice {
  margin-bottom: 40px;
  padding: 53px 0;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  background: #F2F2F2;
  color: #000;
}

.detail_page-wrap.style2 .panel-content .evt_end_notice {
  margin-bottom: 80px;
}

/* .detail_page-wrap.style2 .view_body_img {padding-top:40px;} */
.detail_page-wrap.style2 .view_body_img {
  position: relative;
}

.detail_page-wrap.style2 .view_body_img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.4);
}

.detail_page-wrap.style2 .evt_end_notice .btn_box {
  font-size: 0;
}

.detail_page-wrap.style2 .evt_end_notice .btn {
  font-size: 13px;
  margin-left: 10px;
  padding: 0 20px;
}

.detail_page-wrap.style2 .evt_end_notice .btn.submit {
  min-width: 163px;
}

.detail_page-wrap.style2 .evt_end_notice .btn:first-child {
  margin-left: 0;
}

/* 응모자 정보입력 */
.event_req .pop_contents .ev_tit {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 20px;
  text-align: left;
}

.event_req .pop_contents .input_form_header {
  position: relative;
}

.event_req .pop_contents .input_form_header .ess_label {
  position: absolute;
  right: 0;
  bottom: 20px;
  margin-top: 0;
}

.event_req .pop_contents .input_form_footer .acc_list_wrap.bdtn {
  width: auto;
  margin-top: 0;
}

.event_req .pop_contents .input_form_footer .acc_list_wrap .acc_list_head.form_check.type2 a {
  right: 0;
}

.event_req .pop_contents .input_form_footer .acc_list_wrap .acc_list_conts.form_check.type2 {
  padding-right: 12px;
  padding-left: 12px;
}

.event_req .input_tel .tel_num {
  width: 334px;
}

/* .event_req .input_form_wrap.layer_inner .input_email .input_txt {width:325px;} */
.event_req .input_email .email_domain {
  margin-right: 0;
}

.view_header.has_info {
  padding-right: 520px;
}

.view_header.has_info .info {
  position: absolute;
  top: 30px;
  right: 20px;
  font-size: 0;
  line-height: 36px;
  color: #222;
}

.view_header.has_info .info p {
  display: inline-block;
  position: relative;
  font-size: 15px;
  margin-right: 10px;
  padding-left: 11px;
}

.view_header.has_info .info p:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 18px;
  margin-top: -9px;
  background: #eeeceb;
}

.view_header.has_info .info p:first-child:before {
  display: none;
}

.view_header.type2 {
  padding-right: 30px;
}

.view_header.type2 .info {
  font-size: 0;
  height: 21px;
  margin-top: 10px;
}

.view_header.type2 .info p {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 21px;
  margin-right: 10px;
  padding-left: 11px;
  vertical-align: top;
}

.view_header.type2 .info p .tt {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  color: #666;
}

.view_header.type2 .info p:before {
  content: " ";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #eeeceb;
}

.view_header.type2 .info p:first-child {
  padding-left: 0;
}

.view_header.type2 .info p:first-child:before {
  display: none;
}

.gray_bg_bd_box {
  overflow: hidden;
  padding: 40px;
  border: 1px solid #dddbda;
  background: #f8f6f5;
}

.gray_bg_bd_box .em {
  color: #ff9000;
}

/*bx*/
.gray_bg_bd_box .left_box {
  float: left;
}

.gray_bg_bd_box .sub_txt {
  font-size: 18px;
  line-height: 27px;
  color: #666;
}

.gray_bg_bd_box .left_box .btn {
  margin-top: 40px;
}

.gray_bg_bd_box .right_box {
  position: relative;
  float: right;
  min-height: 190px;
  padding-left: 41px;
  text-align: center;
}

.gray_bg_bd_box .right_box .sub_txt {
  font-size: 24px;
  line-height: 36px;
  margin-top: 20px;
}

.gray_bg_bd_box .levels {
  font-size: 0;
}

.gray_bg_bd_box .levels li {
  display: inline-block;
  margin-left: 10px;
}

.gray_bg_bd_box .levels li:first-child {
  margin-left: 0;
}

.gray_bg_bd_box .right_box:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #dddbda;
}

.gray_bg_bd_box .tit_org {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 12px;
  color: #ff9000;
}

.gray_bg_bd_box .bull_list.narrow li {
  margin-top: 4px;
}

.gray_bg_bd_box .bull_list.narrow li:first-child {
  margin-top: 0;
}

.gray_bg_bd_box.type2 {
  padding: 50px 0;
  text-align: center;
}

.gray_bg_bd_box.notice {
  margin-top: 30px;
  padding: 20px;
  text-align: left;
}

.gray_bg_bd_box.notice .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 12px;
}

.gray_bg_bd_box.notice .title.em {
  color: #ff9000;
}

.gray_bg_bd_box.notice .title.em .ico.ico20.type04 {
  background-position: 0 -50px;
}

.benefit_list_box {
  overflow: hidden;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}

.benefit_list_box .lists {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 390px;
  min-height: 375px;
  padding: 40px 30px;
  padding-bottom: 0;
  text-align: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.benefit_list_box .lists:nth-child(3n) {
  width: 389px;
}

.benefit_list_box .lists.last {
  width: 779px;
}

.benefit_list_box dt p {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 20px;
  color: #222;
}

.benefit_list_box em.em {
  display: block;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
  margin-bottom: 4px;
}

.benefit_list_box dt .icoBnf {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/event/ico_benefit.png") no-repeat;
  background-position: 0 0;
}

.benefit_list_box dt .icoBnf.bnf2 {
  background-position: -100px 0;
}

.benefit_list_box dt .icoBnf.bnf3 {
  background-position: -200px 0;
}

.benefit_list_box dt .icoBnf.bnf4 {
  background-position: 0 -100px;
}

.benefit_list_box dt .icoBnf.bnf5 {
  background-position: -100px -100px;
}

.benefit_list_box dt .icoBnf.bnf6 {
  background-position: -200px -100px;
}

.benefit_list_box dt .icoBnf.bnf7 {
  background-position: 0 -200px;
}

.benefit_list_box dt .icoBnf.bnf8 {
  background-position: -100px -200px;
}

.benefit_list_box dt .icoBnf.bnf9 {
  background-position: -200px -200px;
}

.benefit_list_box dt .icoBnf.bnf10 {
  background-position: 0 -300px;
}

.benefit_list_box dd {
  font-size: 15px;
  line-height: 23px;
  margin-top: 16px;
  color: #666;
}

.benefit_list_box dd .line {
  display: block;
  margin-top: 10px;
}

.benefit_list_box .lists.last dd {
  margin-top: 40px;
}

.benefit_list_box .bnf_lists {
  font-size: 0;
}

.benefit_list_box .bnf_lists .circle {
  display: inline-block;
  line-height: 74px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 76px;
  height: 76px;
  margin: 0 9px;
  text-align: center;
  border: 1px solid #ff9000;
  border-radius: 50%;
}

.benefit_list_box .bnf_lists .circle span {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  vertical-align: middle;
  color: #222;
}

.benefit_list_box .all {
  position: relative;
  font-size: 18px;
  line-height: 27px;
  margin: 0 67px;
  margin-top: 20px;
  padding-top: 20px;
  color: #ff9000;
}

.benefit_list_box .all:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 192px;
  height: 34px;
  border-bottom: 1px solid #ff9000;
  border-left: 1px solid #ff9000;
}

.benefit_list_box .all:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 192px;
  height: 34px;
  border-right: 1px solid #ff9000;
  border-bottom: 1px solid #ff9000;
}

.cld_info {
  font-size: 0;
  margin-top: 20px;
  text-align: right;
}

.cld_info li {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  margin-left: 14px;
  color: #666;
}

.cld_info li i {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: middle;
}

.cld_info li.end i {
  background: #cccac9;
}

.cld_info li.ing i {
  border: 2px solid #676564;
}

.wide_calendar_wrap {
  padding-bottom: 25px;
  text-align: center;
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.wide_calendar_wrap .cld_head {
  font-size: 20px;
  line-height: 30px;
  padding: 15px 0;
  color: #222;
  border-bottom: 1px solid #eeeceb;
  background: #f8f6f5;
}

.wide_calendar_wrap .cal_btn {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 36px;
  vertical-align: top;
}

.wide_calendar_wrap .cal_btn span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  width: 10px;
  height: 18px;
  margin-top: -9px;
  margin-left: -5px;
  text-indent: -1000em;
  background: url("/common/img/vin/event/btn_cal.png") no-repeat;
}

.wide_calendar_wrap .cal_btn.next span {
  background-position-x: right;
}

.wide_calendar_wrap .cal_btn.has span {
  background-position-y: -18px;
}

.wide_calendar_wrap .cal_btn.hasnt span {
  background-position-y: 0;
}

.wide_calendar_wrap .this_month {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  width: 165px;
  text-align: center;
  vertical-align: top;
  color: #ff9000;
}

.wide_calendar_wrap .this_month .hide {
  display: inline-block;
}

.wide_calendar_wrap .cld_month {
  position: relative;
  padding: 0 80px;
  text-align: center;
}

.wide_calendar_wrap .cld_month:after {
  content: " ";
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #eeeceb;
}

.wide_calendar_wrap .cld_month thead th {
  font-size: 20px;
  line-height: 30px;
  padding: 15px 0;
  color: #222;
}

.wide_calendar_wrap .cld_month tbody td {
  padding: 15px 0;
}

.wide_calendar_wrap .cld_month tbody tr:first-child td {
  padding-top: 41px;
}

.wide_calendar_wrap .cld_month .slc_cant {
  display: inline-block;
  font-size: 20px;
  line-height: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 80px;
  color: #aaa;
  border-radius: 50%;
  background: #f3f1f0;
}

.wide_calendar_wrap .cld_month .slc_can {
  display: inline-block;
  font-size: 20px;
  line-height: 76px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 80px;
  color: #676564;
  border: 2px solid #676564;
  border-radius: 50%;
}

.wide_calendar_wrap .cld_month .slc_can.on {
  line-height: 80px;
  color: #fff;
  border: none;
  background: #ff9000;
}

.wide_calendar_wrap .ui-calendar-container {
  width: 100%;
  border: none;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second {
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px solid #eeeceb;
  background: #f8f6f5;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-now {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  width: 165px;
  text-align: center;
  color: #ff9000;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev,
.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next {
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  vertical-align: top;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 18px;
  margin: -9px 0 0 -5px;
  background: url("/common/img/vin/event/btn_cal.png") no-repeat;
  background-position: 0 -18px;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 18px;
  margin: -9px 0 0 -5px;
  background: url("/common/img/vin/event/btn_cal.png") no-repeat;
  background-position: right -18px;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev.disabled:before {
  background-position: 0 0;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next.disabled:before {
  background-position: right 0;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev:after,
.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next:after {
  display: none;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-date {
  position: relative;
  padding: 0 80px;
}

.wide_calendar_wrap .ui-calendar-date:after {
  content: "";
  display: block;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #eeeceb;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table {
  table-layout: auto;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table th,
.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table td {
  width: 202px;
  table-layout: auto;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table th {
  font-size: 20px;
  line-height: 30px;
  padding: 15px 0;
  color: #222;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table tr:first-child td {
  padding-top: 41px;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table td {
  padding: 15px 0;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table td button {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 80px;
  padding: 28px 0;
  color: #676564;
  border: 2px solid #676564;
  border-radius: 50%;
  background: #fff;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table td.active button {
  width: 80px;
  height: 80px;
  padding: 30px 0;
  color: #fff;
  border: none;
  background: #ff9000;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table td.disabled button {
  padding: 30px 0;
  color: #aaa;
  border: none;
  border-radius: 50%;
  background: #f3f1f0;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table td.ui-calendar-today button {
  font-weight: normal;
}

.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table th:nth-child(1),
.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table th:nth-child(7),
.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table td:nth-child(1),
.wide_calendar_wrap .ui-calendar-container .ui-select-day .ui-calendar-table td:nth-child(7) {
  display: none;
  width: 0;
}

.cld_btm_info {
  margin-top: 20px;
}

.tit_evt_xs {
  font-size: 14px;
  line-height: 21px;
  color: #898786;
}

.bd_evt_list {
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.bd_evt_list .lists {
  padding: 15px 20px;
  border-top: 1px solid #eeeceb;
}

.bd_evt_list .lists:first-child {
  border-top: none;
}

.bd_evt_list .lists dt {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  color: #222;
}

.bd_evt_list .lists dt .flag {
  line-height: 23px;
  width: 52px;
  margin-right: 10px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}

.bd_evt_list .lists dt .flag.loose {
  background: #898786;
}

.bd_evt_list .lists dd {
  font-size: 14px;
  line-height: 21px;
  margin-top: 8px;
  color: #666;
}

.bd_evt_list .no_data {
  font-size: 15px;
  line-height: 23px;
  padding: 15px 0;
  text-align: center;
  color: #666;
}

.bd_evt_list .lists.bnf {
  position: relative;
  padding: 15px 15px 15px 80px;
}

.bd_evt_list .lists.bnf:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 58px;
  width: 1px;
  background: #eeeceb;
}

.bd_evt_list .lists.bnf .chk_wrap {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -9px;
}

.input_form_wrap.evt_pop .input_form_conts dt {
  width: 170px;
}

.input_form_wrap.evt_pop .input_form_conts dd {
  padding-right: 20px;
}

.input_form_wrap.evt_pop .input_form_conts .input_tel .selects {
  width: 100px;
}

.input_form_wrap.evt_pop .input_form_conts .input_tel .tel_num {
  width: 218px;
}

.tit02_l.evt {
  font-weight: 300;
  text-align: center;
}

.tit02_l.evt em {
  font-weight: 500;
}

.evt_sub_txt {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.evt_sub_txt.big {
  font-size: 18px;
  line-height: 27px;
}

.evt_ment_box {
  margin-bottom: 30px;
  text-align: center;
}

.evt_ment_box .tit {
  font-size: 26px;
  line-height: 39px;
  margin-bottom: 12px;
  color: #222;
}

.evt_ment_box .tit em {
  font-weight: 500;
}

.evt_ment_box .sub {
  color: #222;
}

.pp_info_input {
  position: relative;
  margin-top: 30px;
  padding-top: 30px;
  padding-right: 155px;
  border-top: 1px solid #dddbda;
}

.pp_info_input .btn {
  position: absolute;
  top: 30px;
  right: 10px;
  line-height: 115px;
  width: 130px;
  height: 115px;
  cursor: pointer;
}

.pp_info_input dl {
  margin-top: 15px;
}

.pp_info_input dl:nth-of-type(1) {
  margin-top: 0;
}

.pp_info_input dt {
  float: left;
  line-height: 50px;
  width: 62px;
  color: #222;
}

.pp_info_input dd {
  margin-left: 62px;
}

.pp_info_input .input_txt {
  width: 100%;
}

.pp_info_input .input_txt input {
  background: #fff;
}

.evt_result {
  margin-top: 40px;
  padding: 40px 0;
  text-align: center;
  border: 1px solid #dddbda;
}

.evt_result .tit {
  font-size: 26px;
  line-height: 39px;
  color: #222;
}

.evt_result .tit em {
  display: block;
  font-weight: 500;
}

.evt_result .tit small {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
  color: #666;
}

.evt_result .rst_img {
  margin-top: 30px;
}

.btv .tab_wrap.box_tab .tabs.on .tab_link {
  text-decoration: underline;
}

.btv .search_form {
  overflow: hidden;
}

.btv .search_form .tit02 {
  float: left;
}

.btv .search_form .array_slt {
  float: right;
  font-size: 0;
  padding-top: 12px;
}

.btv .search_form .array_slt .array {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 14px;
  vertical-align: top;
}

.btv .search_form .array_slt .array:first-child {
  padding-right: 15px;
}

.btv .search_form .array_slt .array:first-child:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 16px;
  margin-top: -8px;
  background: #dddbda;
}

.btv .search_form .array_slt .array a {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  vertical-align: top;
  color: #898786;
}

.btv .search_form .array_slt .array.on a {
  font-weight: 500;
  text-decoration: underline;
  color: #ff9000;
}

.btv .acc_list_wrap.board_type .acc_lists.btv_qst .flag {
  line-height: 26px;
  height: 26px;
}

.btv .acc_list_wrap.board_type .acc_lists.btv_qst .title {
  overflow: hidden;
  line-height: 26px;
  width: 850px;
  height: 26px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btv .acc_list_wrap.board_type .acc_lists.btv_qst .date {
  line-height: 26px;
}

.btv .btv_qst .answer {
  margin-top: 30px;
}

.btv .btv_qst .answer .txt {
  margin: 4px 0 10px;
}

.btv .cmm_boxs.min {
  padding: 60px 0;
}

.btv .t00_decs.no_mt {
  margin-top: 0;
}

.btv .btv_guide_box .bull_list.no_mt {
  margin-top: 0;
}

.week_section .title_flt {
  overflow: hidden;
}

.week_section .title_flt h3 {
  float: left;
}

.week_section h3.type1 {
  font-size: 24px;
  line-height: 36px;
  padding-bottom: 20px;
  color: #222;
}

.week_section .title_flt .fl_right {
  float: right;
  line-height: 36px;
}

.youtube_wrap.guide_movie_wrap {
  padding: 0 35px;
}

.youtube_wrap.guide_movie_wrap .youtube_play_wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.2%;
}

.youtube_wrap.guide_movie_wrap .youtube_play_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* // 이벤트/혜택 */
/* youtube */
.youtube_video_wrap {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
}

.youtube_video_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube_video_wrap .youtube_cover_icon {
  position: relative;
  background: url("/common/img/vin/corp/blossom_icon_play.png") no-repeat center center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.youtube_video_wrap .youtube_cover_icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/corp/blossom_icon_play.png") no-repeat center center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
}

/* // youtube */
/* 마이페이지 쿠폰/포인트/OK캐시백 */
.point_cate {
  border-top: 2px solid #222;
}

.mypage .point_cate .head_sentence {
  margin-top: 40px;
}

.mypage .top_btns {
  position: relative;
}

.mypage .top_btns .btn_boxs {
  position: absolute;
  right: 0;
  bottom: 16px;
}

.my_summary.benefit {
  margin-bottom: 60px;
}

.my_summary .my_benefit {
  overflow: hidden;
}

.my_summary .my_benefit .my_box {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 389px;
  padding: 30px;
  border-left: 1px solid #dddbda;
}

.my_summary .my_benefit .my_box:first-child {
  width: 390px;
  border-left: none;
}

.my_summary .my_benefit dt {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 10px;
  color: #222;
}

.my_summary .my_benefit dd {
  position: relative;
  padding-top: 10px;
  padding-left: 90px;
  text-align: right;
}

.my_summary .my_benefit .cnt_tit {
  line-height: 45px;
}

.my_summary .my_benefit .cnt_tit em {
  display: inline-block;
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  vertical-align: top;
  color: #ff9000;
}

/*bx*/
.my_summary .my_benefit .cnt_tit span {
  display: inline-block;
  font-size: 18px;
  line-height: 27px;
  padding-top: 10px;
  vertical-align: top;
  color: #222;
}

.my_summary .my_benefit .cnt_txt {
  font-size: 14px;
  line-height: 21px;
  margin-top: 4px;
  color: #898786;
}

.my_summary .my_benefit .cnt_txt em {
  font-weight: 500;
  color: #222;
}

.my_summary .my_benefit .my_box dd:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background: url("/common/img/vin/common/icon80x80.png") no-repeat;
}

.my_summary .my_benefit .my_box.my_coupon dd:before {
  background-position: -750px 0;
}

.my_summary .my_benefit .my_box.my_point dd:before {
  background-position: -900px 0;
}

.my_summary .my_benefit .my_box.my_cash dd:before {
  background-position: 0 -150px;
}

/* 2020-12-28 고객 등급 수정/추가 */
.my_summary.benefit .my_grade_box {
  text-align: center;
}

.my_summary.benefit .my_grade_box dl {
  display: inline-block;
  text-align: left;
  margin: 38px 0 0 20px;
}

.my_summary.benefit .my_grade_box dl dt {
  line-height: 36px;
}

.my_summary.benefit .my_grade_box dl .grade_txt {
  font-size: 30px;
  color: #ff9900;
  font-weight: bold;
  line-height: 45px;
}

.acc_list_wrap .acc_with_icon {
  position: relative;
  padding: 30px;
}

.acc_list_wrap .acc_with_icon:first-child {
  padding-top: 30px;
}

.acc_list_wrap .acc_with_icon .tit_wrap {
  padding-left: 120px;
}

.acc_list_wrap .acc_with_icon .ico_cp {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  text-indent: -1000em;
  background: url("/common/img/vin/mypage/icon_benefit.png") no-repeat;
  background-position: 0 0;
}

.acc_list_wrap .acc_with_icon .ico_cp.ico_b_cp {
  background-position: 0 0;
}

.acc_list_wrap .acc_with_icon .ico_cp.ico_b_point {
  background-position: -100px 0;
}

.acc_list_wrap .acc_with_icon .ico_cp.ico_okcashbag {
  background-position: -200px 0;
}

.acc_list_wrap .acc_with_icon .tit_right {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-top: -18px;
  padding-right: 0;
  color: #ff9000;
}

.acc_list_wrap .acc_with_icon .flag {
  margin-right: 10px !important;
}

.acc_list_wrap .acc_with_icon.used .title {
  color: #898786;
}

.acc_list_wrap .acc_with_icon.used .tit_right {
  color: #898786;
}

.acc_list_wrap .acc_with_icon.used .ico_cp {
  background-position-y: -100px;
}

.evt_pop_gray {
  font-size: 26px;
  line-height: 39px;
  padding: 30px 0;
  text-align: center;
  color: #222;
  background: #f8f6f5;
}

.evt_pop_gray .em {
  color: #ff9000;
}

/* // 마이페이지 쿠폰/포인트/OK캐시백 */
/* B tv */
.btv_paging {
  width: 1170px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 80px;
}

.btv_paging ul {
  overflow: hidden;
}

.btv_paging .buttons {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 426px;
}

.btv_paging .title {
  overflow: hidden;
  font-size: 24px;
  line-height: 36px;
  height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222;
}

.btv_paging .info {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.btv_paging .prev {
  padding-right: 70px;
}

.btv_paging .next {
  padding-left: 70px;
}

.btv_paging .btns {
  display: block;
  position: relative;
}

.btv_paging .prev .btns {
  padding-left: 74px;
}

.btv_paging .next .btns {
  padding-right: 74px;
  text-align: right;
}

.btv_paging .btns:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  border: 1px solid #eeeceb;
  background: url("/common/img/vin/btv/ico_arr.png") no-repeat;
}

.btv_paging .prev .btns:before {
  left: 0;
  background-position: 0 0;
}

.btv_paging .next .btns:before {
  right: 0;
  background-position: right 0;
}

.btv_paging .btns.hasnt:before {
  background-position-y: bottom;
}

.btv_paging .btns.hasnt .title {
  color: #666;
}

.btv_paging .btns.hasnt .info {
  color: #cccac9;
}

.btv_paging .buttons.center {
  width: 317px;
  border-right: 1px solid #dddbda;
  border-left: 1px solid #dddbda;
}

.btv_paging .buttons.center a {
  text-align: center;
}

#contents.btv .conts_box .tit01.wide {
  margin-bottom: 40px;
}

#contents.btv .conts_box .tit01.wide2 {
  margin-bottom: 30px;
}

.btv .b_txt {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.btv .b_txt + .b_txt {
  margin-top: 10px;
}

.btv [class^=tit0] .small_txt {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 10px;
  color: #666;
}

.btv .section {
  margin-top: 30px;
}

.btv .section.first {
  margin-top: 0;
}

.btv .section .tit02 {
  margin-bottom: 10px;
}

.btv .section .data_table {
  margin-top: 20px;
}

.btv .section .info_list {
  margin-top: 20px;
}

.btv .section .info_list.first {
  margin-top: 0;
}

.btv .section .info_list .btm_info {
  margin-top: 20px;
}

.btv .f_wt_400 {
  font-weight: 400;
}

.btv .f_bk {
  color: #222;
}

.btv .mb15 {
  margin-bottom: 15px;
}

.btv .mb20 {
  margin-bottom: 20px;
}

.btv .mb30 {
  margin-bottom: 30px;
}

.btv .mb40 {
  margin-bottom: 40px;
}

.btv .mb50 {
  margin-bottom: 50px;
}

.btv .mt0 {
  margin-top: 0 !important;
}

.btv .mt5 {
  margin-top: 5px;
}

.btv .mt10 {
  margin-top: 10px;
}

.btv .mt15 {
  margin-top: 15px;
}

.btv .mt20 {
  margin-top: 20px;
}

.btv .mt30 {
  margin-top: 30px;
}

.btv .mt35 {
  margin-top: 35px;
}

.btv .mt40 {
  margin-top: 40px;
}

.btv .mt60 {
  margin-top: 60px;
}

.btv .pbn {
  padding-bottom: 0 !important;
}

.btv .tit01.thin {
  font-weight: 400;
}

.btv .info_list .lists {
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 20px;
  padding: 39px;
  border: 1px solid #eeeceb;
  background: #fff;
  font-size: 18px;
}

.btv .info_list .lists.only_img {
  padding: 20px;
  text-align: center;
}

.btv .info_list .lists:first-child {
  margin-top: 0;
}

.btv .info_list .lists .flt_left {
  float: left;
  width: 500px;
  margin-right: 15px;
}

.btv .info_list .lists.type02 .flt_left {
  width: 460px;
}

.btv .info_list .lists.type02 .flt_right {
  width: 564px;
}

.btv .info_list .lists.type02 .flt_right img {
  max-width: 564px;
}

.btv .info_list .lists .flt_right {
  float: right;
  width: 515px;
  text-align: center;
}

.btv .info_list .lists .flt_right.al_right img {
  width: 100%;
  height: auto;
}

.btv .info_list .lists .flt_right img {
  width: auto;
  max-width: 515px;
  height: auto;
}

.btv .info_list .lists .flt_right.img_box {
  width: 100%;
  text-align: right;
  padding-top: 20px;
}

.btv .info_list .lists .flt_right.img_box img {
  max-width: none;
}

.btv .info_list .lists .multi_wrap {
  overflow: hidden;
  margin-top: 20px;
}

.btv .info_list .lists .multi_wrap:first-child {
  margin-top: 0;
}

.btv .info_list .line_box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eeedeb;
}

.btv .info_list .line_box:after {
  display: block;
  clear: both;
  content: "";
}

.btv .info_list .line_box:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.btv .info_list .num_list li {
  position: relative;
  margin-top: 40px;
}

.btv .info_list .num_list li:first-child {
  margin-top: 0;
}

.btv .info_list .num_list .head_tit {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
}

.btv .info_list .num_list .num {
  position: absolute;
  top: 0;
  left: 0;
}

.btv .info_list .num_list .flt_wrap:after {
  display: block;
  clear: both;
  content: "";
}

.btv .info_dl dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 6px;
  color: #ff9000;
}

/*bx*/
.btv .info_dl dd {
  font-size: 18px;
  line-height: 27px;
  word-break: keep-all;
  color: #666;
  letter-spacing: -0.02em;
}

.btv .info_dl dd .number,
.btv .info_dl dd .square {
  word-break: keep-all;
}

.btv .info_dl dd .em {
  display: inline-block;
  line-height: inherit;
  vertical-align: top;
}

.btv .info_dl dd .img {
  display: inline-block;
  line-height: inherit;
  vertical-align: top;
}

.btv .info_dl dd .img img {
  vertical-align: middle;
}

.btv .info_dl dd .bull_list.min {
  margin-top: 20px;
}

.btv .info_dl dd .btn_wrap {
  margin-top: 20px;
  text-align: left;
}

.btv .info_dl dd .tit_em {
  display: block;
  font-weight: 500;
  color: #222;
}

.btv .info_dl2 dt {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #222;
}

.btv .info_dl2 dt .sub_txt {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 6px;
  color: #666;
}

.btv .info_dl2 dd {
  margin-top: 20px;
}

.btv .info_dl2 .dd_tit {
  font-size: 15px;
  line-height: 23px;
  color: #ff9000;
}

.btv .info_dl2 .dd_txt {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.btv .gray_bg_box2 {
  padding: 20px;
  text-align: left;
  background: #f8f6f5;
}

.btv .dl_type1 {
  overflow: hidden;
}

.btv .dl_type1 dt {
  float: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin-right: 10px;
  color: #222;
}

.btv .dl_type1 dd {
  float: left;
}

.btv .dl_type1 .d_input {
  display: inline-block;
  font-size: 15px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 183px;
  height: 50px;
  margin-bottom: 6px;
  padding: 0 20px;
  color: #ff9000;
  border: 1px solid #dddbda;
  background: #fff;
}

.btv .dl_type2 {
  margin-top: 20px;
}

.btv .dl_type2 dt {
  color: #222;
}

.btv .dl_type2 dd {
  margin-top: 10px;
}

.btv .dl_type2 .key {
  font-size: 0;
  margin-top: 6px;
}

.btv .dl_type2 .key span {
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  margin-left: 20px;
  color: #898786;
}

.btv .dl_type2 .key span:first-child {
  margin-left: 0;
}

.btv .dl_type2 .key span i {
  display: inline-block;
  font-size: 13px;
  line-height: 26px;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  text-align: center;
  vertical-align: top;
  color: #fff;
}

.btv .dl_type2 .key span i.rt {
  margin-right: 6px;
}

.btv .dl_type2 .key span.red i {
  background: #e9002d;
}

.btv .dl_type2 .key span.org i {
  background: #ff9000;
}

.btv .dl_type2 .key span.grn i {
  background: #417505;
}

.btv_guide_box {
  padding: 30px;
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
  background: #f8f6f5;
}

.btv_guide_box .bull_list {
  margin-top: 20px;
}

.btv .bluebar {
  display: inline-block;
  overflow: hidden;
  width: 34px;
  height: 12px;
  vertical-align: middle;
  text-indent: -1000em;
  border-radius: 6px;
  background: #2d9edb;
}

.btv .redbar {
  display: inline-block;
  overflow: hidden;
  width: 34px;
  height: 12px;
  vertical-align: middle;
  text-indent: -1000em;
  border-radius: 6px;
  background: #e0002a;
}

.btv_plus_tit {
  min-height: 300px;
  margin-bottom: 60px;
  padding-right: 350px;
  background: url("/common/img/vin/btv/bg_btv1.png") right 0 no-repeat;
}

.btvplus_info {
  overflow: hidden;
  margin-bottom: -40px;
  margin-left: -30px;
}

.btvplus_info .info {
  float: left;
  width: 323px;
  margin-left: 30px;
  margin-bottom: 40px;
}

.btvplus_info .info .tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 6px;
  color: #ff9000;
}

.btvplus_info .info dl dd {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.btvplus_info .info .sub_txt {
  height: 41px;
  margin-bottom: 20px;
  word-break: keep-all;
}

.btvplus_info.type2 .info .sub_txt {
  height: auto;
}

.btvplus_info.type2 .info {
  margin-top: 40px;
}

.btvplus_info.type2 .info:nth-child(-n+4) {
  margin-top: 0;
}

.btvplus_info.size_3 .info {
  width: 323px;
}

.btvplus_info.size_3 .info img {
  display: inline-block;
  margin-top: 14px;
}

.btv_app_downbox {
  overflow: hidden;
  margin-top: 20px;
  border: 1px solid #eeeceb;
  background: #fff;
}

.btv_app_downbox .apps {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 369px;
  padding: 40px;
  border-left: 1px solid #eeeceb;
}

.btv_app_downbox .apps:first-child {
  width: 370px;
  border-left: none;
}

.btv_app_downbox .apps dl {
  overflow: hidden;
}

.btv_app_downbox .apps dt {
  float: left;
}

.btv_app_downbox .apps .qrcode {
  width: 80px;
  padding: 10px;
  border: 1px solid #eeeceb;
}

.btv_app_downbox .apps .qrcode img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.btv_app_downbox .apps dd {
  margin-left: 100px;
  padding-top: 8px;
}

.btv_app_downbox .apps .tit {
  font-size: 24px;
  line-height: 36px;
  color: #222;
}

.btv_app_downbox .apps .tit i {
  display: inline-block;
  line-height: 36px;
  margin-left: 10px;
  vertical-align: top;
}

.btv_app_downbox .apps .tit i img {
  display: inline-block;
  vertical-align: middle;
}

.btv_app_downbox .apps .sub_txt {
  margin-top: 6px;
  color: #666;
}

.mobilebtv .acc_list_wrap .acc_list_conts {
  font-size: 18px;
}

.mobilebtv_tit {
  min-height: 495px;
  margin-bottom: -50px !important;
  padding-right: 350px;
  padding-bottom: 134px;
  background: url("/common/img/vin/btv/bg_mobilebtv1.png") right 100% no-repeat;
}

.mobilebtv_tit .t00_decs {
  margin-top: 10px;
}

.mobilebtv_tit .tit01 {
  margin-top: 51px;
}

.mobilebtv_tit .store_btn {
  margin-top: 46px;
}

.mobilebtv_tit .store_btn a {
  display: inline-block;
  margin-right: 10px;
}

.mobilebtv_tit .store_btn span {
  display: inline-block;
  width: 104px;
  height: 34px;
  border: 1px solid #dcdadb;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-indent: -9999em;
  vertical-align: top;
}

.mobilebtv_tit .store_btn span.app_google {
  background-image: url(/common/img/vin/btv/icon_app_google.png);
}

.mobilebtv_tit .store_btn span.app_ios {
  background-image: url(/common/img/vin/btv/icon_app_ios.png);
}

.btv .tab_wrap.type_btv {
  margin-top: 40px;
}

.btv .tab_wrap.type_btv .tabs {
  width: 14%;
  text-align: center;
}

.btv .tab_wrap.type_btv .tabs:first-child {
  width: 16%;
}

.btv .tab_wrap.type_btv .tabs a {
  padding: 0 10px 0 0;
  border-bottom: 1px solid #eee;
}

.btv .tab_wrap.type_btv .tabs a small {
  font-size: 13px;
}

.btv .tab_wrap.type_btv .tabs.on a {
  border-width: 0 0 1px 0;
  border-bottom: 2px solid #ff9000;
  color: #ff9000;
}

.dep1_tab.tab_wrap.type_btv:after {
  border-bottom: 1px solid #eee;
}

.btv_ico {
  display: inline-block;
  overflow: hidden;
  width: 28px;
  height: 28px;
  margin-top: -3px;
  margin-right: 10px;
  vertical-align: middle;
  text-indent: -1000em;
  background: url("/common/img/vin/btv/ico_category.png") no-repeat;
}

.btv_ico.ico_n {
  background-position: 0 0;
}

.btv_ico.ico_h {
  background-position: -30px 0;
}

.btv_ico.ico_u {
  background-position: -60px 0;
}

.btv_ico.ico_s {
  background-position: -90px 0;
}

.btv_ico.ico_m {
  background-position: -120px 0;
}

.btv_ico.ico_d {
  background-position: right 0;
}

.tabs.on .btv_ico {
  background-position-y: bottom;
}

.btv_ico_wrap {
  font-size: 0;
}

.btv_ico_wrap .btv_ico {
  margin-top: 0;
  margin-right: 0;
  margin-left: 4px;
}

.btv .acc_lists.btv_qna .acc_list_head a {
  padding-right: 300px;
}

.btv .acc_lists.btv_qna .acc_list_head .btv_ico_wrap {
  position: absolute;
  top: 50%;
  right: 67px;
  margin-top: -14px;
}

.btv .acc_lists.btv_qna .acc_list_head .tit {
  display: block;
  overflow: hidden;
  line-height: 27px;
  height: 27px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btv_prod_info {
  overflow: hidden;
  padding: 30px;
  border: 1px solid #dddbda;
}

.btv_prod_info .flt_left {
  float: left;
}

.btv_prod_info .prod_tit {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 10px;
  color: #222;
}

.btv_prod_info .prod_sub {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.btv_prod_info .btn_wrap {
  margin-top: 40px;
  text-align: left;
}

.btv_prod_info .btn_wrap .down {
  font-size: 13px;
  width: auto;
  padding: 0 46px 0 20px;
}

.btv_prod_info .flt_right {
  float: right;
  width: 358px;
}

/* .btv_slider .slide_wrap .slide_content .btn_arrow {width:40px; height:70px;}
.btv_slider .slide_wrap .slide_content .btn_arrow.prev {left:0;}
.btv_slider .slide_wrap .slide_content .btn_arrow.next {right:0;}
.btv_slider .slide_wrap .slide_content .btn_arrow span {width:40px; height:70px; background:url('/common/img/vin/btv/btn_slider.png') no-repeat;}
.btv_slider .slide_wrap .slide_content .btn_arrow.next span {background-position:right 0;}
.btv_slider .slide_wrap .slide_content .btn_arrow.disabled {display:none;}
.btv_slider .slide_wrap .indi_wrap {bottom:12px;}
.btv_slider .slide_wrap .indi_conts .btn_indi {background:#666;} */
.btv .sec_box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #dddbda;
}

.btv .sec_box.first {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.btv .sec_box .bull_list {
  margin-top: 10px;
}

.btv .sec_box .table .bull_list:first-child {
  margin-top: 0;
}

.btv .sec_box .img_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
}

.btv .sec_box .img_wrap.bd {
  border: 1px solid #dddbda;
}

.btv .sec_box .inner_list {
  font-size: 0;
}

.btv .sec_box .inner_list li {
  width: 32%;
  display: inline-block;
  margin-right: 2%;
}

.btv .sec_box .inner_list li:nth-child(3n) {
  margin-right: 0;
}

.btv .sec_box .table th {
  background: #eeeceb;
}

.btv .flt_box_wrap {
  overflow: hidden;
}

.btv .flt_box_wrap .boxs {
  float: left;
}

.btv .flt_box_wrap .boxs.lh70 {
  line-height: 25px;
  padding: 10px 0;
  margin-left: 20px;
}

.btv .flt_box_wrap.size_2 .boxs {
  width: 550px;
  margin-left: 10px;
}

.btv .flt_box_wrap.size_3 .boxs {
  width: 350px;
  margin-left: 30px;
}

.btv .flt_box_wrap .boxs:first-child {
  margin-left: 0;
}

.btv .flt_box_wrap.order_arrow .boxs {
  position: relative;
  margin-top: 20px;
  padding-top: 35px;
}

.btv .flt_box_wrap.order_arrow .boxs:before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -14px;
  width: 29px;
  height: 16px;
  background: url("/common/img/vin/btv/order_arrow.png") no-repeat 0 0;
  content: "";
}

.btv .flt_box_wrap.order_arrow .boxs.arrow_no:before {
  display: none;
}

.btv .b_sub_txt {
  display: block;
  position: relative;
  margin-top: 6px;
  padding-left: 10px;
}

.btv .b_sub_txt i.essen {
  position: absolute;
  top: 2px;
  left: 0;
}

.btv .b_title {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 10px;
  color: #222;
}

.btv .b_title.big {
  font-size: 18px;
  line-height: 27px;
}

.btv .em_bk {
  font-weight: 500;
  color: #222;
}

.btv .sp + .sp {
  margin-top: 6px;
}

.btv .flt_dl {
  overflow: hidden;
}

.btv .flt_dl dt {
  float: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin-right: 10px;
  color: #222;
}

.btv .flt_dl dd {
  float: left;
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.btv .b_title.linepd30 {
  padding-top: 30px;
  border-top: 1px solid #dcdbd9;
}

.btv .img_full_wrap {
  padding: 30px;
  text-align: center;
  border: 1px solid #dddbda;
  background: #fff;
}

.btv .bottom_info {
  overflow: hidden;
  margin-top: 30px;
}

.btv .bottom_info .title {
  clear: both;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 20px;
  color: #222;
}

.btv .bottom_info .dl_wrap {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  min-height: 80px;
  padding-left: 90px;
}

.btv .bottom_info .dl_wrap .img {
  position: absolute;
  top: 0;
  left: 0;
}

.btv .bottom_info .dl_wrap dl {
  padding-top: 14px;
}

.btv .bottom_info .dl_wrap dt {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 6px;
  color: #222;
}

.btv .bottom_info .dl_wrap dd {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.btv .btn.down.wt {
  font-size: 13px;
  line-height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  padding: 0 36px 0 10px;
  color: #666;
  border: 1px solid #dddbda;
  background: #fff;
}

.btv .btn.down.wt:after {
  right: 10px;
  background: url("/common/img/vin/btv/down_ico_bk.png") no-repeat;
}

.btv .btv_bnr_list {
  overflow: hidden;
}

.btv .btv_bnr_list ul {
  overflow: hidden;
  font-size: 0;
  margin: 0 -15px;
  margin-top: -30px;
}

.btv .btv_bnr_list .lists {
  float: left;
  width: 370px;
  margin: 0 15px;
  margin-top: 30px;
}

.btv .btv_bnr_list.type_slide {
  position: relative;
  overflow: hidden;
  margin: 0 -15px;
  margin-top: -30px;
}

.btv .btv_bnr_list.type_slide ul {
  margin: 0;
}

.btv .btv_bnr_list.type_slide .control_btn a {
  display: block;
  position: absolute;
  top: 50%;
  width: 32px;
  height: 70px;
  margin-top: -20px;
  background: rgba(34, 34, 34, 0.55);
}

.btv .btv_bnr_list.type_slide .control_btn a span.hide {
  display: inline-block;
  overflow: hidden;
  line-height: 99999px;
  width: 14px;
  height: 14px;
  margin-top: 26px;
  opacity: 1;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
}

.btv .btv_bnr_list.type_slide .control_btn a span.hide {
  margin-left: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.btv .btv_bnr_list.type_slide .control_btn a.next span.hide {
  margin-left: 4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.btv .btv_bnr_list.type_slide .control_btn a.prev {
  left: 15px;
  background-position: 0 0;
}

.btv .btv_bnr_list.type_slide .control_btn a.next {
  right: 15px;
  background-position: right 0;
}

.btv .oth_bnr {
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 30px;
  border: 1px solid #eeeceb;
  background: #f8f6f5;
}

.btv .oth_bnr .img {
  float: left;
  margin-right: 30px;
}

.btv .oth_bnr .prod_tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 10px;
  padding-top: 30px;
  color: #222;
}

.btv .oth_bnr.wt {
  position: relative;
  padding-right: 38px;
  padding-left: 20px;
  background: #fff;
}

.btv .oth_bnr.wt .img {
  margin-right: 20px;
}

.btv .oth_bnr.wt .prod_tit {
  font-size: 26px;
  line-height: 39px;
  margin-bottom: 2px;
}

.btv .oth_bnr.wt .prod_sub {
  font-size: 15px;
  line-height: 23px;
  word-break: keep-all;
  color: #666;
}

.btv .oth_bnr.wt .down {
  position: absolute;
  bottom: 30px;
  left: 180px;
}

.btv .oth_bnr.wt .down + .down {
  bottom: 74px;
}

.btv .oth_bnr.wt .arrow {
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 180px;
  font-size: 14px;
  line-height: 21px;
  vertical-align: top;
  color: #666;
}

.btv .oth_bnr.wt .arrow:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 21px;
  margin-left: 8px;
  vertical-align: top;
  background: url("/common/img/vin/common/arr_6_10_2.png") 0 no-repeat;
}

/* 레드닷 어워즈 로고 추가 */
.btv .oth_bnr.redDot .redDot_logo {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}

.btv .btv_service_bnr {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  padding-right: 130px;
  border: 1px solid #eeeceb;
  background: #f8f6f5;
}

.btv .btv_service_bnr i.ico {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -50px;
}

.btv .btv_service_bnr .sub_tit {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 2px;
  color: #666;
}

.btv .btv_service_bnr .prod_name {
  font-size: 26px;
  font-weight: 500;
  line-height: 39px;
  color: #222;
}

.btv .btv_service_bnr .arrow {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
  margin-top: 20px;
  vertical-align: top;
  color: #222;
}

.btv .btv_service_bnr .arrow:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 21px;
  margin-left: 8px;
  vertical-align: top;
  background: url("/common/img/vin/common/arr_6_10.png") 0 no-repeat;
}

.btv .tab_contents.btv_pro_wrap .tab_cont {
  margin-top: 0;
}

.btv .tit_wrap {
  position: relative;
}

.btv .tit_wrap .sub_tab {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
}

.btv .tit_wrap .sub_tab .sub_tab_wrap {
  overflow: visible;
}

.btv .tit_wrap .tab_wrap.sub_tab .tabs a {
  padding: 8px 10px;
}

.btv .tab_wrap.sub_tab ul {
  margin-left: 0;
  text-align: right;
}

.btv .tab_wrap.sub_tab ul li {
  display: inline-block;
}

.btv .tab_wrap.sub_tab ul li:first-child:before {
  content: none;
}

.btv .tit_wrap .tab_wrap.sub_tab .tabs:last-child a {
  padding-right: 0;
}

.btv .tab_wrap.sub_tab ul li.on a {
  text-decoration: underline;
}

.btv i.ico.ico100.dummy {
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/btv/@ico100.png") no-repeat;
}

.btv .dl_btv {
  margin-top: 20px;
}

.btv .dl_btv:first-child {
  margin-top: 0;
}

.btv .dl_btv dt {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 6px;
  color: #222;
}

.btv .dl_btv dd {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.btv_app {
  margin-top: 30px;
  padding: 40px;
  border: 1px solid #dddbda;
  background: #fff;
}

.btv_app .app_info {
  width: 700px;
}

.btv_app .tool_wrap .tool_cont {
  top: auto;
  bottom: 50px;
}

.btv_app .tool_wrap .tool_cont .tool_arr {
  top: auto;
  bottom: -6px;
  border: 1px solid #dddbda;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}

.btv .tit_float_wrap.btv_type {
  overflow: hidden;
}

.btv .tit_float_wrap.btv_type [class^=tit0] {
  width: auto;
}

.btv .tit_float_wrap.btv_type .flt_right_cont {
  padding-top: 10px;
}

.btv .tit_float_wrap.btv_type .flt_right_cont .s_date {
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.btv .tit_float_wrap.btv_type:after {
  display: none;
}

.chan_top_wrap {
  height: 441px;
  background: #f8f6f5;
}

.channel_slider {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1170px;
  height: 167px;
  margin: 60px auto 0;
  padding: 0 50px;
}

/*bx*/
.channel_icon_list {
  margin: 0 -5px;
}

.channel_icon_list ul {
  overflow: hidden;
}

.channel_icon_list .lists {
  float: left;
  width: 170px;
  margin: 0 5px;
}

.channel_icon_list .channel {
  display: block;
  padding: 20px 0;
  text-align: center;
  color: #222;
}

.channel_icon_list .channel.on {
  font-weight: 500;
  color: #fff;
  background: #ff9000;
}

/*bx*/
.channel_icon_list .channel p {
  font-weight: inherit;
}

.channel_icon_list .ico_ch {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-bottom: 4px;
  vertical-align: top;
  background: url("/common/img/vin/btv/channel.png") 0 bottom no-repeat;
}

.channel_icon_list .ico_ch.ch1 {
  background-position-x: 0;
}

.channel_icon_list .ico_ch.ch2 {
  background-position-x: -100px;
}

.channel_icon_list .ico_ch.ch3 {
  background-position-x: -200px;
}

.channel_icon_list .ico_ch.ch4 {
  background-position-x: -300px;
}

.channel_icon_list .ico_ch.ch5 {
  background-position-x: -400px;
}

.channel_icon_list .ico_ch.ch6 {
  background-position-x: -500px;
}

.channel_icon_list .ico_ch.ch7 {
  background-position-x: -600px;
}

.channel_icon_list .ico_ch.ch8 {
  background-position-x: -700px;
}

.channel_icon_list .ico_ch.ch9 {
  background-position-x: -800px;
}

.channel_icon_list .ico_ch.ch10 {
  background-position-x: -900px;
}

.channel_icon_list .ico_ch.ch11 {
  background-position-x: -1000px;
}

.channel_icon_list .ico_ch.ch12 {
  background-position-x: -1100px;
}

.channel_icon_list .ico_ch.ch13 {
  background-position-x: -1200px;
}

.channel_icon_list .ico_ch.ch14 {
  background-position-x: -1300px;
}

.channel_icon_list .ico_ch.ch15 {
  background-position-x: -1400px;
}

.channel_icon_list .ico_ch.ch16 {
  background-position-x: -1500px;
}

.channel_icon_list .ico_ch.ch17 {
  background-position-x: -1600px;
}

.channel_icon_list .channel.on .ico_ch {
  background-position-y: 0;
}

.channel_icon_list .control_btn a {
  display: block;
  position: absolute;
  top: 50%;
  width: 15px;
  height: 26px;
  margin-top: -13px;
  background: url("/common/img/vin/btv/btn_ch_slider.png") no-repeat;
}

.channel_icon_list .control_btn a.prev {
  left: 0;
  background-position: 0 0;
}

.channel_icon_list .control_btn a.next {
  right: 0;
  background-position: right 0;
}

/*typark*/
.channel_icon_list .channel .ico_ch {
  position: relative;
  background: url("/common/img/vin/btv/channel_off.png") 0 bottom no-repeat;
}

.channel_icon_list .channel.on .ico_ch {
  background: url("/common/img/vin/btv/channel_on.png") 0 bottom no-repeat;
}

.channel_icon_list .channel .ico_ch > em {
  position: absolute;
  top: 38px;
  right: 53px;
}

.channel_icon_list .channel .ico_ch > em > img {
  float: left;
}

/*  */
.channel_info {
  position: relative;
  padding-right: 350px;
}

.channel_info .down_btn {
  position: absolute;
  top: 56px;
  right: 0;
  font-size: 0;
}

.channel_info .down_btn .down {
  font-size: 13px;
  margin-left: 5px;
}

.channel_info .down_btn .btn.down.wide {
  width: 160px;
}

.dep1_tab.channel_type {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.dep1_tab.channel_type .tabs a {
  width: auto;
  padding: 0 50px;
}

.dep1_tab.channel_type .over_control_btn a {
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 40px;
  height: 69px;
  background: #fff;
}

.dep1_tab.channel_type .over_control_btn a.prev {
  left: 0;
  padding-right: 26px;
}

.dep1_tab.channel_type .over_control_btn a.next {
  right: 0;
  padding-left: 26px;
}

.dep1_tab.channel_type .over_control_btn a:after {
  content: " ";
  display: block;
  width: 14px;
  height: 70px;
  background: url("/common/img/vin/btv/btn_ch_slider2.png") 0 no-repeat;
}

.dep1_tab.channel_type .over_control_btn a.prev:after {
  background-position: 0 center;
}

.dep1_tab.channel_type .over_control_btn a.next:after {
  background-position: right center;
}

.dep1_tab.channel_type .over_control_btn a.disabled {
  display: none;
}

.btv .ch_flag {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url("/common/img/vin/btv/btv_flag.png") no-repeat;
}

.btv .ch_flag.flag1 {
  background-position: 0 0;
}

.btv .ch_flag.flag2 {
  background-position: -20px 0;
}

.btv .ch_flag.flag3 {
  background-position: -40px 0;
}

.btv .ch_flag.flag4 {
  background-position: 0 -20px;
}

.btv .ch_flag.flag5 {
  background-position: -20px -20px;
}

.btv .ch_flag.flag6 {
  background-position: -40px -20px;
}

.btv .ch_flag.flag7 {
  background-position: -60px -20px;
}

.btv .ch_flag.flag8 {
  background-position: -80px -20px;
}

.btv .ch_flag.flag9 {
  background-position: -100px -20px;
}

.btv .ch_flag.flag10 {
  background-position: -120px -20px;
}

.btv .ch_flag.flag11 {
  background-position: -60px 0;
}

.btv .ch_flag.flag12 {
  background-position: -80px 0;
}

.btv .ch_flag.flag13 {
  background-position: -100px 0;
}

.btv .ch_flag.flag14 {
  background-position: -140px -20px;
}

.btv .ch_flag.flag15 {
  background-position: -120px 0;
}

.btv .ch_flag.flag16 {
  background-position: -140px 0;
}

.btv .ch_flag.flag17 {
  background-position: -160px 0;
}

/*181121_아이콘 추가*/
.btv .ch_flag.flag18 {
  background-position: 0 -40px;
}

.btv .ch_flag.flag19 {
  background-position: -20px -40px;
}

.btv .ch_flag.flag20 {
  background-position: -40px -40px;
}

.btv .v_flag {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  background: url("/common/img/vin/btv/flag_video.png") no-repeat;
}

.btv .v_flag.flag1 {
  width: 30px;
  background-position: 0 0;
}

.btv .v_flag.flag2 {
  width: 30px;
  background-position: -100px 0;
}

.btv .v_flag.flag3 {
  width: 30px;
  background-position: -200px 0;
}

.btv .v_flag.flag4 {
  width: 50px;
  background-position: -300px 0;
}

.btv .v_flag.flag5 {
  width: 30px;
  background-position: 0 -50px;
}

.btv .v_flag.flag6 {
  width: 50px;
  background-position: -100px -50px;
}

.btv .v_flag.flag7 {
  width: 35px;
  background-position: -200px -50px;
}

.btv .v_flag.flag8 {
  width: 35px;
  background-position: -300px -50px;
}

/*181121_아이콘 추가*/
.btv .v_flag.flag9 {
  width: 37px;
  background-position: 0 -100px;
}

.btv .v_flag.flag10 {
  width: 37px;
  background-position: -100px -100px;
}

.btv .v_flag.flag11 {
  width: 63px;
  background-position: -200px -100px;
}

.btv .v_flag.flag12 {
  width: 49px;
  background-position: -300px -100px;
}

.acc_list_wrap.channel {
  border-top: 2px solid #222;
}

.acc_list_wrap.channel .acc_lists:first-child {
  border-top: 1px solid #eeeceb;
}

.acc_list_wrap.channel .acc_list_head {
  padding: 30px 40px;
}

.acc_list_wrap.channel .ch_table {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.acc_list_wrap.channel .ch_table .ch_cate {
  display: table-cell;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  width: 260px;
  vertical-align: middle;
  color: #222;
}

.acc_list_wrap.channel .ch_table .ch_list {
  display: table-cell;
  vertical-align: middle;
}

.acc_list_wrap.channel .ch_table .ch_list ul {
  overflow: hidden;
  margin-top: -20px;
}

.acc_list_wrap.channel .ch_table .ch_list .ch {
  float: left;
  font-size: 15px;
  line-height: 23px;
  width: 200px;
  height: 23px;
  margin-top: 20px;
  color: #666;
}

.acc_list_wrap.channel .ch_table .ch_list .ch .ch_link {
  padding: 0;
  color: #666;
}

.acc_list_wrap.channel .ch_table .ch_flag {
  margin-left: 4px;
}

.btv .btm_flag_info {
  padding: 20px 30px 30px;
  background: #f8f6f5;
}

.btv .btm_flag_info ul {
  overflow: hidden;
}

.btv .btm_flag_info .info {
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  margin-right: 30px;
  color: #666;
}

.btv .btm_flag_info .info .ch_flag {
  margin-right: 6px;
}

.btv .tab_wrap .tabs span.tab_link {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  text-align: center;
}

.btv .box_tab.size_6 .tabs {
  width: 16.66%;
}

.btv .box_tab.size_6 .tabs.on {
  width: calc(16.66% + 1px);
}

.btv .broadcast_info {
  padding-top: 60px;
  text-align: center;
}

.btv .broadcast_info i {
  display: block;
}

.btv .broadcast_info .tit01 {
  font-weight: 400;
}

.btv .broadcast_info .underline {
  text-decoration: underline;
}

.tab_wrap.btv_box {
  text-align: center;
}

.tab_wrap.btv_box:after {
  display: none;
}

.tab_wrap.btv_box .tabs {
  width: 103px;
  height: 40px;
}

.tab_wrap.btv_box .tabs a {
  font-size: 13px;
  line-height: 38px;
  height: 40px;
  color: #666;
  border: 1px solid #dddbda;
  background: #f8f6f5;
}

.tab_wrap.btv_box .tabs.on a {
  font-weight: 500;
  text-decoration: underline;
  color: #fff;
  border: 1px solid #ff9000;
  background: #ff9000;
}

/*bx*/
.tab_wrap.btv_weeks {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 80px;
  text-align: center;
  border-top: 2px solid #222;
}

.tab_wrap.btv_weeks:after {
  border-color: #cccac9;
}

.tab_wrap.btv_weeks .tabs {
  width: 14.2857142857%;
  height: 78px;
}

.tab_wrap.btv_weeks .tabs a {
  font-size: 16px;
  line-height: 76px;
  width: auto;
  height: 78px;
  color: #898786;
}

.tab_wrap.btv_weeks .tabs.on a {
  font-size: 24px;
  font-weight: 500;
  color: #ff9000;
}

/*bx*/
.broadcast_lists .lists {
  padding: 30px 40px;
  border-bottom: 1px solid #eeeceb;
}

.broadcast_lists .lists:last-child {
  border-bottom: none;
}

.broadcast_lists .lists dl {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.broadcast_lists .lists dt,
.broadcast_lists .lists dd {
  display: table-cell;
  vertical-align: middle;
}

.broadcast_lists .lists .time {
  font-size: 32px;
  font-weight: 500;
  line-height: 48px;
  width: 140px;
  color: #222;
}

.broadcast_lists .lists .title {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.broadcast_lists .lists .flags {
  font-size: 0;
  width: 200px;
  text-align: right;
}

.broadcast_lists .lists .flags .ch_flag {
  margin-left: 4px;
}

.broadcast_lists .lists.on .time {
  text-decoration: underline;
  color: #ff9000;
}

/*bx*/
.broadcast_lists .lists.on .title {
  font-size: 20px;
  line-height: 30px;
  color: #222;
}

.broadcast_lists .lists.on .title .live {
  position: relative;
  height: 30px;
  margin-top: 16px;
}

.broadcast_lists .lists.on .title .live .time {
  display: inline-block;
  position: absolute;
  bottom: 0;
  font-size: 13px;
  line-height: 20px;
  color: #898786;
}

.broadcast_lists .lists.on .title .live .time.start {
  left: 0;
  text-align: left;
}

.broadcast_lists .lists.on .title .live .time.end {
  right: 0;
  text-align: right;
}

.broadcast_lists .lists.on .title .live .progress {
  display: inline-block;
  width: 100%;
  height: 2px;
  vertical-align: top;
  background: #dddbda;
}

.broadcast_lists .lists.on .title .live .ing {
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 0;
  height: 6px;
  background: #ff9000;
}

/*bx*/
.broadcast_table {
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.broadcast_table table {
  width: 100%;
  table-layout: fixed;
}

.broadcast_table col.time {
  width: 99px;
}

.broadcast_table col.cols {
  width: 153px;
}

.broadcast_table thead th {
  font-size: 16px;
  line-height: 24px;
  height: 64px;
  text-align: center;
  vertical-align: middle;
  color: #898786;
  border-left: 1px solid #eeeceb;
}

.broadcast_table thead th:first-child {
  border-left: none;
}

.broadcast_table thead th.today {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: #ff9000;
  border-right: 1px solid #ff9000;
  border-left: 1px solid #ff9000;
}

.broadcast_table tbody tr th,
.broadcast_table tbody tr td {
  border-top: 1px solid #eeeceb;
}

.broadcast_table tbody tr th {
  font-size: 32px;
  line-height: 48px;
  text-align: center;
  vertical-align: middle;
  color: #222;
}

.broadcast_table tbody tr td {
  padding: 20px;
  text-align: left;
  vertical-align: top;
  border-left: 1px solid #eeeceb;
}

.broadcast_table tbody tr td.today {
  border-right: 1px solid #ff9000;
  border-left: 1px solid #ff9000;
}

.broadcast_table tbody tr:last-child td.today {
  border-bottom: 1px solid #ff9000;
}

.broadcast_table .prog {
  margin-top: 20px;
}

.broadcast_table .prog:first-child {
  margin-top: 0;
}

.broadcast_table .prog .time {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 2px;
  color: #222;
}

.broadcast_table .prog .title {
  font-size: 14px;
  line-height: 21px;
  color: #898786;
}

.broadcast_table .prog .flags {
  font-size: 0;
  margin-top: 6px;
}

.broadcast_table .prog .flags .ch_flag {
  margin-right: 4px;
}

.btv_schedule {
  overflow: hidden;
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
  background: #f8f6f5;
}

.btv_schedule .sch_left {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 682px;
  min-height: 562px;
  padding-right: 12px;
  background: #fff;
}

.btv_schedule .sch_right {
  float: right;
  width: 488px;
  padding: 30px;
}

.btv_schedule .sch_right .tit02 {
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
}

.btv_schedule .sch_cate {
  padding: 30px 0;
  border-top: 1px solid #dddbda;
}

.btv_schedule .sch_cate:first-child {
  border-top: none;
}

.btv_schedule .sch_cate dt {
  float: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  width: 200px;
  color: #222;
}

.btv_schedule .sch_cate dd {
  min-height: 30px;
  margin-left: 200px;
}

.btv_schedule .sch_list {
  overflow: hidden;
  margin-top: -8px;
}

.btv_schedule .sch_list .square {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  margin-top: 8px;
  padding-right: 20px;
  word-break: keep-all;
}

.btv_schedule .sch_calendar {
  padding: 30px;
  background: #fff;
}

.btv_schedule .sch_calendar .ui-calendar-container {
  width: 100%;
  border: none;
}

.btv_schedule .cld_head {
  position: relative;
  font-size: 0;
  margin-bottom: 20px;
  text-align: center;
}

.btv_schedule .cld_head a,
.btv_schedule .cld_head p {
  display: block;
  vertical-align: top;
}

.btv_schedule .cld_head a {
  position: absolute;
  top: 0;
  width: 36px;
  height: 36px;
  background: url("/common/img/vin/btv/btv_arr_btn.png") no-repeat;
}

.btv_schedule .cld_head a.pprev {
  left: 0;
  margin-right: 30px;
  background-position: 0 0;
}

.btv_schedule .cld_head a.prev {
  left: 66px;
  background: none;
}

.btv_schedule .cld_head a.next {
  right: 66px;
  background: none;
}

.btv_schedule .cld_head a.nnext {
  right: 0;
  margin-left: 30px;
  background-position: right 0;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-prev {
  top: 0;
  left: 66px;
  width: 36px;
  height: 36px;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-header-second .ui-calendar-next {
  top: 0;
  right: 66px;
  width: 36px;
  height: 36px;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-date {
  padding: 0;
  padding-top: 20px;
  border-top: 1px solid #222;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-header-second {
  margin-top: 0;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-table th {
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 6px;
  color: #898786;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-table tbody tr td {
  padding: 3px;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-day {
  display: inline-block;
  font-size: 18px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  color: #666;
  border-radius: 50%;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-table button {
  display: inline-block;
  font-size: 18px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  color: #666;
  border-radius: 50%;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-active button,
.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-cell.active button,
.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-today.ui-calendar-active .ui-calendar-day,
.btv_schedule .ui-calendar-container.ui-calendar-otheractive .ui-select-day .ui-calendar-table .ui-calendar-today.active .ui-calendar-day.active {
  display: inline-block;
  font-weight: 500;
  line-height: 40px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #ff9000;
}

.btv_schedule .ui-calendar-container .ui-select-day .ui-calendar-table .ui-calendar-over .ui-calendar-today.active .ui-calendar-day {
  display: inline-block;
  font-weight: 500;
  line-height: 40px;
  width: 40px;
  height: 40px;
  color: #fff !important;
  background: #ff9000 !important;
}

.btv_schedule .cld_head .month {
  font-size: 24px;
  line-height: 36px;
  margin: 0 15px;
  color: #222;
}

.btv_schedule .cld_body {
  padding-top: 20px;
  text-align: center;
  border-top: 1px solid #222;
}

.btv_schedule .cld_body table {
  width: 100%;
  table-layout: fixed;
}

.btv_schedule .cld_body .day {
  width: 14.2857142857%;
}

.btv_schedule .cld_body thead tr th {
  font-size: 18px;
  line-height: 27px;
  padding-bottom: 6px;
  color: #898786;
}

.btv_schedule .cld_body tbody tr td {
  padding: 3px;
}

.btv_schedule .cld_body tbody tr td a {
  display: inline-block;
  font-size: 18px;
  line-height: 40px;
  width: 40px;
  height: 40px;
  color: #666;
  border-radius: 50%;
}

.btv_schedule .cld_body tbody tr td a.on {
  font-weight: 500;
  color: #fff;
  background: #ff9000;
}

.btv .acc_list_wrap.notice .acc_list_head a {
  padding-right: 30px;
}

.btv .acc_list_wrap.notice .acc_list_head .left_al .title {
  overflow: hidden;
  line-height: 26px;
  width: 900px;
  height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.btv .acc_list_wrap.notice .acc_list_head .left_al .title .hide {
  display: inline-block;
}

.btv .acc_list_wrap.notice .acc_list_head .right_al .date {
  line-height: 26px;
}

.btv .detail_page-panel .panel-content {
  padding: 40px 0;
}

.btv .detail_page-panel .panel-content.type2 {
  padding: 0 0 40px 0;
}

.btv .detail_page-panel .panel-content .view_gray_bg,
.btv .detail_page-panel .panel-content .notice_end {
  padding: 30px;
  color: #666;
  background: #f8f6f5;
}

.btv .detail_page-panel .panel-content .notice_end table th {
  background: #eeeceb;
}

.btv .no_result.border {
  border: 1px solid #dddbda;
}

.btv .no_result.btv_mv {
  border-top: 2px solid #222;
}

.btv .no_result.btv_sc {
  height: 755px;
  padding-top: 275px;
}

.btv .visual_bg_top {
  height: 460px;
  padding-top: 70px;
}

.btv .visual_bg_top.type2 {
  height: 553px;
}

.btv .visual_bg_top .top_info .tit00 {
  color: #fff;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}

.btv .visual_bg_top .top_info .titB {
  font-size: 60px;
  font-weight: 500;
  line-height: 70px;
}

.btv .visual_bg_top .top_info .tit00.type2 {
  font-size: 48px;
  line-height: 66px;
}

.btv .visual_bg_top .top_info .t00_decs {
  color: #fff;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}

.btv .visual_bg_top .top_info .t00_decs.lar_dec {
  font-size: 18px;
  line-height: 27px;
}

.btv .visual_bg_top .top_info .t00_decs.type2 {
  font-size: 18px;
  line-height: 27px;
}

.btv.btv_smain .visual_bg_top .top_info .t00_decs {
  color: #666;
  text-shadow: none;
}

.btv .visual_bg_top .top_info.pos01 .tit00 {
  padding: 40px 0 0 0;
}

.btv .visual_bg_top .top_info.pos01 .t00_decs {
  color: #666;
  text-shadow: none;
}

.btv .img_dl_wrap ul {
  overflow: hidden;
}

.btv .img_dl_wrap .lists {
  float: left;
  width: 370px;
  margin-left: 30px;
}

.btv .img_dl_wrap .lists:first-child {
  margin-left: 0;
}

.btv .img_dl_wrap .img {
  margin-bottom: 20px;
}

.btv .img_dl_wrap dt {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 4px;
  color: #222;
}

.btv .img_dl_wrap dd {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.btv .tit_float_wrap.type2 .tit01 {
  width: auto;
  margin-right: 10px;
}

.btv .tit_float_wrap.type2 .btn {
  margin-top: 6px;
}

.btv .kiz_bnr .cmm_inner {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding-top: 60px;
}

.btv .kiz_bnr h3 {
  font-size: 40px;
  font-weight: 500;
  line-height: 54px;
  margin-bottom: 10px;
  color: #fff;
}

.btv .kiz_bnr .txt {
  font-size: 15px;
  line-height: 23px;
  color: #fff;
}

.btv .kiz_bnr .go_kiz_birth {
  display: inline-block;
  font-size: 18px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 150px;
  height: 50px;
  margin-top: 40px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
}

.btv .kiz_bnr.evt_type {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 343px;
  background: #b555c9 url("/common/img/vin/btv/bg_pororo.png") center no-repeat;
}

.btv .kiz_bnr.evt_type .cmm_inner:after {
  content: " ";
  display: block;
  position: absolute;
  right: -52px;
  bottom: 0;
  width: 487px;
  height: 380px;
  background: url("/common/img/vin/btv/img_pororo.png") no-repeat;
}

.btv .kiz_bnr.birth_type {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 343px;
  background: #268bff;
}

.btv .kiz_bnr.birth_type .cmm_inner:after {
  content: " ";
  display: block;
  position: absolute;
  right: -60px;
  bottom: 0;
  width: 700px;
  height: 356px;
  background: url("/common/img/vin/btv/img_kids_birth.png") no-repeat;
}

.btv .month_tabs {
  position: relative;
}

.btv .month_tabs:before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #eeeceb;
}

.btv .month_tabs .wrap {
  overflow: hidden;
  width: 1170px;
  margin: 0 auto;
}

.btv .month_tabs .wrap .new_btn {
  float: left;
  width: 102px;
  padding-top: 20px;
}

.btv .month_tabs .wrap .tabs_slider {
  position: relative;
  margin-left: 102px;
}

.btv .month_tabs .wrap .tabs_slider .control_btn a {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 14px;
  height: 26px;
  margin-top: -13px;
  background: #fff url("/common/img/vin/btv/btn_slider2.png") no-repeat;
}

.btv .month_tabs .wrap .tabs_slider .control_btn a.prev {
  left: 0;
  background-position: 0 0;
}

.btv .month_tabs .wrap .tabs_slider .control_btn a.next {
  right: 0;
  background-position: right 0;
}

.btv .month_tabs .wrap .tabs_slider .control_btn a.disabled {
  display: none !important;
}

.btv .tab_wrap.month {
  overflow: hidden;
  background: transparent;
}

.btv .tab_wrap.month:after {
  display: none;
}

.btv .tab_wrap.month ul {
  margin: 0;
}

.btv .tab_wrap.month .lists {
  width: auto;
  text-align: center;
}

.btv .tab_wrap.month .lists a {
  display: inline-block;
  z-index: 2;
  font-size: 24px;
  line-height: 68px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  height: 70px;
  color: #898786;
  border-bottom: 2px solid transparent;
}

.btv .tab_wrap.month .lists a.on {
  font-weight: 500;
  color: #222;
  border-bottom: 2px solid #ff9000;
}

.btv .kiz_birth_cont {
  padding-top: 20px;
  border-top: 2px solid #222;
}

.btv .kiz_birth_cont .cont_body {
  margin-top: 40px;
}

.btv .btv_app_list {
  width: 1170px;
  margin: 0 auto;
  margin-top: 90px;
}

.btv .btv_app_list .tit03 {
  margin-bottom: 15px;
  color: #fff;
}

.btv .btv_app_list .app_list {
  overflow: hidden;
}

.btv .btv_app_list .app_list .lists {
  float: left;
  width: 140px;
  margin-right: 20px;
}

.btv .btv_app_list .app_list .lists a {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: center;
  border-radius: 15px;
}

.btv .btv_app_list .app_list .lists a img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 15px;
}

.btv .btv_app_list .app_list .lists .app_name {
  font-size: 18px;
  line-height: 27px;
  color: #fff;
}

.btv .btv_app_list .app_list .hover_box {
  display: inline-block;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 140px;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.btv .btv_app_list .app_list .hover_box:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  background: #000;
}

.btv .btv_app_list .app_list .hover_box .flag_box {
  display: inline-block;
  position: relative;
  line-height: 1;
  width: 90px;
  vertical-align: middle;
}

.btv .btv_app_list .app_list .hover_box .flag {
  display: inline-block;
  line-height: 26px;
  width: 56px;
  height: 26px;
  padding: 0;
  vertical-align: middle;
}

.btv .btv_app_list .app_list .hover_box .flag.w90 {
  width: 90px;
}

.btv .btv_app_list .app_list .hover_box .flag + .flag {
  margin-top: 4px;
}

.btv .btv_app_list .app_list .hover_box .flag.gray {
  background: #666;
}

.btv .btv_app_list .app_list .lists a:hover .hover_box,
.btv .btv_app_list .app_list .lists a:focus .hover_box {
  display: block;
}

.btv .app_box_list ul {
  overflow: hidden;
  margin: -30px -15px 0;
}

.btv .app_box_list .lists {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 570px;
  margin: 30px 15px 0;
}

.btv .app_box_list .btv_apps {
  overflow: hidden;
  padding: 40px;
  border: 1px solid #dddbda;
}

.btv .app_box_list .btv_apps .a_icon {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  width: 140px;
  height: 140px;
  border-radius: 15px;
}

.btv .app_box_list .btv_apps .a_icon img {
  width: 100%;
  height: auto;
}

/* .btv .app_box_list .btv_apps .hover_box {display:none; position:absolute; top:0; left:0; line-height:140px; width:100%; height:100%; text-align:center; vertical-align:middle;}
.btv .app_box_list .btv_apps .hover_box:before {content:' '; display:block; position:absolute; top:0; right:0; bottom:0; left:0; opacity:.8; background:#000;}
.btv .app_box_list .btv_apps .hover_box .flag_box {display:inline-block; position:relative; line-height:1; width:56px; vertical-align:middle;}
.btv .app_box_list .btv_apps .hover_box .flag + .flag {margin-top:4px;}
*/
.btv .app_box_list .btv_apps .tag_box {
  margin-top: 10px;
}

.btv .app_box_list .btv_apps .tag_box .flag {
  display: inline-block;
  line-height: 26px;
  width: 56px;
  height: 26px;
  padding: 0;
  vertical-align: middle;
}

.btv .app_box_list .btv_apps .tag_box .flag.w90 {
  width: 90px;
}

.btv .app_box_list .btv_apps .tag_box .flag.gray {
  background: #666;
}

.btv .app_box_list .btv_apps .flt_right {
  margin-left: 160px;
}

.btv .app_box_list .btv_apps .flt_right .category {
  display: block;
  font-size: 13px;
  line-height: 20px;
  height: 20px;
  color: #ff9000;
}

.btv .app_box_list .btv_apps .flt_right .title {
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
  color: #222;
}

.btv .app_box_list .btv_apps .flt_right .sub_txt {
  font-size: 14px;
  line-height: 21px;
  height: 42px;
  word-break: keep-all;
  color: #666;
}

.btv .app_box_list .btv_apps .a_icon:hover .hover_box {
  display: block;
}

.btv .btv_app_intro {
  width: 1170px;
  margin: 50px auto 0;
}

.btv .btv_app_intro .flt_left {
  float: left;
  width: 160px;
}

.btv .btv_app_intro .flt_left .icon {
  display: block;
}

.btv .btv_app_intro .flt_left .icon img {
  width: 160px;
  height: auto;
}

.btv .btv_app_intro .flt_left .flag_wrap {
  margin-top: 20px;
  text-align: center;
}

.btv .btv_app_intro .flt_left .flag_wrap .flag {
  line-height: 26px;
  width: 56px;
  height: 26px;
  margin: 0 2px;
  padding: 0;
}

.btv .btv_app_intro .flt_left .flag_wrap .flag.w90 {
  width: 90px;
}

.btv .btv_app_intro .flt_left .flag_wrap .flag.gray {
  background: #898786;
}

.btv .btv_app_intro .flt_right {
  margin-left: 200px;
}

.btv .btv_app_intro .flt_right .app_title {
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.btv .btv_app_intro .flt_right dl {
  font-size: 15px;
  line-height: 23px;
  margin-top: 10px;
}

.btv .btv_app_intro .flt_right dl + dl {
  margin-top: 20px;
}

.btv .btv_app_intro .flt_right dt {
  font-weight: 500;
  margin-bottom: 4px;
  color: #fff;
}

.btv .btv_app_intro .flt_right dd {
  color: #cccac9;
}

.btv .btv_app_intro .flt_right dd .square {
  color: #cccac9;
}

.btv .btv_app_intro .bull_list.wt {
  margin-top: 20px;
}

.btv .btv_app_intro .bull_list.wt .square {
  color: #fff;
}

.btv .tab_section {
  margin-top: 80px;
}

.btv .tab_section:first-child,
.btv .tab_section.first {
  margin-top: 0;
}

.btv .only_thumb_list {
  font-size: 0;
}

.btv .only_thumb_list .thumb {
  display: inline-block;
  width: 370px;
  margin-left: 30px;
}

.btv .only_thumb_list.size2 .thumb {
  width: 570px;
}

.btv .only_thumb_list .thumb:first-child {
  margin-left: 0;
}

.btv .only_thumb_list .pp_name {
  font-size: 20px;
  line-height: 30px;
  margin-top: 20px;
  color: #222;
}

.btv .only_thumb_list .pp_name .job {
  display: inline-block;
  position: relative;
  font-size: 15px;
  padding-left: 21px;
  color: #666;
}

.btv .only_thumb_list .pp_name .job:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #dddbda;
}

.btv .svc_intro_list .intro {
  display: table;
  width: 100%;
  margin-top: 30px;
  table-layout: fixed;
}

.btv .svc_intro_list .intro:first-child {
  margin-top: 0;
}

.btv .svc_intro_list .intro .icon {
  display: table-cell;
  width: 150px;
  vertical-align: middle;
}

.btv .svc_intro_list .intro .icon span {
  display: inline-block;
  line-height: 120px;
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 50%;
  background: #f8f6f5;
}

.btv .svc_intro_list .intro .icon span i {
  vertical-align: middle;
}

.btv .svc_intro_list .intro .fl_right {
  display: table-cell;
  vertical-align: middle;
}

.btv .svc_intro_list .intro .fl_right .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 10px;
  color: #222;
}

.btv .acc_list_conts.a_type {
  position: relative;
  padding-left: 62px;
}

.btv .acc_list_conts.a_type .acc_conts:before {
  content: "A.";
  display: block;
  position: absolute;
  top: 30px;
  left: 32px;
  font-size: 18px;
  font-weight: 700;
  color: #222;
}

.btv .top_info .btn_wrap {
  margin-top: 80px;
  text-align: left;
}

.btv .top_info .btn_wrap .btn {
  font-size: 16px;
  padding: 0 50px;
}

.btv .btv_cn_list {
  min-height: 80px;
}

.btv .btv_cn_list .thumb {
  display: block;
  float: left;
}

.btv .btv_cn_list dl {
  margin-left: 100px;
}

.btv .btv_cn_list dt {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 6px;
  color: #ff9000;
}

/*bx*/
.btv .btv_cn_list dd {
  font-size: 13px;
  line-height: 21px;
  color: #666;
}

.btv .menu_navi_txt .txt {
  color: #666;
}

.btv .menu_navi_txt .icon {
  position: relative;
  padding-left: 30px;
  font-weight: 500;
  margin-right: 5px;
  color: #000;
}

.btv .menu_navi_txt .icon:after {
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 24px;
  height: 23px;
  background: url("/common/img/vin/btv/btn_i_icon.png") no-repeat 0 0;
  content: "";
}

.btv .review_bottom {
  padding: 22px 0;
  background: #352f32;
}

.btv .review_bottom .cmm_inner {
  overflow: hidden;
}

.btv .review_bottom .cmm_inner .r_title {
  float: left;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.btv .review_bottom .cmm_inner .write_pop {
  display: block;
  float: right;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: underline;
  color: #fff;
}

.btv .video_tab_content {
  overflow: hidden;
  margin-top: 40px;
}

.btv .video_tab_content .fl_left {
  float: left;
  width: 570px;
}

.btv .video_tab_content .fl_right {
  margin-left: 600px;
}

.btv .video_tab_content .title {
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  word-break: keep-all;
  color: #222;
}

.btv .video_tab_content .flag_wrap {
  font-size: 0;
  margin-top: 10px;
}

.btv .video_tab_content .flag_wrap .v_flag {
  margin-right: 10px;
}

.btv .video_tab_content .bull_list.min {
  margin-top: 20px;
}

.btv .video_tab_content .video_spot {
  overflow: hidden;
  margin-top: 30px;
}

.btv .video_tab_content .video_spot dt {
  float: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin-right: 10px;
  color: #222;
}

.btv .video_tab_content .video_spot dt i {
  margin-right: 5px;
}

.btv .video_tab_content .video_spot dt .movie_ico {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("/common/img/vin/btv/btv_movie_ico.png") no-repeat left top;
}

.btv .video_tab_content .video_spot dd {
  float: left;
  font-size: 15px;
  line-height: 24px;
  color: #666;
}

.btv .weekly_frame {
  display: block;
  width: 100%;
}

.input_form_wrap.btv_pop .input_form_conts dt {
  width: 170px;
}

.input_form_wrap.btv_pop .input_form_conts dd {
  padding-right: 20px;
}

.input_form_wrap.btv_pop .input_form_conts .input_tel .tel_num {
  width: calc(100% - 136px);
}

.input_form_wrap.btv_pop .input_email .input_txt.email_name {
  width: 120px;
}

.input_form_wrap.btv_pop .input_email .input_txt.email_domain {
  width: 143px;
}

.input_form_wrap.btv_pop .input_email .selects {
  width: 134px;
}

.input_form_wrap.btv_pop .file_box .file_add_box {
  width: calc(100% - 106px);
  height: 84px;
}

.btv .priv_box {
  overflow-y: scroll;
  font-size: 14px;
  line-height: 21px;
  height: 136px;
  padding: 30px;
  color: #666;
  background: #f8f6f5;
}

.btv .priv_box .bold {
  display: block;
  margin-bottom: 10px;
  color: #222;
}

.ico_notice_wrap.gray_type {
  padding: 20px;
  border: 1px solid #eeeceb;
  background: #f8f6f5;
}

.ico_notice_wrap.gray_type .ico_head {
  margin-bottom: 10px;
  color: #ff9000;
}

.btv .ico_notice_wrap.gray_type {
  margin-top: 40px;
}

.btn_wrap.over {
  font-size: 0;
}

.btn_wrap.over .btn {
  margin: 0 5px;
}

.b_pop_section {
  margin-top: 60px;
}

.b_pop_section:first-child {
  margin-top: 0;
}

.b_pop_section .tit_float_wrap [class^=tit] {
  width: auto;
}

.b_pop_section .tit_float_wrap .flt_right_cont {
  padding-top: 20px;
}

.b_pop_section .thumb_tit_list ul {
  overflow: hidden;
  font-size: 0;
}

.b_pop_section .thumb_tit_list .list {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-left: 10px;
  border: 1px solid #dddbda;
}

.b_pop_section .thumb_tit_list .list:first-child {
  margin-left: 0;
}

.b_pop_section .thumb_tit_list .thumb {
  text-align: center;
}

.b_pop_section .thumb_tit_list .thumb img {
  max-width: 100%;
  height: auto;
}

.b_pop_section .thumb_tit_list .title {
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #898786;
  background: #f8f6f5;
}

.b_pop_section .thumb_tit_list.size_3 .list {
  width: calc((100% - 20px) / 3);
}

.b_pop_section .thumb_tit_list.size_2 .list {
  width: calc((100% - 20px) / 2);
}

/* btv 추천상품 */
.btv_vod_wrap {
  position: relative;
  margin-top: 20px;
  padding: 61px 50px 60px 60px;
  border: 1px solid #dddbda;
  background: #fff;
}

.btv_vod_wrap:first-child {
  margin-top: 0;
}

.btv_vod_wrap .ico {
  display: inline-block;
  position: absolute;
  top: 45px;
  left: 60px;
  overflow: hidden;
  width: 100px;
  height: 100px;
  background: url("/common/img/vin/btv/btb_re_ico.png") no-repeat left top;
}

.btv_vod_wrap .ico.premium {
  background-position: 0 0;
}

.btv_vod_wrap .ico.catchon {
  background-position: -100px 0;
}

.btv_vod_wrap .ico.common {
  background-position: -200px 0;
}

.btv_vod_wrap .ico.ani {
  background-position: -300px 0;
}

.btv_vod_wrap .ico.kids {
  background-position: -400px 0;
}

.btv_vod_wrap .ico.cjenm {
  background-position: -500px 0;
}

.btv_vod_wrap .ico.jtbcpremium {
  background-position: -600px 0;
}

.btv_vod_wrap .ico.premiumlite {
  background-position: -700px 0;
}

.btv_vod_wrap .ico.ocean {
  background-position: 0 0;
  background: url("/common/img/vin/btv/btb_re_ico_ocean.png") no-repeat left top;
}

.btv_vod_wrap .ico.oceanm {
  background-position: 0 0;
  background: url("/common/img/vin/btv/btb_re_ico_oceanm.png") no-repeat left top;
}

.btv_vod_wrap .ico.jtbcocean {
  background-position: 0 0;
  background: url("/common/img/vin/btv/btb_re_ico_jtbcocean.png") no-repeat left top;
}

.btv_vod_wrap dl {
  overflow: hidden;
  margin-left: 150px;
}

.btv_vod_wrap dl dt {
  float: left;
  font-size: 28px;
  font-weight: 500;
  line-height: 39px;
  color: #222;
}

/*bx*/

.btv_vod_wrap dl dt span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
  color: #666;
}

/*bx*/
.btv_vod_wrap dl .price {
  position: relative;
  float: right;
  text-align: right;
  font-size: 24px;
  line-height: 36px;
  min-height: 61px;
  padding-right: 182px;
  color: #222;
}

/*bx*/

.btv_vod_wrap dl .price .em {
  font-weight: 500;
}

.btv_vod_wrap dl .price .vat_txt {
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin-top: 4px;
  color: #898786;
}

/*bx*/
.btv_vod_wrap dl .price .go_cont {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 44px;
  width: 152px;
  height: 44px;
  margin-top: -22px;
  text-align: center;
  border: 1px solid #dddbda;
}

/*bx*/
.btv_vod_wrap dl .price .go_cont span {
  display: inline-block;
  font-size: 13px;
  padding-left: 20px;
  vertical-align: top;
  color: #222;
  background: url("/common/img/vin/btv/btv_search.png") no-repeat left 50%;
}

/* btv 가이드 */
.btv .visual_bg_top.guide {
  position: relative;
  height: 830px;
}

.btv .visual_bg_top.guide .tit00 {
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}

.btv .visual_bg_top.guide .t00_decs {
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
}

.btv .video_slide_wrap {
  position: relative;
  overflow: hidden;
  width: 1170px;
  height: 502px;
  margin: 0 auto;
  margin-top: 50px;
}

.btv .video_slide_wrap .video_list {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.btv .video_slide_wrap .youtube_play_wrap {
  width: 100%;
  height: 500px;
  background: #000;
}

.btv .video_slide_wrap .youtube_play_wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}

.btv .video_slide_wrap .slide_move .slide_conts {
  position: relative;
  float: left;
  width: 100%;
  height: 502px;
}

.btv .video_slide_wrap .slide_move .slide_conts .youtube_wrap a {
  margin: 1px;
}

.btv .video_slide_wrap .video_list li .youtube_wrap a {
  position: relative;
}

.btv .video_slide_wrap.size {
  position: relative;
  overflow: hidden;
  width: 942px;
  height: 530px;
  margin: 0 auto;
  margin-top: 50px;
}

.btv .video_slide_wrap.size .slide_wrap {
  min-width: 892px;
}

.btv .video_slide_wrap.size .slide_move .slide_conts .youtube_wrap a {
  margin: 0;
}

.btv .video_slide_wrap.size .slide_move .slide_conts {
  height: 530px;
}

/* 180306 모션수정 */
/*
.btv .video_slide_wrap .video_list li{opacity:0; width:770px; height:430px; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); position:absolute; top:0; -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%; left:50%;}
.btv .video_slide_wrap .video_list .on{opacity:1; -webkit-transform:scale(1) translateX(-50%); -ms-transform:scale(1) translateX(-50%); -moz-transform:scale(1) translateX(-50%); -o-transform:scale(1) translateX(-50%); transform:scale(1) translateX(-50%); z-index:100; left:50%; box-shadow:3px 3px 30px 10px rgba(00,00,00,0.4)}
.btv .video_slide_wrap .video_list .prev{opacity:1; z-index:50; -webkit-transform:scale(0.87) translateX(calc(-100% + 50px));transform:scale(0.87) translateX(calc(-100% + 50px)); -moz-transform:scale(0.87) translateX(calc(-100% + 50px)); -ms-transform:scale(0.87) translateX(calc(-100% + 50px)); -o-transform:scale(0.87) translateX(calc(-100% + 50px))}
.btv .video_slide_wrap .video_list .next{opacity:1; z-index:50; transform:scale(0.87) translateX(-20%); -webkit-transform:scale(0.87) translateX(-20%); -moz-transform:scale(0.87) translateX(-20%); -ms-transform:scale(0.87) translateX(-20%); -o-transform:scale(0.87) translateX(-20%) }
.btv .video_slide_wrap .video_list .prev2{opacity:0; z-index:49; transform:scale(0.8) translateX(calc(-100% - 0px)); -ms-transform:scale(0.8) translateX(calc(-100% - 0px)); -moz-transform:scale(0.8) translateX(calc(-100% - 0px)); -o-transform:scale(0.8) translateX(calc(-100% - 0px)); -webkit-transform:scale(0.8) translateX(calc(-100% - 0px))}
.btv .video_slide_wrap .video_list .next2{opacity:0; z-index:49; transform:scale(0.8) translateX(-20%); -webkit-transform:scale(0.8) translateX(-20%); -moz-transform:scale(0.8) translateX(-20%); -o-transform:scale(0.8) translateX(-20%) }
.btv .video_slide_wrap .video_list .real_youtube_wrap iframe{width:770px;height:430px;}
.btv .video_slide_wrap .video_list .on .youtube_wrap .thumb:before{background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,0.65) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 48%,rgba(0,0,0,0.65) 100%);}

.btv .video_slide_wrap .video_list .video_info{position:absolute; bottom:0; left:0; width:100%; overflow:hidden;}
.btv .video_slide_wrap .video_list .video_info .video_tit{font-size:30px; line-height:45px; color:#fff; padding:0 0 30px 30px;}
.btv .video_slide_wrap .video_list .video_info .video_tit span{display:block; font-size:15px; line-height:23px; margin-bottom:4px;}
.btv .video_slide_wrap .video_list .on .video_info .video_tit span{color:#ff9000}
.btv .video_slide_wrap .video_list .video_info .duration{display:none;}
.btv .video_slide_wrap .video_list .on .video_info .duration{padding:0 30px 0 0; position:absolute; right:0; bottom:32px; display:block;}
.btv .video_slide_wrap .video_list .on .video_info .duration .time{display:inline-block; padding-left:28px; font-size:16px; line-height:24px; color:#fff; background:url('/common/img/vin/btv/time_ico.png') no-repeat left top;}
.btv .video_slide_wrap .video_slide_ctl{position:absolute; left:0; top:0; width:100%;}
.btv .video_slide_wrap .video_slide_ctl .v_arr{display:inline-block; width:41px; height:74px; position:absolute; top:178px; overflow:hidden}
.btv .video_slide_wrap .video_slide_ctl .v_arr span{display:inline-block; width:41px; height:74px; line-height:99999px; overflow:hidden}
.btv .video_slide_wrap .video_slide_ctl .v_arr.prev{left:-90px}
.btv .video_slide_wrap .video_slide_ctl .v_arr.next{right:-90px}
.btv .video_slide_wrap .video_slide_ctl .v_arr.prev span{background:url('/common/img/vin/btv/video_slide_prev.png') no-repeat left top;}
.btv .video_slide_wrap .video_slide_ctl .v_arr.next span{background:url('/common/img/vin/btv/video_slide_next.png') no-repeat left top;}
*/
/* 180306 모션수정 end*/
.btv .guide_bottom {
  overflow: hidden;
  width: 1170px;
  height: 60px;
}

.btv .guide_bottom ul {
  overflow: hidden;
  height: 60px;
}

.btv .guide_bottom ul > li {
  float: left;
  padding: 10px 0;
}

.btv .guide_bottom ul > li > a,
.btv .guide_bottom ul > li > span.nlink {
  display: inline-block;
  font-size: 15px;
  line-height: 40px;
  vertical-align: top;
  color: #fff;
}

.btv .guide_bottom .guide_list {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 294px;
  padding: 0 10px;
  background: #666;
}

.btv .guide_bottom .guide_list li {
  position: relative;
  padding: 10px;
}

.btv .guide_bottom .guide_list li:not(:last-child):after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 16px;
  margin-top: -9px;
  background: rgba(255, 255, 255, 0.3);
}

.btv .guide_bottom .guide_list .download a {
  font-size: 13px;
  padding-right: 26px;
  background: url("/common/img/vin/common/down_ico_white.png") no-repeat right 50%;
}

.btv .guide_bottom .play_list_wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #222;
}

.btv .guide_bottom .play_list_wrap .play_list_container {
  overflow: hidden;
  margin: 0 45px;
}

.btv .guide_bottom .play_list_wrap .play_list_container .play_list a {
  line-height: 38px;
  padding: 0 20px;
  border: 1px solid transparent;
}

.btv .guide_bottom .play_list_wrap .play_list_container .play_list .on a {
  color: #fff;
  border-color: #fff;
}

.btv .guide_bottom.size {
  width: 942px;
  margin: 0 auto;
}

.btv .guide_bottom.size .guide_list {
  width: 180px;
}

.btv .guide_bottom.size .play_list_wrap {
  width: 762px;
}

/* B tv UI 5.0 SB제작 요청 */
.btv .guide_bottom .play_list_wrap .play_list_container.type01 {
  margin: 0 25px;
}

.btv .guide_bottom .play_list_wrap .play_list_container.type01 .play_list a {
  padding: 0 17px;
}

.btv .guide_bottom.size .play_list_wrap .play_list_container.type01 {
  margin: 0 50px;
}

.btv .guide_bottom .play_list_wrap .arr {
  display: inline-block;
  position: absolute;
  top: 50%;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  opacity: 1;
  border: none;
}

.btv .guide_bottom .play_list_wrap .arr.disabled {
  opacity: 0;
}

.btv .guide_bottom .play_list_wrap .arr span {
  display: inline-block;
  overflow: hidden;
  line-height: 999999px;
  width: 20px;
  height: 20px;
}

.btv .guide_bottom .play_list_wrap .arr.prev {
  left: 14px;
}

.btv .guide_bottom .play_list_wrap .arr.next {
  right: 10px;
}

.btv .guide_bottom .play_list_wrap .arr.prev span {
  background: url("/common/img/vin/btv/play_list_prev.png") no-repeat left top;
}

.btv .guide_bottom .play_list_wrap .arr.next span {
  background: url("/common/img/vin/btv/play_list_next.png") no-repeat left top;
}

/* B tv UI 5.2.0 SB제작 요청 */
.btv .sec_box.short {
  width: 75%;
}

.btv .visual_bg_top.guide.guide5_2 {
  position: relative;
  height: 894px;
}

.btv .video_slide_wrap.size.size02 {
  width: 100%;
  height: 527px;
  margin-top: 0;
}

.btv .video_slide_wrap.size.size02 .vod_wrap::after {
  content: "";
  display: block;
  clear: both;
}

.btv .video_slide_wrap.size.size02 .vod_wrap > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 830px;
  height: 467px;
  z-index: 2;
}

.btv .video_slide_wrap.size.size02 .vod_wrap > a img {
  width: 100%;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .vod_box {
  width: 830px;
  height: 467px;
  float: left;
  opacity: 0;
}

.btv .video_slide_wrap.size.size02 .ui_carousel_current .vod_wrap .vod_box {
  opacity: 1;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .vod_text {
  width: 340px;
  height: 527px;
  float: right;
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .vod_text .tit04 {
  color: #fff;
  padding-bottom: 20px;
  border-bottom: 1px solid #aaa;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .vod_text .t01_decs {
  color: #fff;
  margin-top: 20px;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .thumb:after {
  top: 165px;
  margin-top: 0;
}

.btv .video_slide_wrap.size.size02 .vod_wrap a {
  display: block;
}

.btv .video_slide_wrap.size.size02 .vod_wrap a:focus {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .thumb {
  position: relative;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .thumb img {
  display: block;
  width: 100%;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .thumb.size1 img {
  width: 245px;
  height: 137px;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .thumb::before,
.btv .video_slide_wrap.size.size02 .vod_wrap .thumb::after {
  content: "";
  display: block;
  position: absolute;
}

.btv .video_slide_wrap.size.size02 .vod_wrap .thumb::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.btv .video_slide_wrap.size.size02 .vod_wrap .thumb::after {
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url("/common/img/vin/common/video_play.png") no-repeat 0 0;
}

/* .btv .video_slide_wrap.size.size02 .vod_wrap  .txt {font-size:18px; line-height:27px; margin-top:10px;} */
.btv .guide_bottom.size.size02 ul {
  font-size: 0;
  text-align: left;
}

.btv .guide_bottom.size.size02 ul li {
  float: none;
  display: inline-block;
}

.btv .guide_bottom.size.size02 {
  width: 830px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.btv .guide_bottom.size.size02 .play_list_wrap {
  width: 100%;
}

.btv .guide_bottom.size.size02 .play_list_wrap .play_list_container.type01 {
  margin: 0 18px;
}

.btv .guide_bottom.size.size02 .play_list_wrap .play_list_container.type01 .play_list a {
  padding: 0 10px;
}

.btv .tip_box {
  width: 100%;
  position: relative;
}

.btv .tip_box .tip_title {
  background: #f90;
  padding: 9px 0 8px 20px;
  border-radius: 12px 12px 0 0;
  width: 320px;
}

.btv .tip_box .tip_title .t00_decs {
  color: #fff;
  margin: 0;
}

.btv .flt_box_wrap.size_3 .boxs.arr_mark {
  position: relative;
}

.btv .flt_box_wrap.size_3 .boxs.arr_mark::after {
  content: url("/common/img/vin/btv/arrow.png");
  display: block;
  position: absolute;
  top: 50%;
  right: -24px;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}

/* // B tv  */
/* 회차 선택 슬라이드 */
.tab_select_slider {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 80px;
  border-top: 2px solid #222;
}

.tab_select_slider:before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #eeeceb;
}

.tab_select_slider .control_btn {
  display: none;
  position: absolute;
  top: 0;
  font-size: 0;
  width: 110px;
  padding-top: 24px;
}

.tab_select_slider .control_btn.prev {
  left: 0;
  padding-right: 42px;
}

.tab_select_slider .control_btn.next {
  right: 0;
  padding-left: 42px;
}

.tab_select_slider .control_btn .btn_arr {
  display: block;
  position: absolute;
  bottom: 0;
}

.tab_select_slider .control_btn .btn_arr span {
  display: inline-block;
  width: 14px;
  height: 30px;
  vertical-align: top;
  text-indent: -1000em;
  background: url("/common/img/vin/btv/btn_slider2.png") no-repeat;
}

.tab_select_slider .control_btn .btn_arr.btn_prev {
  right: 0;
}

.tab_select_slider .control_btn .btn_arr.btn_next {
  left: 0;
}

.tab_select_slider .control_btn .btn_arr.btn_prev span {
  background-position: 0 center;
}

.tab_select_slider .control_btn .btn_arr.btn_next span {
  background-position: right center;
}

.tab_select_slider .control_btn .btn_arr.disabled {
  display: none;
}

.tab_select_slider.has_control {
  padding: 0 110px;
}

.tab_select_slider.has_control .control_btn {
  display: block;
}

.tab_select_slider .count_slider {
  position: relative;
}

.tab_select_slider .count_slider ul {
  overflow: hidden;
}

.tab_select_slider .count_slider .tabs {
  float: left;
  width: 190px;
  height: 78px;
  text-align: center;
}

.tab_select_slider .count_slider .tabs a {
  display: inline-block;
  font-size: 24px;
  line-height: 76px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  height: 78px;
  color: #666;
  border-bottom: 2px solid transparent;
}

.tab_select_slider .count_slider .tabs.on a {
  font-weight: 500;
  color: #222;
  border-bottom: 2px solid #ff9000;
}

.tab_select_slider .count_slider .tabs.on a .hide {
  display: inline;
  font-size: 24px;
  width: auto;
  height: auto;
  opacity: 1;
  color: #222;
}

.tab_select_slider.kidz_type,
.tab_select_slider.movie_type {
  border-top: 2px solid transparent;
}

.tab_select_slider.movie_type {
  position: relative;
}

.tab_select_slider.movie_type::before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #eeeceb;
}

.tab_select_slider.kidz_type:before {
  display: none;
}

.tab_select_slider.kidz_type .count_slider .tabs {
  width: 160px;
  text-align: left;
}

.tab_select_slider.kidz_type.has_control .count_slider .tabs {
  text-align: center;
}

.cmm_in_tabs {
  position: relative;
}

.cmm_in_tabs:before {
  content: none;
}

.cmm_in_tabs .cmm_inner {
  position: relative;
}

.cmm_in_tabs .cmm_inner:before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #eeeceb;
}

.dep1_tab.slider_type {
  position: relative;
  height: 70px;
  padding: 0 30px;
}

.dep1_tab.slider_type .control_btn {
  display: none;
  position: absolute;
  top: 0;
  font-size: 0;
  width: 30px;
  height: 70px;
  background: #fff;
}

.dep1_tab.slider_type .control_btn.prev {
  left: 0;
}

.dep1_tab.slider_type .control_btn.next {
  right: 0;
}

.dep1_tab.slider_type .control_btn .btn_arr {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30px;
  vertical-align: top;
}

.dep1_tab.slider_type .control_btn .btn_arr span {
  display: inline-block;
  width: 14px;
  height: 69px;
  vertical-align: top;
  text-indent: -1000em;
  background: url("/common/img/vin/btv/btn_ch_slider2.png") 0 no-repeat;
}

.dep1_tab.slider_type .control_btn.next .btn_arr {
  padding-left: 6px;
}

.dep1_tab.slider_type .control_btn.next .btn_arr span {
  background: url("/common/img/vin/btv/btn_ch_slider2.png") right no-repeat;
}

.dep1_tab.slider_type .control_btn .btn_arr.disabled {
  display: none;
}

.dep1_tab.slider_type:after {
  display: none;
}

.dep1_tab.slider_type:before {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #ff9000;
}

/*bx*/
.dep1_tab.slider_type ul:after {
  display: none;
}

.dep1_tab.slider_type .tabs {
  width: 185px;
}

.dep1_tab.slider_type .tabs a {
  padding: 0;
  text-align: center;
}

.dep1_tab.slider_type .tabs.on a {
  border-bottom: 1px solid #fff;
  background: #fff;
}

.dep1_tab.slider_type.has_control {
  padding: 0;
  overflow: initial;
}

.dep1_tab.slider_type.has_control .control_btn {
  position: absolute;
  display: block;
  width: 40px;
  height: 69px;
  text-align: center;
}

.dep1_tab.slider_type.has_control .control_btn.prev {
  left: -50px;
}

.dep1_tab.slider_type.has_control .control_btn.prev .btn_arr {
  width: 30px;
}

.dep1_tab.slider_type.has_control .control_btn.next {
  right: -50px;
}

.dep1_tab.slider_type.has_control .control_btn.next .btn_arr {
  width: 30px;
}

.dep1_tab.slider_type.clear {
  padding: 0;
}

.dep1_tab.slider_type.clear:before {
  content: "";
  display: none;
}

.dep1_tab.slider_type.clear .tabs.on a {
  background: transparent;
}

.zemtab_wrap.line_type {
  display: block;
  padding: 30px 30px 0;
  background-color: #f8f7f5;
}

.zemtab_wrap.line_type:after {
  border: 0;
}

.zemtab_wrap.line_type .tabs button {
  display: inline-block;
  font-size: 18px;
  line-height: 68px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 70px;
  text-align: center;
  color: #222;
  border-bottom: 1px solid #ff9000;
  color: #767778;
}

.zemtab_wrap.line_type .tabs.on button {
  border: 1px solid #ff9000;
  border-bottom: 0;
  color: #ff9000;
}

.zem_contents .zemkids {
  height: 0;
  visibility: hidden;
}

.zem_contents .zemkids.active {
  height: auto;
  visibility: visible;
}

.ui_tab.balloon_type {
  display: block;
  padding: 20px 30px 0;
  background-color: #f8f7f5;
}

.ui_tab.balloon_type:after {
  display: none;
}

.ui_tab.balloon_type .tabs {
  padding: 0 4px;
}

.ui_tab.balloon_type .tabs a {
  display: table;
  height: 56px;
  background: url(/common/img/vin/btv/tab_balloon_off.png) 0 50% no-repeat;
  background-size: 100%;
  font-size: 15px;
  color: #666;
  line-height: 18px;
}

.ui_tab.balloon_type .tabs.on a {
  border-bottom: 0;
  background-image: url(/common/img/vin/btv/tab_balloon_on.png);
  color: #fff;
}

.ui_tab.balloon_type .tabs a .txt {
  display: table-cell;
  vertical-align: middle;
}

.zemkids .movie_cont .youtube_slider {
  margin: 0;
}

.zemkids .movie_cont .slider_thumb.slick-vertical .slick-slide {
  margin: 3px 0;
}

.balloon_cont .tab_cont {
  padding-bottom: 15px;
  background-color: #f8f7f5;
}

/* // 회차 선택 슬라이드 */
/* 전화 */
.tbl_img_wrap {
  overflow: hidden;
}

.tbl_img_wrap .data_table {
  float: left;
  width: 570px;
}

.tbl_img_wrap .data_table td {
  word-break: keep-all;
}

.tbl_img_wrap .data_table .btn_box {
  margin-top: 10px;
}

.tbl_img_wrap .img_wrap {
  float: right;
  width: 270px;
}

.tbl_img_wrap .img_wrap img {
  display: block;
}

.tbl_img_wrap .img_wrap .bull_list {
  margin-top: 20px;
}

.phone .search_form.ph_type1 input[type=text] {
  width: 348px;
  margin-right: 6px;
}

.phone .search_form.ph_type1 .selects {
  float: left;
  width: 348px;
}

.phone .progress_list_wrap .progress_list li {
  height: 132px;
  padding-top: 35px;
}

.phone .progress_list_wrap + .bull_list {
  margin-top: 20px;
}

.phone .progress_list_wrap .progress_list.size_5_s li {
  height: 182px;
}

.phone .progress_list_wrap .progress_list.size_5_s .tit_area {
  word-break: break-all;
}

.phone .progress_list_wrap .progress_list.size_5_s .txt_area {
  word-break: keep-all;
}

.phone .btns_wrap {
  font-size: 0;
  margin-bottom: 20px;
}

.phone .btns_wrap .btn {
  margin-right: 10px;
}

.phone .mt80 {
  margin-top: 80px;
}

.bull_list.mt20_ph {
  margin-top: 20px;
}

/* .table.al_type tbody td {text-align:right;} */
.table.al_type tbody td:first-child {
  text-align: left;
}

/* .table.al_type tbody td:nth-child(2) {text-align:center;}
.table.al_type.al2 tbody td:nth-child(2) {text-align:right;} */
.ph_flag {
  display: inline-block;
  overflow: hidden;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  text-indent: -1000em;
  background: url("/common/img/vin/phone/flag_phone.png") no-repeat;
}

.ph_flag.flag1 {
  background-position: 0 0;
}

.ph_flag.flag2 {
  background-position: -20px 0;
}

.ph_flag.flag3 {
  background-position: -40px 0;
}

.ph_flag.flag4 {
  background-position: -60px 0;
}

.btm_info.f_type {
  margin-top: 40px;
}

.btm_info.f_type .gray_box {
  padding: 20px;
}

.btm_info.f_type .flag_list {
  overflow: hidden;
  margin-top: -10px;
}

.btm_info.f_type .flag_list .list {
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  margin-right: 40px;
  color: #666;
}

.btm_info.f_type .flag_list .list .ph_flag {
  margin-right: 6px;
}

.table .ph_flag {
  margin: 0 3px;
}

/* // 전화 */
/* customer center */
.customer_center .main_box {
  border: 1px solid #dddbda;
  background: #f8f6f5;
}

.customer_center .main_box ul:after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
}

.customer_center .main_box ul li {
  position: relative;
  float: left;
  width: 20%;
}

.customer_center .main_box ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 1px;
  background: #dddbda;
}

.customer_center .main_box ul li:first-child:after {
  display: none;
}

.customer_center .main_box ul li a {
  display: block;
  padding: 30px 0;
  text-align: center;
}

.customer_center .main_box ul li a .ico_wrap {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100px;
  height: 100px;
  margin: 0 auto 16px;
  padding-top: 31px;
  border-radius: 50%;
  background: #fff;
}

/* //customer center */
/* 장바구니 */
.basket_container {
  position: fixed;
  bottom: 13px;
  left: 50%;
  z-index: 500;
  overflow: hidden;
  margin-left: 15px;
  border-radius: 8px;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  background: #ff9000;
  border-radius: 20px 20px 0 20px;
  -moz-border-radius: 20px 20px 0 20px;
  -webkit-border-radius: 20px 20px 0 20px;
}

/*bx*/
.basket_wrap {
  overflow: hidden;
  width: 570px;
  border-radius: 8px;
}

.basket_wrap .basket_header {
  font-size: 15px;
  line-height: 36px;
  height: 60px;
  color: #fff;
  background: #ff9000;
  border-radius: 20px 20px 0 20px;
  -moz-border-radius: 20px 20px 0 20px;
  -webkit-border-radius: 20px 20px 0 20px;
}

/*bx*/
.basket_wrap .basket_header dl:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  width: 0;
  height: 0;
}

.basket_wrap .basket_header .products_title {
  font-size: 15px;
  line-height: 23px;
  padding: 18px 0 0 20px;
  color: #fff;
}

.basket_wrap .basket_header .products_title {
  float: left;
}

.basket_wrap .basket_header .tel,
.basket_wrap .basket_header .direct {
  position: relative;
  float: right;
  padding: 12px 15px 0 30px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

.basket_wrap .basket_header .direct {
  padding-right: 30px;
}

.basket_wrap .basket_header .direct:after {
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  right: 0;
  width: 1px;
  height: 16px;
  background: #fff;
}

.basket_wrap .basket_header .tel a,
.basket_wrap .basket_header .direct a {
  font-weight: 500;
  color: #fff;
}

.basket_wrap .basket_header .tel em {
  font-size: 24px;
}

.basket_wrap .basket_header .tel span {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  padding: 2px 30px 0 0;
  background: url("/common/img/vin/common/coun_ico.png") no-repeat right 50%;
}

.basket_wrap .basket_header .tel span.noicon {
  padding-right: 0;
  background: none;
}

.basket_wrap.dream_wrap .basket_header .tel span {
  padding: 2px 0 0 0;
  background: none;
}

.basket_wrap .basket_header .tel.non_ico span {
  padding-right: 0;
  background: none;
}

.basket_wrap .basket_header .direct span {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  padding: 2px 30px 0 0;
  background: url("/common/img/vin/common/direct_ico.png") no-repeat right 50%;
}

.basket_wrap.dream_wrap .basket_header .direct span {
  padding: 2px 0 0 0;
  background: none;
}

/* admop edit only css */
.hidden_desc,
.hidden_desc2 {
  position: absolute;
  top: -9999em;
  left: -9999em;
  z-index: -1;
  font-size: 12px;
}

.view-cont .notice_end a {
  padding-left: 10px;
  text-decoration: underline;
}

.view-cont .notice_end table {
  font-size: 11px;
  text-align: center;
  border-top: 2px solid #fecfbd;
  border-left: 1px solid #fecfbd;
}

.view-cont .notice_end th {
  font-weight: bold;
  padding: 8px 0 6px;
  text-align: center;
  color: #ea002c;
  border-right: 1px solid #fecfbd;
  border-bottom: 1px solid #fecfbd;
  background-color: #fff5f3;
}

.view-cont .notice_end td {
  padding: 5px 0;
  text-align: center;
  border-right: 1px solid #fecfbd;
  border-bottom: 1px solid #fecfbd;
}

.view-cont .notice_end .tit {
  padding: 0 5px;
  text-align: left;
}

.view-cont .notice_end .tx_etc {
  color: #f55500;
}

.view-cont .summary {
  width: 90%;
  min-width: 320px;
  margin-top: 20px;
  padding-bottom: 25px;
  background: url("/img/common/boardNotice_summaryBack.gif") repeat-x bottom;
}

.view-cont .summary .top {
  text-align: center;
  background: url("/img/common/boardNotice_summaryBack.gif") repeat-x 50%;
}

.view-cont .summary .top p {
  width: 42px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background: #fff;
}

.view-cont .summary .list {
  margin: 20px 0 0 17px;
}

.view-cont .summary .list li {
  margin-top: 10px;
}

.view-cont .summary .list li.first {
  margin-top: 3px;
}

.view-cont .summary .listOl {
  margin: 20px 0 0 17px;
  list-style-position: inside;
  list-style-type: decimal;
}

.view-cont .summary .listOl li {
  margin-top: 10px;
}

.view-cont .summary .listOl li.first {
  margin-top: 3px;
}

.view-cont .summary li {
  text-align: justify;
}

.view-cont .summary ol li p {
  margin-top: 10px;
}

.view-cont .summary ol li ol,
.view-cont .summary ol li ul {
  margin-left: 13px;
}

.view-cont .summary .dash {
  margin-top: 3px;
  margin-left: 2px;
  padding-left: 10px;
  background: url(/img/board/dash.gif) no-repeat left 6px;
}

.view-cont .summary a {
  vertical-align: top;
  text-decoration: underline;
  color: #707070;
}

.view-cont .noticeView {
  line-height: 18px;
}

.view-cont .noticeView table {
  text-align: center;
  border-top: 2px solid #fecfbd;
  border-left: 1px solid #fecfbd;
}

.view-cont .noticeView th {
  font-weight: bold;
  padding: 5px 0;
  color: #ea002c;
  border-right: 1px solid #fecfbd;
  border-bottom: 1px solid #fecfbd;
  background-color: #fff5f3;
}

.view-cont .noticeView td {
  padding: 5px 0;
  border-right: 1px solid #fecfbd;
  border-bottom: 1px solid #fecfbd;
}

.view-cont .noticeView p {
  padding-bottom: 0 !important;
}

.detail_page-panel_ct {
  padding: 25px 0;
}

.notice_event {
  padding: 18px 35px 24px 35px;
}

.notice_event > div {
  margin-bottom: 10px;
}

.notice_event {
  line-height: 18px;
}

.notice_event p {
  padding-bottom: 20px;
}

.notice_event .title1 {
  font-weight: bold;
  color: #ea002c;
}

.notice_event .title2 {
  font-weight: bold;
  color: #009;
}

.notice_event .prize_name {
  clear: both;
  font-weight: bold;
  line-height: 26px;
  height: 26px;
  margin-bottom: 10px;
  text-align: center;
  color: #ea002c;
  border: 1px solid #fecfbd;
  background-color: #fff5f3;
}

.notice_event .lft_section {
  float: left;
  width: 305px;
  margin-bottom: 10px;
}

.notice_event .rgt_section {
  float: right;
  width: 305px;
  margin-bottom: 10px;
}

.notice_event table {
  font-size: 11px;
  width: 100%;
  text-align: center;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}

.notice_event th {
  font-weight: normal;
  padding: 3px 0;
  color: #111181;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-color: #f3f3f3;
}

.notice_event td {
  padding: 3px 0;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.notice_event .notice_notice_event {
  clear: both;
  padding-top: 10px;
}

.notice_event .notice_notice_event li {
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}

.notice_event .notice_notice_event li:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #666;
}

.notice_event .notice_notice_event a {
  color: #1674d4;
}

/*이벤트 상세 절차안내*/
.evt_winner_delivery {
  margin-top: 50px;
}

.evt_winner_delivery h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 45px;
  margin-bottom: 20px;
  color: #222;
}

.evt_winner_delivery dt.step1,
.evt_winner_delivery dt.step2,
.evt_winner_delivery dt.step3 {
  width: 100%;
  height: 132px;
  text-indent: -9999em;
  background: url("/common/img/vin/event/event_detail_step.png") no-repeat 0 0;
}

.evt_winner_delivery dt.step1 {
  background-position: 0 0;
}

.evt_winner_delivery dt.step2 {
  background-position: 0 -132px;
}

.evt_winner_delivery dt.step3 {
  background-position: 0 -264px;
}

.evt_winner_delivery dt.notice {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin: 20px 0 10px;
  color: #222;
}

.evt_winner_delivery dd .uio-list-type1 {
  margin-top: 30px;
}

.evt_winner_delivery dt.notice + dd .uio-list-type1 {
  margin-top: 0;
}

.evt_winner_delivery dd .uio-list-type1 li {
  position: relative;
  font-size: 14px;
  line-height: 21px;
  margin-top: 8px;
  padding-left: 10px;
  word-break: break-all;
  color: #666;
}

.evt_winner_delivery dd .uio-list-type1 li:first-child {
  margin-top: 0;
}

.evt_winner_delivery dd .uio-list-type1 li:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #888;
}

.evt_winner_delivery dd .uio-list-type1 li .fc-red {
  color: #ff9000;
}

/* 본인인증 - 180404 */
.agree_box {
  padding: 30px;
  border: 1px solid #eeeceb;
}

.agree_box dl {
  padding-top: 10px;
}

.agree_box dl:first-child {
  padding-top: 0;
}

.agree_box dl:after {
  content: "";
  display: block;
  clear: both;
}

.agree_box dl.all_check {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eeeceb;
}

.agree_box dt {
  float: left;
  font-size: 14px;
  line-height: 21px;
  color: #666;
}

.agree_box dd {
  float: right;
  font-size: 14px;
  line-height: 21px;
  text-decoration: underline;
  color: #222;
}

.agree_box dd a em {
  color: #ff4900;
}

.input_form_header [class^=tit].txt_l {
  text-align: left;
}

.input_form_header [class^=tit].txt_l .t01_decs {
  display: block;
}

.input_tel .selects.telecom {
  width: 299px;
  margin-bottom: 10px;
}

.input_tel .btn.gray.h50 {
  padding: 0 9px;
}

/* 가입상담 상단배너 */
#contents .conts_box.wide {
  width: 100%;
}

#contents .conts_box.wide > .inner {
  width: 1170px;
  margin: 0 auto;
}

#contents .note_wide {
  background-color: #f8f6f5;
}

#contents .note_wide .note {
  width: 1170px;
  margin: 0 auto;
}

#contents .note_wide .note .inner {
  overflow: hidden;
  width: 1170px;
  margin: 0 auto;
  padding: 10px 0 7px;
}

#contents .note_wide .note .inner .import {
  position: relative;
  float: left;
  font-size: 14px;
  line-height: 21px;
  padding-left: 26px;
  color: #898786;
}

#contents .note_wide .note .inner .import:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("/common/img/vin/common/ico_mark.png") no-repeat 0 0;
}

#contents .note_wide .note .inner .import span {
  color: #ff4900;
}

#contents .note_wide .note .inner > a {
  position: relative;
  float: right;
  font-size: 13px;
  line-height: 20px;
  padding-right: 20px;
  color: #666;
}

#contents .note_wide .note .inner > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 6px;
  height: 6px;
  margin-top: -6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #888;
  border-bottom: none;
  border-left: none;
}

/* 성장스토리 */
.btv_nugu_sec.bz_movie_wrap {
  position: relative;
  position: relative;
  height: 888px;
}

.btv_nugu_sec.bz_movie_wrap .tit_wrap {
  position: relative;
  overflow: hidden;
}

.btv_nugu_sec.bz_movie_wrap .tit_wrap .more_movie {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 156px;
  height: 43px;
  text-align: center;
  color: #222;
  border-radius: 22px;
  background: #fff;
}

.btv_nugu_sec.bz_movie_wrap .tit_wrap .more_movie span {
  display: inline-block;
  line-height: 43px;
  padding-right: 16px;
  background: url("/common/img/vin/main/more_movie_arr.png") no-repeat right 50%;
}

.btv_nugu_sec.bz_movie_wrap .main_box {
  position: relative;
  z-index: 5;
  padding-top: 80px;
  width: 1170px;
  margin: 0 auto;
}

.btv_nugu_sec.bz_movie_wrap .main_box .tit00 {
  color: #fff;
}

.btv_nugu_sec.bz_movie_wrap .movie_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}

.btv_nugu_sec.bz_movie_wrap .movie_bg .gra_dim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background: linear-gradient(135deg, #ea6d45 0%, #f35157 100%);
}

.btv_nugu_sec.bz_movie_wrap .movie_bg .thumb_img {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.btv_nugu_sec.bz_movie_wrap .movie_bg .thumb_img img {
  width: 100%;
  height: auto;
}

.btv_nugu_sec.bz_movie_wrap .movie_container {
  position: relative;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 700px;
  padding-top: 40px;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .product_main_slider {
  height: 100%;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .product_main_slider .slide_wrap {
  height: 100%;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .product_main_slider .slide_wrap > .slide_conts {
  height: 100%;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content {
  overflow: visible !important;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts {
  width: 1028px;
  height: 580px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: scale(0.875);
          transform: scale(0.875);
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts .thumb {
  overflow: hidden;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts .thumb img {
  width: auto;
  height: 580px;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts .thumb .movie_tit {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  font-size: 24px;
  font-weight: 500;
  line-height: 90px;
  height: 90px;
  padding: 0 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts.ui_carousel_center {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.3);
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts.ui_carousel_center .thumb .movie_tit {
  display: block;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts .real_youtube_wrap {
  width: 1028px;
  height: 580px;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts .real_youtube_wrap .youtube_palyer {
  width: 100%;
  height: 100%;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts .real_youtube_wrap .youtube_palyer iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
}

/* 웹접근성수정_3차 */
.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts .youtube_wrap a {
  display: block;
  position: relative;
}

.btv_nugu_sec.bz_movie_wrap .movie_container .slide_content .slide_conts .youtube_wrap a:focus:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

/* // 웹접근성수정_3차 */
/* 이용자피해예방센터 */
.list_linebox .inner li {
  margin-top: 19px;
}

.list_linebox .inner li:first-child {
  margin-top: 0;
}

.list_linebox .inner li > a {
  display: block;
  padding: 23px 30px 21px;
  border: 1px solid #dddbda;
}

.list_linebox .inner li a:after {
  content: "";
  display: block;
  clear: both;
}

.list_linebox .inner li .subj {
  float: left;
  font-size: 18px;
  padding: 10px 0 0 0;
}

.list_linebox .inner li .btn {
  float: right;
}

.list_linebox .inner li .num {
  margin-right: 20px;
}

.list_linebox .inner li .num .flag {
  min-width: 44px;
}

.list_webtoon .inner {
  margin: -15px;
}

.list_webtoon .inner:after {
  content: "";
  display: block;
  clear: both;
}

.list_webtoon .inner li {
  float: left;
  width: 268px;
  height: 246px;
  margin: 15px;
  padding: 29px 0 0 0;
  border: 1px solid #eeeceb;
}

.list_webtoon .inner li > a {
  display: block;
  text-align: center;
}

.list_webtoon .inner li > a .thum {
  width: 145px;
  height: 120px;
}

.list_webtoon .inner li > a .subj {
  margin: 18px 0 0 0;
  font-size: 18px;
}

.list_webtoon .inner li .num {
  margin-right: 10px;
}

.list_webtoon .inner li .num .flag {
  min-width: 44px;
}

.view_contents {
  clear: both;
  display: none;
}

.view_contents h4.titSpa_m {
  margin: 0;
  padding: 25px 0 25px 35px;
  border-top: 2px solid #222;
  font-size: 22px;
}

.view_contents .imgCont {
  padding: 40px 0;
  text-align: center;
  border-top: 1px solid #edebec;
}

.view_contents .btnCenter {
  text-align: center;
}

.img_list_center {
  margin: 19px 0;
  text-align: center;
}

.img_list_center .img_box {
  margin-top: 20px;
}

.img_list_center .img_box:first-child {
  margin-top: 0px;
}

/* Btv music */
.data_table.type_2 {
  overflow: hidden;
}

.data_table.type_2 .table {
  float: left;
  width: 573px;
}

.data_table.type_2 .table:nth-of-type(1) {
  margin-right: 22px;
}

.music-info {
  overflow: hidden;
  display: block;
  padding: 40px 93px;
  border: 1px solid #eeeceb;
}

.music-info .ico_img,
.music-info .bull_list {
  float: left;
}

.music-info .ico_img {
  margin: 2px 95px 0 0;
}

.music-function {
  padding: 40px;
  border: 1px solid #eeeceb;
}

.music-function .img-area {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeceb;
}

/* B tv UI 5.0 SB제작 요청 */
.bull_list.type_hf > li {
  float: left;
  width: 175px;
  margin: 0 0 5px 0;
}

/* thum_list */
.thum_list.type1 > li {
  display: table;
  margin-bottom: 10px;
}

.thum_list.type1 > li .thum {
  display: table-cell;
  width: 90px;
}

.thum_list.type1 > li .txt {
  display: table-cell;
  vertical-align: middle;
}

/* B tv 키즈 */
.bortBox01 {
  width: 790px;
  margin: 0 auto;
  border-top: 1px solid #eeeceb;
  text-align: left;
}

.boxArea {
  position: relative;
}

.boxArea:after {
  content: "";
  display: block;
  clear: both;
}

.boxArea .cross {
  position: absolute;
  top: 62px;
  left: 366px;
}

.boxArea .size {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  min-height: 140px;
  padding-left: 165px;
}

.boxArea .size .thum {
  position: absolute;
  top: 0;
  left: 0;
}

.boxArea .size dl {
  padding-top: 20px;
}

.boxArea .size dt {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 6px;
}

.boxArea .size dd {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.boxArea .size .colOg {
  color: #ff9000;
}

.thum_list.type2 {
  margin: -20px -20px 0 0;
}

.thum_list.type2:after {
  content: "";
  display: block;
  clear: both;
}

.thum_list.type2 > li {
  float: left;
  width: 145px;
  margin: 20px 20px 0 0;
}

.thum_list.type2 > li .thum {
  display: block;
  width: 145px;
  height: 208px;
}

.thum_list.type2 > li .thum img {
  width: 100%;
}

.thum_list.type2 > li .txt {
  height: 60px;
  min-height: 60px;
  padding: 10px 0 0 0;
  text-align: center;
}

.btv .logo_title {
  position: relative;
  padding: 35px 20px 25px 145px;
  margin-bottom: 20px;
}

.btv .logo_title:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 115px;
  height: 104px;
  background: url("/common/img/vin/btv/playsongs_logo.png") no-repeat 0 0;
  content: "";
}

.btv .logo_title.kids6 {
  padding: 0 20px 0 145px;
}

.btv .logo_title.kids6:after {
  width: 113px;
  height: 53px;
  background: url("/common/img/vin/btv/pororotalk_logo_s.png") no-repeat 0 0;
}

.btv .line_wrap {
  padding: 20px;
  border: 1px solid #eeeceb;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btv .line_wrap[class*=icon] {
  position: relative;
  padding: 58px 20px 58px 160px;
  text-align: left;
}

.btv .line_wrap[class*=icon].btv_icon {
  padding: 36px 20px 40px 160px;
}

.btv .line_wrap[class*=icon][class*=_01]:after {
  display: block;
  position: absolute;
  top: 50px;
  left: 45px;
  width: 72px;
  height: 62px;
  background: url("/common/img/vin/btv/img_btv_charge.png") no-repeat 0 0;
  content: "";
}

.btv .line_wrap[class*=icon].btv_icon .tit05 {
  margin-top: 15px;
}

.btv .line_wrap .square {
  display: inline-block;
  position: relative;
  padding-left: 10px;
}

.btv .line_wrap .square:after {
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #888;
  content: "";
}

.btv .line_wrap .txt_s {
  margin-left: 10px;
  font-size: 14px;
  color: #666;
}

.btv .step_list {
  overflow: hidden;
}

.btv .step_list .tab_wrap.box_type {
  overflow: hidden;
}

.btv .step_list .tab_wrap.box_type .tabs a {
  position: relative;
  border: none;
  background: #4abea7;
  font-size: 15px;
  color: #fff;
  letter-spacing: -0.5px;
}

.btv .step_list .tab_wrap.box_type .tabs.step02 a {
  background: #2ebef0;
}

.btv .step_list .tab_wrap.box_type .tabs.step03 a {
  background: #f27183;
}

.btv .step_list .tab_wrap.box_type .tabs.step04 a {
  background: #f8951d;
}

.btv .step_list .tab_wrap.box_type .tabs.step05 a {
  background: #9571b1;
}

.btv .step_list .tab_wrap.box_type .tabs a:before {
  display: none;
}

.btv .step_list .tab_wrap.box_type .tabs.on {
  z-index: 5;
  -webkit-box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 30px -5px rgba(0, 0, 0, 0.4);
}

.btv .step_list .tab_wrap.box_type .tabs.on a {
  border: none;
  font-size: 24px;
  text-decoration: none;
}

.btv .step_list .tab_wrap.box_type .tabs.on a:before {
  display: block;
  top: auto;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 2px;
  margin-left: -40px;
  background: #fff;
  opacity: 0.3;
}

.btv .step_list .tab_contents {
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0px 10px 50px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0px 10px 50px 0 rgba(0, 0, 0, 0.5);
}

.btv .subject_list_box thead tr th {
  height: 111px;
  background: #f8f6f5;
  font-size: 20px;
  font-weight: 500;
  color: #444;
  line-height: 26px;
}

.btv .subject_list_box thead tr th:first-child + th {
  background: #eeebf1;
  color: #a17ec3;
}

.btv .subject_list_box thead tr th:first-child + th + th {
  background: #f9f6e8;
  color: #e8a80f;
}

.btv .subject_list_box thead tr th:first-child + th + th + th {
  background: #f7edf1;
  color: #d16592;
}

.btv .subject_list_box tbody tr > * {
  position: relative;
  height: 278px;
}

.btv .subject_list_box tbody tr th {
  background: #f8f6f5;
  font-size: 20px;
  font-weight: 500;
  color: #444;
}

.btv .subject_list_box tbody tr th + td {
  background: #eeebf1;
}

.btv .subject_list_box tbody tr th + td + td {
  background: #f9f6e8;
}

.btv .subject_list_box tbody tr td:last-child {
  padding-right: 20px;
  background: #f7edf1;
}

.btv .subject_list_box tbody tr td.gap {
  height: auto;
  padding: 20px 0;
  background: #fff;
}

.btv .subject_list_box tbody .full_line {
  display: block;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
}

.btv .img_list_zone {
  margin-top: 55px;
}

.btv .img_list_zone .list_info {
  padding: 35px 0 30px;
  border-top: 1px solid #dddbda;
}

.btv .img_list_zone .list_info:first-child {
  padding-top: 0;
  border: none;
}

.btv .img_list_zone .list_info:after {
  display: block;
  clear: both;
  content: "";
}

.btv .img_list_zone .list {
  float: left;
  width: 277px;
  margin-left: 18px;
}

.btv .img_list_zone .list:first-child {
  margin-left: 0;
}

.btv .img_list_zone .img img {
  width: 100%;
}

.btv .img_list_zone .txt {
  padding: 16px 0 0px;
  font-size: 15px;
  color: #666;
  letter-spacing: -0.2px;
}

.acc_list_conts.pd20 {
  padding: 20px;
}

.acc_conts .white_box {
  padding: 30px;
  border: 1px solid #eeeceb;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.acc_conts .white_box .tit {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.acc_conts .list_box > li {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #dddbda;
}

.acc_conts .list_box > li:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.acc_conts .list_box .img_box {
  width: 100%;
  margin-top: 20px;
}

.acc_conts .list_box .img_box .img {
  display: inline-block;
  width: 100%;
}

.acc_conts .list_box .img_box .img img {
  width: 100%;
}

.acc_conts .list_box .img_box.size_2:after {
  display: block;
  clear: both;
  content: "";
}

.acc_conts .list_box .img_box.size_2 .img {
  float: left;
  width: calc((100% - 12px) / 2);
  margin-left: 12px;
}

.acc_conts .list_box .img_box.size_2 .img:first-child {
  margin-left: 0;
}

/* B tv ZEM 키즈 */
.btv .with_list {
  overflow: hidden;
}

.btv .with_list .tab_wrap.box_type {
  overflow: hidden;
}

.btv .with_list .tab_wrap.box_type .tabs {
  height: 70px;
}

.btv .with_list .tab_wrap.box_type .tabs a {
  position: relative;
  display: inline-block;
  height: 70px;
  border: none;
  text-indent: -999em;
}

.btv .with_list .tab_wrap.box_type .tabs.tab01 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_1_off.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs.tab02 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_2_off.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs.tab03 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_3_off.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs.tab04 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_4_off.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs.tab05 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_5_off.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs.on.tab01 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_1_on.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs.on.tab02 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_2_on.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs.on.tab03 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_3_on.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs.on.tab04 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_4_on.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs.on.tab05 a {
  background: url(/common/img/vin/btv/img_btvzemkids_with_tab_5_on.jpg) no-repeat 0 0;
}

.btv .with_list .tab_wrap.box_type .tabs:last-child {
  border: 0 none;
}

.btv .with_list .tab_wrap.box_type .tabs a:before {
  display: none;
}

.btv .with_list .tab_contents {
  position: relative;
  z-index: 2;
}

.btv .enjoy_list {
  overflow: hidden;
}

.btv .enjoy_list .tab_wrap.box_type {
  overflow: hidden;
}

.btv .enjoy_list .tab_wrap.box_type .tabs {
  height: 70px;
}

.btv .enjoy_list .tab_wrap.box_type .tabs a {
  position: relative;
  display: inline-block;
  height: 70px;
  border: none;
  text-indent: -999em;
}

.btv .enjoy_list .tab_wrap.box_type .tabs.tab01 a {
  background: url(/common/img/vin/btv/img_btvzemkids_enjoy_tab_1_off.jpg) no-repeat 0 0;
}

.btv .enjoy_list .tab_wrap.box_type .tabs.tab02 a {
  background: url(/common/img/vin/btv/img_btvzemkids_enjoy_tab_2_off.jpg) no-repeat 0 0;
}

.btv .enjoy_list .tab_wrap.box_type .tabs.on.tab01 a {
  background: url(/common/img/vin/btv/img_btvzemkids_enjoy_tab_1_on.jpg) no-repeat 0 0;
}

.btv .enjoy_list .tab_wrap.box_type .tabs.on.tab02 a {
  background: url(/common/img/vin/btv/img_btvzemkids_enjoy_tab_2_on.jpg) no-repeat 0 0;
}

.btv .enjoy_list .tab_wrap.box_type .tabs:last-child {
  border: 0 none;
}

.btv .enjoy_list .tab_wrap.box_type .tabs a:before {
  display: none;
}

.btv .enjoy_list .tab_contents {
  position: relative;
  z-index: 2;
}

.btv .safe_list {
  overflow: hidden;
}

.btv .safe_list .tab_wrap.box_type {
  overflow: hidden;
}

.btv .safe_list .tab_wrap.box_type .tabs {
  height: 70px;
}

.btv .safe_list .tab_wrap.box_type .tabs a {
  position: relative;
  display: inline-block;
  height: 70px;
  border: none;
  text-indent: -999em;
}

.btv .safe_list .tab_wrap.box_type .tabs.tab01 a {
  background: url(/common/img/vin/btv/img_btvzemkids_safe_tab_1_off.jpg) no-repeat 0 0;
}

.btv .safe_list .tab_wrap.box_type .tabs.tab02 a {
  background: url(/common/img/vin/btv/img_btvzemkids_safe_tab_2_off.jpg) no-repeat 0 0;
}

.btv .safe_list .tab_wrap.box_type .tabs.on.tab01 a {
  background: url(/common/img/vin/btv/img_btvzemkids_safe_tab_1_on.jpg) no-repeat 0 0;
}

.btv .safe_list .tab_wrap.box_type .tabs.on.tab02 a {
  background: url(/common/img/vin/btv/img_btvzemkids_safe_tab_2_on.jpg) no-repeat 0 0;
}

.btv .safe_list .tab_wrap.box_type .tabs:last-child {
  border: 0 none;
}

.btv .safe_list .tab_wrap.box_type .tabs a:before {
  display: none;
}

.btv .safe_list .tab_contents {
  position: relative;
  z-index: 2;
}

/* 셋톱박스 간편설치 */
.conts_box.type1 {
  position: relative;
}

.down_btn.type1 {
  position: absolute;
  top: 10px;
  right: 0;
}

.care_box {
  width: 100%;
  padding: 26px 0;
  background: #ff9000;
  text-align: center;
}

.care_box .txt {
  font-size: 18px;
  color: #fff;
  line-height: 23px;
}

/* 셋톱박스교체 가이드 */
.bull_list.switch_icon {
  position: relative;
  padding-left: 65px;
}

.bull_list.switch_icon:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 62px;
  background: url("/common/img/vin/btv/switch_icon.png") no-repeat 0 0;
  content: "";
}

/* 상품요금 테이블 수정 */
.table.type1 thead th,
.table.type1 tbody th {
  font-weight: bold;
}

/* 이벤트 신청 팝업 */
.win_pop.detail_page-wrap.style2 .pop_contents {
  min-width: 800px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.win_pop.detail_page-wrap.style2 .input_form_header {
  text-align: left;
}

.win_pop.detail_page-wrap.style2 .input_form_header .tit02 {
  float: none;
}

.win_pop.detail_page-wrap.style2 .input_form_header .sub_txt {
  text-align: right;
}

.win_pop.detail_page-wrap.style2 .input_form_header .essen {
  margin-right: 4px;
  color: #ff9000;
}

.win_pop.detail_page-wrap.style2 .form_box dt {
  width: 150px;
}

.win_pop.detail_page-wrap.style2 .form_box dd {
  padding: 12px 14px 12px 0;
}

.win_pop.detail_page-wrap.style2 .form_box input[type=text],
.win_pop.detail_page-wrap.style2 .form_box input[type=password],
.win_pop.detail_page-wrap.style2 .form_box input[type=search],
.win_pop.detail_page-wrap.style2 .form_box input[type=date] {
  display: inline-block;
  max-width: 436px;
}

.win_pop.detail_page-wrap.style2 .form_box .txt_box {
  display: inline-block;
}

.win_pop.detail_page-wrap.style2 .form_box .s_txt {
  font-size: 13px;
}

.win_pop.detail_page-wrap.style2 .form_box .s_txt em {
  font-weight: bold;
}

.win_pop.detail_page-wrap.style2 .input_box2 .input_txt input {
  margin-right: 5px;
  max-width: 350px;
}

.win_pop.detail_page-wrap.style2 .input_box2 .input_txt .selects {
  max-width: 360px;
  margin-right: 5px;
}

.win_pop.detail_page-wrap.style2 .input_box3 dd {
  padding-top: 0;
}

.win_pop.detail_page-wrap.style2 .input_box3 .input_tel > * {
  margin-top: 12px;
}

.win_pop.detail_page-wrap.style2 .input_box3 .tel_num {
  max-width: 164px;
}

.win_pop.detail_page-wrap.style2 .input_box3 .btn_wrap {
  display: none;
  float: left;
}

.win_pop.detail_page-wrap.style2 .input_box3 .btn_wrap.on {
  display: block;
}

.win_pop.detail_page-wrap.style2 .input_box3 .btn_wrap a {
  display: inline-block;
  height: 50px;
  margin-left: 6px;
  padding: 0 20px;
  background: #ff9000;
  font-size: 15px;
  color: #fff;
  line-height: 50px;
}

.win_pop.detail_page-wrap.style2 .input_box4 .input_txt > .txt_box:nth-child(2) {
  margin-left: 75px;
}

.win_pop.detail_page-wrap.style2 .input_box4 .input_txt input {
  margin: 0 5px;
  max-width: 120px;
}

.win_pop.detail_page-wrap.style2 .input_box5 dd {
  padding-top: 0;
}

.win_pop.detail_page-wrap.style2 .input_box5 .input_txt > * {
  margin-top: 12px;
}

.win_pop.detail_page-wrap.style2 .input_box5 .mail_box {
  display: inline-block;
  width: 100%;
  max-width: 137px;
}

.win_pop.detail_page-wrap.style2 .input_box5 .select_custom {
  width: 100% !important;
}

.win_pop.detail_page-wrap.style2 .input_box6 .chk_wrap {
  margin-left: 15px;
}

.win_pop.detail_page-wrap.style2 .input_box6 .chk_wrap:first-child {
  margin-left: 0px;
}

.win_pop.detail_page-wrap.style2 .ui_accordion.acc_list_wrap {
  display: none;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #dddbda;
}

.win_pop.detail_page-wrap.style2 .ui_accordion.acc_list_wrap.on {
  display: block;
}

.win_pop.detail_page-wrap.style2 .acc_list_head {
  max-width: 970px;
  padding-bottom: 20px;
}

.win_pop.detail_page-wrap.style2 .acc_list_wrap .acc_list_head.form_check.type2 a {
  right: 0;
}

.win_pop.detail_page-wrap.style2 .acc_list_wrap .acc_list_conts.form_check.type2 {
  padding-right: 14px;
}

.win_pop.detail_page-wrap.style2 .acc_list_wrap .acc_conts {
  max-width: 710px;
}

.win_pop.detail_page-wrap.style2 .acc_list_wrap .acc_list_conts.form_check.type2 {
  padding-left: 150px;
}

.win_pop.detail_page-wrap.style2 .acc_list_wrap .acc_list_head.form_check.type2 .chk_wrap .tit {
  width: 130px;
}

.win_pop.detail_page-wrap.style2 .btm_info .bull_list {
  display: none;
}

.win_pop.detail_page-wrap.style2 .btm_info .bull_list.on {
  display: block;
}

.win_pop.detail_page-wrap.style2 .btn_wrap.narrow {
  display: none;
}

.win_pop.detail_page-wrap.style2 .btn_wrap.narrow.on {
  display: block;
}

/* ui_3d ScurityHome */
.ui_3d {
  position: relative;
  white-space: nowrap;
  margin-bottom: 60px;
}

.ui_3d input[type=checkbox] {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  outline: 0;
}

.ui_3d .box_3d {
  position: relative;
  border: 1px solid #ddd;
  border-top: none;
}

.ui_3d .bg_zone {
  min-height: 450px;
  background: #f8f7f5;
  position: relative;
}

.ui_3d .bg_zone .bg_txt {
  display: inline-block;
  font-size: 14px;
  color: #666;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 10;
}

.ui_3d .bg_img {
  display: none;
}

.ui_3d .bg_img img {
  width: 100%;
  vertical-align: top;
}

.ui_3d .bg_img.on {
  display: block;
}

.ui_3d .bg_img .line {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ui_3d .tab_wrap.size_3 .tabs {
  width: 390px;
}

.ui_3d .select_zone {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ui_3d .chk_box .chk_all {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  outline: 0;
}

.ui_3d .chk_box.modal::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  z-index: 30;
}

.ui_3d .check_zone {
  position: absolute;
  top: 0;
  left: 0;
}

.ui_3d .check_inner > li {
  position: relative;
  margin-top: 10px;
}

.ui_3d .check_inner > li:first-child {
  margin-top: 0px;
}

.ui_3d .check_inner .chk_wrap label {
  position: relative;
  padding: 8px 12px 7px 12px;
  border-bottom-right-radius: 13px;
  border: 2px solid #ddd;
  background: #fff;
  webkit-box-sizing: border-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui_3d .check_inner .chk_wrap label::after {
  display: none;
}

.ui_3d .check_inner .chk_wrap :checked + label {
  border-color: #ff9000;
}

.ui_3d .check_inner .chk_wrap .tit {
  font-size: 15px;
  color: #666;
}

.ui_3d .check_inner .chk_wrap [class*=icon] {
  display: inline-block;
  width: 35px;
  height: 21px;
  margin-left: 9px;
  text-indent: -9999px;
  vertical-align: top;
}

.ui_3d .check_inner .chk_wrap [class*=icon][class*="01"] {
  background: url("/common/img/vin/product/title_icon_01_s.png") no-repeat 0 1px;
}

.ui_3d .check_inner .chk_wrap [class*=icon][class*="02"] {
  background: url("/common/img/vin/product/title_icon_02_s.png") no-repeat 0 1px;
}

.ui_3d .service_detail ul li {
  display: none;
  position: absolute;
  top: 125px;
  left: 50%;
  margin-left: -185px;
  width: 370px;
  height: auto;
  min-height: 190px;
  border: 1px solid #edecea;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 30;
  padding-bottom: 20px;
}

.ui_3d .service_detail ul li.on {
  display: block;
}

.ui_3d .service_detail .info_wrap {
  position: relative;
  width: 100%;
}

.ui_3d .service_detail .info_wrap .banner_wrap {
  position: absolute;
  top: 28px;
  right: 40px;
}

.ui_3d .service_detail .info_wrap .banner_wrap.right20 {
  right: 20px;
}

.ui_3d .service_detail .txt_wrap {
  padding: 35px 0 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui_3d .service_detail .txt_wrap p {
  font-size: 24px;
  font-weight: bold;
  color: #222;
  margin-bottom: 20px;
  margin-left: -10px;
}

.ui_3d .service_detail .txt_wrap a {
  position: absolute;
  top: 5px;
  right: 5px;
}

.ui_3d .service_detail .txt_wrap span {
  font-size: 15px;
  color: #666;
}

.ui_3d .service_detail .txt_wrap .title .default {
  display: inline-block;
  position: relative;
  padding-left: 37px;
  vertical-align: top;
}

.ui_3d .service_detail .txt_wrap .title .default:after {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0;
  width: 26px;
  height: 28px;
  background: url(/common/img/vin/product/service_1_2_img.png) no-repeat 0 0;
  content: "";
}

.ui_3d .service_detail .txt_wrap .btn_link {
  display: inline-block;
}

.ui_3d .service_detail .txt_wrap .btn_link a {
  position: relative;
  margin-left: 16px;
  padding-right: 19px;
  font-size: 18px;
  color: #666;
}

.ui_3d .service_detail .txt_wrap .btn_link a:after {
  display: block;
  position: absolute;
  top: 9px;
  right: 0;
  width: 10px;
  height: 1px;
  background: #8e8e8e;
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ui_3d .service_detail .txt_wrap .btn_link a:before {
  display: block;
  position: absolute;
  top: 15px;
  right: 0;
  width: 10px;
  height: 1px;
  background: #8e8e8e;
  content: "";
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.ui_3d .service_detail .txt_wrap .txt {
  margin-top: 5px;
  font-size: 18px;
  color: #666;
  display: block;
  position: relative;
}

.ui_3d .service_detail .txt_wrap .txt:first-child {
  margin-top: 15px;
}

.ui_3d .service_detail .txt_wrap .txt::after {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 2px;
  background: #666;
  position: absolute;
  top: 8px;
  left: -10px;
}

.ui_3d .service_detail .info_wrap .i_box {
  position: relative;
  top: 1px;
  margin-left: 4px;
}

.ui_3d .service_detail .info_wrap [class*=icon] {
  display: inline-block;
  width: 48px;
  height: 30px;
  text-indent: -9999px;
  vertical-align: top;
}

.ui_3d .service_detail .info_wrap [class*=icon][class*="01"] {
  background: url("/common/img/vin/product/title_icon_01.png");
}

.ui_3d .service_detail .info_wrap [class*=icon][class*="02"] {
  background: url("/common/img/vin/product/title_icon_02.png");
}

.ui_3d .service_detail .call_box {
  float: left;
  width: 31.5%;
}

.ui_3d .service_detail [class*=s_skt] .call_box {
  float: left;
  width: 37%;
}

.ui_3d .service_detail .call_box .txt_call {
  position: relative;
  padding: 43px 0 0 40px;
  font-size: 28px;
  color: #222;
}

.ui_3d .service_detail .call_box .txt_call:after {
  display: block;
  position: absolute;
  top: 43px;
  left: 0;
  width: 2px;
  height: 67px;
  background: #f0efef;
  content: "";
}

.ui_3d .service_detail .call_box .txt_call .number {
  display: block;
  margin-top: 15px;
  font-size: 35px;
  font-weight: bold;
  color: #ff9000;
}

.ui_3d .service_detail .call_box .txt_call .number em {
  font-size: 35px;
  font-weight: bold;
  color: #ff9000;
}

.SecurityHome .view0 .select_inner:first-child {
  display: block;
  width: 100%;
  height: 100%;
}

.SecurityHome .view0 .select_inner:last-child {
  display: none;
}

.SecurityHome .view0 .prd_list01 .chk_all {
  top: 176px;
  left: 302px;
}

.SecurityHome .view0 .prd_list01 .check_zone {
  top: 105px;
  left: 50px;
}

.SecurityHome .view0 .prd_list02 .chk_all {
  top: 148px;
  left: 550px;
}

.SecurityHome .view0 .prd_list02 .check_zone {
  top: 68px;
  left: 684px;
}

.SecurityHome .view0 .prd_list03 .chk_all {
  top: 224px;
  left: 586px;
}

.SecurityHome .view0 .prd_list03 .check_zone {
  top: 239px;
  left: 686px;
}

.SecurityHome .view0 .prd_list04 .chk_all {
  top: 326px;
  left: 264px;
}

.SecurityHome .view0 .prd_list04 .check_zone {
  top: 304px;
  left: 50px;
}

.SecurityHome .view0 .prd_list05 .chk_all {
  top: 268px;
  left: 295px;
}

.SecurityHome .view0 .prd_list05 .check_zone {
  top: 208px;
  left: 50px;
}

.SecurityHome .view0 .prd_list06 .chk_all {
  top: 311px;
  left: 620px;
}

.SecurityHome .view0 .prd_list06 .check_zone {
  top: 324px;
  left: 688px;
}

.SecurityHome .view1 .select_inner:first-child {
  display: none;
}

.SecurityHome .view1 .select_inner:last-child {
  display: block;
  width: 100%;
  height: 100%;
}

.SecurityHome .view1 .prd_list01 .chk_all {
  top: 176px;
  left: 302px;
}

.SecurityHome .view1 .prd_list01 .check_zone {
  top: 105px;
  left: 50px;
}

.SecurityHome .view1 .prd_list02 .chk_all {
  top: 148px;
  left: 550px;
}

.SecurityHome .view1 .prd_list02 .check_zone {
  top: 68px;
  left: 684px;
}

.SecurityHome .view1 .prd_list03 .chk_all {
  top: 326px;
  left: 262px;
}

.SecurityHome .view1 .prd_list03 .check_zone {
  top: 300px;
  left: 41px;
}

.SecurityHome .view1 .prd_list04 .chk_all {
  top: 268px;
  left: 294px;
}

.SecurityHome .view1 .prd_list04 .check_zone {
  top: 198px;
  left: 29px;
}

.SecurityHome .view1 .prd_list05 .chk_all {
  top: 283px;
  left: 604px;
}

.SecurityHome .view1 .prd_list05 .check_zone {
  top: 240px;
  left: 686px;
}

.SecurityHome .view1 .prd_list06 .chk_all {
  top: 155px;
  left: 615px;
}

.SecurityHome .view1 .prd_list06 .check_zone {
  top: 164px;
  left: 688px;
}

.SecurityHome .view1 .prd_list07 .chk_all {
  top: 226px;
  left: 584px;
}

.SecurityHome .view1 .prd_list07 .check_zone {
  top: 240px;
  left: 680px;
}

.securityList .list_type05 {
  margin-bottom: -50px;
  font-size: 0;
}

.securityList .list_type05::after {
  content: "";
  display: block;
  clear: both;
}

.securityList .list_type05 li {
  width: 365px;
  float: left;
  margin: 0 58px 50px 0;
}

.securityList .list_type05 li:nth-child(2n) {
  margin-right: 0;
}

/* .securityList .list_type05 li:last-child {margin-bottom:0;} */
.securityList .list_type05 li .img {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}

.securityList .list_type05 li p {
  font-size: 15px;
  color: #666;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
}

/*  ADT캡스 상품안내 추가 */
.Caps_Service {
  width: 100%;
  margin-bottom: 60px;
  position: relative;
}

.Caps_Service .type_slide .control_btn a {
  display: block;
  position: absolute;
  top: 50%;
  width: 32px;
  height: 70px;
  margin-top: -20px;
  background: rgba(34, 34, 34, 0.55);
}

.Caps_Service .type_slide .control_btn a span.hide {
  display: inline-block;
  overflow: hidden;
  line-height: 99999px;
  width: 14px;
  height: 14px;
  margin-top: 26px;
  opacity: 1;
  border: 1px solid #fff;
  border-top: none;
  border-left: none;
}

.Caps_Service .type_slide .control_btn a span.hide {
  margin-left: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.Caps_Service .type_slide .control_btn a.next span.hide {
  margin-left: 4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.Caps_Service .type_slide .control_btn a.prev {
  left: 0;
  background-position: 0 0;
}

.Caps_Service .type_slide .control_btn a.next {
  right: 0;
  background-position: right 0;
}

.Caps_Service .indi_conts {
  display: inline-block;
  position: absolute;
  bottom: 22px;
  left: 50%;
  margin-left: -22px;
  height: 6px;
}

.Caps_Service .indi_conts li {
  display: inline-block;
  height: 6px;
}

.Caps_Service .indi_conts .btn_indi {
  display: inline-block;
  width: 12px;
  height: 6px;
  -webkit-transition: width 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  vertical-align: top;
  border-radius: 12px 0 12px 0;
  background: #222;
}

.Caps_Service .indi_conts .on .btn_indi {
  width: 32px;
}

/* 이벤트 상세_사은품 공통 가이드 */
.detail_page-wrap.style2 #iframe_gift {
  width: 1030px;
  margin: 0 auto;
}

#event_gift {
  background: none;
}

.com_gifts {
  width: 1030px;
  margin: 0 auto;
}

.com_gifts .giftList .gift_cont,
.com_gifts .itemGift .slick-slide {
  position: relative;
  min-height: 220px;
  padding: 50px 100px;
  background: #fff;
}

.com_gifts .giftList .gift_cont:first-child {
  margin-bottom: 20px;
}

.com_gifts .giftList .thumb {
  position: absolute;
  top: 0;
  left: 100px;
  width: 380px;
  height: 320px;
}

.com_gifts .giftList .thumb img {
  width: 100%;
}

.com_gifts .giftList .product {
  padding-left: 420px;
  color: #000;
  min-height: 220px;
}

.com_gifts .giftList .product .gflag {
  height: 28px;
}

.com_gifts .giftList .product .title {
  font-size: 38px;
  line-height: 46px;
  font-weight: 500;
  margin: 10px 0;
}

.com_gifts .giftList .product .name {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
}

.com_gifts .giftList .product .txt {
  font-size: 16px;
  color: #666;
  line-height: 20px;
}

.com_gifts .giftList.vertical {
  display: table;
  width: 100%;
  border-spacing: 20px 0;
  margin-left: -20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* table-layout:fixed; */
}

.com_gifts .giftList.vertical .gift_cont {
  display: table-cell;
  width: 504px;
  vertical-align: top;
  padding: 0 62px 50px;
  margin: 0;
  min-height: inherit;
}

.com_gifts .giftList.vertical .product {
  text-align: center;
  min-height: inherit;
}

.com_gifts .giftList.vertical .thumb {
  position: relative;
  left: 0;
}

.com_gifts .giftList.vertical .product {
  padding: 0;
}

/*이벤트 상세_사은품 슬라이드 */
.com_gifts .itemGift .slick-slide {
  position: relative;
}

.com_gifts .itemGift .slick-slide .product {
  min-height: 290px;
}

.com_gifts .itemGift .slick-slide:after {
  display: block;
  clear: both;
  content: "";
}

.com_gifts .itemGift .slick-arrow {
  position: absolute;
  top: 110px;
  left: 50px;
  z-index: 10;
  width: 25px;
  height: 64px;
  background: url(/common/img/vin/event/gift/btn_prev.png) no-repeat 0 0;
  text-indent: -9999px;
}

.com_gifts .itemGift .slick-arrow.slick-next {
  left: auto;
  right: 50px;
  background: url(/common/img/vin/event/gift/btn_next.png) no-repeat 0 0;
}

.com_gifts .itemGift .slick-dots {
  bottom: 50px;
  left: 0;
  text-align: center;
}

.com_gifts .dotShow .slick-dots {
  position: absolute;
  bottom: 50px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.com_gifts .dotShow .slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 14px;
  padding: 0;
  cursor: pointer;
  text-align: center;
}

.com_gifts .dotShow .slick-dots li:first-child {
  margin-left: 0;
}

.com_gifts .dotShow .slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.com_gifts .dotShow .slick-dots li button:hover,
.com_gifts .dotShow .slick-dots li button:focus {
  outline: none;
}

.com_gifts .dotShow .slick-dots li button:hover:before,
.com_gifts .dotShow .slick-dots li button:focus:before {
  opacity: 1;
}

.com_gifts .dotShow .slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  text-align: center;
  background-color: #d4d4d4;
  border-radius: 50%;
}

.com_gifts .dotShow .slick-dots li.slick-active button:before {
  background: #232323;
}

.com_gifts .dotShow .list_num {
  display: none;
}

.com_gifts .numShow {
  position: relative;
}

.com_gifts .numShow .list_num {
  position: absolute;
  bottom: 25px;
  width: 100%;
}

.com_gifts .numShow .list_num .number {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #999;
}

.com_gifts .numShow .list_num .now {
  color: #222;
}

/* 이용자피해예방센터 */
.customer_center .protect_imglist li {
  margin: 0 auto 30px;
  width: 605px;
  border: 8px solid #fff;
  -webkit-box-shadow: 7px 7px 7px #ddd;
          box-shadow: 7px 7px 7px #ddd;
}

.customer_center .protect_imglist li img {
  width: 100%;
}

/* AISTB slider */
.img_slider_box .slide_wrap {
  width: 100%;
  min-width: auto;
}

.img_slider_box .btn_arrow {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 70px;
  margin-top: -16px;
  z-index: 90;
  text-indent: -9999px;
}

.img_slider_box .btn_arrow.prev {
  left: 0;
  background: url(/common/img/vin/product/img_slider_prev.png) no-repeat 0 0;
}

.img_slider_box .btn_arrow.next {
  right: 0;
  background: url(/common/img/vin/product/img_slider_next.png) no-repeat 0 0;
}

.img_slider_box li {
  margin-top: 20px;
}

.img_slider_box li .info_box {
  position: relative;
}

.img_slider_box li .bg_img img {
  width: 100%;
}

.img_slider_box li .balloon {
  display: none;
  position: absolute;
  top: 207px;
  right: 95px;
  width: 238px;
  height: 80px;
  background: url(/common/img/vin/product/balloon_type01.png) no-repeat 0 0;
}

.img_slider_box li.inner2 .balloon {
  top: 101px;
  right: 95px;
  width: 195px;
  height: 80px;
  background: url(/common/img/vin/product/balloon_type02.png) no-repeat 0 0;
}

.img_slider_box li.inner3 .balloon {
  top: 90px;
  right: 95px;
  width: 182px;
  height: 80px;
  background: url(/common/img/vin/product/balloon_type03.png) no-repeat 0 0;
}

.img_slider_box li.on .balloon {
  display: block;
  -webkit-animation: balloon_txt 1s ease-out;
  animation: balloon_txt 1s ease-out;
}

@-webkit-keyframes balloon_txt {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes balloon_txt {
  0% {
    opacity: 0;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.img_slider_box li.inner5 .ani_box {
  display: block;
}

.img_slider_box li.inner5 .ani_box > span {
  display: none;
  position: absolute;
  width: 136px;
  height: 136px;
}

.img_slider_box li.on .ani_box > span {
  display: block;
}

.img_slider_box li.on .ani_box > span:after {
  display: block;
  position: absolute;
  top: 67px;
  width: 28px;
  height: 1px;
  background: #fff;
  content: "";
}

.img_slider_box li.on .ani_box .circle1 {
  top: 131px;
  right: 271px;
  background: url(/common/img/vin/product/nugu_circle_icon01.png) no-repeat 0 0;
  -webkit-animation: circle_left 1s ease-out;
  animation: circle_left 1s ease-out;
}

.img_slider_box li.on .ani_box .circle2 {
  top: 131px;
  right: 95px;
  background: url(/common/img/vin/product/nugu_circle_icon02.png) no-repeat 0 0;
  -webkit-animation: circle_right 1s ease-out;
  animation: circle_right 1s ease-out;
}

.img_slider_box li.on .ani_box .circle1:after {
  left: 142px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-animation: circle_bar1 2s ease-out;
  animation: circle_bar1 2s ease-out;
}

.img_slider_box li.on .ani_box .circle2:after {
  left: -34px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-animation: circle_bar2 2s ease-out;
  animation: circle_bar2 2s ease-out;
}

@-webkit-keyframes circle_left {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes circle_left {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes circle_right {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes circle_right {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes circle_bar1 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@keyframes circle_bar1 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@-webkit-keyframes circle_bar2 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@keyframes circle_bar2 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    opacity: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
.img_slider_box li .txt_zone {
  position: relative;
  height: 147px;
  padding: 17px 40px 10px;
  background: #515151;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.img_slider_box li .txt_zone .txt01 {
  position: relative;
  padding-left: 40px;
  font-size: 15px;
  color: #ddd;
}

.img_slider_box li .txt_zone .txt01:after {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 40px;
  height: 40px;
  background: url(/common/img/vin/product/nugu_icon_01.png) no-repeat 0 0;
  content: "";
}

.img_slider_box li .txt_zone .txt02 {
  margin: 10px 0 0 40px;
  padding-top: 10px;
  border-top: 1px solid #616161;
  font-size: 14px;
  color: #9e9e9e;
}

.img_slider_box li.inner2 .txt_zone .txt01:after {
  background-position: -40px 0;
}

.img_slider_box li.inner3 .txt_zone .txt01:after {
  background-position: -80px 0;
}

.img_slider_box li.inner4 .txt_zone .txt01:after {
  background-position: -120px 0;
}

.img_slider_box li.inner5 .txt_zone .txt01:after {
  background-position: -160px 0;
}

.img_slider_box li .txt_zone .link_btn {
  position: absolute;
  right: 40px;
  bottom: 19px;
}

.img_slider_box li .txt_zone .link_btn a {
  display: block;
  height: 34px;
  padding: 0 10px;
  background: #ff9000;
  font-size: 13px;
  line-height: 34px;
  color: #fff;
  -webkit-transition: 400ms all;
  transition: 400ms all;
}

.img_slider_box li .txt_zone .link_btn a:hover,
.nugu_inner li .txt_zone .link_btn a:focus {
  background: #fff;
  color: #ff9000;
}

.nugu_evt {
  margin: 20px 0;
}

/* BX Guide_font */
.s_main_header .s_main_tit:lang(ko),
.add_header .banner_wrap .banner_list a dl dt:lang(ko),
.add_header .banner_wrap .banner_list a dl .price:lang(ko),
.add_header .banner_wrap .banner_list a dl dd,
.add_header .banner_wrap .banner_list a dl .price .s_txt {
  font-family: "notokr";
}

/* 바로 가기 레이어 팝업 */
.layer_direct_btn {
  position: absolute;
  top: -9999px;
  left: -9999px;
  text-indent: -9999px;
  opacity: 0;
}

.layer_direct.layer_pop .pop_contents {
  overflow: initial;
  max-height: auto;
}

.layer_direct [class^=tit] {
  color: #898786;
}

.layer_direct .input_form_conts dt {
  width: 170px;
}

.layer_direct .input_tel .selects {
  width: 108px;
}

.layer_direct .input_tel .tel_num.long {
  width: 336px;
}

.layer_direct .input_form_conts dd {
  padding-right: 0;
}

/* 아코디언 포트 사이즈 수정 */
.font_set .b_txt,
.font_set .info_dl dd,
.font_set .b_title,
.font_set .bull_list,
.font_set .data_table .table tr > * {
  font-size: 18px;
}

/* 가입신청 - 전환가입 */
.oss_cancel_form {
  padding: 40px 40px;
  border-top: 1px solid #eeeceb;
  background: #f7f7f7;
}

.oss_cancel_form h3 {
  padding-bottom: 14px;
  text-align: center;
  border-bottom: 1px solid #222;
}

.oss_cancel_form dl {
  background: #fff;
}

.oss_cancel_form .input_s {
  display: inline-block;
  width: 212px;
}

/* 광고안내 */
.visual_wrap {
  position: relative;
}

.visual_wrap.ad .crumb_wrap {
  position: relative;
  z-index: 10;
}

/* .visual_wrap.ad .crumb_nav .crumb_list > li button span {color:#222;} */
.visual_img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.visual_wrap.ad .visual_inner .txt_wrap .visual_text {
  color: #222;
}

.visual_wrap.ad .visual_inner {
  margin-top: 124px;
}

.visual_wrap.ad .visual_inner .txt_wrap .visual_text .v_tit {
  font-weight: 500;
  text-shadow: none;
}

.visual_wrap.ad .visual_inner .txt_wrap .visual_text .v_txt {
  text-shadow: none;
}

.sub_txt01 {
  font-size: 20px;
  line-height: 30px;
  color: #333;
}

.sub_txt02 {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.data_table .table.top_line_type2 {
  border-top: 1px solid #dddbda;
}

.img_btn {
  position: relative;
}

.ad_btn_link a {
  position: absolute;
  bottom: 30px;
  width: 130px;
}

.ad_btn_link .link1 {
  left: 230px;
}

.ad_btn_link .link2 {
  right: 227px;
}

.cont_list_line {
  padding: 30px 40px;
  border: 1px solid #eeeceb;
}

.cont_two {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #eeeceb;
}

.cont_two:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.cont_two:after {
  display: block;
  clear: both;
  content: "";
}

.cont_two .cont_left {
  float: left;
  width: 630px;
}

.cont_two .cont_left.full {
  width: 695px;
}

.cont_two .cont_right {
  float: right;
  display: inline-block;
  position: relative;
  width: 392px;
}

.cont_two .txt {
  margin-top: 8px;
  color: #666;
}

.cont_two .data_table {
  margin-top: 19px;
}

.cont_two .btv_video_box video {
  cursor: pointer;
}

.acc_list_wrap.file_list .acc_list_head .head_wrap {
  display: block;
  padding: 30px;
  line-height: 34px;
}

.acc_list_wrap.file_list .acc_list_head .head_wrap .title {
  overflow: hidden;
  width: 720px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: normal;
}

.acc_list_wrap.file_list .acc_list_head .head_wrap .download {
  margin-left: 40px;
}

.ad_inquire .table th {
  font-size: 24px;
  line-height: 23px;
  color: #333;
}

.ad_inquire .table th.height_type {
  height: 108px;
}

.ad_inquire .table .th_stxt {
  font-size: 16px;
}

.ad_info ul {
  padding: 16px 0;
}

.ad_info ul li {
  margin-top: 2x;
}

.ad_info ul li:first-child {
  margin-top: 0;
}

.ad_info .logo_icon {
  display: inline-block;
}

.ad_info ul .tit {
  margin-top: 10px;
  font-size: 18px;
  color: #222;
}

.ad_info ul .tit + .txt {
  margin-top: 9px;
}

.ad_info ul .txt {
  font-size: 14px;
  color: #666;
}

.ad_info ul .email a {
  font-size: 14px;
  text-decoration: underline;
  color: #222;
}

.introduce_list ul:after {
  display: block;
  clear: both;
  content: "";
}

.introduce_list li {
  float: left;
  width: 278px;
  margin-left: 18px;
}

.introduce_list li:first-child,
.introduce_list li:nth-child(3n+1) {
  margin-left: 0;
}

.introduce_list .lists {
  padding: 20px 25px 25px;
  background: #f8f6f5;
}

.introduce_list .tit03 {
  min-height: 56px;
  line-height: 28px;
}

.introduce_list .text {
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.introduce_list.type_text_2 .text {
  min-height: 46px;
}

.introduce_list.type_text_3 .text {
  min-height: 70px;
  letter-spacing: -0.01em;
}

.introduce_list .img {
  margin-top: 15px;
}

.introduce_list .img img {
  width: 100%;
}

.smart_internet_box:after {
  content: "";
  display: block;
  clear: both;
}

.smart_internet_box .ss_gray_box_cont {
  float: left;
  width: 434px;
  padding: 0 15px;
  border-top: 2px solid #222;
  border-bottom: 1px solid #dddbda;
}

.smart_internet_box .ss_gray_box_cont + .ss_gray_box_cont {
  float: right;
}

.smart_internet_box .ss_gray_box_cont h5 {
  text-align: center;
}

.smart_internet_box .ss_gray_box_cont .white_box {
  margin-top: 15px;
  padding: 0;
}

.smart_internet_box .ss_gray_box_cont .desc {
  padding: 28px 15px 24px 15px;
}

.smart_internet_box .ss_gray_box_cont .desc .t04_decs {
  color: #666;
}

/* btn qr box */
.btv_bnbox {
  position: relative;
  padding: 34px 30px;
  border: 1px solid #eeeceb;
}

.btv_bnbox dl {
  padding-right: 200px;
}

.btv_bnbox dl dd {
  color: #666;
  font-size: 16px;
  margin-top: 10px;
}

.btv_bnbox .infotxt {
  color: #898786;
  margin-top: 5px;
  font-size: 14px;
}

.btv_bnbox .img_qr {
  position: absolute;
  top: 30px;
  right: 30px;
}

/* OCEAN 페이지 추가 */
.OCEAN_graybox {
  width: 100%;
  background: #f6f6f6;
  padding: 40px 0;
}

.OCEAN_graybox ul::after {
  content: "";
  display: block;
  clear: both;
}

.OCEAN_graybox ul li {
  width: 33.333%;
  float: left;
  position: relative;
  padding: 0 35px;
  min-height: 236px;
}

.OCEAN_graybox ul li::after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  background: #bebebe;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.OCEAN_graybox ul li:first-child::after {
  display: none;
}

.OCEAN_graybox ul li a {
  color: #333;
  padding: 10px 35px 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 10px;
  position: absolute;
  bottom: 0;
  left: 35px;
}

.OCEAN_graybox ul li a::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  position: absolute;
  top: 17px;
  right: 22px;
}

.OCEAN_bluebox {
  width: 100%;
  background: #eefaff;
  padding: 40px;
  padding-left: 0;
}

.OCEAN_bluebox ul li {
  margin-bottom: 30px;
}

.OCEAN_bluebox ul li:last-child {
  margin-bottom: 0;
}

.OCEAN_bluebox ul li::after {
  content: "";
  display: block;
  clear: both;
}

.OCEAN_bluebox ul li div {
  float: left;
  text-align: center;
  width: 30%;
}

.OCEAN_bluebox ul li div.logo {
  width: 35%;
  padding: 34px 0;
}

.OCEAN_bluebox ul li div.logo.last {
  padding: 18px 0 19px;
}

.OCEAN_bluebox ul li div.logo .t04_decs {
  color: #ff9900;
  margin-top: 5px;
}

.OCEAN_bluebox ul li div.blue_line {
  width: 30%;
  background: #fff;
  border: 2px solid #239fd7;
  border-radius: 18px;
  height: 124px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 33px;
}

.OCEAN_bluebox ul li div.blue_line .t04_decs {
  font-weight: 500;
}

.OCEAN_bluebox ul li div.img {
  width: 5%;
  padding: 50px 0;
}

/* 탭메뉴 스타일 추가 : 2021-07 */
.tab_inner {
  height: 70px;
  overflow: hidden;
}

/* 알버트 AI홈 */
.fc_white {
  color: #fff !important;
}

.btv .logo_title.logo_albert {
  padding: 7px 20px 0 270px;
}

.btv .logo_title.logo_albert:after {
  width: 258px;
  height: 54px;
  background: url(/common/img/vin/btv/albert_ai_logo.png) no-repeat 0 0;
}

.btv .logo_title.logo_albert .bull_list {
  font-size: 14px;
}

.red {
  color: #ff404e !important;
}

.blue {
  color: #3617ce;
}
.txt1.blue {
  color: #3617ce !important;
}
/* 231106 css 수정1 */
.quick_top {
  position: fixed;
  bottom: 144px;
  right: calc(50% - 660px);
  max-width: 1320px;
  width: 100%;
  height: 0;
  visibility: hidden;
}
/* //231106 css 수정1 */
.quick_top .quick_top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 800;
  margin-right: -107px;
  pointer-events: none;
}
/* .quick_top .quick_top-btn {
  display: inline-block;
  width: 102px;
  height: 102px;
  background: url("../img/icon/icon_bus_quick_top.svg") 0 0 no-repeat;
  pointer-events: initial;
} */
/* 240405 TOP 버튼 노출 위치 및 UI 변경 요청 */
.quick_top .quick_top-btn {
  display: flex;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 1px solid #c1c1c1;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  background: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: initial;
}
.quick_top .quick_top-btn::before {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
  background: url("../img/icon/icon_quick_goto_top_240404.png") 0 0 no-repeat;
}
/* //240405 TOP 버튼 노출 위치 및 UI 변경 요청 */
.quick_top .quick_top-btn .navi-text {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  width: 1px;
  height: 1px;
  padding: 0;
  line-height: 1px;
  font-size: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
/* 231103 BW 챗봇 수정 및 Top 버튼 변경 작업 요청 */
.quick_top .quick_top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 800;
  margin-right: -107px;
  pointer-events: none;
}
/* .quick_top .quick_top-btn {
  display: inline-block;
  width: 102px;
  height: 102px;
  background: url("../img/icon/icon_bus_quick_top.svg") 0 0 no-repeat;
  pointer-events: initial;
} */
.quick_top .quick_top-btn .navi-text {
  display: block;
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  margin: -1px;
  width: 1px;
  height: 1px;
  padding: 0;
  line-height: 1px;
  font-size: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
/* //231103 BW 챗봇 수정 및 Top 버튼 변경 작업 요청 */

/* 챗봇 백업
.quick_top {
  position: fixed;
  bottom: 190px;
  left: calc(50% - 580px);
  max-width: 1320px;
  width: 100%;
  height: 0;
  visibility: hidden;
}
.quick_top .quick_top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: 800;
  pointer-events: none;
}
.quick_top .quick_top-btn {
  display: inline-block;
  width: 78px;
  height: 78px;
  background: url("../img/icon/icon_bus_quick_top.svg") 0 0 no-repeat;
  pointer-events: initial;
  background-size: 100% 100%;
}
*/
/* //231018 css수정 1 */
.floating {
  position: fixed;
  bottom: 140px;
  right: 0;
  z-index: 799;
}
.floating .floating-wrap {
  background: #3617ce;
  border-radius: 12px 0 0 12px;
  overflow: hidden;
  height: 88px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px 0 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.floating.close .floating-wrap {
  /* -webkit-transform: scaleX(138px);
          transform: scaleX(138px);
  padding: 0 15px 0 13px; */
}
.floating.close .floating-btn {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  margin-right: 6px;
}
.floating.close .floating-item:not(.counsel) {
  display: none;
  visibility: hidden;
}
.floating.close .floating-item.floating-btn {
  display: block;
  visibility: visible;
}
.floating.close .floating-item.counsel {
  /* font-size: 14px;
  line-height: 20px; */
}
.floating.close .floating-item.counsel:before {
  /* display: block;
  margin: 0 auto 4px; */
}
.floating.close .open_text {
  display: none;
}
.floating .floating-btn {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("../img/icon/icon_arrow_floating_left.svg") 0 0 no-repeat;
  margin-right: 16px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.floating .floating-item {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #ffffff;
  line-height: 32px;
  text-align: center;
}
.floating .floating-item + .floating-item::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #ffffff;
  margin: 0 8px -1px;
}
.floating .floating-item.counsel {
  display: flex;
  align-items: center;
}
.floating .floating-item.counsel .item {
  text-align:left;
}
.floating .floating-item.counsel .item strong {
  font-weight:700;
}
.floating .floating-item.counsel:before {
  content: "";
  display: inline-block;
  min-width: 32px;
  height: 32px;
  background: url("../img/icon/icon_consulting_headset.svg") 0 0 no-repeat;
  vertical-align: bottom;
  margin-right: 8px;
}
.floating.float_one .floating-item {
  /* padding-left:14px; */
}
video {
  vertical-align: top;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-120 {
  margin-bottom: 120px !important;
}

.local_guide-wrap .local_guide-tit {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  padding-bottom: 20px;
  width: 100%;
  border-top: 1px solid #333;
  background: #efefef;
  padding: 20px;
}
.local_guide-wrap .local_guide_con {
  padding-bottom: 50px;
}
.local_guide-wrap .local_guide-content {
  padding-bottom: 60px;
  padding-left: 60px;
}
.local_guide-wrap .local_guide-tag {
  max-width: 150px;
  text-align: center;
  background: #eaeaea;
  border-radius: 19px;
  padding: 7px 20px;
  margin: 30px;
}

@media (max-width: 1320px) {
  body {
    overflow: scroll;
  }
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.scrollHide {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.section {
  position: relative;
  padding: 60px 0 120px 0;
}
.section + .section {
  padding-top: 0;
}

.mibanner {
  padding: 0 0 30px 0;
}

.title_h1 {
  font-size: 90px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -2.25px;
}

/* 240503 수정 */
.title_h2 {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
}
/* //240503 수정 */

.title_h3 {
  font-size: 48px;
  line-height: 68px;
  font-weight: 700;
  letter-spacing: -1.2px;
}

.title_h4 {
  font-size: 40px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: -1px;
}

.title_s1 {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
}

.title_s2 {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
}

.title_s3 {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
}
.title_s4 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: bold;
}

.txt1 {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
}

.txt2 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
}

.txt3 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
}

.txt4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
}

.txt5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
}

.txt6 {
  font-size: 16px;
  line-height: 32px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.txt_big {
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.caption {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
}

.title_s1_stxt {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #797979;
  padding-top: 8px;
  padding-bottom: 30px;
}

.adult_txt {
  padding: 50px 0;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 400;
  color: #000000;
  text-align: center;
  background: #f2f2f2;
}

.divider {
  width: 100%;
  height: 2.2222222222vw;
  background: #e5e4e5;
}
.divider + .section {
  padding-top: 16.6666666667vw;
}

.search_box {
  position: relative;
  width: 600px;
}
.search_box .search_input {
  display: block;
  background: #f2f2f2;
  border-radius: 40px;
  height: 60px;
  padding: 16px 100px 18px 40px;
}

.search_box .search_input::-webkit-input-placeholder {
  color: #797979 !important;
  -webkit-text-fill-color: #797979;
}
.search_box .search_input::-moz-placeholder {
  color: #797979 !important;
  -webkit-text-fill-color: #797979;
}
.search_box .search_input:-ms-input-placeholder {
  color: #797979 !important;
  -webkit-text-fill-color: #797979;
}
.search_box .search_input::-ms-input-placeholder {
  color: #797979 !important;
  -webkit-text-fill-color: #797979;
}
.search_box .search_input::placeholder {
  color: #797979 !important;
  -webkit-text-fill-color: #797979;
}

.search_box .search_input:focus {
  padding: 16px 100px 18px 40px;
  border: 0;
}
.search_box .search_btn {
  display: block;
  font-size: 0;
  background: url("../img/icon/ic_header_search.svg") center center/100%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  right: 24px;
}

.section .detail_tab-wrap {
  width: 100%;
  min-width: 1320px;
}

.detail_tab-wrap.sticky {
  height: 123px;
}
.detail_tab-wrap.sticky .page_tab-header {
  padding-bottom: 30px !important;
}
.detail_tab-wrap.sticky .detail_tab-header {
  width: 1320px;
}
.detail_tab-wrap.sticky .detail-tab_link-wrap {
  background: #ffffff;
  z-index: 10;
  width: 1320px;
}
.detail_tab-wrap .detail_tab-header {
  overflow: hidden;
  padding-bottom: 13px;
  border-bottom: 1px solid #e4e4e4;
}
.detail_tab-wrap .detail-tab_link {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail_tab-wrap.borderbox_tab2 .detail-tab_link {
  justify-content: center;
}
.detail_tab-wrap .detail_tab-cont {
  padding-top: 60px;
}
/* 230615 요금 감면 안내 페이지 추가되어 간격 수정 80px -> 64px */
.detail_tab-wrap .tab_link-btn {
  text-align: center;
  margin-right: 64px;
  line-height: 100%;
}
.detail_tab-wrap .tab_link-btn:last-child {
  margin-right: 0;
}
.detail_tab-wrap .tab_link-btn.active .tab_link:after {
  background-color: #3617ce;
  content: "";
  bottom: -13px;
  left: 0;
  position: absolute;
  height: 4px;
  width: 100%;
}
.detail_tab-wrap .tab_link-btn.active .tab_link-txt {
  color: #3617ce;
}
.detail_tab-wrap .tab_link-btn.active .tab_link-num {
  color: #ffffff;
}
.detail_tab-wrap .tab_link-btn.disabled .tab_link-txt {
  color: #797979;
}
.detail_tab-wrap .tab_link-btn.disabled .tab_link-num {
  background-color: #a9a9a9;
}
.detail_tab-wrap .tab_link {
  font-size: 30px;
  display: inline-block;
  position: relative;
  text-align: center;
}
.detail_tab-wrap .tab_link-txt {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: baseline;
}
.detail_tab-wrap .tab_link-use,
.detail_tab-wrap .tab_link-num {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  padding: 3px 9px;
  border-radius: 15px;
  line-height: 24px;
  margin-left: 10px;
  vertical-align: 4px;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: -0.5px;
  text-align: center;
  font-weight: 700;
  background-color: #3617ce;
}
.detail_tab-wrap .tab_link-use.none,
.detail_tab-wrap .tab_link-num.none {
  background-color: #a9a9a9;
}
.detail_tab-wrap .tab_link-use {
  min-width: 50px;
  font-size: 16px;
}
.detail_tab-wrap .tab_link-icon {
  position: relative;
}
.detail_tab-wrap .tab_link-img {
  width: 72px;
  height: 72px;
}
.detail_tab-wrap .day_count {
  background-color: #ff404e;
  border-radius: 15px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  padding: 5px 10px;
  position: absolute;
  top: 0;
  right: -5px;
}
.detail_tab-wrap .tab_link-point {
  display: block;
}
.detail_tab-wrap .point_num {
  color: #ff9710;
  font-weight: 700;
}
.detail_tab-wrap .detail_tab-item {
  display: none;
  visibility: hidden;
}
.detail_tab-wrap .detail_tab-item.active {
  display: block;
  visibility: visible;
}
.detail_tab-wrap.style1 .detail_tab-header {
  padding-bottom: 0;
  border-bottom: 0;
  position: relative;
}
.detail_tab-wrap.style1 .detail-tab_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail_tab-wrap.style1 .detail-tab_link:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #3617ce;
  position: absolute;
  bottom: 0;
  left: 0;
}
.detail_tab-wrap.style1 .tab_link-btn {
  margin-right: 0;
}
.detail_tab-wrap.style1 .tab_link-btn .tab_link {
  padding: 17px 50px;
  min-height: 66px;
  margin-right: 0;
  font-size: 20px;
  background: #ffffff;
}
.detail_tab-wrap.style1 .tab_link-btn .tab_link:after {
  display: none;
}
.detail_tab-wrap.style1 .tab_link-btn .tab_link .tab_link-use {
  vertical-align: 1px;
}
.detail_tab-wrap.style1 .tab_link-btn.active {
  position: relative;
  padding: 0;
  border-right: 1px solid #3617ce;
  border-left: 1px solid #3617ce;
  border-top: 3px solid #3617ce;
  z-index: 1;
}
.detail_tab-wrap.style1 .tab_link-btn.active .tab_link {
  padding: 14px 49px 18px 49px;
}
.detail_tab-wrap.style1 .tab_link-btn.active .tab_link-txt {
  color: #3617ce;
  font-weight: 700;
}
.detail_tab-wrap.style1 .tab_link-txt {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  font-weight: 500;
  color: #797979;
  display: inline-block;
}
.detail_tab-wrap.style1 .tab_link-txt .tab_link-num {
  vertical-align: top;
}
.detail_tab-wrap.style1 .tab_link-txt .icon {
  padding: 2px 10px;
  border-radius: 14px;
  background-color: #3617ce;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #ffffff;
  margin-left: 6px;
}
.detail_tab-wrap.style1 .detail_tab-item {
  display: none;
  visibility: hidden;
}
.detail_tab-wrap.style1 .detail_tab-item.active {
  display: block;
  visibility: visible;
}
.detail_tab-wrap.tabslide .tab_link-btn {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.detail_tab-wrap.icon-wrap .detail_tab-header {
  padding: 0;
  border: 0;
}
.detail_tab-wrap.icon-wrap .detail_tab-header .detail-tab_link {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.detail_tab-wrap.icon-wrap .tab_link-icon {
  margin-right: 30px;
}
.detail_tab-wrap.icon-wrap .tab_link-btn {
  width: 420px;
  border: 1px solid #d9d9d9;
  padding: 30px 40px;
  border-radius: 12px;
  margin-right: 30px;
}
.detail_tab-wrap.icon-wrap .tab_link-btn:nth-of-type(3) {
  margin-right: 0;
}
.detail_tab-wrap.icon-wrap .tab_link-btn .tab_link {
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.detail_tab-wrap.icon-wrap .tab_link-btn .tab_link::after {
  content: none;
}
.detail_tab-wrap.icon-wrap .tab_link-btn .tab_link-txt {
  -webkit-box-flex: content;
      -ms-flex: content;
          flex: content;
}
.detail_tab-wrap.icon-wrap .tab_link-btn .tab_link-txt-wrap {
  width: 100%;
}
.detail_tab-wrap.icon-wrap .tab_link-btn .tab_link-txt-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail_tab-wrap.icon-wrap .tab_link-btn .tab_link-txt-item:first-child > * {
  font-size: 24px;
  font-weight: bold;
}
.detail_tab-wrap.icon-wrap .tab_link-btn .tab_link-txt-item:last-child {
  color: #000000;
}
.detail_tab-wrap.icon-wrap .tab_link-btn .tab_link-txt-item:last-child .tab_link-txt-tit {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  color: #000000;
}
.detail_tab-wrap.icon-wrap .tab_link-btn .tab_link-txt-item:last-child .tab_link-txt-cont {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.detail_tab-wrap.icon-wrap .tab_link-btn.active {
  border: 2px solid #3617ce;
}
.detail_tab-wrap.icon-wrap .tab_link-btn.active .tab_link-txt-item:last-child {
  color: #000000;
}
.detail_tab-wrap.icon-wrap .tab_link-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail_tab-wrap.icon-wrap .tab_link-txt .tab_link-point {
  font-size: 20px;
}
.detail_tab-wrap.borderbox_tab .detail_tab-header {
  border: 0;
  margin: -20px 0 0 -20px;
  padding-bottom: 0;
}
.detail_tab-wrap.borderbox_tab .detail-tab_link {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.detail_tab-wrap.borderbox_tab .tab_link-btn {
  margin: 20px 0 0 20px;
  width: calc(33.333% - 20px);
}
.detail_tab-wrap.borderbox_tab .tab_link-btn.active .tab_link {
  border: 2px solid #3617ce;
}
.detail_tab-wrap.borderbox_tab .tab_link-btn.active .tab_link::after {
  height: 100%;
  background: none;
  border-radius: 32px;
  bottom: 0;
}
.detail_tab-wrap.borderbox_tab .tab_link-btn.active .tab_link-txt {
  color: #3617ce;
  font-weight: 700;
}
.detail_tab-wrap.borderbox_tab .tab_link-btn.active .tab_link-txt:after {
  background: url("../img/icon/ic-arrow-color.svg") center/cover no-repeat;
  -webkit-transform: translateY(2px) rotate(-90deg);
          transform: translateY(2px) rotate(-90deg);
}
.detail_tab-wrap.borderbox_tab .tab_link {
  height: 100%;
  border: 2px solid #e4e4e4;
  border-radius: 32px;
  padding: 0 18px;
  margin: 0;
  height: 64px;
  text-align: center;
  display: block;
  cursor: pointer;
}
.detail_tab-wrap.borderbox_tab .tab_link-txt {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #797979;
  font-weight: 400;
  line-height: 60px;
}
.detail_tab-wrap.borderbox_tab .tab_link-txt:after {
  background: url("../img/icon/ic-arrow-gray-next.svg") center/cover no-repeat;
  content: "";
  display: inline-block;
  height: 20px;
  margin-left: 2px;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
  width: 20px;
}
.detail_tab-wrap.borderbox_tab2 .borderbox_hd {
  border: 0;
  padding-bottom: 0;
}
.detail_tab-wrap.borderbox_tab2 .borderbox_hd .detail-tab_link {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.detail_tab-wrap.borderbox_tab2 .borderbox_hd .tab_link-btn {
  margin-right: 20px;
  width: auto;
}
.detail_tab-wrap.borderbox_tab2 .borderbox_hd .tab_link-btn.active .tab_link {
  border: 2px solid #3617ce;
}
.detail_tab-wrap.borderbox_tab2 .borderbox_hd .tab_link-btn.active .tab_link::after {
  height: 100%;
  background: none;
  border-radius: 12px;
  bottom: 0;
}
.detail_tab-wrap.borderbox_tab2 .borderbox_hd .tab_link-btn.active .tab_link-txt {
  color: #3617ce;
  font-weight: 700;
}
.detail_tab-wrap.borderbox_tab2 .borderbox_hd .tab_link-btn:last-child {
  margin-right: 0;
}
.detail_tab-wrap.borderbox_tab2 .borderbox_hd .tab_link {
  border: 2px solid #e4e4e4;
  border-radius: 12px;
  padding: 20px 40px;
  margin: 0;
  height: 99px;
  text-align: center;
  display: block;
}
.detail_tab-wrap.borderbox_tab2 .borderbox_hd .tab_link-txt {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  color: #797979;
  font-weight: 400;
}

.d-one_tab-wrap .d-one_tab-header {
  border-top: 2px solid #000000;
  border-bottom: 1px solid #e4e4e4;
  overflow: hidden;
}
.d-one_tab-wrap .d-one_tab-header.d-one_oversize {
  position: relative;
}
.d-one_tab-wrap .d-one_tab-header.d-one_oversize .d-one_bg {
  position: absolute;
  top: 0;
  width: 140px;
  height: 100%;
  background: url("../img/icon/04-icon-etc-ic-arrow-circle.svg") top 50% right 0px no-repeat, url("../img/image/mask_gradation.png");
  cursor: pointer;
  z-index: 10;
  margin: 0;
}
.d-one_tab-wrap .d-one_tab-header.d-one_oversize .d-one_bg::after {
  display: none;
}
.d-one_tab-wrap .d-one_tab-header.d-one_oversize .d-one_bg.swiper-button-prev {
  left: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.d-one_tab-wrap .d-one_tab-header.d-one_oversize .d-one_bg.swiper-button-next {
  right: 0;
}
.d-one_tab-wrap .d-one_tab-header.d-one_oversize .d-one_bg.swiper-button-disabled {
  opacity: 0;
}
.d-one_tab-wrap .d-one_tab-header.d-one_oversize .d-one_tab-link_btn {
  white-space: nowrap;
  width: auto;
}
.d-one_tab-wrap .d-one_tab-link {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 20px 0;
}
.d-one_tab-wrap .d-one_tab-link_btn {
  text-align: center;
}
.d-one_tab-wrap .d-one_tab-link_btn .d-one_tab_link {
  width: 69px;
  height: 34px;
  padding: 4px 18px;
  background: none;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}
.d-one_tab-wrap .d-one_tab-link_btn.active .d-one_tab_link {
  background-color: #303030;
  border-radius: 17px;
}
.d-one_tab-wrap .d-one_tab-link_btn.active .d-one_tab_link-txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #ffffff;
}
.d-one_tab-wrap .d-one_tab-link_btn.disabled .tab_link-txt {
  color: #797979;
}
.d-one_tab-wrap .tab_link {
  font-size: 30px;
  display: inline-block;
  position: relative;
  text-align: center;
}
.d-one_tab-wrap .done_tab_link-txt {
  display: inline-block;
  font-weight: 500;
  height: 100%;
  position: relative;
  vertical-align: baseline;
}
.d-one_tab-wrap .d-one_tab-item {
  display: none;
  visibility: hidden;
  padding-top: 24px;
}
.d-one_tab-wrap .d-one_tab-item.active {
  display: block;
  visibility: visible;
}
.d-one_tab-wrap.tabslide .tab_link-btn {
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.d-two_tab-wrap .d-two_tab-link {
  width: 1236px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.d-two_tab-wrap .d-two_tab_link-btn {
  text-align: center;
  padding: 0 19px;
  margin-bottom: 20px;
  position: relative;
}
.d-two_tab-wrap .d-two_tab_link-btn:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 18px;
  background-color: #e4e4e4;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.d-two_tab-wrap .d-two_tab_link-btn.d-two_tab_link {
  padding: 0 20px;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #797979;
  border-radius: 0;
  background-color: #ffffff;
}
.d-two_tab-wrap .d-two_tab_link-btn .d-two_tab_link-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  line-height: 30px;
  letter-spacing: -0.4px;
  color: #797979;
}
.d-two_tab-wrap .d-two_tab_link-btn.active .d-two_tab_link-txt {
  color: #3617ce;
  text-decoration: underline;
}
.d-two_tab-wrap .d-two_tab-cont {
  padding-top: 40px;
}
.d-two_tab-wrap .d-two_tab-item {
  display: none;
  visibility: hidden;
}
.d-two_tab-wrap .d-two_tab-item.active {
  display: block;
  visibility: visible;
}

.detail_tab-cont.page_tabs.detail_list {
  padding-top: 0;
}
.detail_tab-cont.page_tabs.detail_list .detail_tab-item {
  padding: 60px 0 0;
}

.detail_tab-cont.page_tabs {
  padding-top: 30px;
}
.detail_tab-cont.page_tabs .page_tab-header {
  padding-bottom: 60px;
}
.detail_tab-cont.page_tabs .page-tab_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail_tab-cont.page_tabs .page_tab_link-btn {
  margin-right: 20px;
}
.detail_tab-cont.page_tabs .page_tab_link-btn > a:focus {
  outline: none;
}
.detail_tab-cont.page_tabs .page_tab_link-btn.active .page_tab_link {
  color: #3617ce;
  position: relative;
}
.detail_tab-cont.page_tabs .page_tab_link-btn.active .page_tab_link::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 34px;
  border: 2px solid #3617ce;
  border-radius: 17px;
}
.detail_tab-cont.page_tabs .page_tab_link {
  padding: 4px 18px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  border-radius: 17px;
  line-height: 26px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
}
.detail_tab-cont.page_tabs .page_tab-cont .page_tab-item {
  display: none;
  visibility: hidden;
}
.detail_tab-cont.page_tabs .page_tab-cont .page_tab-item.active {
  display: block;
  visibility: visible;
}

.tolltips {
  margin-top: 3px;
  margin-left: 3px;
  display: inline-block;
  vertical-align: text-bottom;
}
.tolltips .tolltips_btn {
  width: 16px;
  height: 16px;
  background: url("../img/icon/ic_infomation.svg") 0 0/100%;
}
.tolltips.gray .tolltips_btn {
  background: url("../img/icon/ic_infomation_gray.svg") 0 0/100%;
}
.tolltips .tolltips_box {
  display: none;
  position: absolute;
  left: 0;
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #303030;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
  padding: 20px 52px 16px 16px;
  width: 628px;
}
.tolltips .tolltips_box.active {
  display: block;
  background: #ffffff;
  z-index: 9999;
}
.tolltips .tolltips_txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  word-break: break-all;
}
.tolltips .tolltips_close {
  background: url("../img/icon/ic_header_close.svg") 0 0/100%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 16px;
}
.tolltips.square .tolltips_box {
  width: 416px;
  padding: 10px 24px 24px 24px;
  text-align: left;
  right: 10px;
  left: auto;
  top: 40px;
  border: 2px solid #3617ce;
}
.tolltips.square .tolltips_box::before {
  content: "";
  position: absolute;
  top: -15px;
  right: 0;
  display: inline-block;
  width: 50px;
  height: 30px;
  background: transparent;
}
.tolltips.square .tolltips_box .tolltips_title {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 8px;
  color: #000000;
}
.tolltips.square .tolltips_box .tolltips_txt {
  padding-top: 8px;
  padding-bottom: 16px;
}
.tolltips.square .tolltips_box .tolltips_sub-btn {
  display: block;
  margin: 0 auto;
}
.tolltips.square .tolltips_box .tolltips_close {
  right: 24px;
}

.title_s1 .tolltips .tolltips_btn {
  width: 32px;
  height: 32px;
}

.textarea_list {
  max-width: 1188px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.textarea_list .label {
  padding-top: 12px;
}

.textarea {
  max-width: 984px;
  width: 100%;
  height: 312px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  padding: 20px 20px 50px 20px;
}
.textarea.active {
  border-color: #3617ce;
}
.textarea.disabled {
  background-color: #f2f2f2;
}
.textarea textarea::-webkit-scrollbar {
  width: 6px;
}
.textarea textarea::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 3px;
}
.textarea textarea {
  font-size: 16px;
  min-height: 242px;
  width: 100%;
  color: #000000;
  border: none;
  resize: none;
}
.textarea textarea:focus {
  outline: none;
}
.textarea textarea::-webkit-input-placeholder {
  font-size: 16px;
}
.textarea textarea::-moz-placeholder {
  font-size: 16px;
}
.textarea textarea:-ms-input-placeholder {
  font-size: 16px;
}
.textarea textarea::-ms-input-placeholder {
  font-size: 16px;
}
.textarea textarea::placeholder {
  font-size: 16px;
}
.textarea .textarea_txt {
  padding-top: 10px;
  color: #797979;
  font-size: 14px;
  text-align: right;
}

.pull_sub-tit {
  font-size: 90px;
  line-height: 120px;
  font-weight: 700;
  letter-spacing: -2.25px;
  text-align: left;
}

.pull_sub-txt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  text-align: left;
}

.pull_sub-tit-s {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: bold;
  text-align: left;
  line-height: 24px;
}
.pull_sub-tit-s.right {
  position: relative;
}
.pull_sub-tit-s.right .caption {
  position: absolute;
  bottom: 0;
  right: 0;
}
.pull_sub-tit-s + .modal-subt {
  margin-top: 20px;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.pull_sub-tit-ss {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #797979;
  text-align: center;
}

.pull_sub-tit-4s {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  position: relative;
  margin-bottom: 20px;
}
.pull_sub-tit-4s.right .caption {
  position: absolute;
  bottom: 0;
  right: 0;
}

.modal {
  display: none;
  visibility: hidden;
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.modal.readyClose {
  z-index: 1000;
}
[popup-depth="2"] {
  z-index: 1000;
}
[popup-depth="3"] {
  z-index: 1001;
}
[popup-depth="4"] {
  z-index: 1002;
}
[popup-depth="5"] {
  z-index: 1003;
}
.modal.scrollH1 .modal-con {
  max-height: calc(100vh - 426px);
}
.modal.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal .modal-wrap {
  width: 1040px;
}
.modal .modal-content {
  background: #ffffff;
  padding: 40px 36px;
  border-radius: 12px;
  width: 1040px;
  height: auto;
}
.modal.wide .modal-wrap {
  width: 1392px;
}
.modal.wide .modal-content {
  width: 1392px;
}
.modal .modal-content.innersmall .butn_wrap .butn {
  vertical-align: top;
}
.modal .modal-content.innersmall .modal_pull-con {
  padding: 20px 40px 0 40px;
  text-align: center;
}
.modal .modal-content.innersmall .modal_pull-con .inner-modal-title {
  padding-bottom: 20px;
}
.modal .modal-title {
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 30px;
}
.modal .modal-title .modal-title_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
}
.modal .modal-title.center {
  text-align: center;
}
.modal .modal-title.case-01 {
  padding-bottom: 10px;
}
.modal .inner-modal-title {
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 30px;
}
.modal .inner-modal-title .modal-title_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-top: 8px;
}
.modal .inner-modal-title.center {
  text-align: center;
}
.modal .modal-title_sub {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  padding-bottom: 30px;
}
.modal .modal-con {
  width: 100%;
  max-height: calc(100vh - 326px);
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
.modal .modal-con::-webkit-scrollbar {
  width: 6px;
}
.modal .modal-con::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 3px;
}
.modal .modal-subt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px;
}
.modal .modal-subt.flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal .modal-subt.flex-between .caption {
  margin-left: auto;
}
.modal .modal_info-txt-item {
  position: relative;
  padding-left: 12px;
  padding-bottom: 8px;
  color: #797979;
}
.modal .modal_info-txt-item:last-child {
  padding-bottom: 0;
}
.modal .modal_info-txt-item::before {
  content: "";
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background-color: #797979;
  background-size: 4px 4px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.modal .butn_wrap {
  padding-top: 40px;
  padding-bottom: 10px;
}
.modal.small .modal-con {
  border-radius: 12px;
  padding: 40px;
}
.modal.small .modal-inner {
  padding-bottom: 40px;
}
.modal.small .inner_icon {
  width: 17.7777777778vw;
  height: 17.7777777778vw;
  background-size: 100% 100%;
  margin-bottom: 1.3888888889vw;
  display: inline-block;
}
.modal.circle .modal-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 280px;
  height: 280px;
  background-color: #ffffff;
  border-radius: 50%;
}
.modal.circle .modal-inner {
  padding: 72px 40px;
}
.modal.circle .modal-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 280px;
  height: 280px;
  border-radius: 50%;
}
.modal.circle .inner_icon {
  width: 64px;
  height: 64px;
  background-size: 100% 100%;
  margin-bottom: 16px;
  display: inline-block;
  background-color: #ff404e;
  opacity: 0.3;
}
.modal.circle .inner_txt {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
}
.modal .inner-modal-title,
.modal .modal-title {
  outline: none;
}
/* 231030 서비스가능지역 동/호 정렬 추가 */
.modal.auto .modal-wrap {
  text-align: center;
  width: auto;
}
.modal.auto .modal-content {
  padding: 40px 60px;
}
.modal.auto .butn_wrap {
  padding-top: 60px;
}
/* 231030 서비스가능지역 동/호 정렬 End */
.popup {
  width: auto;
  padding: 40px;
}

.popup-title {
  font-size: 40px;
  font-weight: bold;
  line-height: 58px;
  letter-spacing: -1px;
  padding-bottom: 30px;
  border-bottom: 2px solid #000000;
}

.popup-inner-subt {
  font-size: 30px;
  line-height: 42px;
  letter-spacing: -0.75px;
  font-weight: bold;
  padding-bottom: 30px;
}

.popup-inner + .popup-inner {
  margin-top: 60px;
}
.popup-inner + .popup-inner .popup-inner-subtit {
  margin-bottom: 30px;
}
/* 230630 버튼 추가 */
.table_section.relative {
  position: relative;
}
.pop_add_btn {
  position: absolute;
  right: 0;
  top: -124px;
}
.table_section + .table_section {
  margin-top: 40px;
}
.table_section + .table_section.none_table {
  margin-top: 20px;
}
.table_section > .pull_sub-tit-s {
  margin-bottom: 20px;
}

.table_wrap {
  vertical-align: middle;
  width: 100%;
}
.table_wrap.tdleft tbody td {
  text-align: left;
}
.table_wrap.thleft tbody th {
  text-align: left;
}
.table_wrap.tdright tbody td {
  text-align: right;
}
.table_wrap.tdtop tbody td {
  vertical-align: top;
}
.table_wrap.style1 thead th {
  text-align: left;
  background-color: #ffffff;
}
.table_wrap.style1 tbody th {
  background-color: #ffffff;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  font-weight: 700;
  text-align: left;
}
.table_wrap.style1 tbody th:last-child {
  border-right: none;
}
.table_wrap.style1 tbody td {
  text-align: left;
}
.table_wrap.style1 tfoot th {
  background-color: #f2f2f2;
  font-weight: 700;
  text-align: left;
  border-right: 1px solid #e4e4e4;
}
.table_wrap.scrollstyle {
  white-space: nowrap;
  overflow-x: auto;
}
.table_wrap.scrollstyle table {
  width: 1320px;
  table-layout: auto;
}
.table_wrap table {
  font-size: 18px;
  border-top: 2px solid #000000;
}
.table_wrap table thead .middle-th,
.table_wrap table tbody .middle-th,
.table_wrap table tfoot .middle-th,
.table_wrap table td .middle-th,
.table_wrap table th .middle-th {
  background-color: #f2f2f2;
}
.table_wrap table thead .bd-l,
.table_wrap table tbody .bd-l,
.table_wrap table tfoot .bd-l,
.table_wrap table td .bd-l,
.table_wrap table th .bd-l {
  border-left: 1px solid #e4e4e4 !important;
}
.table_wrap table thead .bd-r,
.table_wrap table tbody .bd-r,
.table_wrap table tfoot .bd-r,
.table_wrap table td .bd-r,
.table_wrap table th .bd-r {
  border-right: 1px solid #e4e4e4 !important;
}
.txt-l {text-align: left !important;}
.table_wrap table thead .txt-l,
.table_wrap table tbody .txt-l,
.table_wrap table tfoot .txt-l,
.table_wrap table td .txt-l,
.table_wrap table th .txt-l {
  text-align: left !important;
}
.table_wrap table thead .txt-r,
.table_wrap table tbody .txt-r,
.table_wrap table tfoot .txt-r,
.table_wrap table td .txt-r,
.table_wrap table th .txt-r {
  text-align: right !important;
}
.table_wrap table thead .txt-c,
.table_wrap table tbody .txt-c,
.table_wrap table tfoot .txt-c,
.table_wrap table td .txt-c,
.table_wrap table th .txt-c {
  text-align: center !important;
}
.table_wrap thead th {
  background-color: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  font-weight: 700;
  padding: 20px;
}
.table_wrap thead th:last-child {
  border-right: none;
}
.table_wrap tbody th,
.table_wrap tfoot th {
  padding: 20px;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  color: #000000;
  font-weight: 700;
}
.table_wrap tbody th:last-child,
.table_wrap tfoot th:last-child {
  border-right: 0;
}
.table_wrap tbody th.graybg,
.table_wrap tfoot th.graybg {
  background-color: #f2f2f2;
}
.table_wrap tbody td,
.table_wrap tfoot td {
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  color: #797979;
  padding: 20px;
  text-align: center;
}
.table_wrap tbody td:last-child,
.table_wrap tfoot td:last-child {
  border-right: none;
}
.table_wrap tfoot th {
  background-color: #f2f2f2;
  padding: 20px;
}
.table_wrap.footer-table table {
  font-size: 16px;
}
.table_wrap.footer-table table thead th,
.table_wrap.footer-table table tbody td,
.table_wrap.footer-table table tfoot th,
.table_wrap.footer-table table tfoot td {
  padding: 20px;
}
.table_wrap.thgray tbody th {
  background-color: #f2f2f2;
}
#radioRow_06 {
  display: none;
}

.table_dot_list {
  text-align: left;
}
.table_dot_list.ft14 {
  margin-top: 20px;
}
.table_dot_list .table_dot_item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  margin-bottom: 4px;
  padding-left: 14px;
  text-indent: -14px;
}
.table_dot_list .table_dot_item::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a9a9a9;
  margin-right: 10px;
  vertical-align: middle;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.table_dot_list .table_dot_item:last-child {
  margin-bottom: 0;
}

.board_list-contain {
  width: 1320px;
  margin: 0 auto;
  overflow: auto;
}
.board_list-contain .board_list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.board_list-contain .board_list-wrap .board_list:nth-child(4n) {
  margin: 0;
}
.board_list-contain .board_list-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 26px;
  position: relative;
}
.board_list-contain .board_list-title.logo {
  padding-left: 56px;
}
.board_list-contain .board_list-title.logo::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  background: url("../img/icon/ic_btvinfo.svg");
  background-repeat: no-repeat;
  background-size: 48px 48px;
  width: 48px;
  height: 48px;
}
.board_list-contain .board_list {
  width: 312px;
  margin-right: 24px;
  padding-bottom: 60px;
}
.board_list-contain .board_list .board_list-thumb {
  height: 176px;
  background-color: #f2f2f2;
  position: relative;
}
.board_list-contain .board_list .board_list-thumb img {
  width: 100%;
}
.board_list-contain .board_list-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.board_list-contain .board_list-cont {
  font-size: 16px;
  color: #797979;
  text-align: center;
  padding: 12px 26px 0 26px;
}
.board_list-contain .board_list.guide {
  padding-bottom: 0;
}
.board_list-contain .board_list.guide .guide_btn-wrap {
  width: 100%;
  height: 48px;
  border-radius: 6px;
  background-color: #f2f2f2;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board_list-contain .board_list.guide .guide_btn-wrap .guide_btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  font-size: 16px;
  font-weight: 700;
}
.board_list-contain .board_list.guide .guide_btn-wrap .guide_btn:first-child {
  border-right: 1px solid #d9d9d9;
  height: 24px;
  margin: auto 0;
}

.none_info {
  width: 920px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 500;
  background: url("../img/icon/ic_alert_big.svg") center top 30px no-repeat;
  background-repeat: no-repeat;
  background-size: 64px 64px;
  color: #303030;
  text-align: center;
  padding-top: 104px;
  padding-bottom: 30px;
}
.none_info.black {
  color: #000000;
}
.none_info.search {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding-top: 120px;
}
.none_info-title {
  text-align: center;
  margin-bottom: 24px;
}
.none_info-subt {
  text-align: center;
}
.none_info.large {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  background: url("../img/icon/ic_alert_big.svg") center top 60px/160px no-repeat;
  padding-top: 250px;
  padding-bottom: 120px;
}
.none_info .none_info_stxt {
  display: block;
  padding-top: 24px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.info_box-list {
  border-top: 2px solid #000000;
}
.info_box-list .info_box .info_tit {
  border-top: 0;
}
.info_box .info_tit {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  background-color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  padding: 23px 20px;
  position: relative;
  text-align: left;
  width: 100%;
  overflow: hidden;
}
.info_box li .info_tit {
  border-bottom: 0 none;
}
ul.acdArea li + li:last-child .info_tit {
  border-bottom: 1px solid #e4e4e4;
}
.info_box .info_tit:after {
  background: url("../img/icon/ic-arrow-normal.svg") center/cover no-repeat;
  content: "";
  display: inline-block;
  height: 20px;
  position: absolute;
  top: 50%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  right: 20px;
  width: 20px;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.info_box .info_tit.active {
  border-bottom: 1px solid #e4e4e4;
}
.info_box .info_tit.active:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.info_box .info_tit.active i.icon {
  background-color: #3617ce;
}
.info_box .info_tit i.icon {
  margin-right: 20px;
  background-color: #919191;
  padding: 5px 11px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.87);
  width: 30px;
  height: 30px;
  display: inline-block;
}
.info_box .info_panel {
  background-color: #f2f2f2;
  font-size: 16px;
  height: 100%;
  padding: 30px;
  display: none;
  visibility: hidden;
}
.info_box .info_panel.white {
  background-color: #ffffff;
}
.info_box .info_txt-bigtit {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: -0.45px;
  color: #797979;
  color: #000000;
  padding-bottom: 20px;
}
.info_box .info_txt {
  font-size: 16px;
}
.info_box .info_txt + .info_txt-bigtit {
  margin-top: 40px;
}
.info_box .info_txt + .info_txt {
  margin-top: 30px;
}
.info_box .info_txt-tit {
  display: block;
  margin-bottom: 10px;
  font-weight: 700;
}
.info_box .info_txt-list .info_txt-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  position: relative;
  word-break: break-all;
}
.info_box .info_txt-list .info_txt-item .txt_s {
  font-size: 14px;
  color: #797979;
}
.info_box .info_txt-list .info_txt-item:after {
  background-color: #a9a9a9;
  content: "";
  left: 0;
  position: absolute;
}
.info_box .info_txt-list .info_txt-item .info_txt-list .info_txt-item + .info_txt-item {
  margin-top: 0px;
}
.info_box .info_txt-list.circle > .info_txt-item {
  padding-left: 12px;
}
.info_box .info_txt-list.circle > .info_txt-item + .info_txt-item {
  margin-top: 10px;
}
.info_box .info_txt-list.circle > .info_txt-item:after {
  border-radius: 50%;
  top: 11px;
  height: 4px;
  width: 4px;
}
.info_box .info_txt-list.hyphen > .info_txt-item {
  margin-top: 8px;
  padding-left: 10px;
}
.info_box .info_txt-list.hyphen > .info_txt-item:after {
  top: 10px;
  height: 1.5px;
  width: 4.5px;
}
.info_box .info_txt-link {
  font-weight: 500;
  position: relative;
  display: inline-block;
  color: #000000;
  text-decoration: underline;
}
.info_box .info_txt-link:after {
  background-color: #000000;
  bottom: 2px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
}
.info_box .info_txt-link.block {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.info_box .info_bottom_btn {
  margin-top: 24px;
}
.info_box a {
  color: inherit;
}

.badge_wrap {
  font-size: 0;
}

.badge {
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  line-height: 20px;
  padding: 2px 6px;
  margin-right: 8px;
  vertical-align: top;
}
.badge:last-child {
  margin-right: 0;
}
.badge.blue {
  background-color: #3617ce;
}
.badge.orange {
  background-color: #ff9710;
}
.badge.dark {
  background-color: #303030;
}
.badge.red {
  background-color: #ff404e;
}

.input_list {
  width: 690px;
}
.input_list .input_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input_list .input_box:last-child {
  padding-bottom: 0;
}
.input_list + .butn_wrap {
  padding-top: 60px;
}

.butn.address_btn {
  height: 48px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #303030;
  margin-left: 8px;
  vertical-align: bottom;
  min-width: 100px;
}

.input_box {
  width: 100%;
}
.input_box.three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input_box.three label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.input_box.three .input_inner {
  width: 158px;
  margin-left: 8px;
}
.input_box.three .input_inner:nth-of-type(1) {
  margin-left: 0;
}
.input_box.half {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input_box.half .input_inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 8px);
          flex: 0 0 calc(50% - 8px);
}
.input_box.half_l {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.input_box.half_l .input_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.input_box.half_l .input_inner .selectbox {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 111px;
          flex: 0 1 111px;
}
.input_box.half_l .input_inner .input_typing {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(100% - 122px);
          flex: 0 1 calc(100% - 122px);
  margin-left: 8px;
}
.input_box.half_l .input_inner .inpu_txt {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}
.input_box.half_r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input_box.half_r .input_inner {
  min-width: 0;
}
.input_box.half_r .input_inner:nth-of-type(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 70.122%;
          flex: 0 1 70.122%;
}
.input_box.half_r .input_inner:nth-of-type(2) {
  margin-left: 2.439%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 27.439%;
          flex: 0 1 27.439%;
}
.input_box .half_sel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input_box .half_sel div {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 4px);
          flex: 0 1 calc(50% - 4px);
}
.input_box .half_sel div:nth-of-type(2) {
  margin-left: 8px;
}

.input_box .input_phone {
  height:48px; line-height:48px; display:inline-block; vertical-align:top;
}
.input_box .input_phone.type01 {
  width:180px;
}
.input_box .input_phone.type01 input{letter-spacing:10px; padding:12px;}

.input_box .input_phone.type02 {
  width:50px; 
  text-align:center;
}
.input_box .input_phone.type02 .inr_txt1 {
  font-size: 30px;
}

.input_box .input_phone.type03 {
  width:41px;
}
.input_box .input_phone.type03 input{padding:12px;}

.input_box .input_phone.type04 {
  width:20px;
}
.input_box .input_phone.type04 .inr_txt2 {
  letter-spacing:10px; color:#797979;
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
  padding: 0 10px;
}

.label {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 12px;
}
.label.hide {
  font-size: 0;
  padding: 0;
}
.label.req:after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  margin-top: 5px;
  width: 10px;
  height: 10px;
  vertical-align: top;
  background: url("../img/icon/ic_star.svg") center center/100%;
}

.input_inner {
  position: relative;
  display: inline-block;
  width: 490px;
}
.input_inner input[type=number]::-webkit-outer-spin-button,
.input_inner input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input_inner input[type=text],
.input_inner input[type=password],
.input_inner input[type=search],
.input_inner input[type=number],
.input_inner input[type=num],
.input_inner input[type=date] {
  font-size: 16px;
  height: 48px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  border-radius: 6px;
  width: 100%;
  padding: 12px;
  padding-right: 40px;
  color: #000000 !important;
}
.input_inner input[type=text]::-ms-clear,
.input_inner input[type=password]::-ms-clear,
.input_inner input[type=search]::-ms-clear,
.input_inner input[type=number]::-ms-clear,
.input_inner input[type=num]::-ms-clear,
.input_inner input[type=date]::-ms-clear {
  display: none;
}
.input_inner input[type=text]:focus,
.input_inner input[type=password]:focus,
.input_inner input[type=search]:focus,
.input_inner input[type=number]:focus,
.input_inner input[type=num]:focus,
.input_inner input[type=date]:focus {
  border-color: #3617ce;
}
.input_inner input[type=text]:disabled,
.input_inner input[type=password]:disabled,
.input_inner input[type=search]:disabled,
.input_inner input[type=number]:disabled,
.input_inner input[type=num]:disabled,
.input_inner input[type=date]:disabled {
  color: #a9a9a9 !important;
  border-color: #d9d9d9;
  background-color: #f2f2f2;
}
.input_inner input[type=text].datepicker,
.input_inner input[type=password].datepicker,
.input_inner input[type=search].datepicker,
.input_inner input[type=number].datepicker,
.input_inner input[type=num].datepicker,
.input_inner input[type=date].datepicker {
  padding-right: 45px;
  background-image: url(../img/icon/ic_calendar.svg);
  background-position: 97% 7px;
  background-repeat: no-repeat;
  background-size: 28px 28px;
}
.input_inner .input_clear {
  background: url("../img/icon/ic_clear.svg") 0 0/100%;
  width: 28px;
  height: 28px;
  display: none;
  position: absolute;
  right: 12px;
  top: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.input_inner.wrong input:focus {
  border-color: #ff404e;
}
.input_inner.wrong + .input_txt {
  color: #ff404e;
}
.input_inner.wrong .input_txt {
  color: #ff404e;
}
.input_inner.datepicker-box {
  width: 200px;
}

.input_txt {
  font-size: 14px;
  padding: 12px 0 0 12px;
  color: #797979;
  display: block;
}

.input_inner_text {
  font-size: 5.5555555556vw;
  letter-spacing: 3.3333333333vw;
  padding: 3.8888888889vw 0 0 3.3333333333vw;
}

.input_security {
  position: relative;
  border: 0.2777777778vw solid #000000;
  border-radius: 1.6666666667vw;
  padding: 2.2222222222vw 12.2222222222vw 2.2222222222vw 2.2222222222vw;
  margin-bottom: 4.4444444444vw;
}
.input_security .input_security-box {
  width: 76.6666666667vw;
}
.input_security .input_security-reset {
  position: absolute;
  right: 2.2222222222vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 7.7777777778vw;
  height: 7.7777777778vw;
  background: url("../img/icon/ic_return.svg") 0 0/100%;
}

/* select */
.selectbox {
  position: relative;
  background: #ffffff;
  font-size: 16px;
  border-radius: 6px;
  height: 48px;
}
.selectbox.round {
  border-radius: 30px;
  height: 60px;
  margin-right: 10px;
  min-width: 176px;
  display: inline-block;
}
.selectbox.round .btn_selectbox {
  border: 1px solid #e4e4e4;
  border-radius: 30px;
  font-size: 18px;
  height: 60px;
  padding: 0 54px 0 40px;
  color: #000000;
}
.selectbox.round .btn_selectbox:after {
  top: 19px;
  right: 24px;
}
.selectbox.round .btn_selectbox-selected {
  border-bottom: 0;
  border-color: #3617ce;
  border-radius: 30px 30px 0 0;
  color: #000000;
}
.selectbox.round .combobox {
  border-radius: 0 0 30px 30px;
  max-height: 251px;
  padding-bottom: 30px;
  overflow: hidden;
}
.selectbox.round .combobox_option {
  line-height: 1;
}
.selectbox.round .combobox_option > button,
.selectbox.round .combobox_option > a {
  padding: 0 39px;
  line-height: 40px;
  font-size: 18px;
}
.selectbox.round .combobox_option > button:hover,
.selectbox.round .combobox_option > a:hover {
  background-color: #f2f2f2;
  color: #3617ce;
}
.selectbox.round.type2 {
  min-width: 218px;
}
.selectbox .selectOpen {
  z-index: 10;
}
.selectbox .btn_selectbox {
  text-align: left;
  font-size: 16px;
  height: 48px;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  border-radius: 6px;
  width: 100%;
  padding: 0 42px 0 12px;
  /* color: #919191; */
  color: #000000;
}
.selectbox .btn_selectbox-selected {
  border-bottom: 0;
  border-color: #3617ce;
  border-radius: 6px 6px 0 0;
  color: #000000;
}
.selectbox .btn_selectbox::-webkit-input-placeholder {
  color: #919191 !important;
}
.selectbox .btn_selectbox::-moz-placeholder {
  color: #919191 !important;
}
.selectbox .btn_selectbox:-ms-input-placeholder {
  color: #919191 !important;
}
.selectbox .btn_selectbox::-ms-input-placeholder {
  color: #919191 !important;
}
.selectbox .btn_selectbox::placeholder {
  color: #919191 !important;
}
.selectbox .btn_selectbox.disabled {
  border-color: #d9d9d9;
  background-color: #f2f2f2;
  color: #797979;
}
.selectbox .btn_selectbox.disabled:focus {
  border-color: #d9d9d9;
}
.selectbox .btn_selectbox:focus {
  border-color: #3617ce;
}
.selectbox .btn_selectbox::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 16px;
  background: url("../img/icon/ic_arrow_normal.svg") 0 0/100%;
}
.selectbox .combobox {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  min-width: 1px;
  max-height: 217px;
  overflow-y: auto;
  background-color: #ffffff;
  z-index: 10;
  padding-bottom: 11px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #3617ce;
  border-top: 0;
}
.selectbox .combobox_option {
  line-height: 1;
}
.selectbox .combobox_option > button,
.selectbox .combobox_option > a {
  font-size: 16px;
  padding: 0 11px;
  line-height: 40px;
  font-weight: normal;
  display: block;
  width: 100%;
  text-align: left;
  color: #797979;
}
.selectbox .combobox_option > button:hover,
.selectbox .combobox_option > a:hover {
  background-color: #f2f2f2;
  color: #3617ce;
}

/* checkbox */
.checkbox_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.checkbox_wrap > .checkbox {
  margin-right: 30px;
}
.checkbox_wrap > .checkbox:last-child {
  margin-right: 0;
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.checkbox label {
  word-break: break-all;
  padding-left: 36px;
  position: relative;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  color: #797979;
}
.checkbox input[type=checkbox] {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.checkbox input[type=checkbox] + label {
  cursor: pointer;
}
.checkbox input[type=checkbox] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  width: 24px;
  height: 24px;
}
.checkbox input[type=checkbox] + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
  background: url("../img/icon/ic_check_white.svg") center center no-repeat;
  background-size: 16.5px 12.5px;
  width: 0;
  height: 0;
}
.checkbox input[type=checkbox]:checked + label::before {
  border: none;
  background-color: #3617ce;
}
.checkbox input[type=checkbox]:checked + label:after {
  border: 1px solid #3617ce;
  width: 24px;
  height: 24px;
}
.checkbox input[type=checkbox]:disabled + label {
  cursor: inherit;
}
.checkbox input[type=checkbox]:disabled + label::before {
  background-color: #f2f2f2;
  border-color: #d9d9d9;
}
.checkbox.line2 label {
  height: auto;
  line-height: 5.5555555556vw;
}
.checkbox.gray label {
  color: #797979;
}

/* radio */
.radio_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.radio_wrap > .radio {
  margin-right: 30px;
}
.radio_wrap > .radio:last-child {
  margin-right: 0;
}

.radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.radio.single {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.radio.single label {
  font-size: 0;
  padding-left: 24px;
}
.radio label {
  padding-left: 30px;
  position: relative;
  height: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #797979;
}
.radio.represent .badge {
  position: absolute;
  left: 32px;
  margin-right: 0;
}
.radio.represent label {
  padding-left: 76px;
}
.radio input[type=radio] {
  width: 0;
  height: 0;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}
.radio input[type=radio] + label {
  cursor: pointer;
}
.radio input[type=radio] + label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.radio input[type=radio] + label::after {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  content: "";
  background: #3617ce;
  border-radius: 50%;
  width: 0;
  height: 0;
}
.radio input[type=radio]:active + label::before {
  border-color: #3617ce;
}
.radio input[type=radio]:focus + label::before {
  border-color: #3617ce;
}
.radio input[type=radio]:checked + label::before {
  border-color: #3617ce;
}
.radio input[type=radio]:checked + label::after {
  width: 14px;
  height: 14px;
}
.radio input[type=radio]:checked:disabled + label::before {
  background: #f2f2f2;
  border-color: #d9d9d9;
}
.radio input[type=radio]:checked:disabled + label::after {
  background: #d9d9d9;
}
.radio input[type=radio]:disabled + label {
  cursor: inherit;
}
.radio input[type=radio]:disabled + label::before {
  background: #f2f2f2;
  border-color: #d9d9d9;
}

.butn_wrap {
  text-align: center;
}
.butn_wrap.align_r {
  text-align: right;
}
.butn_wrap.right-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.butn_wrap.left-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.butn {
  border-radius: 6px;
  font-weight: 500;
  padding: 0 40px;
  display: inline-block;
  vertical-align: top;
}
.butn ~ .butn {
  margin-left: 8px;
}
.butn ~ .butn:first-child {
  margin-left: 0;
}
.butn.solid {
  background-color: #3617ce;
  color: #ffffff;
}
.butn.solid.disabled {
  background-color: #c1c1c1;
}
.butn.outline {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #a9a9a9;
}
.butn.outline.orange {
  border-color: #3617ce;
  color: #303030;
}
.butn.outline > a {
  color: #000000;
}
.butn.outline.disabled {
  border-color: #c1c1c1;
  color: #a9a9a9;
}
.butn.link {
  font-size: 14px;
  height: 20px;
  position: relative;
  color: #000000;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
}
.butn.link:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_arrow_right2.svg") 0 0/100%;
  vertical-align: text-bottom;
}
.butn.medium.arrow {
  padding-right: 14px;
}
.butn.arrow:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_arrow_right2.svg") 0 0/100%;
  vertical-align: text-bottom;
}
span.butn.link:after {
  display: none;
}
.modal .butn.link:after {
  position: absolute;
  top: 0;
  right: -20px;
}
.butn.type_round.link {
  position: relative;
  padding:4px 28px 5px 16px;
  height: 30px;
  font-size: 15px;
  border: 1px solid #F2F2F2;
  border-radius: 30px;
  color: #797979;
}
.butn.type_round.link:after {
  position: absolute;
  top: 9px;
  right: 16px;
  width: 7px;
  height: 11px !important;
  background: url("../img/icon/ico_small_arrow_gray.png") 0 0/100% no-repeat !important;
}
.footer-wrap .butn.type_round.link {
  margin-left: 15px;
  margin-top: 16px;
}
.butn.link ~ .link {
  margin-left: 16px;
}

.butn.link.big {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
}
.butn.link.gray:after {
  background: url("../img/icon/ico_arrow_02.svg") center center/100% 100%;
  background-repeat: no-repeat;
  background-size: 7px 13px;
  padding: 6.5px 3.5px;
  height: 20px;
  vertical-align: text-bottom;
}
.butn.hide_info-btn {
  width: 210px;
  height: 50px;
  border-radius: 25px;
  -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  position: relative;
  padding: 13px 27px 13px 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.butn.hide_info-btn i.hide_info-icon {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  cursor: pointer;
}
.butn.hide_info-btn .tolltips_btn {
  background: none;
}
.butn.white {
  padding: 0;
}
.butn.white::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 17px;
  content: "";
  background: url("../img/icon/ic-lock.svg") center center/100% 100%;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.butn.assist-b {
  background-color: #797979;
  border: none;
  padding: 0 40px;
  color: #ffffff;
}
.butn.assist-b.basic {
  min-width: 164px;
}
.butn.assist {
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  padding: 0 20px;
  color: #303030;
}
.butn.download.basic {
  min-width: 172px;
}
a.butn.download{
  line-height: 38px !important;
}
a.butn.basic.download{
  line-height: 54px !important;
}
.butn.download {
  border: 1px solid #a9a9a9;
  background-color: #ffffff;
}
.butn.download::before {
  content: "";
  display: inline-block;
  background: url("../img/icon/ic_download.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
}
.butn.more_btn {
  min-width: 1px !important;
}
.butn.more_btn:after {
  content: "";
  display: inline-block;
  background: url("../img/icon/ic-arrow-normal.svg") 0 0 no-repeat;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  vertical-align: sub;
}
.butn.print.basic {
  min-width: 172px;
}
.butn.print {
  border: 1px solid #a9a9a9;
  background-color: #ffffff;
}
.butn.print::before {
  content: "";
  display: inline-block;
  background: url("../img/icon/ic_print.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
}
.butn.txt {
  font-size: 16px;
  color: #3617ce;
  font-weight: 500;
  text-decoration: underline;
  border-radius: 0;
  padding: 0;
}
.butn.large {
  font-size: 22px;
  height: 64px;
  line-height: 64px;
  min-width: 240px;
  padding: 0 40px;
}
.butn.basic {
  font-size: 18px;
  height: 56px;
  line-height: 56px;
  min-width: 200px;
  padding: 0 40px;
}
.butn.medium {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  min-width: 100px;
}
.butn.small {
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  min-width: 70px;
}
.butn .pipe {
  background-color: #a9a9a9;
  display: inline-block;
  margin: 0 16px -3px;
  height: 20px;
  width: 2px;
}
.down_butn_wrap.r_type {
  text-align: right;
  padding-right: 10px;
}
.sm-cont-item-wrap + .down_butn_wrap {
  margin-top: 20px;
}

#sm_mainmodal .specific-case1 .text_02 {
  display:none;
}
#sm_mainmodal .specific-case1.visible .text_01 {
  display:none;
}
#sm_mainmodal .specific-case1.visible .text_02 {
  display:inline;
}

.pagination_list-wrap {
  height: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagination_list-wrap .paging-wrap {
  padding: 0 30px;
}
.pagination_list-wrap .page_btn-icon {
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}
.pagination_list-wrap .page_btn-icon.gray.prev_btn-faster {
  background: url("../img/icon/ic-arrow-gray-prev-double.svg") no-repeat 0 0;
}
.pagination_list-wrap .page_btn-icon.gray.prev_btn {
  background: url("../img/icon/ic-arrow-gray-prev.svg") no-repeat 0 0;
}
.pagination_list-wrap .page_btn-icon.gray.next_btn {
  background: url("../img/icon/ic-arrow-gray-next.svg") no-repeat 0 0;
}
.pagination_list-wrap .page_btn-icon.gray.next_btn-faster {
  background: url("../img/icon/ic-arrow-gray-next-double.svg") no-repeat 0 0;
}
.pagination_list-wrap .page_btn-icon.black.prev_btn-faster {
  background: url("../img/icon/ic-arrow-prev-double.svg") no-repeat 0 0;
}
.pagination_list-wrap .page_btn-icon.black.prev_btn {
  background: url("../img/icon/ic-arrow-prev.svg") no-repeat 0 0;
}
.pagination_list-wrap .page_btn-icon.black.next_btn {
  background: url("../img/icon/ic-arrow-next.svg") no-repeat 0 0;
}
.pagination_list-wrap .page_btn-icon.black.next_btn-faster {
  background: url("../img/icon/ic-arrow-next-double.svg") no-repeat 0 0;
}
.pagination_list-wrap .pagination_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pagination_list-wrap .pagination_list .paging_num {
  margin-right: 30px;
  position: relative;
}
.pagination_list-wrap .pagination_list .paging_num .pagination {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: normal;
  color: #919191;
}
.pagination_list-wrap .pagination_list .paging_num .pagination.active {
  color: #000000;
  font-weight: 700;
}
.pagination_list-wrap .pagination_list .paging_num .pagination.active::after {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -2px;
  content: "";
  width: 17px;
  height: 3px;
  background-color: #3617ce;
}
.pagination_list-wrap .pagination_list .paging_num:last-child {
  margin: 0;
}

.ui-datepicker {
  width: 346px;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
}
.ui-datepicker .ui-widget-header {
  background: #ffffff;
  border: none;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title {
  font-size: 18px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title span {
  font-size: 18px;
  font-weight: 700;
}
.ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-month::after {
  content: "월";
  font-size: 18px;
  font-weight: 400;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev,
.ui-datepicker .ui-widget-header .ui-datepicker-next {
  top: 6px;
  width: 20px;
  height: 20px;
  background: url(../img/icon/ic_arrow_right.svg) center center no-repeat;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev {
  left: 16px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev:hover {
  border: none;
  top: 6px;
  left: 16px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next {
  right: 16px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next:hover {
  border: none;
  top: 6px;
  right: 16px;
}
.ui-datepicker th {
  width: 36px;
  height: 36px;
  font-size: 14px;
  color: #a9a9a9;
  font-weight: 400;
}
.ui-datepicker td {
  width: 46px;
  height: 36px;
  padding: 0 5px;
}
.ui-datepicker td .ui-state-default {
  position: relative;
  padding: 0;
  height: 36px;
  line-height: 36px;
  border-radius: 12px;
  text-align: center;
  border: none;
  background: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-datepicker td .ui-state-default:hover {
  background: #fff4e5;
}
.ui-datepicker td .ui-state-active {
  color: #ff9710;
  background: #fff4e5;
}
.ui-datepicker td.ui-datepicker-today .ui-state-default::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background: #ff9710;
}

input[data-toggle^=datepicker] {
  background-image: url("../img/icon/ic_calendar.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
}

.datepicker-container {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  padding: 16px;
  border-radius: 12px;
  font-size: 14px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 328px;
  z-index: -1;
}
.datepicker-dropdown {
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  z-index: 1;
}
.datepicker-inline {
  position: static;
}
.datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px;
}
.datepicker-top-left::before, .datepicker-top-right::before {
  border-bottom-color: #ff9710;
}
.datepicker-top-left::after, .datepicker-top-right::after {
  border-bottom-color: #ffffff;
  top: -4px;
}
.datepicker-bottom-left, .datepicker-bottom-right {
  border-bottom-color: #ff9710;
}
.datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}
.datepicker-bottom-left::before, .datepicker-bottom-right::before {
  border-top-color: #ff9710;
}
.datepicker-bottom-left::after, .datepicker-bottom-right::after {
  border-top-color: #ffffff;
  bottom: -4px;
}
.datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
  left: auto;
  right: 10px;
}
.datepicker-panel .header-ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  margin-bottom: 18px;
  height: 26px;
}
.datepicker-panel .header-ul > li {
  margin: 0;
}
.datepicker-panel .header-ul > li[data-view="month current"]:after {
  content: "";
  display: inline-block;
  background: url("../img/icon/ic_header_arrow.svg") 0 0 no-repeat;
  background-size: 100% auto;
  width: 7px;
  height: 5px;
  margin-left: 8px;
  vertical-align: middle;
}
.datepicker-panel .header-ul > li[data-view="month current"], .datepicker-panel .header-ul > li[data-view="years current"], .datepicker-panel .header-ul > li[data-view="year current"] {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  width: auto;
}
.datepicker-panel .header-ul > li[data-view="month current"]:hover, .datepicker-panel .header-ul > li[data-view="years current"]:hover, .datepicker-panel .header-ul > li[data-view="year current"]:hover {
  background: #ffffff;
}
.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.datepicker-panel > ul[data-view=days] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.datepicker-panel > ul > li {
  background-color: #ffffff;
  cursor: pointer;
  list-style: none;
  padding: 0;
  text-align: center;
  border-radius: 12px;
}
.datepicker-panel > ul > li:hover {
  background-color: #fff4e5;
}
.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
  color: #d9d9d9;
}
.datepicker-panel > ul > li.highlighted {
  position: relative;
  color: inherit;
}
.datepicker-panel > ul > li.highlighted:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 3px;
  left: 52%;
  -webkit-transform: translateX(-52%);
          transform: translateX(-52%);
  background-color: #ff9710;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  color: #ff9710;
  background-color: #fff4e5;
}
.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
  background-color: #ffffff;
  cursor: default;
  color: #d9d9d9 !important;
}
.datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view=next] {
  font-size: 0;
  width: 20px;
  height: 20px;
  background: url(../img/icon/ic_arrow_right.svg) center center no-repeat;
}
.datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] {
  width: 150px;
}
.datepicker-panel > ul[data-view=years], .datepicker-panel > ul[data-view=months] {
  padding: 12px 0 14px;
}
.datepicker-panel > ul[data-view=years] > li, .datepicker-panel > ul[data-view=months] > li {
  height: 40px;
  line-height: 40px;
  width: 78px;
  margin: 0 15.5px 16px;
  color: #797979;
  font-size: 16px;
  font-weight: 500;
}
.datepicker-panel > ul[data-view=years] > li.picked, .datepicker-panel > ul[data-view=months] > li.picked {
  color: #ff9710;
}
.datepicker-panel > ul[data-view=days] > li {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 12px;
  margin: 0 5px;
  font-size: 14px;
}
.datepicker-panel > ul[data-view=week] > li {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 12px;
  margin: 0 5px;
  font-size: 14px;
  background-color: #ffffff;
  cursor: default;
  color: #a9a9a9;
}
.datepicker-panel > ul[data-view=week] > li:hover {
  background-color: #ffffff;
  cursor: default;
  color: #a9a9a9;
}
.datepicker-hide {
  display: none;
}

.header {
  position: relative;
  width: 100%;
  height: 113px;
  z-index: 800;
}
.header .search_mark {
  color: #3617ce !important;
}
.header .new-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  margin-left: 8px;
  margin-top: 0;
  background: url("../img/icon/icon_new.svg") 0 0/100% 100% no-repeat;
  font-size: 0;
}
.header.bz .gnb {
  text-align: left;
  padding-left: 264px;
}
.header.bz .two_depth-list .two_depth-item > a {
  padding-left: 0;
}
.header.bz .two_depth-list .two_depth-item > a::before {
  display: none;
}
.header.english .gnb {
  padding-left: 294px;
}
.header.english .gnb .one_depth-item {
  padding: 0;
}
.header.english .gnb .one_depth-item:nth-child(2) {
  padding: 0 160px;
}
.header.english .gnb .two_depth-wrap {
  padding: 18px 0 50px 294px;
}
.header.english .gnb .two_depth-wrap .two_depth-tit .tit {
  font-size: 30px;
  white-space: nowrap;
}
.header.english .all_menu .one_depth-list .one_depth-item {
  padding-left: 294px;
}
.header.english .all_menu .one_depth-list .one_depth-item .tit {
  padding-left: 0;
}
.header.english .two_depth-list .two_depth-item {
  min-width: calc((100% - 72px) / 4);
  margin-right: 24px;
}
.header.english .two_depth-list .two_depth-item:nth-child(5n) {
  margin-right: 24px;
}
.header.english .two_depth-list .two_depth-item:nth-child(4n) {
  margin-right: 0;
}
.header .header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1320px;
  text-align: center;
  height: 113px;
}
.header .header_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  min-width: 1320px;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #ffffff;
  z-index: 0;
}
.header .header_wrap.hover::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.7;
  z-index: -1;
}
.header .header_wrap.fixed {
  border-bottom: 1px solid #e4e4e4;
}
.header .header_wrap-box {
  position: relative;
  display: inline-block;
  width: 1320px;
  height: 100%;
}
.header .logo_wrap {
  position: absolute;
  top: 23px;
  left: 0;
  z-index: 1;
}
.header .two_depth-list {
  font-size: 0;
}
.header .two_depth-list .two_depth-item {
  display: inline-block;
  min-width: calc((100% - 96px) / 5);
  margin-right: 24px;
  margin-bottom: 16px;
  vertical-align: top;
}
.header .two_depth-list .two_depth-item > a {
  position: relative;
  padding: 16px 0 16px 47px;
  border-bottom: 1px solid #e4e4e4;
  line-height: 29px;
  font-size: 20px;
  font-weight: 500;
}
.header .two_depth-list .two_depth-item > a::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 36px;
  height: 36px;
  background-position: center center;
  background-repeat: no-repeat;
}
.header .two_depth-list .two_depth-item:nth-child(5n) {
  margin-right: 0;
}
.header .three_depth-list {
  padding-top: 11px;
}
.header .three_depth-list .three_depth-item {
  padding: 5px 0;
  cursor: pointer;
}
.header .three_depth-list .three_depth-item > a {
  display: inline-block !important;
  line-height: 24px;
  color: #797979;
  font-size: 16px;
  border-bottom: 1px solid transparent;
  position: relative;
  z-index: 10;
}
.header .three_depth-list .three_depth-item > a .new-icon {
  position: absolute;
  right: -28px;
  top: 0;
}
.header .three_depth-list .three_depth-item > a:hover {
  color: #3617ce;
  border-bottom-color: #3617ce;
}
.header .three_depth-list .three_depth-item.in_four {
  position: relative;
}
.header .three_depth-list .three_depth-item.in_four::after {
  content: "";
  position: absolute;
  top: 17px;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url(../img/icon/ic_arrow_location_normal.svg) 0 0 no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header .three_depth-list .three_depth-item.in_four.open::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header .three_depth-list .three_depth-item.in_four.close::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.header .three_depth-list .three_depth-item.in_four > a {
  display: block !important;
  border-bottom: none;
}
.header .three_depth-list .three_depth-item.in_four > a > span {
  color: inherit;
  display: inline-block;
  margin-bottom: -1px;
}
.header .three_depth-list .three_depth-item.in_four > a:hover {
  border-bottom: 0;
  color: inherit;
}
.header .three_depth-list .three_depth-item.in_four > a:hover > span {
  border-bottom: 1px solid #3617ce;
  color: #3617ce;
}
.header .four_depth-list {
  display: block;
  margin: 7px 0 5px;
  padding: 16px;
  border-radius: 6px;
  background: #f2f2f2;
}
.header .four_depth-list .four_depth-item {
  display: block;
}
.header .four_depth-list .four_depth-item > a {
  display: inline-block !important;
  color: #797979;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid transparent;
}
.header .four_depth-list .four_depth-item > a:hover, .header .four_depth-list .four_depth-item > a:focus {
  color: #3617ce;
  border-bottom-color: #3617ce;
}
.header .four_depth-list .four_depth-item + .four_depth-item {
  margin-top: 10px;
}
.header .gnb {
  position: relative;
  text-align: left;
  width: 100%;
  padding-left: 264px;
  height: 100%;
}
.header .gnb a {
  display: block;
  color: #000000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .gnb .one_depth-list {
  display: inline-block;
}
.header .gnb .one_depth-item {
  float: left;
  padding-right: 48px;
}
.header .gnb .one_depth-item:not(:first-child) .two_depth-list .two_depth-item > a {
  padding-left: 0;
}
.header .gnb .one_depth-item:not(:first-child) .two_depth-list .two_depth-item > a:before {
  display: none;
}
.header .gnb .one_depth-item > a {
  position: relative;
  padding: 50px 0 33px 0;
  font-size: 20px;
  font-weight: 500;
}
.header .gnb .one_depth-item > a::before {
  content: "";
  display: block;
  position: absolute;
  left: 52%;
  right: 52%;
  height: 4px;
  bottom: 25px;
  background: #3617ce;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .gnb .one_depth-item > a:focus + .two_depth-wrap {
  display: block;
}
.header .gnb .one_depth-item.active > a::before {
  left: 0;
  right: 0;
}
.header .gnb .one_depth-item:hover > a::before {
  left: 0;
  right: 0;
}
.header .gnb .one_depth-item:hover .two_depth-wrap {
  display: block;
}
.header .gnb .two_depth-wrap {
  position: absolute;
  top: 98px;
  left: 0;
  display: none;
  width: 100%;
  padding: 18px 0 50px 264px;
  text-align: left;
  z-index: 10;
}
.header .gnb .two_depth-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  min-width: 1320px;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #ffffff;
  z-index: -1;
}
.header .gnb .two_depth-wrap .two_depth-tit {
  position: absolute;
  top: 31px;
  left: 0;
  width: 220px;
}
.header .gnb .two_depth-wrap .two_depth-tit .tit {
  font-size: 36px;
  line-height: 52px;
  font-weight: 700;
}
.header .gnb .two_depth-wrap .two_depth-tit .txt {
  margin-top: 12px;
  font-size: 16px;
  line-height: 20px;
  word-break: keep-all;
  display: none;
}
.header .gnb .three_depth-item.in_four::after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.header .gnb .three_depth-item.in_four.close::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header .gnb .four_depth-list {
  display: none;
}
.header .gnb .one_depth-item .icon-internet a::before {
  background-image: url(../img/icon/header/ic_menu01_01.svg);
}
.header .gnb .one_depth-item .icon-btv a::before {
  background-image: url(../img/icon/header/ic_menu01_02.svg);
}
.header .gnb .one_depth-item .icon-playz a::before {
  width: 38px;
  background-image: url(../img/icon/header/ic_menu01_03.svg);
}
.header .gnb .one_depth-item .icon-btvadd a::before {
  background-image: url(../img/icon/header/ic_menu01_04.svg);
}
.header .gnb .one_depth-item .icon-phone a::before {
  background-image: url(../img/icon/header/ic_menu01_05.svg);
}
.header .gnb .one_depth-item .icon-samllbiz a::before {
  background-image: url(../img/icon/header/ic_menu01_06.svg);
}
.header .gnb .one_depth-item .icon-btvpop a::before {
  background-image: url(../img/icon/header/ic_menu01_07.svg);
}
.header .utill_menu {
  position: absolute;
  top: 45px;
  right: 0;
}
.header .utill_menu li {
  float: left;
  margin-left: 8px;
  background-position: center center;
  background-repeat: no-repeat;
}
.header .utill_menu li a {
  display: block;
  text-indent: -999999px;
  width: 32px;
  height: 32px;
}
.header .utill_menu li.utill-link {
  margin-right: 8px;
}
.header .utill_menu li.utill-link:hover > a, .header .utill_menu li.utill-link:focus > a, .header .utill_menu li.utill-link.active > a {
  background: #3617ce;
  color: #ffffff;
}
.header .utill_menu li.utill-link ~ .utill-link {
  margin-left: 0;
}
.header .utill_menu li.utill-link a {
  width: auto;
  margin-right: 0;
  line-height: 24px;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  text-indent: 0;
  background-color: #f2f2f2;
}
.header .utill_menu li.utill-link.open-modal a {
  padding: 4px 26px 4px 12px;
  background-color: #3617ce;
  color: #ffffff;
  background-image: url("../img/icon/ic_arrow_location_normal_white.svg");
  background-position: right 6px center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
.header .utill_menu li.utill-join {
  background-image: url("../img/icon/icon_join.svg");
  margin-left: 8px;
  margin-right: 8px;
}
.header .utill_menu li.utill-join.login {
  background-image: none;
}
.header .utill_menu li.utill-join.login a {
  display: block;
  text-indent: 0;
  width: auto;
  height: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  color: #000000;
  line-height: 32px;
}
.header .utill_menu li.utill-join.login a > b {
  font-weight: 500;
}
.header .utill_menu li.utill-login {
  background-image: url(../img/icon/header/ic_login.svg);
}
.header .utill_menu li.utill-logout {
  background-image: url(../img/icon/header/ic_logout.svg);
}
.header .utill_menu li.utill-search {
  background-image: url(../img/icon/header/ic_search.svg);
}
.header .utill_menu li.utill-all_menu {
  background-image: url(../img/icon/header/ic_menu.svg);
}
.header .all_menu {
  position: fixed;
  top: 113px;
  width: 100%;
  min-width: 1320px;
  height: calc(100vh - 113px);
  padding: 20px 0 64px;
  text-align: center;
  background: #ffffff;
  z-index: 900;
  display: none;
}
.header .all_menu .munu_search .input_box .input_inner {
  width: 600px;
}
.header .all_menu .munu_search .input_box .input_inner input[type=text] {
  height: 60px;
  padding: 0 64px 0 40px;
  border: none;
  border-radius: 30px;
  font-size: 18px;
  background: #f2f2f2;
}

.header .all_menu .munu_search .input_box .input_inner input[type=text]::-webkit-input-placeholder {
  color: #797979;
  -webkit-text-fill-color: #797979;
}

.header .all_menu .munu_search .input_box .input_inner input[type=text]::-moz-input-placeholder {
  color: #797979;
  -moz-text-fill-color: #797979;
}

.header .all_menu .munu_search .input_box .input_inner input[type=text]:-ms-input-placeholder {
  color: #797979;
  -ms-text-fill-color: #797979;
}

.header .all_menu .munu_search .input_box .input_inner input[type=text]:-moz-input-placeholder {
  color: #797979;
  -moz-text-fill-color: #797979;
}

.header .all_menu .munu_search .input_box .input_inner .input_clear {
  top: 16px;
  right: 65px;
}
.header .all_menu .munu_search .input_box .input_inner .btn_search {
  position: absolute;
  top: 10px;
  right: 24px;
  width: 40px;
  height: 40px;
  background: url(../img/icon/header/input_search.png) center center no-repeat;
}
.header .munu_search .hits_top {
  display: none;
  max-width: 600px;
  padding: 28px 0 0;
  margin: 0 auto;
}
.header .munu_search .hits_top.on {
  display: block;
}
.header .munu_search .hits_top .keyword {
  display: inline-block;
  max-width:300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.header .all_menu .one_depth-list {
  display: inline-block;
  width: 1320px;
  padding-right: 10px;
  margin-top: 32px;
  text-align: left;
  overflow-y: scroll;
  height: calc(100vh - 291px);
}
.header .all_menu .one_depth-list::-webkit-scrollbar {
  width: 6px;
}
.header .all_menu .one_depth-list::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 3px;
  margin-right: -20px;
}
.header .all_menu .one_depth-list a {
  display: block;
}
.header .all_menu .one_depth-list .one_depth-item {
  position: relative;
  padding-left: 264px;
  margin-bottom: 44px;
}
.header .all_menu .one_depth-list .one_depth-item .tit {
  position: absolute;
  top: 16px;
  left: 0;
  padding-left: 52px;
  font-size: 30px;
  line-height: 44px;
  font-weight: 700;
  color: #000000;
}
.header .all_menu .one_depth-list .one_depth-item .tit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 48px;
  background-position: center center;
  background-repeat: no-repeat;
}
.header .all_menu .one_depth-list .one_depth-item.icon-search .tit::before {
  background-image: url(../img/icon/header/ic_all_menu01.svg);
}
.header .all_menu .one_depth-list .one_depth-item.icon-benefit .tit::before {
  background-image: url(../img/icon/header/ic_all_menu02.svg);
}
.header .all_menu .one_depth-list .one_depth-item.icon-info .tit::before {
  background-image: url(../img/icon/header/ic_all_menu03.svg);
}
.header .all_menu .one_depth-list .one_depth-item.icon-customer .tit::before {
  background-image: url(../img/icon/header/ic_all_menu04.svg);
}
.header .all_menu .one_depth-list .one_depth-item.icon-company .tit::before {
  background-image: url(../img/icon/header/ic_all_menu05.svg);
}
.header .all_menu .one_depth-list .one_depth-item.icon-bdirect .tit::before {
  background-image: url(../img/icon/header/ic_all_menu06.svg);
}
.header .all_menu .one_depth-list .two_depth-list .two_depth-item > a {
  padding: 16px 0;
}
.header .header_wrap.js-allMenu .all_menu {
  display: block;
}
.header .header_wrap.js-allMenu .header_wrap-box .utill_menu li.utill-all_menu {
  background-image: url(../img/icon/header/ic_close.svg);
}

.footer {
  position: relative;
  z-index: 798;
}
.footer .footer-wrap {
  width: 1320px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.footer .footer-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer .footer-flex.address {
  padding-top: 14px;
}

.footer .footer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -6px;
  overflow: hidden;
  max-width: 720px;
}
.footer .footer-item {
  position: relative;
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .footer-item:nth-child(6)::after {
  display: none;
}
.footer .footer-item:last-child:after {
  display: none;
}
.footer .footer-item:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #d9d9d9;
  margin: 0 12px;
}

.footer .footer-item > a {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.footer .footer-item > a.boldtext {
  color: #000000;
  font-weight: 700;
}
.footer .footer-address {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  padding-bottom: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 800px;
  padding-top: 13px;
}
.footer .footer-address p {
  margin-right: 12px;
  color:#444;
}
.footer .footer-address p:last-child {
  margin-right: 0;
}
.footer .footer-address .footer-br {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.footer .footer-address .footer-address-title {
  font-weight: 700;
  color:#000;
}
.footer .footer-address .footer-address-list {
  display:flex;
}
.footer .footer-address .footer-address-list .footer-address-link {
  color:#444;
  text-decoration: underline;
}
.footer .footer-address:last-child {
  padding-bottom: 0;
}
.footer .footer-linkbox .selectbox.round {
  height: 40px;
  width: 240px;
  margin-right: 0;
  border-radius: 20px;
}
.footer .footer-linkbox .btn_selectbox {
  border-radius: 20px;
  font-size: 16px;
  color: #000000;
  height: 40px;
  padding: 0 40px 0 32px;
}
.footer .footer-linkbox .btn_selectbox::after {
  top: 11px;
  right: 16px;
}
.footer .footer-linkbox .selectbox.round .btn_selectbox {
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  font-size: 16px;
  height: 40px;
  padding: 0 40px 0 32px;
}
.footer .footer-linkbox .selectbox.round .btn_selectbox:after {
  top: 11px;
  right: 16px;
}
.footer .footer-linkbox .selectbox.round .btn_selectbox-selected {
  border-bottom: 0;
  border-color: #3617ce;
  border-radius: 20px 20px 0 0;
}
.footer .footer-linkbox .selectbox.round .combobox {
  border-radius: 0 0 20px 20px;
  padding: 6px 0 14px 0;
}
.footer .footer-linkbox .combobox_option > button {
  padding: 0 40px 0 32px;
  font-size: 16px;
}
.footer .footer-operator_link {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  display: inline-block;
  margin-left: 12px;
  background: #f2f2f2;
  border-radius: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0 16px;
}
.footer .footer-operator_link.large {
  padding: 0 10px;
}
.footer .footer-operator_link.big {
  height: 40px;
  padding: 0 34px;
  line-height:40px;
  font-size: 16px;
}
.footer .footer-linkbox .footer-operator_link.big {
  margin: 0 14px 0 0;
  vertical-align: middle;
}
.footer .footer-call {
  padding-top: 16px;
}
.footer .footer-call p {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}
.footer .footer-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer .footer-sns_item {
  margin-right: 8px;
}
.footer .footer-sns_item:last-child {
  margin-right: 0;
}
.footer .footer-sns_item > a {
  display: inline-block;
  width: 56px;
  height: 56px;
  background-size: 100% 100%;
  font-size: 0;
  vertical-align: top;
}
.footer .footer-sns_item > a.icon-facebook {
  background-image: url("../img/icon/icon_sns_facebook.svg");
}
.footer .footer-sns_item > a.icon-youtube {
  background-image: url("../img/icon/icon_sns_youtube.svg");
}
.footer .footer-sns_item > a.icon-insta {
  background-image: url("../img/icon/icon_sns_insta.svg");
}
.footer .footer-sns_item > a.icon-blog {
  background-image: url("../img/icon/icon_sns_blog.svg");
}
.footer .footer-sns_item > a.icon-naver {
  background-image: url("../img/icon/icon_sns_naver.svg");
}
.footer .footer-sns_item > a.icon-katalk {
  background-image: url("../img/icon/icon_sns_katalk.svg");
}
.footer .footer-mark {
  padding-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.footer .footer-mark_item {
  margin-right: 20px;
}
.footer .footer-mark_item:last-child {
  margin-right: 0;
}
.footer .footer-mark_item a {display: flex; align-items: center;}
.footer .footer-mark_item .mark_box {display: flex; align-items: center;}
.footer .footer-mark_item a span.mark_txt, .footer .footer-mark_item .mark_box span.mark_txt {margin-left: 6px; font-size: 12px; line-height: 15px; font-weight: 400; color: #444;}
.footer .footer-logo {
  margin-left: auto;
}

.footer .footer-bottom {
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.footer .footer-bottom-logo {
  max-width: 162px;
}
.footer .footer-copy {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  padding-top: 25px;
}
.footer.eng .footer-wrap {
  padding-bottom: 70px;
}
.footer.eng .footer-copy {
  padding-top: 0;
  line-height: 17px;
}
.footer.eng .switch_korean {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  color: #000000;
  background: #f2f2f2;
  border-radius: 15px;
  padding: 7px 15px 6px;
  display: inline-block;
  margin-left: 20px;
}
/*
.footer.eng .switch_korean::after {
  content:'';
  display:inline-block;
  width:6px;
  height:10px;
  margin-left:8px;
  background:url("../img/icon/ico_small_arrow_gray.png") 0 0 no-repeat;
  background-size:100%;
}
*/
.location {
  max-width: 1320px;
  margin: 0 auto;
  padding-top: 30px;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 100;
}
.location .location_home {
  margin-right: 6px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/icon/ic_location_home.svg") 0 0 no-repeat;
}
.location .location_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.location .location_item {
  position: relative;
  margin-right: 6px;
}
.location .location_item:last-child {
  margin-right: 0;
}
.location .location_item:last-child .location_btn {
  color: #000000;
  font-weight: 700;
}
.location .location_item:last-child .location_btn:after {
  background: url("../img/icon/ic_arrow_location_normal.svg") 0 0 no-repeat;
}
.location .location_item:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 10px;
  margin-right: 6px;
  vertical-align: middle;
  background: url("../img/icon/ic_arrow_right_location.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
.location .location_btn {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
}
.location .location_btn.active + .location_inner_list {
  display: block;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
}
.location .location_btn:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url("../img/icon/ic_arrow_location_gray.svg") 0 0 no-repeat;
}
.location .location_inner_list {
  width: 166px;
  position: absolute;
  right: 0;
  border: 1px solid #3617ce;
  border-radius: 8px;
  background: #ffffff;
  padding: 19px 0 14px;
  margin-top: 19px;
  display: none;
}
.location .location_inner_list:before {
  position: absolute;
  top: -10px;
  right: 40px;
  content: "";
  display: inline-block;
  width: 12px;
  height: 10px;
  background: #ffffff url("../img/image/img_location_line.svg") 0 0 no-repeat;
}
.location .location_innder_btn {
  padding: 5px 19px 5px 19px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  letter-spacing: -0.35px;
  color: #797979;
  display: block;
}
.location .location_innder_btn:hover, .location .location_innder_btn:focus {
  background: #f2f2f2;
  color: #3617ce;
}

.pop_gray_box {
  background-color: #f2f2f2;
  border-radius: 12px;
  margin: 20px auto 80px;
  padding: 30px 0;
  text-align: center;
  width: 800px;
}
.pop_gray_box .pop_gray_box-stxt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}
.pop_gray_box .pop_gray_box-btxt {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  font-weight: 500;
  margin-top: 4px;
}
.pop_gray_box.style2 {
  margin: 30px 0;
  width: 100%;
}
.pop_gray_box.style2 .arrow_right {
  background: url("../img/icon/ic_arrow.svg") center/cover no-repeat;
  display: inline-block;
  height: 40px;
  margin: 0 20px;
  vertical-align: top;
  width: 40px;
}

.adress_gray-box {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  background-color: #f2f2f2;
  padding: 30px;
}
.adress_gray-box b {
  color: #303030;
  display: block;
  margin-bottom: 10px;
}
.adress_gray-box .adress_gray-box-btxt {
  color: #303030;
  font-size: 20px;
  font-weight: 700;
}

.adress_search_result-wrap {
  border-top: 1px solid #e4e4e4;
  margin-top: 20px;
}
.adress_search_result-wrap .adress_search_result-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  display: block;
  font-weight: 700;
  padding: 30px 0;
}
.adress_search_result-wrap .none_info .none_info_stxt {
  padding-top: 10px;
}
.adress_search_result-wrap + .pagination_list-wrap {
  margin: 40px auto 30px;
}
.adress_search_result-wrap + .pagination_list-wrap + .modal-subt {
  padding-top: 30px;
  margin-bottom: 30px;
}

.adress_search_result-list {
  border-top: 2px solid #000000;
  padding-top: 20px;
}
.adress_search_result-list .adress_search_result-item {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 20px;
}
.adress_search_result-list .adress_search_result-item + .adress_search_result-item {
  padding: 20px 0;
}
.adress_search_result-list label {
  height: auto;
  line-height: normal;
  padding-left: 40px;
}
.adress_search_result-list .result-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.adress_search_result-list .result-item-info + .result-item-info {
  margin-top: 10px;
}
.adress_search_result-list .item-info-tit {
  color: #000000;
  width: 74px;
}
.adress_search_result-list.style2 {
  background-color: #f2f2f2;
  border-top: none;
  font-size: 16px;
  padding: 30px;
}
.adress_search_result-list.style2 .result-item-code {
  color: #303030;
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.adress_search_result-list.style2 .result-item-info {
  color: #797979;
}
.adress_search_result-list + .input_list {
  margin: 20px 0;
}

.adress_result-box {
  padding: 10px 0 60px;
}
.adress_result-box .adress_result-list {
  font-size: 0;
  margin: -20px 0 0 -20px;
  text-align: center;
}
.adress_result-box .adress_result-list .adress_result-item {
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  display: inline-block;
  margin: 20px 0 0 20px;
  overflow: hidden;
  vertical-align: top;
  width: calc(50% - 20px);
}
.adress_result-box .adress_result-list .adress_result-tit {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
  font-weight: 500;
  background-color: #f2f2f2;
  display: block;
  font-weight: 700;
  padding: 12px;
}
.adress_result-box .adress_result-list .adress_result-txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
  padding: 24px;
}
.adress_result-box .adress_result-list .adress_result-txt .txt {
  display: block;
}
.adress_result-box .adress_result-list.style2 .adress_result-item:nth-child(1), .adress_result-box .adress_result-list.style2 .adress_result-item:nth-child(2) {
  height: 229px;
}
.adress_result-box .adress_result-list.style2 .adress_result-item:nth-child(3), .adress_result-box .adress_result-list.style2 .adress_result-item:nth-child(4) {
  height: 181px;
}
.adress_result-box .adress_result_none_txt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
  text-align: center;
  margin-top: 30px;
}
.adress_result-box + .butn_wrap {
  padding-top: 0;
}
.adress_result-box + .butn_wrap + .info_box {
  margin-top: 60px;
}

.alret_page-wrap {
  background: url("../img/icon/ic-big-alert.svg") center top no-repeat;
  background-size: 100px;
  margin-top: 80px;
  padding-top: 120px;
  text-align: center;
}
.alret_page-wrap .alret_page-ltxt {
  font-size: 42px;
  font-weight: 700;
}
.alret_page-wrap .alret_page-mtxt {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 30px;
}
.alret_page-wrap .alret_page-stxt {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.45px;
  color: #797979;
}
.alret_page-wrap .alret_page-gbox {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: bold;
  background-color: #f2f2f2;
  border-radius: 12px;
  display: inline-block;
  margin-bottom: 30px;
  padding: 20px;
  width: 660px;
}
.alret_page-wrap + .butn_wrap {
  margin-top: 60px;
}

.agree-top {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.agree_txt {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: -0.4px;
  color: #797979;
}

.animation-floating {
  -webkit-animation: 1s animation_floating ease-in-out infinite alternate;
          animation: 1s animation_floating ease-in-out infinite alternate;
}

@-webkit-keyframes animation_floating {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}
@keyframes animation_floating {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}