@charset "UTF-8";
@import url("css_short.css");

/* ############################# 필수세팅  ########################### */
/* Reset CSS */
* {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

a {
  outline: 0;
  text-decoration: none;
  color: #fff;
}

img {
  border: 0;
  vertical-align: top;
  margin: 0;
}

.hidden {
  display: none !important;
}

/* ############################# 재설정 ########################### */
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  min-height: 0px !important;
  letter-spacing: -0.2px;
}

/* head */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4;
}

.h7 {
  font-size: 0.75rem;
}

.s1,
.s2,
.s3,
.s4,
.s5,
.s6,
s7 {
}

.s7 {
  font-size: 12px;
  line-height: 22px;
}

.s6 {
  font-size: 14px;
  line-height: 25px;
}

.s5 {
  font-size: 16px;
  line-height: 25px;
}

.s4 {
  font-size: 18px;
  line-height: 30px;
}

.s3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 35px;
}

.s2 {
  font-size: 24px;
  line-height: 40px;
}

.s1 {
  font-size: 28px;
  line-height: 45px;
}

.display-5 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.1;
}

/* 폰트 칼라 재세팅 */
.text-white {
  color: #ffffff;
}

.text-black {
  color: #3a3a3a;
}

.text-muted2 {
  color: #777;
}

.text-primary2 {
  color: #337ab7;
}

.text-info2 {
  color: #31708f;
}

.text-success2 {
  color: #3c763d;
}

.text-danger2 {
  color: #a94442;
}

.text-warning2 {
  color: #8a6d3b;
}

.text-muted3 {
  color: #696969;
}

.text-primary3 {
  color: #2c6ba1;
}

.text-info3 {
  color: #295f7a;
}

.text-success3 {
  color: #346735;
}

.text-danger3 {
  color: #943b39;
}

.text-warning3 {
  color: #765d32;
}

/* 텍스트 꾸미기 */
.text-transform-none {
  text-transform: none !important;
}

.text-underline {
  text-decoration: underline;
}

.text-decoration-none-hover:focus,
.text-decoration-none-hover:hover {
  text-decoration: none;
}

.text-strike {
  text-decoration: line-through;
}

.text-normal {
  font-style: normal;
}

.text-italic {
  font-style: italic;
}

/* 폰트 칼라 */
.color-white {
  color: #ffffff;
}

.color-black {
  color: #1f1f1f;
}

.color-sea {
  color: #1abc9c;
}

.color-red {
  color: #e74c3c;
}

.color-aqua {
  color: #27d7e7;
}

.color-blue {
  color: #3498db;
}

.color-grey {
  color: #95a5a6;
}

.color-dark {
  color: #555555;
}

.color-darker {
  color: #333333;
}

.color-green {
  color: #7fad23;
}

.color-brown {
  color: #9c8061;
}

.color-light {
  color: #ffffff;
}

.color-orange {
  color: #f44336;
}

.color-yellow {
  color: #f1c40f;
}

.color-green1 {
  color: #597a18;
}

.color-purple {
  color: #9b6bcc;
}

.color-inherit {
  color: inherit;
}

.color-dark-blue {
  color: #4765a0;
}

.color-light-grey {
  color: #585f69;
}

.color-light-green {
  color: #79d5b3;
}

/* ############################# 그림자 ########################### */
.shadow-5 {
  -webkit-box-shadow: 5px 5px #e7e7e7;
  box-shadow: 5px 5px #e7e7e7;
}

.shadow-10 {
  -webkit-box-shadow: 10px 10px #e7e7e7;
  box-shadow: 10px 10px #e7e7e7;
}

.shadow-15 {
  -webkit-box-shadow: 15px 15px #e7e7e7;
  box-shadow: 15px 15px #e7e7e7;
}

/* ############################# 배경 ########################### */
.bg-zigzag {
  background-color: transparent;
  background-repeat: repeat-x;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMzAnIGhlaWdodD0nMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgIHZpZXdCb3g9JzAgMCAxMDAgMTAwJz4KCTxsaW5lYXJHcmFkaWVudCBpZD0nZzEnIHgxPScwJScgeTE9JzAlJyB4Mj0nMTAwJScgeTI9JzAlJz4KCQk8c3RvcCBvZmZzZXQ9JzAlJyBzdHlsZT0nc3RvcC1jb2xvcjojYjFhZWNjO3N0b3Atb3BhY2l0eToxJyAvPgoJCTxzdG9wIG9mZnNldD0nMTAwJScgc3R5bGU9J3N0b3AtY29sb3I6I2MxY2FlNjtzdG9wLW9wYWNpdHk6MCcgLz4KCTwvbGluZWFyR3JhZGllbnQ+Cgk8bGluZWFyR3JhZGllbnQgaWQ9J2cyJyB4MT0nMCUnIHkxPScwJScgeDI9JzAlJyB5Mj0nMTAwJSc+CgkJPHN0b3Agb2Zmc2V0PScwJScgc3R5bGU9J3N0b3AtY29sb3I6I2IxYWVjYztzdG9wLW9wYWNpdHk6MScgLz4KCQk8c3RvcCBvZmZzZXQ9JzEwMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiNjMWNhZTY7c3RvcC1vcGFjaXR5OjAnIC8+Cgk8L2xpbmVhckdyYWRpZW50PgoJPHJhZGlhbEdyYWRpZW50IGlkPSdnMycgY3g9JzAlJyBjeT0nMCUnIHI9JzEwMCUnPgoJCTxzdG9wIG9mZnNldD0nMCUnIHN0eWxlPSdzdG9wLWNvbG9yOiNiMWFlY2M7c3RvcC1vcGFjaXR5OjEnIC8+CgkJPHN0b3Agb2Zmc2V0PScxMDAlJyBzdHlsZT0nc3RvcC1jb2xvcjojYzFjYWU2O3N0b3Atb3BhY2l0eTowJyAvPgoJPC9yYWRpYWxHcmFkaWVudD4KCTxnIHRyYW5zZm9ybT0ncm90YXRlKDQ1KSB0cmFuc2xhdGUoMjEuMiAtNDkuNSknPgoJCTxyZWN0IHg9Jy01MCUnIHk9Jy01MCUnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9JyNmZmYnIC8+CgkJPHJlY3QgeD0nNTAlJyB5PSctNTAlJyB3aWR0aD0nMTAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjZzEpJyAvPgoJCTxyZWN0IHg9Jy01MCUnIHk9JzUwJScgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAlJyBmaWxsPSd1cmwoI2cyKScgLz4KCQk8cmVjdCB4PSc1MCUnIHk9JzUwJScgd2lkdGg9JzEwJScgaGVpZ2h0PScxMCUnIGZpbGw9J3VybCgjZzMpJyAvPgoJPC9nPgo8L3N2Zz4=);
}

/* ############################# 버튼 디자인  ########################### */

/* 버튼 세팅 */
.btn {
  /*box-shadow: none;
    border-radius: 0;
    background-image: none;*/
  transition: 0.3s;
  cursor: pointer;
}

.btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

/* BUTTONS - COLOR */
.btn-izi-icon {
  color: #ffffff;
  transition: 0.3s;
  opacity: 0.3;
  font-size: 23px;
  width: 26px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 27px;
}

.btn-izi-icon:hover,
.btn-izi-icon:focus,
.btn-izi-icon:active,
.btn-izi-icon.active {
  opacity: 0.8;
}

.btn-green {
  background-color: #56aa1c;
  border-color: #56aa1c;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
  background-color: #458816;
  border-color: #458816;
}

.btn-blue {
  background-color: #008be1;
  border-color: #008be1;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
  background-color: #0073ba;
  border-color: #0073ba;
}

.btn-darkblue {
  background-color: #00426b;
  border-color: #00426b;
}

.btn-darkblue:hover,
.btn-darkblue:focus,
.btn-darkblue:active,
.btn-darkblue.active {
  background-color: #002a44;
  border-color: #002a44;
}

.btn-grey {
  background-color: #707070;
  border-color: #9ba5ae;
  color: #ffffff;
}

.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active {
  background-color: #ffffff;
  border-color: #ececec;
}

.btn-black {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
  color: #ececec;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
  background-color: #ffffff;
  border-color: #ececec;
  color: #707070;
}

.btn-white {
  background-color: #ffffff;
  border-color: #ececec;
  color: #707070;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
  color: #ececec;
}

