@charset "UTF-8";
@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: "lato";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/lato/lato-v23-latin-900.eot");
  src: url("../fonts/lato/lato-v23-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-v23-latin-900.woff2") format("woff2"), url("../fonts/lato/lato-v23-latin-900.woff") format("woff"), url("../fonts/lato/lato-v23-latin-900.ttf") format("truetype"), url("../fonts/lato/lato-v23-latin-900.svg#lato-v23-latin-900") format("svg");
}
@font-face {
  font-family: "lato";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/lato/lato-v23-latin-700.eot");
  src: url("../fonts/lato/lato-v23-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-v23-latin-700.woff2") format("woff2"), url("../fonts/lato/lato-v23-latin-700.woff") format("woff"), url("../fonts/lato/lato-v23-latin-700.ttf") format("truetype"), url("../fonts/lato/lato-v23-latin-700.svg#lato-v23-latin-700") format("svg");
}
@font-face {
  font-family: "lato";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/lato/lato-v23-latin-regular.eot");
  src: url("../fonts/lato/lato-v23-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato/lato-v23-latin-regular.woff2") format("woff2"), url("../fonts/lato/lato-v23-latin-regular.woff") format("woff"), url("../fonts/lato/lato-v23-latin-regular.ttf") format("truetype"), url("../fonts/lato/lato-v23-latin-regular.svg#lato-v23-latin-regular") format("svg");
}
@font-face {
  font-family: "tgothic";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/t_go/TgothicBlack.eot");
  src: url("../fonts/t_go/TgothicBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/t_go/TgothicBlack.woff") format("woff"), url("../fonts/t_go/TgothicBlack.ttf") format("truetype"), url("../fonts/t_go/TgothicBlack.svg#TgothicBlack") format("svg");
}
@font-face {
  font-family: "tgothic";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/t_go/TgothicMedium.eot");
  src: url("../fonts/t_go/TgothicMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/t_go/TgothicMedium.woff") format("woff"), url("../fonts/t_go/TgothicMedium.ttf") format("truetype"), url("../fonts/t_go/TgothicMedium.svg#TgothicMedium") format("svg");
}
@font-face {
  font-family: "tgothic";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/t_go/TgothicLight.eot");
  src: url("../fonts/t_go/TgothicLight.eot?#iefix") format("embedded-opentype"), url("../fonts/t_go/TgothicLight.woff") format("woff"), url("../fonts/t_go/TgothicLight.ttf") format("truetype"), url("../fonts/t_go/TgothicLight.svg#TgothicLight") 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-family: "notokr", Dotum, Gulim, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
}

button {
  font-family: "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)";
}

body {
  font-family: "notokr", Dotum, Gulim, Helvetica, sans-serif;
  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: #ff9000;
}

/*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 rgba(153, 0, 0, 0);
  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:lang(ko) {
  font-family: "tgothic";
}

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

.tit01:lang(ko) {
  font-family: "tgothic";
}

.tit02 {
  font-size: 24px;
  line-height: 36px;
  color: #222;
}

.tit02:lang(ko) {
  font-family: "tgothic";
}

.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 .depth1_tit:lang(ko) {
  font-family: "tgothic";
}

#menu_all #menu_cp_cn .depth1_tit,
#menu_all #menu_cp_jp .depth1_tit {
  font-family: "notokr", Dotum, Gulim, Helvetica, sans-serif !important;
}

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

/* 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-family: "tgothic";
  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 */
.board_view {
  width: 1170px;
  margin: 50px auto 0;
  border-top: 2px solid #222;
}

.board_view .view_header {
  position: relative;
  padding: 30px;
  padding-right: 120px;
  border-bottom: 1px solid #eeeceb;
}

.board_view .view_header .date {
  position: absolute;
  top: 30px;
  right: 30px;
  line-height: 36px;
  color: #898786;
}

.board_view .view_header .tit {
  font-size: 24px;
  line-height: 36px;
}

.board_view .view_conts {
  padding: 40px 30px;
}

.board_view .view_conts .top_list {
  overflow: hidden;
  margin-bottom: 30px;
  border-top: 1px solid #eeeceb;
  border-bottom: 1px solid #eeeceb;
}

.board_view .view_conts .top_list dl {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 240px;
}

