@charset "utf-8";
/*
    파일 개요
    ---------------------------------------------------------------------
    @ 범위 : (V) OFF | (V) SIS
    @ 목적 : 비패턴립 스타일 정의
    @ 작성 : IDR System - Publishing Team.
    @ 최종 : 2018.04.09.08:30 
*/

/* reset */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
body {
  font: 12px/18px 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
}
@media screen and (max-width: 570px) {
  body {
    font-size: 12px;
  }
  #footer {
    font-size: 12px;
  }
}
* {
  word-break: keep-all;
}
.com_show {
  display: initial !important;
}
.com_hide {
  display: none !important;
}
#sitemap a.phone-only {
  display: none;
}
#sitemap a.desktop-only {
  display: block;
}
@media screen and (max-width: 980px) {
  #sitemap a.phone-only {
    display: block;
  }
  #sitemap a.desktop-only {
    display: none;
  }
}
.cookie-message p {
  font-size: 11px;
}
#checkoutAccount {
  text-align: right;
}
@media screen and (max-width: 980px) {
  #checkoutAccount {
    text-align: center;
  }
}
#checkoutAccount,
#shipping,
#checkoutBag {
  font-size: 11px;
}
@media screen and (max-width: 570px) {
  .cookie-message p,
  #checkoutAccount,
  #shipping,
  #checkoutBag {
    font-size: 12px;
  }
  #checkoutAccount a,
  #shipping .stores-link {
    line-height: 30px;
  }
}
/* gnb */
#menu {
  font-size: 0;
}
#menu > li {
  font-size: 13px;
}
#menu > li > a {
  font-family: 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
}
#menu > li > a,
#menu .fat-menu h3 {
  text-transform: uppercase;
}
#menu .fat-menu a {
  font-size: 12px;
}
#menu .campaign-image-container {
  padding-bottom: 30px;
}
#menu .campaign-image-container .txt {
  text-align: center;
  margin: 0 0 10px 0;
}
#menu .campaign-image-container + .desc {
  position: relative;
  clear: both;
  text-align: center;
  text-transform: none;
  font-size: 12px;
  width: 100%;
  padding: 0 0 30px 0;
}
#menu .campaign-image-container + .desc .txt {
  color: #959595;
}
#menu #promotional-text {
  color: #b2b2b2;
}
@media screen and (max-width: 980px) {
  #menu li > .submenu .submenu .submenu {
    margin-bottom: 53px;
  }
  #menu li > .submenu .submenu .submenu li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 980px) {
  #content #breadcrumb {
    margin-top: 1px;
    line-height: 0;
  }
  #content #breadcrumb .breadcrumb {
    line-height: 18px;
  }
  #content #product-filter + #breadcrumb {
    margin-top: 0;
  }
}
/* filter */
#product-filter {
  margin-top: 1px;
}
#header #miniCartWrapper {
  top: 29px;
}
#header #miniCart .empty-promo {
  color: #959595;
  height: auto;
  text-align: center;
}
#header #miniCart .cartItems .title {
  height: auto;
}
#things,
#things * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#things .leftSubMenu a {
  font-size: 12px;
}
#things .main .blog-post .row {
  max-width: 600px;
  margin: 28px auto 60px;
}
@media screen and (max-width: 980px) {
  #things nav {
    text-align: left;
  }
  #things nav #leftMenu {
    width: 100% !important;
  }
  #things nav #leftMenu > li {
    max-width: 100% !important;
    width: 100%;
  }
  #things nav #leftMenu > li a {
    left: 0;
    padding: 0;
  }
  #things nav #leftMenu > li a.header {
    position: relative;
  }
  #things nav #leftMenu > li a.header:after {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/cos/01/sprite.png) 0 -374px no-repeat;
    right: -11px;
    top: 50%;
    height: 7px;
    width: 7px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0.6;
  }
  #things nav #leftMenu > li a.header:hover:after {
    opacity: 1;
  }
  #things nav #leftMenu > li a.header.active:after {
    opacity: 1;
    background-position: 0 -392px;
  }
  #things nav #leftMenu > li .header,
  #things nav #leftMenu > li .leftSubMenu {
    padding-left: 25px;
    width: 100%;
  }
  #things nav #leftMenu > li .header li,
  #things nav #leftMenu > li .leftSubMenu li {
    display: block;
    margin: 10px 0 0;
  }
}
/* font 설정 */
button,
input,
select,
textarea,
.btn,
button,
input[type=button],
input[type=submit],
.carousel-caption,
.simple-slide-nav {
  font-family: 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
}
@media screen and (min-width: 980px) {
  #product-filter .filter-container .sub-category-section h4,
  #product-filter .filter-container .sub-category-section li a {
    font-family: 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
  }
  .filter-container {
    max-width: 100%;
  }
}
/* 로딩 */
.ly_loding {
  padding: 25px 50px 50px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  min-width: 320px;
}
.dialog-loging .ly_loding {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  position: static;
  left: auto;
  top: auto;
}
.loding_circle {
  width: 80px;
  height: 80px;
  background: url(../images/cos/01/loader.gif) center center no-repeat;
  margin: 0 auto;
}
/* 네비게이션 */
.breadcrumb .sep:before {
  content: " / ";
}
.breadcrumb li.active .sep:before {
  display: none;
}
#breadcrumb.checkoutBreadcrumb {
  font-size: 12px;
}
.cardNrError,
.error,
body .field-validation-error,
body label.error {
  font-size: 11px;
}
.look-group .look-group-count {
  font-size: 0;
}
.look-group .look-group-count .current-slide,
.look-group .look-group-count .total-slides {
  font-size: 14px;
}
.accordion .accordion-content {
  font-size: 12px;
}
@media screen and (max-width: 570px) {
  .similars h3 {
    font-size: 12px;
  }
  #breadcrumb.checkoutBreadcrumb {
    font-size: 13px;
  }
  .cardNrError,
  .error,
  body .field-validation-error,
  body label.error {
    font-size: 12px;
  }
  .look-group .look-group-count .current-slide,
  .look-group .look-group-count .total-slides {
    font-size: 16px;
  }
  .accordion .accordion-content {
    font-size: 13px;
  }
}
#content .similars-container {
  padding-bottom: 50px;
}
/* 상품 없을때 표현*/
/* 2017.07.13 noimg 추가 */
img.noImg {
  position: relative;
  width: 100%;
  cursor: default !important;
}
.altTitWrap {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: #f1f1f1;
  width: 100%;
  height: -moz-calc(100% - 10px);
  height: -webkit-calc(100% - 10px);
  height: -o-calc(100% - 10px);
  height: calc(100% - 10px);
  cursor: default !important;
}
.altTitWrap .altTit {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  vertical-align: middle;
  font-size: 12px;
  text-transform: uppercase;
  z-index: 10;
  cursor: default !important;
}
/* 2017.07.13 - noimg */
.no_image_cont {
  position: relative;
  cursor: default !important;
  width: 100%;
  display: block;
}
.no_image_cont:before {
  content: "no image";
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 12px;
  text-transform: uppercase;
  z-index: 10;
}
.no_image_cont:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #f1f1f1;
  z-index: 5;
}
.no_image_cont .noImg {
  opacity: 0;
}
.no_image_cont img {
  width: 100%;
}
#listing-content .list-container {
  /* 2017.07.17 리스트 상품명 박스스타일 */
}
#listing-content .list-container figure.no_image_cont:before {
  margin-top: -5px;
}
#listing-content .list-container figure.no_image_cont:after {
  height: calc(100% - 10px);
}
@media screen and (max-width: 980px) {
  #listing-content .list-container .product figure {
    box-sizing: content-box;
  }
}
/* 상품 리스트 */
.campaign-b .header {
  color: #959595;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0px;
  line-height: 1.5;
}
.campaign-b .subheader {
  color: #999;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 1.5;
}
.campaign-b .category_link {
  color: #999;
  font-size: 14px;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0px;
  line-height: 1.5;
  text-decoration: underline!important;
}
@media screen and (max-width: 980px) {
  .campaign-b .header {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .35px;
    margin-bottom: -35px;
  }
  .campaign-b .subheader {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .35px;
  }
  .campaign-b .category_link {
    display: inline;
    color: #999;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: .35px;
    text-decoration: underline!important;
  }
}
@media screen and (max-width: 570px) {
  .campaign-b .header {
    display: inline-block;
    font-size: 13px;
    letter-spacing: .35px;
    margin-bottom: -35px;
    width: 70%;
  }
  .campaign-b .subheader {
    display: inline-block;
    font-size: 16px;
    letter-spacing: .35px;
  }
  .campaign-b .category_link {
    display: inline;
    color: #999;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: .35px;
    text-decoration: underline!important;
  }
}
#listing-content .list-container ul li {
  font-size: 11px;
}
#listing-content .list-container ul li p.max_width {
  max-width: 600px;
  margin: 0 auto;
}
#listing-content .list-items .studio-module-text .product_bottom_link {
  width: auto;
  max-width: inherit;
  margin: 0 20px;
  padding: 4px 0;
  border-bottom: solid 2px #b2b2b2;
  display: inline-block;
  letter-spacing: 0.45px;
  font-size: 16px;
  color: #999;
}
#listing-content .list-items .studio-module-text .product_bottom_link a {
  color: inherit;
  text-decoration: inherit;
}
#listing-content .list-items .promotion-multi .studio-module-text.studio-outer {
  flex-direction: row;
}
#listing-content .list-items .campaign-full p {
  max-width: 600px;
  margin: 0 auto;
}
#listing-content .list-items .campaign-full p.full_img {
  max-width: 100%;
  height: auto;
}
/* 스튜디오 */
.studio-grid-wrapper .module-info p a,
.studio-grid-wrapper .module-info p span,
.studio-grid-wrapper .module-info p.txt {
  font-size: 12px;
}
.studio-grid-wrapper .span-6-of-6 > .studio-module-full > a {
  height: auto;
  min-height: 100%;
}
.studio-grid-wrapper #ten .t-product-image a {
  display: block;
}
.studio-grid-wrapper .grid-row.grid-row-text .col.span-3-of-6:nth-child(odd) {
  margin-left: 0;
}
.studio-grid-wrapper blockquote {
  text-align: center;
  padding: 8px 0;
  line-height: 22px;
  margin: 0 auto;
  max-width: 500px;
  font-size: 13px;

}
.studio-grid-wrapper blockquote,
.studio-grid-wrapper blockquote cite {
  display: block;
  font-style: normal;
}
.studio-grid-wrapper blockquote > p,
.studio-grid-wrapper blockquote cite {
  font-size: 1.2em;
  line-height: 1.6;
}
.studio-grid-wrapper blockquote p:before {
  content: "\0022";
}
.studio-grid-wrapper blockquote p:after {
  content: "\0022";
}
.studio-grid-wrapper blockquote cite {
  margin-top: 20px;
}
.studio-grid-wrapper blockquote cite:before {
  content: "\2014";
}
/* 텍스트 */
.price,
.pro-pirce {
  white-space: nowrap;
}