.btn-tran-white {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgb(255, 255, 255);
  color: #ffffff;
  border-width: 2px;
}

.btn-tran-white:hover,
.btn-tran-white:focus,
.btn-tran-white:active,
.btn-tran-white.active {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgb(255, 255, 255);
  color: #ffffff;
  font-weight: bold;
}

.btn-tran-black {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0.62);
  color: #707070;
}

.btn-tran-black:hover,
.btn-tran-black:focus,
.btn-tran-black:active,
.btn-tran-black.active {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.62);
  color: #ffffff;
}

.btn-user {
  background-color: #e1002f;
  border-color: #e1002f;
  color: #ffffff;
}

.btn-user:hover,
.btn-user:focus,
.btn-user:active,
.btn-user.active {
  background-color: #c60029;
  border-color: #c60029;
  color: #ffffff;
}

/* h 버튼 */
.hbtn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font: 600 14px "나눔고딕", "Nanum Gothic", sans-serif;
  padding: 10px 10px;
  white-space: nowrap;
  margin-right: 5px;
  text-align: center;
  text-decoration: none;
}

.hbtn i {
  margin-right: 10px;
}

.hbtn-black {
  background-color: #1f1f1f;
  border: 1px solid #1f1f1f;
  color: #ffffff;
}

.hbtn-black:hover {
  background-color: #ffffff;
  border: 1px solid #1f1f1f;
  color: #434343;
}

.hbtn-grey {
  background-color: #707070;
  border: 1px solid #707070;
  color: #ffffff;
}

.hbtn-grey:hover {
  background-color: #ffffff;
  border: 1px solid #1f1f1f;
  color: #434343;
}

.hbtn-white {
  background-color: #ffffff;
  border: 1px solid #1f1f1f;
  color: #434343;
}

.hbtn-white:hover {
  background-color: #1f1f1f;
  border: 1px solid #1f1f1f;
  color: #ffffff;
}

.btn-size100 {
  width: 100px;
}

.btn-size90 {
  width: 90px;
}

/* 투명버튼 */

.tran_btn {
  width: auto;
  height: auto;
  border: 1px solid rgba(255, 255, 255, 1);
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  line-height: 35px;
  font-size: 1.9vmin;
  margin: 25px auto;
  background-color: rgba(0, 0, 0, 0.25);
  overflow: hidden;
  padding: 0 15px;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 100;
}

.tran_btn:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.45);
}

/* 공간 */
.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0;
}

#business_history {
  height: 550px;
  margin-bottom: 30px;
}

.content-xs {
  padding-top: 20px;
  padding-bottom: 20px;
}

.content {
  padding-top: 40px;
  padding-bottom: 40px;
}