.board_view .view_conts .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;
}

.board_view .view_conts .top_list dl dd,
.board_view .view_conts .file_wrap dl dd {
  padding: 15px 20px;
  color: #666;
}

.board_view .view_conts .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 */
.board_view .view_conts .view_body .img_wrap .hidden_desc {
  position: absolute;
  top: -9999em;
  left: -9999em;
  overflow: hidden;
  font-size: 0;
  width: 0;
  height: 0;
}

.board_view .view_conts .view_body table {
  position: relative;
  border-top: 2px solid #222;
}

.board_view .view_conts .view_body table:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 1px;
  background: #dddbda;
}

.board_view .view_conts .view_body table th {
  font-size: 15px;
  line-height: 24px;
  padding: 16px 14px;
  text-align: center;
  border-left: 1px solid #eeeceb;
  background: #f8f6f5;
}

.board_view .view_conts .view_body table thead th {
  border-top: 1px solid #eeeceb;
}

.board_view .view_conts .view_body table thead tr:first-child th {
  border-top: none;
}

.board_view .view_conts .view_body table tbody th,
.board_view .view_conts .view_body table tbody td {
  border-bottom: 1px solid #eeeceb;
}

.board_view .view_conts .view_body table tbody th:first-child[rowspan] {
  border-right: 1px solid #eeeceb;
}

.board_view .view_conts .view_body table tbody tr:last-child th,
.board_view .view_conts .view_body table tbody tr:last-child td {
  border-bottom: 1px solid #dddbda;
}

.board_view .view_conts .view_body table tbody th {
  padding: 14px;
}

.board_view .view_conts .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;
}

.board_view .view_conts .view_body table tbody .tit {
  text-align: left;
}

.board_view .view_conts .view_body table th:first-child,
.board_view .view_conts .view_body table th.first,
.board_view .view_conts .view_body table td:first-child,
.board_view .view_conts .view_body table td.first {
  border-left: 0 none;
}

.board_view .view_conts .view_body table th.bdl,
.board_view .view_conts .view_body table td.bdl {
  border-left: 1px solid #eeeceb !important;
}

.board_view .view_conts .view_body table tfoot th {
  border-right: 0 none;
}

.board_view .view_conts .view_body table tfoot tr:last-child {
  border-bottom: 1px solid #dddbda;
}

.board_view .view_conts .view_body table tfoot th {
  font-weight: 500;
  padding: 20px 10px 19px;
  vertical-align: middle;
  background: #f8f6f5;
}

.board_view .view_conts .view_body table tfoot td {
  padding: 20px 12px 19px;
  vertical-align: middle;
  color: #666;
  background: #f8f6f5;
}

.board_view .view_conts .view_body table tfoot td strong {
  font-size: 20px;
  font-weight: 500;
  color: #ff9000;
}

.board_view .view_conts .view_body table th.no_bg {
  background: none;
}

.board_view .view_conts .view_body table .al_left {
  padding-left: 20px;
  text-align: left;
}

.board_view .view_conts .s_txt {
  font-size: 13px;
  line-height: 20px;
  margin: 6px 0 0;
  color: #898786;
}

.board_view .view_conts .view_body a {
  text-decoration: underline;
}

.board_view .view_conts .file_wrap {
  margin-top: 30px;
  border-top: 1px solid #eeeceb;
  border-bottom: 1px solid #eeeceb;
}

.board_view .view_conts .file_wrap dl {
  position: relative;
  padding-left: 200px;
}

.board_view .view_conts .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;
}

.board_view .view_conts .file_wrap dl dd a {
  color: #666;
}

.board_view .detail_paging {
  margin-top: 60px;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
}

.board_view .detail_paging .go_view {
  display: block;
  position: relative;
  padding-left: 120px;
}

.board_view .detail_paging .go_view:first-child {
  border-bottom: 1px solid #eeeceb;
}

.board_view .detail_paging .go_view .view {
  padding: 20px 0;
}

.board_view .detail_paging .go_view .page {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px 0 20px 30px;
}

.board_view .detail_paging .go_view .page span {
  display: inline-block;
  position: relative;
  font-weight: 500;
  padding-left: 32px;
}

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