/*@ '원' 폰트사이즈 재정의, '원'앞 공백 삭제 / 2017.12.20 / mglee */

.price:after,
.pro-pirce:after {
  content: "원";
  font-size: 12px; /*12*/
  line-height: 16px;
  vertical-align: baseline;
}
.price .price:after,
.pro-pirce .price:after,
.price .pro-pirce:after,
.pro-pirce .pro-pirce:after {
  content: "";
  display: none;
}
.price.unit-del,
.pro-pirce.unit-del {
  display: inline-block;
  vertical-align: baseline; 
  position: relative;
  /*가격수정시 간격*/
  margin-right: 10px;
  line-height: 14px;

}
.price.unit-del:before,
.pro-pirce.unit-del:before {
    position: absolute;
    content: "";
    border-top: 1px #444 solid;
    width: 100%;
    top: 7px;
    left: 0;
}
.os-mac .price.unit-del:before, .os-mac .pro-pirce.unit-del:before {top: 5px;} /*@ 맥에서는 주문서쪽 취소선 세로 가운데 정렬 안맞았었음 / 2018.04.08 / mglee */

/*@ 주문서 취소선 모바일 위치 설정 / 2018.2.27 / bhkim */
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
 .price.unit-del:before,
  .pro-pirce.unit-del:before {
     top: 5px;
  }
}