.content-sm {
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-md {
  padding-top: 80px;
  padding-bottom: 80px;
}

.content-lg {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* 사용자 정의 배경 컬러 */
.bg-color-dark,
.bg-color-darker,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-light,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-green1,
.bg-color-purple,
.bg-color-dark-blue,
.bg-color-light-grey,
.bg-color-light-green {
  color: #fff;
}

.bg-color-grey,
.bg-color-white {
  color: #434343;
}

.bg-color-dark {
  background-color: #555 !important;
}

.bg-color-darker {
  background-color: #1f1f1f !important;
}

.bg-color-white {
  background-color: #fff !important;
}

.bg-color-sea {
  background-color: #1abc9c !important;
}

.bg-color-red {
  background-color: #e74c3c !important;
}

.bg-color-aqua {
  background-color: #27d7e7 !important;
}

.bg-color-blue {
  background-color: #3498db !important;
}

.bg-color-grey {
  background-color: #fcfcfc !important;
}

.bg-color-light {
  background-color: #f7f7f7 !important;
}

.bg-color-green {
  background-color: #72c02c !important;
}

.bg-color-brown {
  background-color: #9c8061 !important;
}

.bg-color-orange {
  background-color: #e67e22 !important;
}

.bg-color-green1 {
  background-color: #2ecc71 !important;
}

.bg-color-purple {
  background-color: #9b6bcc !important;
}

.bg-color-dark-blue {
  background-color: #4765a0 !important;
}

.bg-color-light-grey {
  background-color: #585f69 !important;
}

.bg-color-light-green {
  background-color: #79d5b3 !important;
}

/* ############################# 이미지 숏코더  ########################### */
/*  이미지 배정을 지정해 숏코드로 불러올 수 있습니다 */
.bg-img01 {
  background-image: url(../images/banner01.jpg);
}

.bg-img02 {
  background-image: url(../images/banner02.jpg);
}

.bg-img03 {
  background-image: url(../images/banner03.jpg);
}

.bg-img04 {
  background-image: url(../images/banner04.jpg);
}

.bg-img05 {
  background-image: url(../images/banner05.jpg);
}

.bg-img06 {
  background-image: url(../images/banner06.jpg);
}

.bg-img07 {
  background-image: url(../images/banner07.jpg);
}

.bg-img08 {
  background-image: url(../images/banner08.jpg);
}

.bg-img09 {
  background-image: url(../images/banner_bg01.jpg);
}

.bg-img10 {
  background-image: url(../images/banner_bg02.jpg);
}

/* 지도 */
.map_grey {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  overflow-y: hidden;
  margin-bottom: -5px;
}

/* ############################# 유틸리티  ########################### */
/* 블랙 투명 레이어 효과 */
.after-black {
  z-index: 1;
  overflow: hidden;
  position: relative;
}

.after-black:after {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  content: " ";
  height: 100%;
  text-align: center;
  position: absolute;
  transition: 0.3s;
}

/* underbar */
.underbar01 {
  width: 50px;
  height: 3px;
  margin: 15px auto 5px;
  background-color: rgba(31, 31, 31, 1);
}

.underbar02 {
  width: 50px;
  height: 3px;
  margin: 15px auto 5px;
  background-color: rgba(255, 255, 255, 1);
}

/* 헤드라인 */
.heading:before,
.heading:after {
  content: "";
  display: block;
}

.heading-bottom::after,
.heading-top::before {
  width: 50px;
  border-top-width: 3px;
  border-top-style: solid;
  border-color: inherit;
}

.heading-bottom::after {
  margin-top: 15px;
}

.heading-top::before {
  margin-bottom: 15px;
}

.heading-left::before,
.heading-left::after {
  margin-right: auto;
}

.heading-center::before,
.heading-center::after {
  margin-left: auto;
  margin-right: auto;
}

.heading-right::before,
.heading-right::after {
  margin-left: auto;
}

.heading-color-blue::after,
.heading-color-blue::before {
  border-color: red;
}

.heading-color-orange::after,
.heading-color-orange::before {
  border-color: orange;
}

.heading-color-yellow::after,
.heading-color-yellow::before {
  border-color: yellow;
}

.heading-color-green::after,
.heading-color-green::before {
  border-color: green;
}

.heading-color-cyan::after,
.heading-color-cyan::before {
  border-color: cyan;
}

.heading-color-blue::after,
.heading-color-blue::before {
  border-color: blue;
}

.heading-color-white::after,
.heading-color-white::before {
  border-color: white;
}

.heading-color-gray::after,
.heading-color-gray::before {
  border-color: gray;
}

.heading-color-dark::after,
.heading-color-dark::before {
  border-color: dark;
}

/* ############################# 페이지 디자인 ########################### */

/* 레이아웃 삽입 */
.wd {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
}

.wd_full {
  width: 100%;
  display: block;
}

/* 손글씨 */
#sign {
  font: 28px "나눔손글씨 펜", "Nanum Pen Script", cursive !important;
  padding-top: 55px;
}

/* 단락테두리 강조 */
/* square title */
.square-title-v1 {
  display: block;
  border: 3px solid transparent;
  padding: 25px 10px;
  position: relative;
  text-align: center;
}

.square-title-v1:before {
  display: block;
  content: "";
  width: 14%;
  height: 30%;
  position: absolute;
  bottom: -3px;
  right: -3px;
  border-bottom: 3px solid $baseColor;
  border-right: 3px solid $baseColor;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.square-title-v1:after {
  display: block;
  content: "";
  width: 14%;
  height: 30%;
  position: absolute;
  top: -3px;
  left: -3px;
  border-top: 3px solid $baseColor;
  border-left: 3px solid $baseColor;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.square-title-v2 {
  display: block;
  border: 3px solid transparent;
  border-radius: 0;
  text-align: center;
  background: none;
  padding: 25px 10px;
  position: relative;
}

.square-title-v2:before {
  display: block;
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: -3px;
  right: -3px;
  border-bottom: 3px solid $primaryColor;
  border-right: 3px solid $primaryColor;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.square-title-v2:after {
  display: block;
  content: "";
  width: 50px;
  height: 50px;
  position: absolute;
  top: -3px;
  left: -3px;
  border-top: 3px solid $primaryColor;
  border-left: 3px solid $primaryColor;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

/*  콜아웃 */
.callout {
  border-color: rgba(231, 231, 231, 1);
  border-width: 1px 1px 1px 5px;
  border-style: solid;
  padding: 20px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 3px;
}

.callout-red {
  border-left-color: rgba(199, 22, 45, 1);
}

.callout-orage {
  border-left-color: rgba(231, 89, 76, 1);
}

.callout-green {
  border-left-color: rgba(127, 173, 35, 1);
}

.callout-blue {
  border-left-color: rgba(33, 86, 165, 1);
}

.callout-purple {
  border-left-color: rgba(162, 67, 211, 1);
}

.col-md-6-cont {
  width: 100%;
  height: auto;
  padding: 0px 15px;
  margin-bottom: 4rem;
}

.col-md-6 > p {
  text-align: justify;
}

/* ############################# ����̺�? �������? ########################### */

/* ����̺�? ��ꡚ���? */
.table-th-center th {
  text-align: center;
  vertical-align: middle !important;
}

.table-td-center td {
  text-align: center;
  vertical-align: middle !important;
}

/* ����̺�? */
.htable_left,
.htable_cell,
.htable_right {
  padding: 15px;
  vertical-align: middle;
}

.htable {
  border-top: 1px solid #ececec;
  color: #707070;
  font-family: "���������?", "Nanum Gothic", sans-serif;
  line-height: 160%;
}

.htable_row {
  border-bottom: 1px solid #ececec;
  overflow-y: hidden;
  display: -webkit-flex;
  display: flex;
}

.htable_left {
  border-right: 1px solid #ececec;
  float: left;
  width: 20%;
}

.htable_cell {
  border-right: 1px solid #ececec;
  float: left;
}

.htable_right {
  border-right-style: none;
  float: left;
  width: 80%;
}

/* ############################# ������? �������? �������? ��֟�? https://www.utf8icons.com/ ########################### */
.list-styled {
  list-style: disc;
}

/* - ������? ������? Ÿ���? 01  <ul class="list-design"> <li></li> ---- */
.list-design {
}

.list-design li {
  position: relative;
  margin: 0px 0px 7px;
  padding-left: 25px;
}

.list-design li:hover:before {
}

.list-design li:before {
  content: "\2713 ";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  text-shadow: 0px -1px 0px #efefef;
  font-size: 12px;
  font-family: "���������?", "Nanum Gothic", sans-serif;
  top: 3px;
  left: -5px;
  line-height: 20px;
}

.list-design-black li:before {
  background-color: #434343;
  color: #fff;
}

/* - ������? ������? Ÿ���? 01 small  <ul class="list-small"> <li></li> ---- */

.list-small {
}

.list-small li {
  position: relative;
  margin: 0px 0px 7px;
  padding-left: 18px;
  color: #2c2c2c;
  font-size: 14px;
}

.list-small li:hover:before {
}

.list-small li:before {
  content: "\2713 ";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #434343;
  color: #fff;
  text-align: center;
  text-shadow: 0px -1px 0px #efefef;
  font-size: 5px;
  font-family: "���������?", "Nanum Gothic", sans-serif;
  top: 3px;
  left: -5px;
  line-height: 17px;
}

.list-small li a {
  color: #859a31;
  text-decoration: none;
  -moz-transition: all, 500ms;
  -o-transition: all, 500ms;
  -webkit-transition: all, 500ms;
  transition: all, 500ms;
}

.list-small li a:hover {
  border-bottom: 0.1px solid;
}

/* - �����? ������? Ÿ���? 01  <ol class="annotation-list"> <li></li> ---- */
.annotation-list {
  counter-reset: annotation-list;
}

.annotation-list li {
  position: relative;
  margin: 0px 0px 7px;
  padding-left: 25px;
}

.annotation-list li:before {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #4f4f4f;
  content: counter(annotation-list);
  counter-increment: annotation-list;
  color: #fff;
  text-align: center;
  text-shadow: 0px -1px 0px #efefef;
  /* [disabled]font-weight: 600;
*/
  font-size: 12px;
  font-family: "���������?", "Nanum Gothic", sans-serif;
  top: 3px;
  left: -5px;
  line-height: 20px;
}

.annotation-list strong {
  font-size: 15px;
  font-weight: 600;
}

/* #############################  �����? Ÿ����?  ########################### */

/* �����? Ÿ����? 01  */
.photo_title01 {
  display: table;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  overflow-y: hidden;
  position: relative;
  z-index: 0;
  background-color: #1f1f1f;
  background-image: url("../images/banner111.jpg");
}

.photo_title01:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 10%;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.27);
  z-index: -1;
}

.photo_title01 .subject {
  display: table-cell;
  vertical-align: middle;
  height: 300px;
  text-align: center;
}

.photo_title01 .subject .inner_txt01 {
  font-size: 48px;
  color: #ffffff;
  letter-spacing: 5px;
}

.photo_title01 .subject .inner_txt02 {
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 10px;
}

/* ��̚���? ����? 01  */
.image_bg01 {
  display: table;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  overflow-y: hidden;
  position: relative;
  z-index: 0;
}

.image_bg01:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.27);
  z-index: -1;
}

/* ############################# �����? Ÿ����? d_title ########################### */

.d_title01 {
  font-size: 25px;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.d_title01:after {
  content: " ";
  width: 50px;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #b0b0b0;
}

.d_title02 {
  font-size: 20px;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.d_title02:after {
  content: " ";
  width: 40px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #b0b0b0;
}

.d_title03 {
  font-size: 16px;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.d_title03:after {
  content: " ";
  width: 30px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #b0b0b0;
}

/* ���ҿ�? �����? Ÿ����?*/
.d_title_sum01 > a {
  display: block;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 25px;
}

.d_title_sum01 .big_title {
  font-size: 25px;
  padding-bottom: 10px;
  display: inline-block;
  position: relative;
  letter-spacing: -1px;
}

.d_title_sum01 .big_title:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid rgba(157, 11, 14, 1);
  bottom: -1px;
  left: 0;
  z-index: 2;
}

.d_title_sum01 .small_title {
  color: #c7162d;
  text-indent: 10px;
  display: inline-block;
}

.d_title_sum02 > a {
  display: block;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 25px;
}

.d_title_sum02 .big_title {
  font-size: 20px;
  padding-bottom: 10px;
  display: inline-block;
  position: relative;
  letter-spacing: -1px;
}

.d_title_sum02 .big_title:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid rgba(157, 11, 14, 1);
  bottom: -1px;
  left: 0;
  z-index: 2;
}

.d_title_sum02 .small_title {
  color: #c7162d;
  text-indent: 10px;
  display: inline-block;
}

.d_title_sum03 > a {
  display: block;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 25px;
}

.d_title_sum03 .big_title {
  font-size: 16px;
  padding-bottom: 10px;
  display: inline-block;
  position: relative;
  letter-spacing: -1px;
}

.d_title_sum03 .big_title:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid rgba(157, 11, 14, 1);
  bottom: -1px;
  left: 0;
  z-index: 2;
}

.d_title_sum03 .small_title {
  color: #c7162d;
  text-indent: 10px;
  display: inline-block;
}

/**/
.d_title_bg01 > a {
  display: block;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 25px;
}

.d_title_bg01 .big_title {
  color: #f8f9fa;
  font-size: 25px;
  padding: 2px 35px;
  display: inline-block;
  position: relative;
  letter-spacing: -1px;
}

.d_title_bg01 .big_title:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #333;
  bottom: -1px;
  left: 0;
  z-index: -1;
  transform: skewX(-35deg);
}

.d_title_bg01 .small_title {
  color: #333333;
  text-indent: 10px;
  display: inline-block;
}

.d_title_bg02 > a {
  display: block;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 25px;
}

.d_title_bg02 .big_title {
  color: #f8f9fa;
  font-size: 20px;
  padding: 5px 32px;
  display: inline-block;
  position: relative;
  letter-spacing: -1px;
}