.board_view .detail_paging .go_view.n_view .page span:after {
  top: 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.board_view .detail_paging .go_view.no_view {
  color: #898786;
}

.board_view .detail_paging .go_view.no_view .page span:after {
  border-color: #898786;
}

.board_view .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-family: "tgothic";
  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 dt .add_txt:lang(ko) {
  font-family: "tgothic";
}

.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*/
.step_wrap .step_list .lists .step_txt .add_txt:lang(ko) {
  font-family: "tgothic";
}

.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:lang(ko) {
  font-family: "tgothic";
}

.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:lang(ko) {
  font-family: "tgothic";
}

.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-family: "tgothic";
  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 .tit:lang(ko) {
  font-family: "tgothic";
}

.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  */
.view_conts .title1 {
  font-weight: 500;
  color: #ff9000;
}

.view_conts .title2 {
  font-weight: 500;
  color: #009;
}

.view_conts .prize_name {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  padding: 30px;
  text-align: center;
  background: #f8f6f5;
}

.view_conts .lft_section,
.view_conts .rgt_section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}

.view_conts .lft_section {
  float: left;
  padding-right: 15px;
}

.view_conts .rgt_section {
  float: right;
  padding-left: 15px;
}

.view_conts .rgt_section:after {
  content: "";
  display: block;
  claer: both;
}

.board_view .view_conts .lft_section table td:first-child,
.board_view .view_conts .rgt_section table td:first-child,
.board_view .view_conts .lft_section table th:first-child,
.board_view .view_conts .rgt_section table th:first-child {
  /*border-left:1px solid #eeeceb;*/
  border-left: none;
}

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

.view_conts td {
  font-size: 15px;
  line-height: 21px;
  padding: 16px 14px;
  text-align: center;
  color: #666;
  border: 1px solid #eeeceb;
  background: #fff;
}

.view_conts td:last-child {
  border-right: 0;
}

.view_conts .evt_winner_delivery {
  clear: both;
  padding-top: 30px;
}

.view_conts .uio-btn-area {
  margin-top: 30px;
  text-align: center;
}

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

.view_conts .uio-btn-atype.gray {
  color: #ff9000;
  border: 1px solid #ff9000;
  background: #fff;
}

.view_conts .uio-btn-atype.red {
  color: #fff;
  background: #ff9000;
}

.view_conts .careful {
  margin-top: 30px;
}

.view_conts .asis_frame {
  width: 724px;
  margin: 0 auto;
}

.view_conts strong + table {
  margin-top: 20px;
}

.view_conts .summary {
  width: 90%;
  min-width: 320px;
  margin-top: 20px;
  padding-bottom: 25px;
  background: url("/img/common/boardNotice_summaryBack.gif") repeat-x bottom;
}

.view_conts .summary .top {
  text-align: center;
  background: url("/img/common/boardNotice_summaryBack.gif") repeat-x 50%;
}

.view_conts .summary .top p {
  width: 42px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background: #fff;
}

.view_conts .summary .list {
  margin: 20px 0 0 17px;
}

.view_conts .summary .list li {
  margin-top: 10px;
}

.view_conts .summary .list li.first {
  margin-top: 3px;
}

.view_conts .summary .listOl {
  margin: 20px 0 0 17px;
  list-style-position: inside;
  list-style-type: decimal;
}

.view_conts .summary .listOl li {
  margin-top: 10px;
}

.view_conts .summary .listOl li.first {
  margin-top: 3px;
}

.view_conts .summary li {
  text-align: justify;
}

.view_conts .summary ol li p {
  margin-top: 10px;
}

.view_conts .summary ol li ol,
.view-cont .summary ol li ul {
  margin-left: 13px;
}

.view_conts .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-family: "tgothic";
  font-weight: 500;
}

.list_wrap.box_type .list .pro_box2 .pro_info {
  position: absolute;
  right: auto;
  bottom: 30px;
  left: 30px;
}

/*bx*/
.list_wrap.box_type .list .pro_box2 .pro_info .price:lang(ko) {
  font-family: "tgothic";
}

.list_wrap.box_type .list .pro_box2 .pro_info .price .price_info {
  font-family: "notokr", Dotum, Gulim, Helvetica, sans-serif;
}

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

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !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),
.products_top_visual .top .product_price dt:lang(ko) {
  font-family: "tgothic";
}

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