.price.unit-sale,
.pro-pirce.unit-sale {
  color: #f28860;
  display: inline-block;
  vertical-align: baseline;
}
.empty-cart .h2 {
  font-size: 12px;
}
.txt_gray {
  color: #666666;
  font-size: 11px;
}
@media screen and (max-width: 570px) {
  .txt_gray {
    font-size: 12px;
  }
}
.txt_error {
  /*margin-top: 5px;*/
  margin-top: 10px;/* @ ALERT 마진탑 변경 / 2018.01.05 / mglee */
  color: #DA441B;
  /*font-size: 11px;*/
  font-size: 12px;
}
@media screen and (max-width: 570px) {
  .txt_error {
    font-size: 12px;/* @ 에러폰트 사이즈도 12px / 2018.01.05 / mglee */
  }
}
.txt_help {
  /*color: #b7b7b7;*/
  color: #ccc;/* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
  font-size: 11px;
}
@media screen and (max-width: 570px) {
  .txt_help {
    font-size: 12px;
  }
}
.txt_info {
  /*color: #999;*/
  /*font-size: 12px;*/
  font-size: 11px; /* @ 텍스트인풋 하단 안내 문구 11px / 2018.01.25 / mglee */
}
/*@media screen and (max-width: 570px) {*/
/*  .txt_info {*/
/*    font-size: 13px;*/
/*  }*/
/*}*/
.txt_prmo {
  color: #b89977;
  font-size: 11px;
}
@media screen and (max-width: 570px) {
  .txt_prmo {
    font-size: 12px;
  }
}
.txt_etc {
  margin: 0;
}
.txt_etc:before {
  content: "※ ";
}
.form_lab .txt_error,
.form_lab .txt_help,
.form_lab .txt_info {
  margin-top: 0;
}
/* 정렬 */
.txt_left {
  text-align: left;
}
.txt_center {
  text-align: center;
}
.txt_right {
  text-align: right;
}
.txt_option {
  text-transform: uppercase;
}
/* 대소문*/
.txt_trans {
  text-transform: initial;
}
.txt_cap {
  text-transform: capitalize;
}
.txt_low {
  text-transform: lowercase;
}
.txt_upp {
  text-transform: uppercase;
}
/* 모양 */
.line_silver {
  border-bottom: 1px #dddddd solid;
  max-width: 100%;
}
/* 2017.08.03 magazine .inner 충돌 */
span.inner {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.inner_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .inner_block {
    display: block;
  }
}
.inner_next {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-left: 1rem;
}
.block {
  display: block;
}
/* div table */
.div-table {
  display: table;
  width: 100%;
  border-collapse: separate;
}
.div-table .row {
  display: table-row;
  padding: 0;
}
.div-table .cell {
  display: table-cell;
}
/* 수량 */
.cnt-ctrl {
  display: inline-block;
  /*@ 취소수량 버튼 수정 / 2018.01.12 / bhkim */
  /*min-width: 92px;*/
  /*max-width: 100px;*/
  padding-left: 29px;
  padding-right: 29px;
  position: relative;
}
.cnt-ctrl .icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  height: 23px;
  width: 29px;
  overflow: visible;
  text-indent: -9999px;
  background: url(../images/cos/01/device-sprite.png) no-repeat;
  vertical-align: middle;
}
.cnt-ctrl .cnt-up {
  background-position: 9px -55px;
  left: 0;
}
.cnt-ctrl .cnt-down {
  background-position: 10px -93px;
  right: 0;
}
.cnt-ctrl input {
  border: none;
  background: transparent;
  display: block;
  color: #999;
  cursor: default;
  font-size: 12px;
  position: relative;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  padding: 6px 0;
  font-size: 13px;
}
.qty-select label,
.qty-select select {
  vertical-align: middle;
  width: auto;
}
.qty-select label {
  margin-right: 10px;
}
.qty-select select,
.qty-select .selectboxit-container {
  width: 60px;
}
.qty-select .selectboxit-container .selectboxit-options li {
  min-height: auto !important;
}
select {
  padding: 5px 6px 6px 15px;
  background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzE4OTQ0QUJFNzk1MTFFMTk4NjlDQkFEOUY0RUI4OTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzE4OTQ0QUNFNzk1MTFFMTk4NjlDQkFEOUY0RUI4OTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTg5NDRBOUU3OTUxMUUxOTg2OUNCQUQ5RjRFQjg5MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MTg5NDRBQUU3OTUxMUUxOTg2OUNCQUQ5RjRFQjg5MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po7OpYgAAABCSURBVHjaYrx27VojAwNDHQN+0KSpqVnPQARgAmKQwiZ8hkHVMBBrIAMeQ0kyDNlAbIaSbBgIsKDx63GwiQYAAQYAE5IMDY3xIJQAAAAASUVORK5CYII=) right center no-repeat #f1f1f1;
  font-size: 12px;
}
.selectboxit-container {
  width: 100%;
  float: none;
}
.selectboxit-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.selectboxit-container .selectboxit {
  width: 100%;
}
.selectboxit-container .dropdown-menu {
  padding-left: 10px;
}
.selectboxit-container .dropdown-menu .selectboxit-option {
  float: none !important;
  display: block !important;
  padding: 0 !important;
}
.selectboxit-container .selectboxit-options {
  z-index: 100 !important;
  width: 100% !important;
}
.selectboxit-container .selectboxit,
.selectboxit-container a {
  font-size: 12px;
}
/*@media screen and (max-width: 570px) {*/
/*  .selectboxit-container .selectboxit,*/
/*  .selectboxit-container a {*/
/*    font-size: 13px;*/
/*  }*/
/*}*/
.selectboxit-container .scroll-pane {
  height: auto;
  width: auto;
}
.selectboxit-container .scroll-pane .jspPane {
  padding: 0 !important;
}
/* message */
.mess_info {
  /*@ 예치금 영수증 세금계산서 내역없은 간격 / 2018.01.19 / bhkim */
  /*padding: 20px 0;*/
}
.mess_tb_t {
  padding-bottom: 10px;
  /*@ 마이페이지 테이틀 안내 마진탑 / 2018.01.18 / bhkim */
  padding-top: 14px;
}
.mess_lst {
  line-height: 19px;
}
.mess_lst ol,
.mess_lst ul {
  padding: 0;
  margin: 0;
}
.mess_lst li {
  position: relative;
  list-style: none;
  margin-top: 3px;
}
.mess_lst li:first-child {
  margin-top: 0;
}
.mess_lst li li:first-child {
  margin-top: 3px;
}
.mess_lst li:before {
  position: absolute;
  left: 0;
  line-height: normal;
}
.mess_lst .dash_type > li {
  padding-left: 15px;
}
.mess_lst .dash_type > li:before {
  content: "-";
  top: 0;
}
.mess_lst .asterisk_type > li {
  padding-left: 12px;
}
.mess_lst .asterisk_type > li:before {
  content: "*";
  top: 2px;
}
.mess_lst .dotte_type > li {
  padding-left: 12px;
}
.mess_lst .dotte_type > li:before {
  content: "\2022";
  top: 2px;
}
.mess_lst .lst_sub {
  margin: 0 0 0 11px;
  padding: 0;
}
.mess_lst .lst_bm {
  margin-bottom: 20px;
}
/* form */
label .checker,
label .radio {
  vertical-align: middle;
  margin: 0;
  margin-right: 5px;
}
.filter-section label .checker,
.filter-section label .radio {
  margin-top: 3px !important;
}
.checker .checked,
.filter-section .checker .checked {
  background-position: 6px -12px !important;
}
@media screen and (max-width: 980px) {
  .checker .checked,
  .filter-section .checker .checked {
    background-position: 3px -50px !important;
  }
}
@media screen and (max-width: 570px) {
  .filter-section .checker .checked {
    background-position: 10px -43px !important;
  }
}
@media screen and (max-width: 980px) {
  .radio .checked {
    background-position: 8px -92px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .checker .checked,
  .filter-section .checker .checked {
    background-image: url(../images/cos/01/sprite-new3.svg);
    background-position: 6px 0 !important;
  }
}
@media screen and (max-width: 980px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .checker .checked,
  .filter-section .checker .checked {
    background-position: 3px -38px !important;
  }
}
@media screen and (max-width: 570px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .filter-section .checker .checked {
    background-position: 10px -31px !important;
  }
}
@media screen and (max-width: 980px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .radio .checked {
    background-position: 8px -82px;
  }
}
.product_name {
  text-transform: uppercase;
}
.ui-widget {
  font-family: 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
}
/*.ui-selectmenu-button {*/
/*  border-radius: 0;*/
/*  width: 100%;*/
/*}*/
/*.ui-selectmenu-button span.ui-icon {*/
/*  background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzE4OTQ0QUJFNzk1MTFFMTk4NjlDQkFEOUY0RUI4OTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzE4OTQ0QUNFNzk1MTFFMTk4NjlDQkFEOUY0RUI4OTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MTg5NDRBOUU3OTUxMUUxOTg2OUNCQUQ5RjRFQjg5MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MTg5NDRBQUU3OTUxMUUxOTg2OUNCQUQ5RjRFQjg5MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po7OpYgAAABCSURBVHjaYrx27VojAwNDHQN+0KSpqVnPQARgAmKQwiZ8hkHVMBBrIAMeQ0kyDNlAbIaSbBgIsKDx63GwiQYAAQYAE5IMDY3xIJQAAAAASUVORK5CYII=) right center no-repeat #f1f1f1;*/
/*  height: 30px;*/
/*  width: 30px;*/
/*}*/
/*.ui-selectmenu-button span.ui-selectmenu-text {*/
/*  text-align: left;*/
/*  padding: 0.4em 2.1em 0.4em 1em;*/
/*  display: block;*/
/*  line-height: 1.4;*/
/*  overflow: hidden;*/
/*  text-overflow: ellipsis;*/
/*  white-space: nowrap;*/
/*  width: 100%;*/
/*}*/
.touch input.Hint:focus,
.touch input[type=search],
.touch input[type=email],
.touch input[type=number],
.touch input[type=password],
.touch input[type=tel],
.touch input[type=text],
.touch input[type=url],
.touch select,
.touch textarea {
  font-size: 12px;
}
/*@media screen and (max-width: 570px) {*/
/*  .touch input.Hint:focus,*/
/*  .touch input[type=search],*/
/*  .touch input[type=email],*/
/*  .touch input[type=number],*/
/*  .touch input[type=password],*/
/*  .touch input[type=tel],*/
/*  .touch input[type=text],*/
/*  .touch input[type=url],*/
/*  .touch select,*/
/*  .touch textarea {*/
/*    font-size: 13px;*/
/*  }*/
/*}*/
.btn {
  font-size: 13px;
  text-transform: uppercase;
}
.btn.disabled {
  /* 2017.07.14 .btn.disabled .3 -> 1 */
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
button.txt_btn,
input.txt_btn,
a.txt_btn,
a.btn_link, /*@ mypage 부분btn_link 추가 / 2018.01.09 / bhkim */
button.underline,
input.underline,
a.underline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 0;
  padding: 0;
  font-size: 12px;
  line-height: 15px;  /*@ 전시쪽처럼 비패턴립 페이지도 언더라인 더 벌어지게 => 원복 / 2018.03.05 / bhkim 
  /*line-height: 17px;  @ 전시쪽처럼 비패턴립 페이지도 언더라인 더 벌어지게 / 2018.02.10 / mglee */
  /*text-transform: none;*/
  /*text-decoration: underline !important;*/
  color: #444;
  /*background: transparent;*/
  vertical-align: baseline;
  /*border-bottom: 1px #444 solid;*/
  position: relative;
}


button.txt_btn::after,
input.txt_btn::after,
a.txt_btn::after,
a.btn_link::after, /*@ mypage 부분btn_link 추가 / 2018.01.09 / bhkim */
button.underline::after,
input.underline::after,
a.underline::after {
  content: " ";
  background: #444;
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  bottom: -2px; /*PC-Chrome, PC-IE*/
}

/*@ 지난 번 고객서비스 쪽과 마찬가지로 기존에 txt_btn class 적용되어있는 곳 언더라인이 PC에서는 붙어서 나오고 모바일에서는 떨어져서 나옵니다. / 2018.03.15 / mglee */
/*@ txt_btn 밑줄 사용해야 / 18.03.19 / bhkim*/
/*button.txt_btn,*/
/*input.txt_btn,*/
/*a.txt_btn{*/
/*  border-bottom: 0;  */
/*}*/

/*@ txt_btn 밑줄 모바일용 수정 / 18.03.19 / bhkim*/
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
  button.txt_btn::after,
  input.txt_btn::after,
  a.txt_btn::after {
    bottom: 1px;
  }
}