.d_title_bg02 .big_title:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #495057;
  bottom: -1px;
  left: 0;
  z-index: -1;
  transform: skewX(-35deg);
}

.d_title_bg02 .small_title {
  color: #495057;
  text-indent: 10px;
  display: inline-block;
}

.d_title_bg03 > a {
  display: block;
  border-bottom: 1px solid #c5c5c5;
  margin-bottom: 25px;
}

.d_title_bg03 .big_title {
  color: #f8f9fa;
  font-size: 16px;
  padding: 2px 27px;
  display: inline-block;
  position: relative;
  letter-spacing: -1px;
}

.d_title_bg03 .big_title:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #6c757d;
  bottom: -1px;
  left: 0;
  z-index: -1;
  transform: skewX(-35deg);
}

.d_title_bg03 .small_title {
  color: #6c757d;
  text-indent: 10px;
  display: inline-block;
}

/* - ���? Ÿ����? --- */
.stitle-v1 {
  padding: 5px 5px 5px 10px;
  -webkit-box-shadow: 1px 1px 1px rgba(228, 228, 228, 1);
  box-shadow: 1px 1px 1px rgba(228, 228, 228, 1);
  font-size: 16px;
}

.stitle-v1-green {
  background-color: #f0ffe1;
  border-right: 3px solid #5ba622;
  color: #5ba622;
}

.stitle-v1-red {
  background-color: #ffd6db;
  border-right: 3px solid #c7162d;
  color: #c7162d;
}

.stitle-v1-white {
  background-color: #ffffff;
  border-right: 3px solid #434343;
  color: #434343;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.stitle-v1-black {
  background-color: #434343;
  border-right: 3px solid #1f1f1f;
  color: #ffffff;
}

.stitle-v1-orange {
  background-color: #ffedcf;
  border-right: 3px solid #f90;
  color: #434343;
}

/* �����? ��׾θ�? */

