@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
* {
 outline:none !important;
}
html {
 height:100%;
 min-height:100%;
}
body {
 height:100%;
 min-height:100%;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 font-family:'Montserrat',sans-serif,"Nanum Gothic";
 line-height:1.8;
 font-size:13px;
}
p {
 font-family:'Montserrat',sans-serif,"Nanum Gothic";
 font-size:14px;
}
h1,h2,h3,h4,h5,h6 {
 font-family:'Montserrat',sans-serif,"Nanum Gothic";
 font-weight:600;
}
.no-padding {
 padding:0 !important;
}
.inline-block {
 display:inline-block;
}
ol,ul,li {
 margin:0;
 padding:0;
 list-style:none;
}
figure {
 margin:0;
}
a {
 transition:all .3s ease-in 0s;
 color:#333;
}
iframe {
 border:0;
}
a,a:focus,a:hover {
 text-decoration:none;
 outline:0;
}
a:hover {
 color:#555;
}
a:focus {
 color:#fff;
}
button {
 border:none;
 background:none;
 cursor:pointer;
}
.fl {
 float:left;
 padding-left:10px;
}
.fr {
 float:right;
 padding-right:10px;
}
.fn {
 float:none !important;
}
.center {
 text-align:center !important;
}
.right {
 text-align:right !important;
}
.left {
 text-align:left !important;
}
.hand {
 cursor:pointer
}
.overflow {
 overflow:auto;
 overflow:hidden
}
.none {
 display: none !important;
}
/*-----------------------------------------------------*/
/* ¹öÆ° */
/*-----------------------------------------------------*/
.btn {
 display:inline-block;
 padding:4px 20px;
 font-size:13px;
 line-height:1.42857143;
 text-align:center;
 white-space:nowrap;
 vertical-align:middle;
 -ms-touch-action:manipulation;
 touch-action:manipulation;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 border-radius:0;
 background-image:none;
 color:#333;
}
.btn.active:focus,.btn:active:focus,.btn:focus {
 outline:0;
}
.btn,.btn:hover,.btn.hover,.btn:focus,.btn.focus,.btn:active,.btn.active {
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none;
}
.btn-main {
 background:#9d8470;
 border:1px solid #9d8470;
 color:#fff;
 display:inline-block;
 font-size:13px;
 padding:5px 25px;
 text-transform:uppercase;
 border-radius:4px;
}
.btn-main:hover {
 background:#fff;
 border:1px solid #9d8470;
 color:#8e89a5;
}
.pure-btn {
 border:2px solid #9d8470;
 border-radius:50px;
 padding:3px 10px;
 background:none;
 text-align:center;
 text-decoration:none;
 display:inline-block;
 font-size:12px;
 color:#fff;
 margin:4px 2px;
 -webkit-transition-duration:0.4s;
 transition-duration:0.4s;
 cursor:pointer;
}
.pure-btn:hover {
 color:#9d8470 !important;
}
.btn.btn-primary {
 border-radius:50px;
 padding:10px 30px;
 background:none;
 font-size:14px;
 text-transform:uppercase;
 -webkit-transition:all 0.3s ease 0s;
 -moz-transition:all 0.3s ease 0s;
 -ms-transition:all 0.3s ease 0s;
 -o-transition:all 0.3s ease 0s;
 transition:all 0.3s ease 0s;
}
.btn.btn-primary:hover {
 color:#fff;
}
.btn.btn-primary.white {
 border:2px solid #fff;
 color:#fff;
}
.btn.btn-primary.white:hover {
 border:2px solid #9d8470;
}
.btn.btn-primary.square {
 border-radius:0;
 color:#fff;
}
.btn.btn-primary.solid {
 border:2px solid #9d8470;
 color:#fff;
}
.btn.btn-primary.solid:hover {
 border:2px solid #fff;
 background:none;
 color:#fff;
}
.mt-10 {
 margin-top:10px;
}
.mt-20 {
 margin-top:20px;
}
.mt-30 {
 margin-top:30px;
}
.mt-40 {
 margin-top:40px;
}
.mt-50 {
 margin-top:50px;
}
.mr-5 {
 margin-right:5px;
}
.mr-10 {
 margin-right:10px;
}
.mb-5 {
 margin-bottom:5px;
}
.mb-10 {
 margin-bottom:10px;
}
.pt-30 {
 padding-top:30px;
}
.pr-10 {
 padding-right:10px;
}
.pl-5 {
 padding-left:5px;
}
.pl-10 {
 padding-left:10px;
}
.section {
 padding:40px 0;
}
.section-sm {
 padding:30px 0;
}
.section-xs {
 padding:20px 0;
}
.section-line {
 background:#9d8470;
 width:45px;
 height:3px;
 display:inline-block;
 margin-bottom:40px;
}
.border {
 height:2px;
 margin:20px auto 20px;
 position:relative;
 width:80px;
 background:#28ABE3;
}
.bg-gray {
 background:#f9f9f9;
}
.dark-bg {
 background:rgba(0,0,0,0.7);
 height:100%;
 width:100%;
 position:absolute;
 z-index:-1;
}
.bg-white {
 background:#fff;
}
.clear {
 clear:both;
}
.center {
 text-align:center;
}
.text-overflow {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space: nowrap;
}
/*-----------------------------------------------------*/
/* Footer section */
/*-----------------------------------------------------*/
.footer-bottom {
 text-align:center;
 background:#58473f;
 padding:30px 10px;
}
.footer-bottom p {
 font-size:12px;
 color:#fff;
 font-weight:500;
 line-height:1.8;
 margin-top:15px;
}
@media (max-width:576px) {
 .footer-bottom .mo_no {
  display: none
 }
}
/*-----------------------------------------------------*/
/* Section Title */
/*-----------------------------------------------------*/
.section-title h2 {
 font-family:'Jua',sans-serif;
 font-size:26px;
 color:#555;
 font-weight:400;
}
.estate_paging {
 display:none;
}
.normal_title_sub {
 display: none !important;
}
/*-----------------------------------------------------*/
/* Site_ban */
/*-----------------------------------------------------*/
#site_ban {
 position:relative;
 width:100%;
 padding:70px 0;
 background:#f8f8f8;
}
#site_ban img {
 opacity:1;
 border:1px solid #ccc;
 border-radius:5px;
 width:99.5%;
}
#site_ban img:hover {
 opacity:0.7;
 transition:0.3s;
 border:1px solid #9d8470 !important;
}
#site_ban .owl-nav,#site_ban .owl-dots {
 margin-top:20px;
 text-align:center;
}
#site_ban .owl-dot {
 display:inline-block;
 margin:0 5px;
 width:10px;
 height:10px;
 border-radius:50%;
 background-color:#ddd;
}
#site_ban .owl-dot.active {
 background-color:#f4511e;
}
@media (max-width:767px) {
 #site_ban {
  padding: 40px 0;
 }
}
/*-----------------------------------------------------*/
/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
/*-----------------------------------------------------*/
.privacy {
 width:100%;
 margin-bottom:20px;
}
.privacy-con {
 width:100%;
 height:400px;
 font-size:12px;
 padding: 5px;
}
/*-----------------------------------------------------*/
/* ÀÌ¿ë¾à°ü */
/*-----------------------------------------------------*/
.agreement {
 width:100%;
 margin-bottom:20px;
}
.agreement-con {
 width:100%;
 height:400px;
 font-size:12px;
 padding: 5px;
}
/*-----------------------------------------------------*/
/* Modal */
/*-----------------------------------------------------*/
.modal {
 text-align:left;
 z-index:99991;
}
.modal-content {
 border:none;
 border-radius:10px 10px 0 0;
 -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
 box-shadow:0 5px 15px rgba(0,0,0,.5);
}
.modal-header {
 background:#f2f2f2;
 padding:0 5px 20px 5px;
 border-bottom:0;
 border-radius:10px 10px 0 0;
}
.modal-header .close-link span {
 font-size:30px;
 position:absolute;
 top:0px;
 right:30px;
 color:#333;
}
.modal-title {
 font-size:17px;
 color:#333;
 margin-top:-10px;
}
.modal .modal-dialog {
 margin:0 auto;
 text-align:center;
 position:fixed;
 top:25%;
 left:25%;
 right:25%;
}
.modal-backdrop.in {
 opacity:0;
}
@media (min-width:768px) {
 .modal-sm {
  width:350px;
 }
}
@media (min-width:992px) {
 .modal-lg {
  width:900px;
 }
}
@media screen and (max-width:767px) {
 .modal .modal-dialog {
  margin:0 auto;
  text-align:center;
  position:fixed;
  top:5%;
  left:10%;
  right:10%;
 }
}
@media (max-width:360px) {
 .pc_view_360 {
  display:none !important;
 }
}
@media screen and (max-width:767px) {
 .pc_view {
  display:none;
 }
}
@media screen and (min-width:768px) {
 .mobile_view {
  display: none;
 }
}
/*-----------------------------------------------------*/
/* left menu */
/*-----------------------------------------------------*/
.page-area {
 position:relative;
}
.left-items {
 width:100%;
 margin:0 0 20px 0;
 border:1px solid #e1e1e1;
 padding:8px 8px 10px 8px;
 clear:both;
}
.left-items .tag_tit {
 font-family:'Jua',sans-serif;
 font-size:18px;
 color:#fff;
 font-weight:400;
 background-color:#9d8470;
 border:1px solid #9d8470;
 padding:3px 10px;
 margin-bottom: 5px;
}
/*-----------------------------------------------------*/
/* left extent */
/*-----------------------------------------------------*/
.left-extent {
 margin-bottom:20px;
}
.left_extent_box {
 width:100%;
 border:1px solid #e1e1e1;
 padding:8px 8px 15px 8px;
 clear:both;
}
.left_extent_box .cs_tit {
 font-family:'Jua',sans-serif;
 font-size:18px;
 color:#fff;
 font-weight:400;
 background-color:#9d8470;
 border:1px solid #9d8470;
 padding:3px 10px;
 margin-bottom:10px;
}
.left_extent_box .count_tit {
 font-size:13px;
 color:#fff;
 font-weight:600;
 background-color:#9d8470;
 border:1px solid #9d8470;
 padding:3px 10px;
 margin:10px 0;
}
.cs_count_txt {
 width:100%;
 font-size:12px;
 color:#555;
}
.cs_count {
 font-size:11px;
}
.extent {
 width:100%;
 border:1px solid #e1e1e1;
 margin-top:10px;
}
.extent td {
 text-align:center;
}
.extent input {
 font-size:12px;
 color:#333;
 font-weight:600;
 border:none;
}
.extent_count {
 width:45%;
}
.chevron {
 width:10%;
 background:#efefef;
}
.chevron i {
 font-size:10px;
}
.count_input {
 width:70%;
 margin-top:2px;
 padding:2px;
 border:none;
}
@media only screen and (max-width:767px) {
 .count_top {
  margin-top:0;
 }
}
@media (min-width:768px) and (max-width:991px) {
 .left-extent {
  display: none;
 }
}
/*-----------------------------------------------------*/
/* left tag */
/*-----------------------------------------------------*/
.left_tag_box {
 width:100%;
 margin-bottom:20px;
 border:1px solid #e1e1e1;
 padding:8px 8px 10px 8px;
 clear:both;
}
.left_tag_box .tag_tit {
 font-family:'Jua',sans-serif;
 font-size:18px;
 color:#fff;
 font-weight:400;
 background-color:#9d8470;
 border:1px solid #9d8470;
 padding:3px 10px;
 margin-bottom:10px;
}
.left_tag_box ul>li {
 display:inline-block;
 margin:0 2px 7px 0;
 width:47.5%;
 border:1px solid #ddd;
 text-align:center;
}
.left_tag_box ul>li:hover {
 background:#9d8470;
 border:1px solid #9d8470;
 color:#ffffff !important;
}
.left_tag_box ul>li a {
 background:#fff;
 display:block;
 font-size:13px;
 color:#000;
 padding:5px 0;
 transition:all 0.3s ease 0s;
 text-align:center;
}
.left_tag_box ul>li a:hover {
 background:#9d8470;
 color:#ffffff !important;
}
.left_tag_box-fr {
 float:right;
 margin-right: 0 !important;
}
/*-----------------------------------------------------*/
/* left area box */
/*-----------------------------------------------------*/
.left_area_box {
 width:100%;
 margin:20px 0 20px 0;
 border:1px solid #e1e1e1;
 padding:8px 8px 10px 8px;
 clear:both;
}
.left_area_box .tag_tit {
 font-family:'Jua',sans-serif;
 font-size:18px;
 color:#fff;
 font-weight:400;
 background-color:#9d8470;
 border:1px solid #9d8470;
 padding:3px 10px;
 margin-bottom:10px;
}
.left_area_box ul>li {
 display:inline-block;
 width:23.7%;
 margin:0 0 5px 0;
 border:1px solid #e1e1e1;
 text-align:center;
}
.left_area_box ul>li:hover {
 background:#9d8470;
 border:1px solid #9d8470;
 color:#ffffff !important;
}
.left_area_box ul>li a {
 background:#fff;
 display:block;
 font-size:12px;
 color:#000;
 padding:2px 0;
 transition:all 0.3s ease 0s;
 text-align:center;
}
.left_area_box ul>li a:hover {
 background:#9d8470;
 color:#ffffff !important;
}
@media (min-width:992px) and (max-width:1600px) {
 .left_area_box ul>li {
  width:31.5%;
  margin: 0 0 5px 0;
 }
}
/*-----------------------------------------------------*/
/* left area box2 */
/*-----------------------------------------------------*/
.left_area_box2 {
 width:100%;
 margin:20px 0 20px 0;
 border:1px solid #e1e1e1;
 padding:8px 8px 10px 8px;
 clear:both;
}
.left_area_box2 .tag_tit {
 font-size:16px;
 color:#fff;
 font-weight:600;
 background-color:#9d8470;
 border:1px solid #9d8470;
 padding:3px 10px;
 margin-bottom:10px;
}
.left_area_box2 ul>li {
 display:inline-block;
 width:32%;
 margin:0 0 5px 0;
 border:1px solid #e1e1e1;
 text-align:center;
}
.left_area_box2 ul>li:hover {
 background:#9d8470;
 border:1px solid #9d8470;
 color:#ffffff !important;
}
.left_area_box2 ul>li a {
 background:#fff;
 display:block;
 font-size:12px;
 color:#000;
 padding:2px 0;
 transition:all 0.3s ease 0s;
 text-align:center;
}
.left_area_box2 ul>li a:hover {
 background:#9d8470;
 color:#ffffff !important;
}
@media (min-width:992px) and (max-width:1600px) {
 .left_area_box2 ul>li {
  width:48.7%;
  margin: 0 0 5px 0;
 }
}
/*-----------------------------------------------------*/
/* left cs */
/*-----------------------------------------------------*/
.left_cs_box {
 width:100%;
 margin:0 0 20px 0;
 border:1px solid #e1e1e1;
 padding:8px;
 clear:both;
}
.left_cs_box .cs_tit {
 font-family:'Jua',sans-serif;
 font-size:18px;
 color:#fff;
 font-weight:400;
 background-color:#9d8470;
 border:1px solid #9d8470;
 padding:3px 10px;
 margin-bottom:10px;
}
.left_cs_box .cs_tit_right {
 float:right;
 padding:5px 10px 0 0;
}
.left_cs_box .cs_tel {
 font-size:26px;
 color:#666;
 font-weight:600;
 padding-left:5px;
}
.left_cs_box .cs_tel2 {
 clear:both;
 font-size:20px;
 color:#666;
 padding-left:5px;
}
.left_cs_box .cs_tel2 .fax {
 font-size:14px;
 color:#777;
}
.left_cs_box .cs_tel3 {
 font-size:13px;
 color:#777;
 padding-left:5px;
}
.left_cs {
 width:100%;
 background-color:#fff;
 border:1px solid #e1e1e1;
 padding:10px 10px 10px 10px;
}
.left_cs .cs_tit2 {
 font-size:16px;
 color:#555;
 font-weight:600;
 background-color:#efefef;
 padding:5px 10px;
 margin-bottom:10px;
}
@media (min-width:768px) and (max-width:991px) {
 .left_cs_box .cs_tel {
  font-size:16px;
  color:#666;
  padding:0;
  letter-spacing:-1px;
 }
 .left_cs_box .cs_tel2 {
  clear:both;
  font-size:13px;
  color:#555;
  padding:0;
 }
 .left_cs_box .cs_tel3 {
  font-size:12px;
  color:#777;
  padding:0;
 }
}
@media (min-width:992px) and (max-width:1199px) {
 .left_cs_box .cs_tel {
  font-size:24px;
  color:#666;
  padding:0;
  letter-spacing:-1px;
 }
 .left_cs_box .cs_tel2 {
  clear:both;
  font-size:16px;
  color:#555;
  padding:0;
 }
 .left_cs_box .cs_tel3 {
  font-size:12px;
  color:#777;
  padding: 0;
 }
}
/*-----------------------------------------------------*/
/* left menu items */
/*-----------------------------------------------------*/
.left-menu-items {
 width:100%;
 background:#fff;
}
.left-menu-items td.left-text {
 width:80%;
 padding:8px 0 8px 10px;
 color:#222;
}
.left-menu-items td.left-text a {
 width:100%;
 font-size:14px;
 color:#222;
}
.left-menu-items td.left-text a:hover {
 color:#9d8470;
}
.left-menu-items td.left-icon {
 width:20%;
 padding-right:5px;
 text-align:center;
}
.left-menu-items td.left-icon a {
 float:right;
 line-height:12px;
 font-size:12px;
 padding:2px;
}
.btn_mc1 {
 background-color:#fff;
 border:1px solid #9d8470;
 color:#232323;
}
.btn_mc2 {
 background-color:#fff;
 border:1px solid #9d8470;
 color:#232323;
}
.btn_mc3 {
 background-color:#fff;
 border:1px solid #9d8470;
 margin-right:5px;
 color:#232323;
}
.btn_mc4 {
 background-color:#fff;
 border:1px solid #9d8470;
 color:#232323;
}
.btn_mc5 {
 background-color:#fff;
 border:1px solid #9d8470;
 margin-right:3px;
 color:#232323;
}
.btn_mc1:hover {
 background-color:#9d8470;
 border:1px solid #9d8470;
 color:#fff;
}
.btn_mc2:hover {
 background-color:#9d8470;
 border:1px solid #9d8470;
 color:#fff;
}
.btn_mc3:hover {
 background-color:#9d8470;
 border:1px solid #9d8470;
 color:#fff;
}
.btn_mc4:hover {
 background-color:#9d8470;
 border:1px solid #9d8470;
 color:#fff;
}
.btn_mc5:hover {
 background-color:#9d8470;
 margin-right:3px;
 border:1px solid #9d8470;
 color:#fff;
}
.divider2 {
 height:1px;
 margin:0;
 overflow:hidden;
 background-color:#ddd;
}
@media (min-width:1200px) {
 .col-md-9 {
  width:80%;
 }
 .col-md-3 {
  width:20%;
 }
 .col-md-push-3 {
  left:20%;
 }
 .col-md-pull-9 {
  right:80%;
 }
}
@media (min-width:1600px) {
 .grid-1280 .container {
  margin:0 auto;
  width:1280px !important;
  padding: 0;
 }
}
/*-----------------------------------------------------*/
/* main category */
/*-----------------------------------------------------*/
.products-area {
 width:100%;
 padding:0px 0 40px 0;
}
.product-slider-active .slick-list {
 margin-left:10px;
 margin-right:40px;
}
.product-slider-active .product:focus,.product-slider-active .product:active {
 outline: none;
}
/* Slider Dots Styles */
.pure-slider-dots {
 position: relative;
}
/* Dots °£°Ý */
.pure-slider-dots ul.slick-dots li {
 display:inline-block;
 vertical-align:middle;
 height:auto;
 width:auto;
}
.pure-slider-dots ul.slick-dots li:first-child {
 margin-left:0;
}
.pure-slider-dots ul.slick-dots li:last-child {
 margin-right:0;
}
.pure-slider-dots ul.slick-dots li button {
 height:3px !important;
 width:3px !important;
 content:"";
 background:#c9c9c9;
 opacity:1;
 border-radius:100%;
 -webkit-transition:all 0.3s ease-in-out 0s;
 -moz-transition:all 0.3s ease-in-out 0s;
 -ms-transition:all 0.3s ease-in-out 0s;
 -o-transition:all 0.3s ease-in-out 0s;
 transition:all 0.3s ease-in-out 0s;
 display:inline-block;
 vertical-align:middle;
}
.pure-slider-dots ul.slick-dots li button::before {
 display:none;
}
.pure-slider-dots ul.slick-dots li.slick-active button,.pure-slider-dots ul.slick-dots li:hover button {
 background:#777;
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
 -ms-transform:scale(1.2);
 -o-transform:scale(1.2);
 transform: scale(1.2);
}
/* product Style */
.product-style {
 padding:0;
 background:#fff;
 border:1px solid #e5e5e5;
}
.product-style .product-content {
 padding:5px 10px;
}
.product-style:hover {
 -webkit-box-shadow:0 1px 2px rgba(85,85,85,0.15);
 -moz-box-shadow:0 1px 2px rgba(85,85,85,0.15);
 -ms-box-shadow:0 1px 2px rgba(85,85,85,0.15);
 -o-box-shadow:0 1px 2px rgba(85,85,85,0.15);
 box-shadow:0 1px 1px rgba(85,85,85,0.15);
 border:1px solid #ccc;
}
.product-style .product-content h5 {
 font-size:17px;
 color:#333;
 font-weight:600;
}
.product-image {
 overflow:hidden;
}
.product-image img {
 width:100%;
 -webkit-transform:scale(1.001);
 -moz-transform:scale(1.001);
 -ms-transform:scale(1.001);
 -o-transform:scale(1.001);
 transform:scale(1.001);
 -webkit-transition:all 0.3s ease-in-out 0s;
 -moz-transition:all 0.3s ease-in-out 0s;
 -ms-transition:all 0.3s ease-in-out 0s;
 -o-transition:all 0.3s ease-in-out 0s;
 transition:all 0.3s ease-in-out 0s;
}
.product:hover .product-icon span:first-child {
 top:-50%;
}
.product:hover .product-icon span:last-child {
 top:50%;
}
.product:hover .product-image img {
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
 -ms-transform:scale(1.2);
 -o-transform:scale(1.2);
 transform: scale(1.2);
}
/*-----------------------------------------------------*/
/* Arrows */
/*-----------------------------------------------------*/
.slick-prev,.slick-next {
 font-size:0;
 line-height:0;
 position:absolute;
 top:50%;
 display:block;
 width:20px;
 height:20px;
 padding:0;
 -webkit-transform:translate(0,-50%);
 -ms-transform:translate(0,-50%);
 transform:translate(0,-50%);
 cursor:pointer;
 color:transparent;
 border:none;
 outline:none;
 background:transparent;
 z-index:99;
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
 color:transparent;
 outline:none;
 background:transparent;
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
 opacity:1;
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
 opacity:.25;
}
.slick-prev:before,.slick-next:before {
 font-family:'FontAwesome';
 font-size:24px;
 line-height:1;
 opacity:.75;
 color:#999;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}
.slick-prev {
 left:-5px;
}
[dir='rtl'] .slick-prev {
 right:-5px;
 left:auto;
}
.slick-prev:before {
 content:'\f104';
}
[dir='rtl'] .slick-prev:before {
 content:'\f105';
}
.slick-next {
 right:23px;
}
[dir='rtl'] .slick-next {
 right:auto;
 left:23px;
}
.slick-next:before {
 content:'\f105';
}
[dir='rtl'] .slick-next:before {
 content: '\f104';
}
/*-----------------------------------------------------*/
/* Dots */
/*-----------------------------------------------------*/
.slick-dotted.slick-slider {
 margin-bottom:30px;
}
.slick-dots {
 position:absolute;
 bottom:-40px;
 display:block;
 width:100%;
 padding:0;
 margin:0 0 0 -15px;
 list-style:none;
 text-align:center;
}
.slick-dots li {
 position:relative;
 display:inline-block;
 width:20px;
 height:20px;
 margin:0 5px;
 padding:0;
 cursor:pointer;
}
.slick-dots li button {
 font-size:0;
 line-height:0;
 display:block;
 width:20px;
 height:20px;
 padding:4px;
 cursor:pointer;
 color:transparent;
 border:0;
 outline:none;
 background:transparent;
}
.slick-dots li button:hover,.slick-dots li button:focus {
 outline:none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {
 opacity:1;
}
.slick-dots li button:before {
 font-family:'slick';
 font-size:6px;
 line-height:20px;
 position:absolute;
 top:0;
 left:0;
 width:20px;
 height:20px;
 content:'•';
 text-align:center;
 opacity:.25;
 color:black;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}
.slick-dots li.slick-active button:before {
 opacity:.75;
 color:black;
}
.slick-slide {
 margin-left:-10px;
 margin-right:-10px;
}
@media (max-width:767px) {
 .product-slider-active .slick-list {
  margin-left:10px;
  margin-right:10px;
 }
 .slick-next {
  right: -5px;
 }
}
/*-----------------------------------------------------*/
/* Main Slide */
/*-----------------------------------------------------*/
#main-slide {
 margin:0 auto;
 margin-top:0px;
}
#main-slide .carousel-inner .item {
 width:100%;
 height:450px;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover;
 background-position:50%;
 background-repeat:no-repeat;
}
#main-slide .carousel-inner .item:before {
 content:'';
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
}
#main-slide .item .slider-content {
 z-index:1;
 opacity:0;
 transition:opacity 500ms;
}
#main-slide .item.active .slider-content {
 opacity:1;
 transition:opacity 100ms;
}
#main-slide .slider-content {
 top:45%;
 left:0;
 padding:0;
 text-align:center;
 position:relative;
}
.carousel-indicators {
 bottom:50px;
}
.carousel-indicators li {
 width:30px !important;
 height:6px !important;
 margin:1px !important;
 border-radius:0 !important;
 background:rgba(0,0,0,0.5);
 border:1px solid #666;
}
.carousel-indicators li.active,.carousel-indicators li:hover {
 transition:all 300ms ease;
}
#main-slide .carousel-control.left,#main-slide .carousel-control.right {
 opacity:0;
 filter:alpha(opacity=0);
 background-image:none;
 background-repeat:no-repeat;
 text-shadow:none;
 transition:all .25s ease;
}
#main-slide:hover .carousel-control.left,#main-slide:hover .carousel-control.right {
 opacity:1;
 filter:alpha(opacity=100);
}
#main-slide:hover .carousel-control.left {
 left:30px;
}
#main-slide:hover .carousel-control.right {
 right:30px;
}
#main-slide .carousel-control.left span {
 padding:25px;
}
#main-slide .carousel-control.right span {
 padding:25px;
}
#main-slide .carousel-control .fa-angle-left,#main-slide .carousel-control .fa-angle-right {
 position:absolute;
 top:50%;
 z-index:20;
 display:inline-block;
}
#main-slide .carousel-control .fa-angle-left {
 left:0px;
}
#main-slide .carousel-control .fa-angle-right {
 right:0px;
}
#main-slide .carousel-control i {
 background:none;
 color:#fff;
 font-size:48px;
 transition:all 500ms ease;
}
#main-slide .carousel-control i:hover {
 color:#333;
}
#main-slide .slider-content h2 {
 font-family:'Jua',sans-serif;
 font-size:38px;
 color:#fff;
 font-weight:400;
}
#main-slide .slider-content h2.txt_bg {
 width:520px;
 background:rgba(88,71,63,0.7);
 padding:6px 0 7px 0;
 margin:0 auto;
 text-align: center;
}
/* fade */
.carousel-fade .carousel-inner .item {
 opacity:0;
 transition-property:opacity;
 -webkit-transition-property:opacity;
}
.carousel-fade .carousel-inner .active {
 opacity:1;
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
 opacity:0;
 left:0;
 z-index:10;
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
 opacity:10;
}
.carousel-fade .carousel-control {
 z-index:20;
}
.slider.btn {
 margin-top:30px;
 font-size:16px;
 text-transform:uppercase;
 color:rgba(202,164,80,0.7);
 border:2px solid rgba(202,164,80,0.7);
}
.slider.btn:hover {
 color:#fff;
}
.slider-content-left {
 position:relative;
 margin:0 0 0 40px;
}
.slider-content-right {
 position:relative;
}
@media (min-width:768px) and (max-width:991px) {
 #main-slide .carousel-inner .item {
  width:100%;
  height:400px;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
 }
 #main-slide .slider-content h2 {
  font-size:28px;
 }
 #main-slide .slider-content h2.txt_bg {
  width:400px;
 }
 #main-slide .carousel-indicators {
  bottom:20px;
 }
 .slider.btn {
  padding:5px 25px;
  margin-top:5px;
  font-size:16px;
 }
}
@media (max-width:767px) {
 #main-slide {
  margin:0 auto;
  margin-top:0;
 }
 #main-slide .carousel-inner .item {
  width:100%;
  height:300px;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-position:15%;
  background-repeat:no-repeat;
 }
 #main-slide .slider-content {
  top:50%;
 }
 #main-slide .slider-content h2 {
  font-size:22px;
 }
 #main-slide .slider-content h2.txt_bg {
  width:310px;
 }
 #main-slide .carousel-control {
  display:none;
 }
 #main-slide .carousel-indicators {
  bottom:10px;
 }
 .slider.btn {
  display:none;
 }
}
@media (max-width:480px) {
 #main-slide .slider-content h2 {
  font-size:18px;
 }
 #main-slide .slider-content h2.txt_bg {
  width: 250px;
 }
}
/*-----------------------------------------------------*/
/* Main Slideshow Animation */
/*-----------------------------------------------------*/
.carousel .item.active .animated1,.flex-active-slide .animated1 {
 -webkit-animation:lightSpeedIn 1s ease-in 200ms both;
 animation:lightSpeedIn 1s ease-in 200ms both;
}
.carousel .item.active .animated2,.flex-active-slide .animated2 {
 -webkit-animation:bounceInLeft 2s ease-in-out 100ms both;
 animation:bounceInLeft 1.5s ease-in-out 100ms both;
}
.carousel .item.active .animated3,.flex-active-slide .animated3 {
 -webkit-animation:flipInX 2s ease-in 200ms both;
 animation:flipInX 2s ease-in 200ms both;
}
.carousel .item.active .animated4,.flex-active-slide .animated4 {
 -webkit-animation:bounceInRight 1s ease-in-out 100ms both;
 animation: bounceInRight 1s ease-in-out 100ms both;
}
/*-----------------------------------------------------*/
/* Go Top Btn */
/*-----------------------------------------------------*/
#go_btn {
 position:fixed;
 right:3%;
 bottom:5%;
 background:#9d8470;
 width:40px;
 text-align:center;
 margin-right:5px;
 z-index:100;
}
@media (max-width:991px) {
 #go_btn {
  display:none;
 }
}
#go_btn:after {
 content:'';
 height:1px;
 background:rgba(255,255,255,0.6);
 position:absolute;
 left:10px;
 right:10px;
 top:50%;
}
#go_btn button {
 color:#fff;
 font-size:20px;
 display:block;
 width:100%;
 line-height:32px;
}
.aside_head {
 margin-top: 0px;
}
/*-----------------------------------------------------*/
/* Pure Addon */
/*-----------------------------------------------------*/
.pure_addon {
 position:relative;
 background:url("../../img/pure/services_img1.jpg") center no-repeat;
 background-size:cover;
 padding:50px 0;
}
.pure_addon:before {
 content:'';
 background:rgba(0,0,0,0.5);
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
}
.contact-us-box a {
 color:#fff;
 cursor:pointer;
}
.contact-us-box .ion {
 border:2px solid #ebebeb;
 width:42px;
 height:42px;
 text-align:center;
 line-height:38px;
 margin:10px 15px 0 0;
 font-size:24px;
 color:#fff;
}
.contact-us-box .xi-call {
}
.contact-us-box .xi-call:hover {
 color:#9d8470;
 border:2px solid #9d8470;
 background:none;
}
.contact-us-box .xi-kakaotalk {
 border:2px solid #fff;
 background:none;
 font-size:28px;
 color:#fff;
}
.contact-us-box .xi-kakaotalk:hover {
 color:#fff054;
 border:2px solid #fff;
 background:none;
}
.contact-us-box .xi-naver {
 color:#fff;
 border:2px solid #fff;
 background:none;
}
.contact-us-box .xi-naver:hover {
 color:#3ab926;
 border:1px solid #fff;
 background:none;
}
.contact-us-box .contact-us {
 padding-top:15px;
 margin-bottom:20px
}
.contact-us-box .contact-us>div {
 margin-bottom:10px
}
.contact-us-box .contact-us a>div:last-child {
 margin-bottom:15px
}
.contact-us-title {
 position:relative;
 font-size:24px;
 color:#fff;
 padding:0;
 font-weight:600
}
.pull-left {
 float:left !important
}
.pull-left span.tel {
 font-size:19px;
 font-weight:600
}
.pull-left span {
 display:inline-block;
 padding-top:13px;
 font-size: 14px;
}
/*-----------------------------------------------------*/
/* °øÁö»çÇ× ÃßÃâ */
/*-----------------------------------------------------*/
.board_output {
 width:100%;
 background:none;
}
.board_output table {
 float:left;
 display:block;
 padding:15px 0 0 0
}
.board_output table.board_output {
 width:100% !important;
}
.board_output td {
 font-size:13px;
 color:#fff !important;
 height:38px;
}
.board_output_10_tr,.board_output_11_tr {
 border-bottom:1px solid rgba(255,255,255,0.3);
}
.board_output_10_tr img,.board_output_11_tr img {
 padding-right: 5px;
}
/* ÃßÃâ °Ô½ÃÆÇ ½ºÅ¸ÀÏ */
.board_output a {
 letter-spacing:0px;
 color:#fff;
 line-height:20px;
}
.bd_out1 a {
 font-size:14px;
 color:#fff !important;
 font-weight:500;
 display:inline-block;
 text-decoration:none !important;
}
.bd_out1 a:hover {
 color:#c8c1e8 !important;
}
.divHeading h4 {
 padding-top:12px
}
.divHeading h4 a {
 font-family:'Montserrat',sans-serif,'Noto Sans KR';
 font-size:24px;
 color:#fff !important;
}
.more_span {
 float:right;
 position:absolute;
 font-size:22px;
 color:#fff;
 right:10px;
 padding: 5px 15px 0 0;
}
/*-----------------------------------------------------*/
/* board_output_gallery_img */
/*-----------------------------------------------------*/
.board_output_gallery_img {
 position:relative;
 z-index:0;
 width:100%;
 height:100%;
 overflow:hidden;
}
.board_output_imgs {
 -webkit-transition:all 0.5s ease-in-out;
 -moz-transition:all 0.5s ease-in-out;
 -ms-transition:all 0.5s ease-in-out;
 -o-transition:all 0.5s ease-in-out;
 transition:all 0.5s ease-in-out;
 max-width:100%;
 padding:8px;
}
.board_output_gallery_img a:hover::after {
 -webkit-animation:0.5s animationZoomIn;
 -moz-animation:0.5s animationZoomIn;
 -ms-animation:0.5s animationZoomIn;
 -o-animation:0.5s animationZoomIn;
 animation:0.5s animationZoomIn;
 opacity:1.0;
}
.board_output_gallery_img a {
 -webkit-transition:0.5s ease-in-out;
 -moz-transition:0.5s ease-in-out;
 -ms-transition:0.5s ease-in-out;
 -o-transition:0.5s ease-in-out;
 transition:0.5s ease-in-out;
}
.board_output_gallery_img a:hover img {
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
 -ms-transform:scale(1.2);
 -o-transform:scale(1.2);
 transform: scale(1.2);
}
/*-----------------------------------------------------*/
/* board_output_gallery_subject */
/*-----------------------------------------------------*/
.board_output_gallery_subject {
 position:relative;
 z-index:10;
}
.board_output_gallery_subject br {
 display:none;
}
.board_output_gallery_img br {
 display: none;
}
/*-----------------------------------------------------*/
/* Product Output */
/*-----------------------------------------------------*/
#products-board {
 background:#fff;
}
.product_output {
}
.product_output table {
 width:19%;
 margin:0 10px 20px 0;
 border:1px solid #e5e5e5;
 background:#fff;
 float:left;
}
.product_output table .board_output_gallery_subject {
 text-align:left !important;
}
.product_output table .board_output_gallery_subject a {
 display:block;
 background:#fff;
 border-top:1px solid #e8e8e8;
 height:35px;
 margin:0;
 padding:0 0 0 10px;
 font-size:14px;
 color:#333;
 font-weight:600;
 line-height:35px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.product_output table .board_output_gallery_subject a:hover {
 color:#ee3b24;
}
.product_output table .board_output_gallery_img img {
 width:100%;
 height:180px;
}
.product_output table .board_output_gallery_etc {
 display:block;
 background:#fff;
 width:100%;
 height:20px;
 margin-top:-20px;
 padding:0 0 0 10px;
 text-align:left !important;
 font-size:13px;
 color:#555 !important;
 line-height:18px;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
@media (min-width:992px) and (max-width:1199px) {
 .product_output table {
  width:23.5%;
  margin:0 10px 20px 0;
 }
 .product_output table .board_output_gallery_img img {
  height:220px;
 }
}
@media (min-width:768px) and (max-width:991px) {
 .product_output table {
  width:31.5%;
  margin:0 10px 20px 0;
 }
 .product_output table .board_output_gallery_img img {
  height:190px;
 }
 .product_output table .board_output_gallery_subject a {
  font-size:12px !important;
  line-height:38px;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  overflow:hidden !important;
 }
}
@media (min-width:481px) and (max-width:767px) {
 .product_output table {
  width:47%;
  margin:0 10px 20px 0;
 }
 .product_output table .board_output_gallery_img {
  padding:0;
  margin:0;
  font-size:0;
 }
 .product_output table .board_output_gallery_img img {
  height:230px !important;
 }
 .product_output table .board_output_gallery_subject {
  padding:0;
  margin:0;
 }
 .product_output table .board_output_gallery_subject a {
  font-size:13px;
  line-height:38px;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  overflow:hidden !important;
 }
}
@media all and (max-width:480px) {
 .product_output table {
  width:100%;
  margin:0% !important;
  margin-bottom:20px !important;
 }
 .product_output table .board_output_gallery_img img {
  height:auto;
 }
 .product_output table .board_output_gallery_subject a {
  font-size:13px;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  overflow:hidden !important;
 }
}
.d-none {
 display:none!important
}
.d-inline {
 display:inline!important
}
.d-inline-block {
 display:inline-block!important
}
.d-block {
 display:block!important
}
.d-table {
 display:table!important
}
.d-table-row {
 display:table-row!important
}
.d-table-cell {
 display:table-cell!important
}
.d-flex {
 display:-ms-flexbox!important;
 display:flex!important
}
.d-inline-flex {
 display:-ms-inline-flexbox!important;
 display:inline-flex!important
}
@media (min-width:576px) {
 .d-sm-none {
  display:none!important
 }
 .d-sm-inline {
  display:inline!important
 }
 .d-sm-inline-block {
  display:inline-block!important
 }
 .d-sm-block {
  display:block!important
 }
 .d-sm-table {
  display:table!important
 }
 .d-sm-table-row {
  display:table-row!important
 }
 .d-sm-table-cell {
  display:table-cell!important
 }
 .d-sm-flex {
  display:-ms-flexbox!important;
  display:flex!important
 }
 .d-sm-inline-flex {
  display:-ms-inline-flexbox!important;
  display:inline-flex!important
 }
}
@media (min-width:768px) {
 .d-md-none {
  display:none!important
 }
 .d-md-inline {
  display:inline!important
 }
 .d-md-inline-block {
  display:inline-block!important
 }
 .d-md-block {
  display:block!important
 }
 .d-md-table {
  display:table!important
 }
 .d-md-table-row {
  display:table-row!important
 }
 .d-md-table-cell {
  display:table-cell!important
 }
 .d-md-flex {
  display:-ms-flexbox!important;
  display:flex!important
 }
 .d-md-inline-flex {
  display:-ms-inline-flexbox!important;
  display:inline-flex!important
 }
}
@media (min-width:992px) {
 .d-lg-none {
  display:none!important
 }
 .d-lg-inline {
  display:inline!important
 }
 .d-lg-inline-block {
  display:inline-block!important
 }
 .d-lg-block {
  display:block!important
 }
 .d-lg-table {
  display:table!important
 }
 .d-lg-table-row {
  display:table-row!important
 }
 .d-lg-table-cell {
  display:table-cell!important
 }
 .d-lg-flex {
  display:-ms-flexbox!important;
  display:flex!important
 }
 .d-lg-inline-flex {
  display:-ms-inline-flexbox!important;
  display:inline-flex!important
 }
}
.align-items-center {
 -ms-flex-align:center!important;
 align-items:center!important
}
.justify-content-between {
 -ms-flex-pack:justify!important;
 justify-content: space-between!important
}
/*-----------------------------------------------------*/
/* Side Quick */
/*-----------------------------------------------------*/
#side_quick {
}
.fix_nav {
 position:fixed;
 top:50%;
 right:3%;
 z-index:9999;
}
li.fix_nav a {
 display:inline-block;
 overflow:hidden;
 width:50px;
 height:50px;
 padding:0 0 0 10px;
 border-radius:0;
 background:#9d8470;
 font-size:14px;
 color:#fff;
 line-height:48px;
 -webkit-transition:0.3s;
 transition:0.3s;
}
li.fix_nav a:hover {
 width:135px;
 border-radius:100px;
 background:#9d8470;
 text-align:left;
}
li.fix_nav a i {
 vertical-align:middle;
 margin-right:15px;
 font-size:33px;
}
li.fix_nav2 {
 position:fixed;
 top:56%;
 right:3%;
 z-index:9999;
}
li.fix_nav2 a {
 display:inline-block;
 position:relative;
 overflow:hidden;
 width:50px;
 height:50px;
 padding:0 0 0 10px;
 border-radius:0;
 background:#9d8470;
 font-size:14px;
 color:#fff;
 line-height:48px;
 -webkit-transition:0.3s;
 transition:0.3s;
}
li.fix_nav2 a:hover {
 width:135px;
 border-radius:100px;
 background:#9d8470;
 text-align:left;
}
li.fix_nav2 a i {
 vertical-align:middle;
 margin-right:15px;
 font-size:30px;
}
.fix_nav3 {
 position:fixed;
 top:62%;
 right:3%;
 z-index:9999;
}
.fix_nav3 a {
 display:inline-block;
 position:relative;
 overflow:hidden;
 width:50px;
 height:50px;
 padding:0 0 0 10px;
 border-radius:0;
 background:#9d8470;
 font-size:14px;
 color:#fff;
 line-height:46px;
 -webkit-transition:0.3s;
 transition:0.3s;
}
.fix_nav3 a:hover {
 width:135px;
 border-radius:100px;
 background:#9d8470;
 text-align:left;
}
.fix_nav3 a i {
 vertical-align:middle;
 margin-right:15px;
 font-size:29px;
}
.fix_nav4 {
 position:fixed;
 top:68%;
 right:3%;
 z-index:9999;
}
.fix_nav4 a {
 display:inline-block;
 position:relative;
 overflow:hidden;
 width:50px;
 height:50px;
 padding:0 0 0 14px;
 border-radius:0;
 background:#9d8470;
 font-size:14px;
 color:#fff;
 line-height:48px;
 -webkit-transition:0.3s;
 transition:0.3s;
}
.fix_nav4 a:hover {
 width:135px;
 border-radius:100px;
 background:#9d8470;
 text-align:left;
}
.fix_nav4 a i {
 vertical-align:middle;
 margin-right:15px;
 font-size:29px;
}
@media (min-width:768px) {
 .mo_v {
  display: none;
 }
}
@media (max-width:767px) {
 .fix_nav {
   position:fixed;
   top:180px;
   right:15px;
   z-index:9999;
 }
 li.fix_nav a {
   display:inline-block;
   overflow:hidden;
   width:40px;
   height:40px;
   padding:0 0 0 6px;
   border-radius:0;
   background:#9d8470;
   font-size:14px;
   color:#fff;
   line-height:38px;
   -webkit-transition:0.3s;
   transition:0.3s;
 }
 li.fix_nav a:hover {
   width:120px;
   border-radius:100px;
   background:#9d8470;
   text-align:left;
 }
 li.fix_nav a i {
   vertical-align:middle;
   margin-right:10px;
   font-size:29px;
 }
 li.fix_nav2 {
   position:fixed;
   top:222px;
   right:15px;
   z-index:9999;
 }
 li.fix_nav2 a {
   display:inline-block;
   position:relative;
   overflow:hidden;
   width:40px;
   height:40px;
   padding:0 0 0 6px;
   border-radius:0;
   background:#9d8470;
   font-size:14px;
   color:#fff;
   line-height:38px;
   -webkit-transition:0.3s;
   transition:0.3s;
 }
 li.fix_nav2 a:hover {
   width:120px;
   border-radius:100px;
   background:#9d8470;
   text-align:left;
 }
 li.fix_nav2 a i {
   vertical-align:middle;
   margin-right:10px;
   font-size:28px;
 }
 .fix_nav3 {
   position:fixed;
  top:264px;
  right:15px;
   z-index:9999;
 }
 .fix_nav3 a {
   display:inline-block;
   position:relative;
   overflow:hidden;
   width:40px;
   height:40px;
   padding:0 0 0 8px;
   border-radius:0;
   background:#9d8470;
   font-size:14px;
   color:#fff;
   line-height:36px;
   -webkit-transition:0.3s;
   transition:0.3s;
 }
 .fix_nav3 a:hover {
   width:120px;
   border-radius:100px;
   background:#9d8470;
   text-align:left;
 }
 .fix_nav3 a i {
   vertical-align:middle;
   margin-right:10px;
   font-size:24px;
 }
 .fix_nav4 {
   position:fixed;
  top:306px;
  right:15px;
   z-index:9999;
 }
 .fix_nav4 a {
   display:inline-block;
   position:relative;
   overflow:hidden;
   width:40px;
   height:40px;
   padding:0 0 0 11px;
   border-radius:0;
   background:#9d8470;
   font-size:14px;
   color:#fff;
   line-height:38px;
   -webkit-transition:0.3s;
   transition:0.3s;
 }
 .fix_nav4 a:hover {
   width:120px;
   border-radius:100px;
   background:#9d8470;
   text-align:left;
 }
 .fix_nav4 a i {
   vertical-align:middle;
   margin-right:10px;
   font-size: 24px;
 }
}
/*-----------------------------------------------------*/
/* Theme */
/*-----------------------------------------------------*/
.theme {
 padding:50px 0 30px 0;
 position:relative;
 background:#f8f8f8;
}
.theme_list .list {
 width:100%;
 margin-left:-10px;
 margin-right:-10px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
}
.theme_list .item {
 width:25%;
 padding-right:10px;
}
.theme_list .item:last-child {
 padding-right:0px !important;
}
@media screen and (max-width:768px) {
 .theme_list .list {
  margin-left:-4px;
  margin-right:-4px;
 }
 .theme_list .item {
  width:50%;
  margin:4px 0;
  padding:0 4px;
 }
 .theme_list .item:nth-child(4n+2) {
  padding-right:0px;
 }
}
.theme_list .wrap {
 position:relative;
 display:block;
 height:100%;
 padding:10px 10px 40px 10px;
 background:#fff;
 line-height:1.3;
 letter-spacing:-0.04em;
}
.theme_list .wrap i {
 float:right;
 width:40px;
 height:40px;
 background:#af937d;
 border-radius:100px;
 font-size:24px;
 color:#fff;
 line-height:38px;
 text-align:center;
 margin-top:10px;
}
@media (min-width:1024px) {
 .theme_list .wrap:hover {
  -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1),0 5px 5px rgba(0,0,0,0.1);
  box-shadow:0 0 5px rgba(0,0,0,0.1),0 5px 5px rgba(0,0,0,0.1);
 }
 .theme_list .wrap:hover:before {
  -webkit-border-image:-webkit-linear-gradient(45deg,#b2967f 0%,#dcb99d 100%);
  -o-border-image:-o-linear-gradient(45deg,#b2967f 0%,#dcb99d 100%);
  border-image:linear-gradient(45deg,#b2967f 0%,#dcb99d 100%);
  border-image-slice:1;
  border-image-width:3px;
 }
}
@media (hover:hover) {
 .theme_list .wrap:hover {
  -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1),0 5px 5px rgba(0,0,0,0.1);
  box-shadow:0 0 5px rgba(0,0,0,0.1),0 5px 5px rgba(0,0,0,0.1);
 }
 .theme_list .wrap:hover:before {
  -webkit-border-image:-webkit-linear-gradient(45deg,#b2967f 0%,#dcb99d 100%);
  -o-border-image:-o-linear-gradient(45deg,#b2967f 0%,#dcb99d 100%);
  border-image:linear-gradient(45deg,#b2967f 0%,#dcb99d 100%);
  border-image-slice:1;
  border-image-width:3px;
 }
}
.theme_list .wrap:before {
 z-index:1;
 border:1px solid #d8d8d8;
 border-top:2px solid #9d8470;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 display:block;
 content:'';
 border-style:solid;
}
.theme_list .wrap .img_theme {
 text-align:center;
 clear:both !important;
}
.theme_list .wrap .img_theme img {
 background:#af937d;
 border-radius:100%;
 margin-top:10px;
}
.theme_list .wrap .img_theme img:before {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 display:block;
 content:'';
}
.theme_list .wrap .tit {
 float:left !important;
 font-size:18px;
 color:#464646;
 font-weight:600;
 padding:10px 0 0 20px;
 margin-top:0px;
}
.theme_list .wrap .tit:before {
 width:3px;
 height:45px;
 background:#9d8470;
 position:absolute;
 top:22px;
 left:20px;
 bottom:0;
 right:0;
 display:block;
 content:'';
}
.theme_list .wrap .tit .br_font {
 clear:both !important;
 font-size:14px;
 font-weight:500;
 color:#666;
}
@media screen and (max-width:1024px) {
 .theme_list .wrap {
  padding:30px 10px;
  word-break:keep-all;
 }
}
@media screen and (max-width:768px) {
 .theme_list .wrap {
  padding:15px 10px;
 }
 .theme_list .wrap .tit {
  margin: 10px auto;
 }
}