button.txt_btn:hover,
input.txt_btn:hover,
a.txt_btn:hover,
a.btn_link:hover, /*@ mypage 부분btn_link 추가 / 2018.01.09 / bhkim */
button.underline:hover,
input.underline:hover,
a.underline:hover {
  opacity: 0.7;
  /*color: #444;*/
  /*text-decoration: underline !important;*/
}
button.txt_btn[disabled],
input.txt_btn[disabled],
a.txt_btn[disabled],
a.btn_link[disabled], /*@ mypage 부분btn_link 추가 / 2018.01.09 / bhkim */
button.underline[disabled],
input.underline[disabled],
a.underline[disabled] {
  color: #ccc;
  cursor: default;
}
button.txt_btn[disabled]:hover,
input.txt_btn[disabled]:hover,
a.txt_btn[disabled]:hover,
a.btn_link[disabled]:hover, /*@ mypage 부분btn_link 추가 / 2018.01.09 / bhkim*/
button.underline[disabled]:hover,
input.underline[disabled]:hover,
a.underline[disabled]:hover {
  text-decoration: underline !important;
}
@media screen and (max-width: 570px) {
  button.txt_btn,
  input.txt_btn,
  a.txt_btn,
  a.btn_link, /*@ mypage 부분btn_link 추가 / 2018.01.09 / bhkim */
  button.underline,
  input.underline,
  a.underline {
    /*@ mypage 부분btn_link 추가 / 2018.01.09 / bhkim */
    font-size: 12px;
  }
}
input.form_control {
  font-size: 12px;
  background-size: 2rem 2rem;
  transition: background 0.4s;
  padding: 6px 5px;
}
input.form_control.x {
  background-position: right 1rem center;
}
input.form_control.onX {
  cursor: pointer;
}
input.form_control::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
@media screen and (max-width: 570px) {
  input.form_control {
    font-size: 12px;
  }
}
select.form_control {
  padding-left: 5px;
}
.input_group.send-message .cell.byte {
  width: 60%;
  padding-right: 65px;
  position: relative;
}
.input_group.send-message .cell.byte .txt-byte {
  position: absolute;
  right: 0;
  top: 50%;
  vertical-align: middle;
  color: #d1d1d1;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.input_group.send-message .cell.byte .txt-byte span {
  color: #999;
}
.input_group.send-message .textarea.form_control {
  height: 30px;
  padding: 6px 5px;
}
.payment-detail .checker span,
.payment-detail .radio span {
  background-color: #fff;
}
.payment-detail .box_white .checker span,
.payment-detail .box_white .radio span {
  background-color: #f1f1f1;
}
@media screen and (max-width: 570px) {
  .input_group.send-message .cell {
    display: block;
    padding: 0;
  }
  .input_group.send-message .cell.byte {
    width: 100%;
    margin-top: 10px;
    padding-right: 0;
  }
  .input_group.send-message .cell.byte .txt-byte {
    position: static;
    text-align: right;
    -webkit-transform: translate(0, 5px);
    -moz-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    -o-transform: translate(0, 5px);
    transform: translate(0, 5px);
  }
}
.form_group .btn,
.input_group .btn,
.input_group_btn .btn {
  height: 30px;
  /*@ 주문서 일부버튼 작아짐 주석해제 / 2018.01.08 / bhkim */
  padding: 5px 20px;
  white-space: nowrap;
}
.form_lab {
  font-size: 12px;
  padding-top: 5px;
}
.form_lab span {
  display: block;
}
.form_lab.lab_info {
  /*padding-top: 20px;*//*@ '이메일주소를입력해주세요' 간격 너무 크다해서 좁힘 - 주석막기 / 2018.01.18 / mglee*/
}
@media screen and (max-width: 570px) {
  .form_lab {
    font-size: 12px;
  }
}
.form_group {
  font-size: 0;
  letter-spacing: 0;
}
.form_group,
.form_group * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: separate;
}
.form_group + .input_group,
.form_group .input_group,
.form_group .form_btn,
.form_group .form_txt {
  display: inline-table;
  vertical-align: middle;
}
.form_group + .input_group {
  width: auto !important;
  padding-left: 14px;
}