.short_01 {
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.short_02 {
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-color: rgba(244, 244, 244, 1);
  border-width: 1px;
  border-style: solid;
}

.short_03 {
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: rgba(249, 249, 249, 1);
}

.short_04 {
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-top-color: rgba(244, 244, 244, 1);
  border-bottom-color: rgba(244, 244, 244, 1);
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
}

.short_05 {
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom-color: rgba(244, 244, 244, 1);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top: 1px solid rgba(225, 225, 225, 1);
}

/* ��̚���? ����������? <ul class="img_ul_50"><li> img... </li></ul> */
.img_ul_100 li {
  width: 100%;
  float: left;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.img_ul_50 li {
  width: 50%;
  float: left;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.img_ul_30 li {
  width: 33.33%;
  float: left;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.img_ul_25 li {
  width: 25%;
  float: left;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.img_ul_20 li {
  width: 20%;
  float: left;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* �����? �����? */
.row_space15 {
  height: 15px;
}

.row_space25 {
  height: 25px;
}

.row_space55 {
  height: 55px;
}

.bottom_space15 {
  margin-bottom: 15px;
}

.bottom_space25 {
  margin-bottom: 25px;
}

.bottom_space55 {
  margin-bottom: 55px;
}

/* �����? */

hr.hr_blur {
  opacity: 0.1;
}

hr.hr-solid01 {
  border-top: 1px solid #8c8b8b;
}

hr.hr-double01 {
  border-top: 3px double #8c8b8b;
}

hr.hr-dashed01 {
  border-top: 1px dashed #8c8b8b;
}

hr.hr-dotted01 {
  border-top: 1px dotted #8c8b8b;
}

hr.hr-dashed02 {
  background-color: #fff;
  border-top: 2px dashed #8c8b8b;
}

hr.hr-dotted02 {
  background-color: #fff;
  border-top: 2px dotted #8c8b8b;
}

hr.hr-solid02 {
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}

hr.hr-double02 {
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}

hr.hr-double02:after {
  content: "";
  display: block;
  margin-top: 2px;
  border-top: 1px solid #8c8b8b;
  border-bottom: 1px solid #fff;
}

hr.hr-dashed02 {
  border-top: 1px dashed #8c8b8b;
  border-bottom: 1px dashed #fff;
}

hr.hrdotted03 {
  border-top: 1px dotted #8c8b8b;
  border-bottom: 1px dotted #fff;
}

hr.hr-combs01 {
  height: 6px;
  background: url(../images/hr/hr-11.png) repeat-x 0 0;
  border: 0;
}

hr.hr-zhigezeg01 {
  height: 6px;
  background: url(../images/hr/hr-12.png) repeat-x 0 0;
  border: 0;
}

hr.hr-shadow01 {
  height: 10px;
  border: 0;
  box-shadow: 0 10px 10px -10px #8c8b8b inset;
}

hr.hr-gradient01 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

/* ############################# ������? ########################### */
/* ��ѿ���?  */
.hover-effect {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.para_bg {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 120%;
  background-size: 120%;
}

/* ############################# ���ƿ���? ########################### */

// �����? ��߰���? ���Ÿ��?

div#bbs_contents > div.mainCont:nth-child(2) {
  height: 400px;
}

div#bbs_contents > div.mainCont:nth-child(3) {
  height: 540px;
}

div.mainCont {
  width: 100%;
  height: auto;
  margin-bottom: 110px;
}

div.mainCont img {
  width: 100%;
}

div.ci_contents {
  width: 49%;
  float: left;
}

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

div.mainCont > div.ci_contents:nth-child(1) {
  margin-right: 2%;
}

div.mainCont > div.bottom-text {
  width: 100%;
  height: auto;
  clear: both;
}

div.mainCont > div.bottom-text > p {
  padding: 7px 10px;
  box-sizing: border-box;
  text-align: justify;
}

div.mainCont > p > em {
  font-size: 1.1em;
  font-weight: 500;
  font-style: normal;
}

div.ci_contents > p {
  padding: 7px 10px;
  box-sizing: border-box;
  text-align: justify;
}

div.floatCont {
  width: 32%;
  float: left;
}

div.floatCont:nth-child(3) {
  margin: 0% 2%;
}

div.floatCont > img {
  width: 100%;
  height: auto;
}

div.prohibition span {
  color: #fe0000;
}

div > h2 {
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
  transition: all 0.5s;
}

div.ci_btn {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  text-align: right;
}

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

div.ci_btn > a {
  border: 1px solid #ddd;
  padding: 10px 15px;
  background: #eee;
  color: #111;
}

ul#scroll_btn {
  position: fixed;
  top: 50%;
  right: 70px;
  width: 50px;
  height: 200px;
  z-index: 99;
}

ul#scroll_btn > li {
  width: 20px;
  height: 20px;
  background: red;
  border-radius: 50%;
  cursor: pointer;
}

/* ȸ��翏��? */

div.history {
  margin-bottom: 60px;
}

/* ����̞��˞�? */

div#prd_pp {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}

div.popupcont {
  width: 70%;
  height: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20%;
  margin-left: -35%;
}

div.popupcont > ul.product_list {
  list-style: none;
  width: 10%;
  float: left;
  overflow: hidden;
}

div.popupcont > ul.product_list > li {
  width: 100%;
  padding: 20px 15px;
  margin-bottom: 6px;
  background: #342369;
  color: #fff;
  text-align: center;
  font-size: 0.9em;
}

div.detail_img {
  width: 80%;
  height: 100%;
  float: left;
  overflow: hidden;
  scroll-behavior: smooth;
}

div.detail_img > ul.product_img {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

div#close_btn {
  width: 50px;
  height: 50px;
  display: inline-block;
  float: right;
  cursor: pointer;
}

div#close_btn > i {
  font-size: 50px;
  color: #fff;
}

div#close_btn::after {
  clear: both;
  display: block;
  content: "";
}

div.popupcont > ul.product_list > li > a {
  color: #fff;
}

.allinone > img {
  width: 90%;
  height: auto;
}

div.product_box {
  width: auto;
  height: 550px;
  margin-bottom: 2%;
}

div.product_cont {
  width: 32%;
  height: 550px;
  float: left;
  margin-right: 2%;
  cursor: pointer;
}

div.product_cont.soli {
  float: right;
  margin-right: 0%;
}

.product_box_etc .product_cont {
  height: 300px;
  margin-right: 2%;
}

.product_box_etc .product_cont:nth-child(3n) {
  margin-right: 0;
  float: right;
}

.product_box_etc .product_cont:nth-child(4),
.product_box_etc .product_cont:nth-child(5),
.product_box_etc .product_cont:nth-child(6) {
  margin-top: 2%;
}

/* product ����̞ƿ�? */

div.stella {
  background-image: url(../images/STELLA.jpg);
  background-position: center;
  transition: all 0.5s;
}

div.stella:hover {
  background-image: url(../images/STELLA_image_LOGO.jpg);
  background-position: center;
}

div.hera {
  background-image: url(../images/HERA.jpg);
  background-position: center;
  transition: all 0.5s;
}

div.hera:hover {
  background-image: url(../images/HERA_image_LOGO.jpg);
  background-position: center;
}

div.soli {
  background-image: url(../images/SOLI.jpg);
  background-position: center;
  transition: all 0.5s;
}

div.soli:hover {
  background-image: url(../images/SOLI_image_LOGO.jpg);
  background-position: center;
}

div.ella {
  background-image: url(../images/01.ELLA.jpg);
  background-position: center;
  transition: all 0.5s;
}

div.ella:hover {
  background-image: url(../images/02.ELLA.jpg);
  background-position: center;
}

div.fla {
  background-image: url(../images/01.FLA.jpg);
  background-position: center;
  transition: all 0.5s;
}

div.fla:hover {
  background-image: url(../images/02.FLA.jpg);
  background-position: center;
}

div.bella {
  background-image: url(../images/06_BELLA.jpg);
  background-position: center;
  transition: all 0.5s;
}

div.bella:hover {
  background-image: url(../images/06_H_BELLA.jpg);
  background-position: center;
}

div.awarm {
  background-image: url(../images/07_awarm.jpg);
  background-position: center;
  transition: all 0.5s;
}

div.awarm:hover {
  background-image: url(../images/07_h_awarm_2.jpg);
  background-position: center;
}

div.bellasummer {
  background-image: url(../images/bellasummer/08_bella_bu.jpg);
  background-position: center;
  transition: all 0.5s;
}

div.bellasummer:hover {
  background-image: url(../images/bellasummer/08_h_bella_bu.jpg);
  background-position: center;
}

div.bellawarm {
  background-image: url(../images/bellawarm/10_bella_warm.jpg);
  background-position: center;
  transition: all 0.5s;
}

div.bellawarm:hover {
  background-image: url(../images/bellawarm/10_h_bella_warm.jpg);
  background-position: center;
}

/* product ���������? */

div.detail_wrap {
  width: 90%;
  margin: 0 auto;
}

div.detail {
  width: 100%;
  margin-bottom: 45px;
}

div.detail_view {
  width: 100%;
  height: 810px;
}

@media screen and (max-width: 1200px) {
  div.detail_view {
    height: 100%;
  }
}

/*div.detail_view:after { clear: both; content: ''; display: block; }*/
div.detail_img {
  width: 100%;
  float: none;
  box-sizing: border-box;
}

/*div.detail_slider { width: 50%; height: 250px; float: right; overflow: hidden; margin-top: 320px; }

ul#slider1 { width: 780px; display: inline-block; text-align: center; font-size: 13px; margin-left: 25px; }
ul#slider1 > li { display: inline-block; float: left; margin-right: 10px; }
ul#slider1 > li > p { margin: 0; margin: 10px 0px;}
*/

.brand_desc {
  height: 390px;
}

.descript_first {
  line-height: 1.2;
  padding: 4%;
  padding-top: 8%;
  height: 100%;
}

.detail_photo {
  width: 100%;
  height: 360px;
  background-size: cover;
  background-position: center;
  transition: all 0.5s;
}

.d_stella_detail_1 {
  background-image: url(../images/d_stella_detail_1.jpg);
}

.d_stella_detail_2 {
  background-image: url(../images/d_stella_detail_2.jpg);
}

.d_detail_3 {
  background-image: url(../images/d_detail_3.jpg);
}

.d_detail_4 {
  background-image: url(../images/d_detail_4.jpg);
}

.d_hera_detail_1 {
  background-image: url(../images/d_hera_detail_1.jpg);
}

.d_hera_detail_2 {
  background-image: url(../images/d_hera_detail_2.jpg);
}

.d_soli_detail_1 {
  background-image: url(../images/d_soli_detail_1.jpg);
}

.d_soli_detail_2 {
  background-image: url(../images/d_soli_detail_2.jpg);
}

.d_ella_main2 {
  height: 830px;
  background-image: url(../images/d_ella_main2.jpg);
}

.d_ella_detail_1 {
  background-image: url(../images/d_ella_detail_1.jpg);
}

.d_ella_detail_2 {
  background-image: url(../images/d_ella_detail_2.jpg);
}

.d_fla_main2 {
  height: 830px;
  background-image: url(../images/d_fla_main2.jpg);
}

.d_fla_detail_1 {
  background-image: url(../images/d_fla_detail_1.jpg);
}

.d_fla_detail_2 {
  background-image: url(../images/d_fla_detail_2.jpg);
}

.d_bella_main2 {
  height: 830px;
  background-image: url(../images/d_bella_main2.jpg);
}

.d_bella_detail_1 {
  background-image: url(../images/d_bella_detail1.jpg);
}

.d_bella_detail_2 {
  background-image: url(../images/d_bella_detail2.jpg);
}

.d_awarm_detail_1 {
  background-image: url(../images/d_awarm_detail1.jpg);
}

.d_awarm_detail_2 {
  background-image: url(../images/d_awarm_detail2.jpg);
}

.d_bella_summer_main2 {
  height: 830px;
  background-image: url(../images/bellasummer/08_bella_bu_3.jpg);
}

.d_bella_summer_detail_1 {
  background-image: url(../images/bellasummer/d_bella_bu_detail.jpg);
}

.d_bella_summer_detail_2 {
  background-image: url(../images/bellasummer/d_bella_bu_detail2.jpg);
}

.text-left {
  text-align: left !important;
}

/**/

.brand_desc .logo_img {
  line-height: 170px;
  height: 220px;
  text-align: right;
  margin-top: 78px;
  padding-right: 4%;
  border-right: 1px solid #999;
}

.desc_maintxt {
  font-size: 20px;
}

.desc_tit {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 15px;
}

.bold {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}

.bold > em.light {
  font-style: normal;
}

.light {
  font-weight: lighter;
  font-style: none;
}

span.label {
  display: inline-block;
  width: 120px;
  height: 25px;
  background-color: rgb(190, 150, 70);
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}

div.sizepyo {
  width: 100%;
}

h3 {
  text-align: center;
}

span.bold {
  display: block;
}

div.sizepyo > p {
  text-align: center;
  color: #555;
  line-height: 19px;
}

div.sizepyo {
  text-align: center;
}

ul.size_list {
  width: auto;
  padding: 0;
  display: inline-block;
  text-align: center;
  margin: 30px 0px 20px 0px;
}

ul.size_list > li {
  display: inline-block;
  float: left;
  padding: 3px 31px;
  border: 1px solid #111;
  margin-right: 31px;
}

ul.size_list > li:last-child {
  margin: 0;
}

ul.size_list > li > a {
  color: #111;
  font-weight: bold;
}

div#banner1 {
  position: relative;
  top: 0;
  left: 0px;
}

div.left {
  position: absolute;
  top: 6px;
  left: 0;
  cursor: pointer;
}

div.right {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.active {
  background: none;
  color: #fff;
}

.nomj {
  margin-bottom: 10px;
}

div.size_detail {
  margin-bottom: 30px;
}

div.detail > h3.Ptitle {
  line-height: 38px;
  text-align: left;
  border-bottom: 1px solid rgb(190, 150, 70);
  margin: 0;
  margin-bottom: 25px;
}

div.detail > h3.Ptitle > a {
  padding: 10px 20px;
  font-weight: bold;
  background: rgb(190, 150, 70);
  color: #fff;
  font-size: 0.5em;
  font-weight: 300;
}

div.fabric01 {
  margin-bottom: 30px;
}

/* ���������? */
div.store_image {
  width: 100%;
  height: auto;
  margin-bottom: 70px;
}

div.ROSHA_wrap {
  width: 100%;
  height: 620px;
  margin-bottom: 70px;
}

div.ROSHA_wrap > div {
  width: 50%;
  height: 100%;
  float: left;
  padding: 25px 13px;
  box-sizing: border-box;
}

div.text_wrap > h4 {
  padding: 5px 0px;
  border-bottom: 1px solid #aaa;
  font-weight: 600;
  font-size: 20pt;
}

div.text_wrap > img {
  margin: 25px 0px;
}

div.text_wrap > p {
  text-align: justify;
}

div.store_location {
  width: 100%;
  height: 360px;
  padding: 30px 20px;
}

div.store_location > div {
  width: 50%;
  float: left;
}

div.store_location > div.map_img > img {
  width: 85%;
  margin: 0 auto;
  display: block;
}

div.product_cont {
  background-size: cover;
  text-indent: -9999px;
}

div.classic_prd {
  width: 32%;
  margin-bottom: 2%;
}

div.season_prd {
  width: 49%;
  height: 400px;
  margin-right: 0.5%;
  margin-bottom: 2%;
  background-color: #eee;
  float: left;
}

div.season_prd.awarm {
  margin-right: 0%;
  float: right;
}

div.flagship_prd {
  width: 100%;
  height: 400px;
  margin-top: 0%;
  margin-bottom: 2%;
  background-color: #eee;
  float: center;
}

div.flagship_prd.awarm {
  margin-right: 0%;
  float: center;
}

div.flagship_prd.bella {
  margin-right: 0%;
  float: center;
}

/*product detail etc grid

.etc_product div:nth-child(5),.etc_product div:nth-child(6),.etc_product div:nth-child(7){ margin-top: 25px;}

*/

/*
td.vam > span.lh-02 > span {
    display: inline-block !important;
    width: 100px;
    margin-bottom: 6px;
    margin-right: 15px;
}
div#ext_search { text-align: right; }
div.prd_popup {
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0; left: 0;
    z-index: 999;
    display: none;
}
div.prd_popup > div.popupcont {
    width: 100%; height: 100%;
    text-align: center;
    padding-top: 3%;
    box-sizing: border-box;
}
button#close_btn {
    padding: 10px;
    position: absolute;
    top: 20px; right: 20px;    
}
div.banner_sub { margin-bottom: 30px; }

div#business_history { height: 30em; }
div#player { width: 100%; overflow: hidden; }
*/

/* ��븎��? �����? ��̚���? ������̾�? */
section#slideMotion {
  width: 100%;
  margin: 0 auto;
  background: #eee;
  margin-bottom: 100px;
}

section#slideMotion > div.imgSlide {
  width: 100%;
  position: relative;
  background: #fff;
}

/* section > div.imgSlide::after { clear: both; content: ''; display: block; } */

div.prevBtn {
  width: 50px;
  position: relative;
  z-index: 2;
  background: #fff;
  float: left;
  margin: 35px 0px;
  cursor: pointer;
}

div.nextBtn {
  width: 50px;
  position: relative;
  z-index: 2;
  background: #fff;
  float: right;
  margin: 35px 0px;
  cursor: pointer;
}

div.slideBox {
  width: 1020px;
  position: relative;
  margin: 0 auto;
}

section#slideMotion > div.imgSlide > div.slideBox > ul {
  width: 2730px;
  height: 270px;
  background: #aaa;
  position: absolute;
}

section#slideMotion > div.imgSlide > div.slideBox > ul > li {
  width: 370px;
  height: auto;
  display: inline-block;
  float: left;
  margin-right: 30px;
}

section#slideMotion > div.imgSlide > div.slideBox > ul > li > img {
  width: 100%;
}

div.store_section {
  margin: 0 auto;
  margin-bottom: 70px;
}

div.store_section > h4 {
  font-weight: 600;
}

div.store_section > div.store_mumu {
  width: 100%;
  padding: 50px 0px;
  text-align: center;
}

div.store_section > div.store_mumu > p {
  font-size: 32px;
  line-height: 53px;
  border-bottom: 1px solid rgb(190, 150, 70);
}

div.web_img > img.tablet,
img.mobile {
  display: none;
}

span.lh-02 {
  font-size: 0.9em;
}

span.business_year {
  display: inline-block;
  width: 5em;
  margin-right: 20px;
}

td.s2 {
  width: 7em !important;
}

img#mb_ver {
  display: none;
}

@media screen and (max-width: 1200px) {
  div.store_section {
    width: 100%;
  }
}

/*bx slider 반응?? widthę°? ?˜ě •*/
@media screen and (max-width: 1040px) {
  div.slideBox {
    width: 100%;
  }

  .left,
  .right {
    display: none;
  }
}

/* ���Ŋ��? �������?  */

/*
::-webkit-scrollbar { width: 16px; }

::-webkit-scrollbar-track { background-color : #fff; }
::-webkit-scrollbar-thumb { background-color: #e5ccff; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #bd80ff; }
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
    width: 16px;   background: #f2e6ff;
}
*/
/* -------------------------- �������? -------------------------- */

/*product grid add 2020-03-18 */

/*always contents center*/

.display_table {
  display: table;
  width: 100%;
  height: 100%;
}