/*@ 마이페이지가 좁아졌다 / 2018.01.17 / mlgee */
/*
.form_group.email_form {
  width: 500px;
}
*/
.form_group.address_form .form_addr {
  width: 340px;
}
.form_group.address_form .btn {
  margin-top: 0;
}

/*@ 마이페이지가 좁아졌다 / 2018.01.17 / mlgee */
/*
.form_group .email_id,
.form_group .input_group {
  width: 340px;
}
*/
.form_group .form_btn,
.form_group .email_addr,
.form_group .form_txt {
  /*padding-left: 14px;*/
  padding-left: 10px;/*@ 텍스트인풋과 나란히 버튼 사이 간격 / 2018.01.17 / mlgee */
}
.form_group .form_txt {
  color: #666;
  font-size: 12px;
  padding-left: 0;/*@ 유효시간 왼쪽 공백은 없어야 한다. / 2018.01.18 / mlgee */
}
.form_group .input_group + .input_group {
  width: auto !important;
  padding-left: 14px;
  font-size: 12px;
}
@media screen and (max-width: 570px) {
  .form_group {
    width: 100%;
    display: table;
    border-collapse: separate;
    position: relative;
  }
  .form_group .input_group {
    width: 100%;
  }
  .form_group .email_addr {
    padding-left: 8px;
  }
  .form_group .form_btn,
  .form_group .form_txt {
    padding-left: 0;
    margin-top: 10px;
  }
  .form_group .phone_form + .form_btn {
    padding-left: 0;
    margin-top: 70px;
    width: 100%;
  }
  .form_group .phone_form + .form_btn .btn {
    width: 100%;
  }
  .form_group .phone_form + .form_btn + .form_lab {
    position: absolute;
    top: 40px;
  }
  .form_group.email_form {
    width: 100%;
  }
  .form_group.address_form .form_addr {
    width: 100%;
  }
  .form_group .form_txt {
    font-size: 12px;
  }
  .form_group .input_group + .input_group {
    padding-left: 0;
    padding-top: 10px;
    font-size: 12px;
  }
}
.btn_group {
  display: table;
  border-collapse: separate;
  width: 100%;

}
.btn_group .cell {
  display: table-cell;
  /*padding-left: 7px;*/
  /*padding-right: 7px;*/
  padding-left: 10px;/* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
  padding-right: 10px;/* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-003v0.html */
  vertical-align: middle;
  font-size: 12px;
}
.btn_group .cell:first-child {
  padding-left: 0;
}
.btn_group .cell:last-child {
  padding-right: 0;
}
/*@media screen and (max-width: 570px) {*/
/*  .btn_group .cell {*/
/*    font-size: 13px;*/
/*  }*/
/*}*/
.input_group {
  display: table;
  border-collapse: separate;
  width: 100%;
  
}
.input_group + .input_group_btn,
.input_group .input_group_btn {
  padding-left: 14px;
  vertical-align: top;
  display: table-cell;
  width: 150px;
}
.input_group + .input_group_btn .btn,
.input_group .input_group_btn .btn {
  width: 100%;
}
.input_group .cell {
  display: table-cell;
  padding-left: 7px;
  padding-right: 7px;
  vertical-align: middle;
  font-size: 12px;
}
.input_group .cell:first-child {
  padding-left: 0;
}
.input_group .cell:last-child {
  padding-right: 0;
}
.input_group .cell.col3 {
  width: 33%;
}
.input_group .cell.col2 {
  width: 50%;
}
.input_group .cell.tx_symbol {
  width: 1%;
  text-align: center;
}
.input_group.phone_form .cell,
.input_group.company_no .cell {
  width: 30%;
  position: relative;
  padding-left: 35px;
  padding-right: 0;
}
.input_group.phone_form .cell:first-child,
.input_group.company_no .cell:first-child {
  width: 20%;
}
.input_group.phone_form .cell:before,
.input_group.company_no .cell:before {
  content: "-";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 35px;
  text-align: center;
}
.input_group.phone_form .cell:first-child:before,
.input_group.company_no .cell:first-child:before,
.input_group.phone_form .cell.btn_form:before,
.input_group.company_no .cell.btn_form:before {
  display: none;
}
.input_group.phone_form .cell:first-child,
.input_group.company_no .cell:first-child {
  padding-left: 0;
}
.input_group.phone_form .cell.btn_form,
.input_group.company_no .cell.btn_form {
  padding-left: 14px;
}
.input_group.phone_form .cell.btn_form .btn,
.input_group.company_no .cell.btn_form .btn {
  width: 100%;
}
@media screen and (max-width: 570px) {
  .input_group .form_control + .input_group_btn {
    padding-left: 8px;
  }
  .input_group .input_group_btn:first-child {
    padding-right: 8px;
  }
  .input_group .cell {
    padding-left: 4px;
    padding-right: 4px;
    /*font-size: 13px;*/
  }
  .input_group .cell:first-child {
    padding-left: 0;
  }
  .input_group .cell:last-child {
    padding-right: 0;
  }
  .input_group.phone_form .cell {
    padding-left: 26px;
  }
  .input_group.phone_form .cell:before {
    width: 26px;
  }
  .input_group.phone_form .cell:first-child {
    padding-left: 0;
  }
  .input_group.phone_form .cell.btn_form {
    padding-left: 8px;
  }
}
.email_form {
  display: table;
  border-collapse: separate;
  width: 100%;
}
.email_form .email_id,
.email_form .email_addr {
  display: table-cell;
  vertical-align: middle;
}