.display_table_cell {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

/*procuct-detail-as-contents*/

.as-contents-wrap {
  width: 100%;
  height: 480px;
  background: url(../images/as-back.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  text-align: center;
  color: #fff;
  padding-top: 140px;
  margin-bottom: 100px;
}

.as-contents-wrap .as-contents {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.as-contents .txt-wrap {
  width: 730px;
  margin: 0 auto;
  float: left;
}

.as-contents-wrap .as-contents img {
  float: left;
}

.as-tit {
  font-size: 40px;
  font-weight: bold;
}

.as-txt {
  font-size: 36px;
  font-weight: bold;
}

.arrow {
  background: #fff;
  position: absolute;
}

.a-top {
  width: 3px;
  height: 60px;
  bottom: 0px;
  left: 112px;
  animation-name: a-top;
  animation-duration: 0.5s;
}

@keyframes a-top {
  0% {
    height: 0px;
  }

  100% {
    height: 60px;
  }
}

.a-horizontal {
  width: 0px;
  height: 3px;
  top: -60px;
  left: 112px;
  animation-name: a-horizontal;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes a-horizontal {
  0% {
    width: 0px;
  }

  100% {
    width: 970px;
  }
}

.a-down {
  width: 3px;
  height: 0px;
  top: -60px;
  right: 116px;
  animation-name: a-down;
  animation-duration: 0.5s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}

@keyframes a-down {
  0% {
    height: 0px;
  }

  100% {
    height: 60px;
  }
}

.a-tri {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  right: 107px;
  top: 0px;
  animation-name: a-tri;

  animation-duration: 0.5s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes a-tri {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.b-tri {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  left: 104px;
  top: 209px;
  animation-name: a-tri;
  animation-duration: 0.5s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

.b-down {
  width: 3px;
  height: 0px;
  top: 217px;
  right: 116px;
  animation-name: a-top;
  animation-duration: 0.5s;
}

.b-horizontal {
  width: 0px;
  height: 3px;
  top: 276px;
  right: 116px;

  animation-name: a-horizontal;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.b-top {
  width: 3px;
  height: 0px;
  bottom: -279px;
  left: 112px;
  animation-name: a-top;
  animation-duration: 0.5s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
}

.row-wrap {
  background: #f3f3f3;
  width: 100%;
  margin-bottom: 40px;
}

/*store-select*/

select {
}

/*-----------------------------mobile media-------------------------- */

@media screen and (max-width: 576px) {
  .br-none br {
    display: none;
  }

  /*main*/
  .display-5 {
    font-size: 2.5rem;
  }

  .display-4 {
    font-size: 2.5rem;
  }

  /*business*/
  .retail-font {
    font-size: 28px;
  }

  /* product �������? */
  div.product_cont {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
    cursor: pointer;
    background-position: center;
    background-size: cover;
  }

  .product_box_etc .product_cont {
    height: 200px;
    margin-right: 2%;
  }

  div.prd_contents {
    padding: 10%;
    box-sizing: border-box;
  }

  div.ytp-cued-thumbnail-overlay {
    width: 100%;
  }

  div.popupcont {
    padding-top: 10%;
  }

  div.popupcont > img {
    width: 80%;
    height: auto;
  }

  div.stella {
    background-image: url(../images/01_STELLA.jpg);
  }

  div.stella:hover {
    background-image: url(../images/01_STELLA.jpg);
  }

  div.hera {
    background-image: url(../images/02_HERA.jpg);
  }

  div.hera:hover {
    background-image: url(../images/02_HERA.jpg);
  }

  div.soli {
    background-image: url(../images/03_SOLI.jpg);
  }

  div.soli:hover {
    background-image: url(../images/03_SOLI.jpg);
  }

  div.ella {
    background-image: url(../images/04_ELLA_m.jpg);
  }

  div.ella:hover {
    background-image: url(../images/04_ELLA_m.jpg);
  }

  div.fla {
    background-image: url(../images/05_FLA_m.jpg);
  }

  div.fla:hover {
    background-image: url(../images/05_FLA_m.jpg);
  }

  div.bella {
    background-image: url(../images/06_BELLA.jpg);
  }

  div.bella:hover {
    background-image: url(../images/06_H_BELLA.jpg);
  }

  div.detail_img {
    float: none;
  }

  div.detail_view {
    margin-top: 30px;
  }

  div.ci_contents > h2 {
    font-size: 1.2em;
  }

  div.mainCont > h2 {
    font-size: 1.5em;
  }

  div#bbs_contents > div.mainCont:nth-child(3) {
    height: 300px;
  }

  div#bbs_contents > div.mainCont:nth-child(1) {
    margin-bottom: 50px;
  }

  div.store_location > div {
    width: 100%;
    clear: both;
  }

  /* ���ǰ��������? 
    div.detail_img { width: 100%; clear: both; margin-bottom: 20px; }
    div.detail_slider { width: 100%; clear: both; }
    h3.bold { font-size: 1.2em; }
    div.sizepyo { text-align: left; }
    img#pc_ver { display: none; }
    img#mb_ver { display: block; }
    div.text_wrap > h4 { font-size: 1.2em; }
    div.map_img { width: 100%; }
    div.text_wrap { font-size: 0.9em; }
    
    div.web_img > img { display: none; }
    div.web_img > img.mobile { display: block; }
    div.store_section > div.store_mumu > p { font-size: 25px; }
    div.ROSHA_wrap { height: 450px; }
*/
  /*store*/
  div.web_img > img {
    display: none;
  }

  div.web_img > img.mobile {
    display: block;
  }

  section#slideMotion {
    margin-bottom: 0px;
  }

  /*produc detail*/
  .desc_tit {
    font-size: 28px;
  }

  /*360 degree*/

  .brand_desc .logo_img {
    line-height: 0px;
    height: 35%;
    text-align: center;
    margin-top: 25px;
    padding-right: 0%;
    border-right: 0px solid #999;
  }

  /*etc_tproct grid*/
  .etc_product div {
    margin-top: 25px;
  }

  .descript_first {
    line-height: 1.2;
    padding: 4%;
    padding-top: 4%;
  }

  .desc_maintxt {
    font-size: 16px;
  }

  .brand_desc {
    height: 380px;
  }

  /*produst detail as contents*/
  .as-contents-wrap .as-contents img,
  .as-contents .arrow,
  .a-tri,
  .b-tri {
    display: none;
  }

  .as-contents-wrap .as-contents {
    width: 100%;
  }

  .as-contents .txt-wrap {
    width: 96%;
    float: none;
  }

  .as-contents-wrap {
    padding-top: 83px;
  }

  .as-txt {
    font-size: 24px;
  }
}

/*tablet*/
@media screen and (min-width: 577px) and (max-width: 767px) {
  .br-none br {
    display: none;
  }

  div.ci_contents > h2 {
    font-size: 1.5em;
  }

  div.mainCont > h2 {
    font-size: 1.5em;
  }

  .annotation-list {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .s6 {
    font-size: 12px;
    line-height: 18px;
  }

  .s5 {
    font-size: 14px;
    line-height: 20px;
  }

  .s4 {
    font-size: 16px;
    line-height: 28px;
  }

  .s3 {
    font-size: 18px;
    line-height: 30px;
  }

  .s2 {
    font-size: 20px;
    line-height: 32px;
  }

  .s1 {
    font-size: 22px;
    line-height: 34px;
  }

  .htable_left,
  .htable_cell,
  .htable_right {
    padding: 15px;
  }

  .htable {
    border-top: 1px solid #ececec;
    color: #707070;
    font-family: "���������?", "Nanum Gothic", sans-serif;
  }

  .htable_row {
    border-bottom: 1px solid #ececec;
    overflow-y: hidden;
    display: block;
  }

  .htable_left,
  .htable_cell {
    border-right: 1px none #ececec;
    float: none;
    width: 100%;
  }

  .htable_right {
    border-right-style: none;
    float: none;
    width: 100%;
  }

  .hbtn {
    font: 600 12px "���������?", "Nanum Gothic", sans-serif;
  }

  .hbtn i {
    margin-right: 5px;
  }

  .img_ul_50 li,
  .img_ul_30 li,
  .img_ul_25 li,
  .img_ul_20 li {
    width: 100%;
  }

  .map_grey {
    display: none;
  }

  .view_auto {
    overflow-y: auto;
    padding-bottom: 15px;
  }

  .view_auto_sell {
    min-width: 767px;
  }

  .view_auto_sell2 {
    min-width: 991px;
  }

  .view_pc {
    display: none !important;
  }

  .view_mobile {
  }

  .view_pc {
  }

  .view_mobile {
    display: none !important;
  }

  div.product_box {
    height: 1007px;
  }

  div.product_cont {
    width: 100%;
    height: 330px;
    margin-bottom: 1.5%;
    cursor: pointer;
    /*  background-position: top;*/
    background-size: cover;
  }

  div.etc1 {
    background-position: center;
  }

  div.store_location > div {
    width: 100%;
    clear: both;
  }

  div.stella {
    background-image: url(../images/01_STELLA.jpg);
  }

  div.stella:hover {
    background-image: url(../images/01_STELLA.jpg);
  }

  div.hera {
    background-image: url(../images/02_HERA.jpg);
  }

  div.hera:hover {
    background-image: url(../images/02_HERA.jpg);
  }

  div.soli {
    background-image: url(../images/03_SOLI.jpg);
  }

  div.soli:hover {
    background-image: url(../images/03_SOLI.jpg);
  }

  div#bbs_contents > div.mainCont:nth-child(3) {
    height: 350px;
  }

  img#pc_ver {
    display: none;
  }

  img#mb_ver {
    display: block;
  }

  div.text_wrap > h4 {
    font-size: 1.4em;
  }

  div.store_location > div {
    width: 100%;
    height: auto;
  }

  div.detail_img {
    float: none;
  }

  div.detail_slider {
    width: 75%;
    float: none;
    margin: 20px 0px 0px 0px;
  }

  div.text_wrap {
    font-size: 0.9em;
  }

  div.web_img > img {
    display: none;
  }

  div.web_img > img.mobile {
    display: block;
  }

  div.store_section > div.store_mumu > p {
    font-size: 25px;
  }

  div.ROSHA_wrap {
    height: 450px;
  }

  /*  .etc_product div:nth-child(5),.etc_product div:nth-child(6),.etc_product div:nth-child(7){ margin-top: 0px;}*/

  /*produc detail*/
  .desc_tit {
    font-size: 28px;
  }

  .descript_first {
    line-height: 1.2;
    padding: 4%;
    padding-top: 13%;
  }

  .desc_maintxt {
    font-size: 16px;
  }

  /*produst detail as contents*/
  .as-contents-wrap .as-contents img,
  .as-contents .arrow,
  .a-tri,
  .b-tri {
    display: none;
  }

  .as-contents-wrap .as-contents,
  .as-contents .txt-wrap {
    width: 100%;
  }
}

/*tablet, pc*/

@media screen and (min-width: 768px) and (max-width: 991px) {
  .br-none br {
    display: none;
  }

  .img_ul_50 li,
  .img_ul_30 li,
  .img_ul_25 li,
  .img_ul_20 li {
    width: 50%;
  }

  div.ci_contents > h2 {
    font-size: 1.5em;
  }

  div.mainCont > h2 {
    font-size: 1.5em;
  }

  div#bbs_contents > div.mainCont:nth-child(3) {
    height: 380px;
  }

  div.detail_img {
    float: none;
  }

  div.detail_slider {
    width: 75%;
    float: none;
    margin: 20px 0px 0px 0px;
  }

  div.store_location > div {
    width: 100%;
    clear: both;
  }

  div.text_wrap {
    font-size: 0.9em;
  }

  div.text_wrap > h4 {
    font-size: 1.4em;
  }

  div.store_location > div {
    width: 100%;
    height: auto;
  }

  div.web_img > img {
    display: none;
  }

  div.web_img > img.tablet {
    display: block;
  }

  div.map_img {
    padding: 50px;
    box-sizing: border-box;
  }

  div.ROSHA_wrap {
    height: 500px;
  }

  div.store_location > div.text_wrap {
    padding: 0px 30px;
    box-sizing: border-box;
  }

  /*produc detail*/
  .desc_tit {
    font-size: 28px;
  }

  .descript_first {
    line-height: 1.2;
    padding: 4%;
    padding-top: 12%;
  }

  .desc_maintxt {
    font-size: 16px;
  }

  /*produst detail as contents*/
  .as-contents-wrap .as-contents img,
  .as-contents .arrow,
  .a-tri,
  .b-tri {
    display: none;
  }

  .as-contents-wrap .as-contents,
  .as-contents .txt-wrap {
    width: 100%;
  }
}

/*pc*/

@media screen and (min-width: 992px) and (max-width: 1023px) {
  .br-none br {
    display: block;
  }

  div#bbs_contents > div.mainCont:nth-child(3) {
    height: 400px;
  }

  div.popupcont > img {
    width: 80%;
    height: auto;
  }

  div#business_history {
    height: 27em;
  }

  div.detail_slider {
    width: 100%;
    clear: both;
    margin: 20px 0px 0px 0px;
  }

  div.store_location > div {
    width: 100%;
    clear: both;
  }

  div.text_wrap > h4 {
    font-size: 1.4em;
  }

  div.store_location > div {
    width: 100%;
    height: auto;
  }

  div.text_wrap {
    font-size: 0.9em;
  }

  ul.size_list {
    width: 70%;
  }

  div.web_img > img {
    display: none;
  }

  div.web_img > img.tablet {
    display: block;
  }

  div.map_img {
    margin-bottom: 30px;
  }

  div.ROSHA_wrap {
    height: 500px;
  }

  div.store_location > div.text_wrap {
    padding: 0px 30px;
    box-sizing: border-box;
  }

  .descript_first {
    line-height: 1.2;
    padding: 4%;
    padding-top: 9%;
  }

  .desc_maintxt {
    font-size: 18px;
  }

  /*produst detail as contents*/
  .as-contents-wrap .as-contents img,
  .as-contents .arrow,
  .a-tri,
  .b-tri {
    display: none;
  }

  .as-contents-wrap .as-contents,
  .as-contents .txt-wrap {
    width: 100%;
  }
}

/*pc*/

@media screen and (min-width: 1024px) and (max-width: 1330px) {
  .br-none br {
    display: block;
  }

  div#bbs_contents > div.mainCont:nth-child(3) {
    height: 470px;
  }

  div.fla {
    background-position: left;
  }

  div.detail_view > div.detail_img {
    width: 100%;
    clear: both;
  }

  div.detail_view > div.detail_slider {
    width: 100%;
    clear: both;
  }

  div.detail_slider {
    width: 100%;
    clear: both;
    margin: 20px 0px 0px 0px;
  }

  div.text_wrap > h4 {
    font-size: 1.2em;
  }

  div.web_img > img {
    display: none;
  }

  div.web_img > img.pc {
    display: block;
  }

  .descript_first {
    line-height: 1.2;
    padding: 4%;
    padding-top: 8%;
  }

  .desc_maintxt {
    font-size: 18px;
  }

  /*produst detail as contents*/
  .as-contents-wrap .as-contents img,
  .as-contents .arrow,
  .a-tri,
  .b-tri {
    display: none;
  }

  .as-contents-wrap .as-contents,
  .as-contents .txt-wrap {
    width: 100%;
  }
}

/*About - history ?°í˜ ?˜ě´ě§?*/

.page-about-history-timeline .timeline-section .timeline-wrap {
  position: relative;
}

.page-about-history-timeline .timeline-section .timeline-wrap:after {
  content: "";
  position: absolute;
  left: 135px;
  top: 30px;
  width: 1px;
  background: #d1d1d1;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline {
  position: relative;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 0;
  border: 0;
  margin: 0;
  text-align: left;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate span {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  font-weight: 700;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate .point {
  font-weight: 600;
  color: #be9645;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate .point:after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  vertical-align: middle;
  background: #be9645;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content::after {
  content: "";
  display: table;
  clear: both;
  table-layout: fixed;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .title {
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #333;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content p {
  margin: 11px 0;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: #666;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content p::after {
  content: "";
  display: table;
  clear: both;
  table-layout: fixed;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul {
  float: left;
  padding: 0;
  margin: 0;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: #666;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul .list-title {
  display: inline-block;
  margin-right: 20px;
  font-weight: 600;
  letter-spacing: 0;
  vertical-align: top;
  color: #333;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul .list-data {
  display: inline-block;
  vertical-align: top;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul + .list-ul {
  width: 100%;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .align-center {
  text-align: center;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .clearfix::after {
  content: "";
  display: table;
  clear: both;
  table-layout: fixed;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .img40-txt60 {
  font-size: 0;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .img40-txt60 > img {
  display: inline-block;
  width: 40%;
  padding-right: 15px;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .img40-txt60 > p {
  display: inline-block;
  width: 60%;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .img40-txt60 > .title {
  margin-bottom: 15px;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .algin-bottom {
  vertical-align: bottom;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .fl-left {
  float: left;
  margin-right: 40px;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .fl-right {
  float: right;
  margin-left: 40px;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .fl-full {
  width: 100%;
  margin: 0 auto;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .fl-full img {
  width: 100%;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content figure {
  display: inline-block;
  margin: 0;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content figure img {
  max-width: 100%;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline:last-child {
  border-bottom: 1px solid #ebebeb;
}

@media (max-width: 1279px) {
  .page-about-history-timeline .timeline-section {
    margin-bottom: 15px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap:after {
    left: 4px;
    top: 13px;
    height: calc(100% - 75px);
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline {
    padding-left: 15px;
    margin-top: 15px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate {
    padding: 10px 0;
    line-height: 22px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate span {
    line-height: 22.5px;
    letter-spacing: -0.025em;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate .point {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 1;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate .point:after {
    top: 12px;
    left: -14px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .title {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 21px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content p {
    font-size: 13px;
    line-height: 20px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul {
    font-size: 13px;
    line-height: 20px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul .list-li {
    margin-top: 11px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul .list-title {
    display: block;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .align-center {
    padding: 6px 0;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline:last-child .content {
    padding-bottom: 60px;
  }
}

@media (min-width: 1280px) {
  .page-about-history-timeline .timeline-section {
    padding-bottom: 70px;
    margin-bottom: 40px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap:after {
    left: 135px;
    top: 30px;
    height: calc(100% - 100px);
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline {
    margin-top: 70px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate {
    height: 54px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate span {
    line-height: 58px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate .point {
    position: relative;
    display: inline-block;
    width: 140px;
    margin-right: 30px;
    font-size: 20px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .cate .point:after {
    right: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content {
    padding: 0 0 0 176px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .title {
    margin: 0 0 38px;
    font-size: 16px;
    line-height: 22px;
    padding: 0px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content p {
    font-size: 14px;
    line-height: 22px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul {
    font-size: 15px;
    line-height: 24px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul .list-title.short {
    width: 50px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul .list-li + .list-li {
    margin-top: 20px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .list-ul + .list-ul {
    padding-top: 38px;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline:last-child .content {
    padding-bottom: 70px;
  }
}

/*custom edit*/
.page-about-history-timeline .content {
  padding-top: 0px;
}

.page-about-history-timeline .title {
  padding: 0px;
}

.page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .fl-left img {
  width: 500px;
}

@media (max-width: 1279px) {
  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .fl-left {
    margin-right: 1%;
  }

  .page-about-history-timeline .timeline-section .timeline-wrap .timeline .content .fl-left img {
    width: 100%;
  }
}

/* ######### Product Tablet + Mobile Hover Img ######## */

@media screen and (max-width: 767px) {

  div.bella {
    background-image: url(../images/06_H_BELLA.jpg) !important;
  }
  
  div.fla {
    background-image: url(../images/02.FLA.jpg) !important;
  }

  div.bellasummer {
    background-image: url(../images/bellasummer/08_h_bella_bu.jpg) !important;
  }

  div.bellawarm {
    background-image: url(../images/bellawarm/10_h_bella_warm.jpg) !important;
  }

}