/*@ 인풋텍스트-버튼 나란히의 사이 간격은 좁아졌다 / 2018.01.17 / mglee */
.email_form .email_addr {
  padding-left: 10px;
}

@media screen and (max-width: 570px) {
  .email_form .email_addr {
    padding-left: 8px;
  }
}
.address_form .zip_form {
  width: 250px;
}
.address_form .zip_form .input_group_btn {
  width: 100px;
}
@media screen and (max-width: 570px) {
  .address_form .zip_form {
    width: 100%;
  }
}
.address_form .form_addr {
  margin-top: 10px;
}
.find_form .find_btn {
  vertical-align: top;
  display: table-cell;
  padding-left: 14px;
  width: 100px;

  position: relative;
}
.find_form .find_btn .find_input {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  cursor: pointer;
  width: 200%;
  height: 200%;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
@media screen and (max-width: 570px) {
  .find_form .find_btn {
    padding-left: 8px;
  }
}
.etc_option {
  position: relative;
}
.etc_option.open .tip-contents,
.etc_option.open .tooltip-cont {
  display: block;
}
.etc_option .tooltip:before {
  content: "?";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #b2b2b2;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  margin-left: 5px;
  /*margin-top: -3px;*/
  border: 1px #ccc solid;
}
.etc_option .tooltip .icon,
.etc_option .tooltip .ic_comm {
  position: absolute !important;
  height: 0;
  width: 0;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  text-indent: -100%;
}
.etc_option .tip-contents,
.etc_option .tooltip-cont {
  display: none;
  position: absolute;
  z-index: 10000;
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 20px;
  font-size: 11px;
  line-height: 1.2;
}
.etc_option .tip-contents p,
.etc_option .tooltip-cont p {
  line-height: inherit;
  margin: 0;
}
.etc_option .tip-contents .tooltip-tit,
.etc_option .tooltip-cont .tooltip-tit {
  /*@ 결제시 툴팁 수정 / 2018.01.08 / bhkim */
  margin-top: 0;
  font-size: 13px;
  font-weight: normal;
}
.etc_option .tip-contents .tooltip-tit + .describe,
.etc_option .tooltip-cont .tooltip-tit + .describe,
.etc_option .tip-contents .tooltip-tit + .tip_body,
.etc_option .tooltip-cont .tooltip-tit + .tip_body,
.etc_option .tip-contents .tooltip-tit + p,
.etc_option .tooltip-cont .tooltip-tit + p {
  margin-top: 15px;
}
.etc_option .tip-contents .describe + .describe,
.etc_option .tooltip-cont .describe + .describe {
  margin-top: 10px;
}
.etc_option .tip-contents .tb_chart th,
.etc_option .tooltip-cont .tb_chart th {
  font-weight: normal;
}
.etc_option .tip-contents .tb_chart th,
.etc_option .tooltip-cont .tb_chart th,
.etc_option .tip-contents .tb_chart td,
.etc_option .tooltip-cont .tb_chart td {
  padding: 5px 10px;
}
.etc_option .tip-contents .close-dialog,
.etc_option .tooltip-cont .close-dialog {
  position: absolute;
}
@media screen and (max-width: 980px) {
  .etc_option.open:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 100;
  }
  .etc_option.open .tip-contents,
  .etc_option.open .tooltip-cont {
    position: fixed;
    margin: 0 !important;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1000;
  }
}
@media screen and (max-width: 570px) {
  .etc_option .tip-contents,
  .etc_option .tooltip-cont {
    font-size: 12px;
  }
  .etc_option .tooltip-tit {
    font-size: 16px;
  }
}
/* error page */
.ly_errorPage {
  text-align: center;
  word-break: keep-all;
}
.ly_errorPage,
.ly_errorPage * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.ly_errorPage .title {
  font-size: 14px;
  margin-bottom: 2.7em;
  text-transform: none;
  line-height: 1.5;
}
@media screen and (max-width: 570px) {
  .ly_errorPage .title {
    font-size: 16px;
  }
}
.ly_errorPage .errorPage {
  line-height: 1.5;
}
.ly_errorPage .errorPage p {
  margin: 0;
}
.ly_errorPage .errorPage .btn_group .cell {
  width: 50%;
}
.ly_errorPage .errorPage .btn_group .btn {
  width: 100%;
}
.ly_errorPage.email .title {
  margin-top: 5em;
}
/* footer */
#footer_warp * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#footer_warp #footer {
  font-size: 0;
}
#footer_warp #footer li {
  font-size: 12px;
}
#footer_warp .hyundai_footer {
  margin-top: 30px;
  background-color: #f8f8f8;
  color: #848484;
  padding: 40px;
  text-align: center;
}
#footer_warp .hyundai_footer ul,
#footer_warp .hyundai_footer li,
#footer_warp .hyundai_footer p {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer_warp .hyundai_footer .footer_cont,
#footer_warp .hyundai_footer .footer_cont * {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}
#footer_warp .hyundai_footer .footer_cont span {
  display: inline;
}
#footer_warp .hyundai_footer .footer_cont address {
  font-style: normal;
  display: inline;
}
#footer_warp .hyundai_footer .section_top {
  display: inline-table;
}
#footer_warp .hyundai_footer .section_left,
#footer_warp .hyundai_footer .section_right {
  display: table-cell;
  text-align: left;
}
#footer_warp .hyundai_footer .section_center {
  display: block;
  margin-top: 40px;
  font-size: 11px;
}
#footer_warp .hyundai_footer .section_left {
  position: relative;
  padding-left: 190px;
  padding-right: 80px;
  max-width: 620px;
}
#footer_warp .hyundai_footer .section_right {
  max-width: 490px;
}
#footer_warp .hyundai_footer .section_right .txt_copy {
  display: block;
}
/*
#footer_warp .hyundai_footer .footer_hyundai {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 43px;
  background: url('../images/cos/01/common/footer_hyundai.jpg') 0 0 no-repeat;
}
*/
#footer_warp .hyundai_footer .link_lst ul {
  margin-top: 10px;
}
#footer_warp .hyundai_footer .link_lst li:before {
  content: "| ";
  vertical-align: 1px;
  margin: 0 4px;
}
#footer_warp .hyundai_footer .link_lst li:first-child:before {
  content: '';
  margin: 0;
}
#footer_warp .hyundai_footer .txt_copy {
  margin-top: 20px;
}
@media (max-width: 980px) {
  #footer_warp .hyundai_footer {
    padding: 30px 20px;
  }
  #footer_warp .hyundai_footer .section_top {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  #footer_warp .hyundai_footer .section_left {
    padding-right: 0;
    padding-left: 150px;
    max-width: 500px;
  }
  #footer_warp .hyundai_footer .section_right {
    display: block;
    text-align: center;
  }
  #footer_warp .hyundai_footer .section_right,
  #footer_warp .hyundai_footer .section_center {
    margin-top: 30px;
  }
}
@media (max-width: 570px) {
  #footer_warp .hyundai_footer {
    font-size: 12px;
    padding: 20px 10px;
  }
  #footer_warp .hyundai_footer .section_left {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 0;
    max-width: 310px;
    text-align: center;
  }
  #footer_warp .hyundai_footer .section_left p {
    padding-left: 100px;
    text-align: left;
  }
  #footer_warp .hyundai_footer .section_right,
  #footer_warp .hyundai_footer .section_center {
    margin-top: 20px;
  }
}
@media (min-width: 981px) {
  .ten-page .information-page-container .t-content {
    font-size: 14px !important;
  }
  .ten-page .information-page-container .t-content p {
    line-height: 20px !important;
  }
  .ten-page .information-page-container .t-product-description > p:before {
    font-size: 9px !important;
  }
}
/* 스튜디오 */
/* 메거진 */
/* 공유하기 */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "social_icon";
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.social-network-share {
  font-size: 0;
  line-height: 0;
}
.social-network-share li {
  vertical-align: middle;
}
.social-network-share li:nth-child(5),
.social-network-share li:nth-child(6) {
  display: none;
}
.social-network-share a {
  margin: 0 15px !important;
}
.social-network-share a.icon-facebook {
  background-position: 4px 0;
}
.social-network-share a.icon-facebook:hover {
  background-position: 4px -173px;
}
.social-network-share a.icon-twitter {
  background-position: 0 -43px;
}
.social-network-share a.icon-twitter:hover {
  background-position: 0 -216px;
}
.social-network-share a.icon-pinterest {
  background-position: 2px -87px;
}
.social-network-share a.icon-pinterest:hover {
  background-position: 2px -260px;
}
.social-network-share a.icon-email {
  background-position: 0 -131px;
}
.social-network-share a.icon-email:hover {
  background-position: 0 -304px;
}
.social-network-share a.icon-kakaotalk,
.social-network-share a.icon-kakaostory {
  background: transparent;
  vertical-align: middle;
}
.social-network-share a.icon-kakaotalk:before,
.social-network-share a.icon-kakaostory:before {
  color: #ccc;
  font-size: 18px;
  line-height: 1em;
}
.social-network-share a.icon-kakaotalk:hover:before,
.social-network-share a.icon-kakaostory:hover:before {
  color: #b2b2b2;
}
.social-network-share a.icon-kakaotalk:before {
  content: '\e801';
}
.social-network-share a.icon-kakaostory:before {
  content: '\e800';
}
@media screen and (max-width: 980px) {
  .social-network-share li {
    padding: 0 5px;
  }
  .social-network-share li:nth-child(5),
  .social-network-share li:nth-child(6) {
    display: inline-block;
  }
}
.look-share .sharePopLink.cosShareKakaotalk,
.shareWrap .sharePopLink.cosShareKakaotalk,
.share-device .sharePopLink.cosShareKakaotalk,
.look-share .sharePopLink.cosShareKakaostory,
.shareWrap .sharePopLink.cosShareKakaostory,
.share-device .sharePopLink.cosShareKakaostory {
  display: none;
}
@media screen and (max-width: 980px) {
  .look-share .sharePopLink.cosShareKakaotalk,
  .share-device .sharePopLink.cosShareKakaotalk,
  .look-share .sharePopLink.cosShareKakaostory,
  .share-device .sharePopLink.cosShareKakaostory {
    display: inline-block;
  }
  .shareWrap .sharePopLink.cosShareKakaotalk,
  .shareWrap .sharePopLink.cosShareKakaostory {
    display: block;
  }
}
/* PC 에서만 보여주는 페이지 */
@media screen and (max-width: 980px) {
  .pc_only .o-page-content {
    position: relative;
    background: transparent;
  }
  .pc_only .o-lightbox,
  .pc_only .a-overlay,
  .pc_only .ly_popup_view,
  .pc_only .dialog {
    display: none !important;
  }
  .pc_only .content-section > a {
    display: none;
  }
  .pc_only .content-section{
    height:500px;
  }
  .pc_only .content-section:before {
    content: '브라우저 가로 사이즈가 980px 이상에서 이용할 수 있습니다. \A 창 크기를 크게한 후 이용해 주세요.';
    white-space: pre-line;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 14px;
    line-height: 2;
    text-align: center;
    overflow: auto;
    visibility: inherit;
    height: auto;
  }
}
@media screen and (max-width: 570px) {
  .pc_only .content-section:before {
    position: static;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 0;
    left: 0;
    display: block;
    padding: 100px 20px 50px;
  }
}
.sharePop {
  box-sizing: content-box !important;
}
/* 2017.08.21 색상제고 취소선 overflow */
.productInfo {
  /* 2017.09.07 out of stock click bug 수정 */
}
.productInfo label:before {
  margin: -0.5px 4px 0;
}
@media screen and (max-width: 980px) {
  .productInfo label:before {
    margin: -1px 0 0;
  }
}
.productInfo input[type=radio] {
  top: 0;
}
/* 2017.08.10 breadcrumb x btn overflow */
@media screen and (max-width: 980px) {
  .breadcrumb-container-device {
    max-width: 320px;
  }
}
/* 2017.08.04 list page 2*1 add  */
@media screen and (min-width: 570px) {
  /* 2017.08.16 list */
  li.item.product.withLeftHtml {
    float: right;
  }
  li.item.product.withRightHtml {
    float: left;
  }
}
/*2017.09.07 window10 EdgeBrowser SVG bug*/
/*여기서 IE-edge, Chrom, Opera 오버라이딩*/
@supports (-webkit-appearance:none) {
  .checker .checked,
  .filter-section .checker .checked {
    background-image: url(../images/cos/01/sprite-new.png);
    background-position: 6px 0 !important;
  }
  @media screen and (max-width: 980px) {
    .checker .checked,
    .filter-section .checker .checked {
      background-position: 3px -38px !important;
    }
  }
  @media screen and (max-width: 570px) {
    .filter-section .checker .checked {
      background-position: 10px -31px !important;
    }
  }
  .radio .checked {
    background-position: 8px -82px !important;
  }
  .filter-section .checker .checked {
    background-image: url(../images/cos/01/sprite-new.png);
    background-position: 6px 0px !important;
  }
  @media screen and (min-width: 571px) and (max-width: 980px) {
    .filter-section .checker .checked {
      background-position: 2px -39px !important;
    }
  }
  @media screen and (min-width: 1px) and (max-width: 570px) {
    .filter-section .checker .checked {
      background-position: 8px -32px !important;
    }
  }
}
/*Chrom, Opera 재 오버라이딩*/
@supports (-webkit-appearance:none) and (font-variant-caps:normal) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)) {
  .checker .checked,
  .filter-section .checker .checked {
    background-image: url(../images/cos/01/sprite-new3.svg);
    background-position: 6px -12px !important;
  }
  @media screen and (max-width: 980px) {
    .checker .checked,
    .filter-section .checker .checked {
      background-position: 3px -50px !important;
    }
  }
  @media screen and (max-width: 570px) {
    .filter-section .checker .checked {
      background-position: 10px -43px !important;
    }
  }
  .radio .checked {
    background-position: 8px -92px !important;
  }
  .filter-section .checker .checked {
    background-image: url(../images/cos/01/sprite-new3.svg);
    background-position: 6px -12px !important;
  }
  @media screen and (min-width: 571px) and (max-width: 980px) {
    .filter-section .checker .checked {
      background-position: 3px -50px !important;
    }
  }
  @media screen and (min-width: 1px) and (max-width: 570px) {
    .filter-section .checker .checked {
      background-position: 10px -43px !important;
    }
  }
}