@font-face {
 font-family:'Cafe24Dangdanghae';
 src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff');
 font-weight:normal;
 font-style:normal;
}
* {
 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;
}

/*INPUT*/
input[type="checkbox"],input[type="radio"] {
 padding:0;
 margin:0 3px 0 0;
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea {
 color:#333333;
 border:1px solid #ccc;
 border-radius:0;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus {
 color:#161616;
}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"] {
 padding:5px;
}
textarea {
 overflow:auto;
 padding:3px;
 vertical-align:top;
 width:100%;
}
input[type="image"] {
 border:0;
}
input[type="file"] {
 border:0;
 margin-top:15px;
}
input[name=member_img] {
 border:none;
 width:80%;
}
input[name=addr] {
 width:80%;
 margin-top:2px;
}
input[name=addr2] {
 width:80%;
 margin-top:2px;
}
.checkbox,.radio {
 display:inline-block !important;
 background-color:#fff;
}
select {
 height:27px;
 margin:0 5px 0 0;
}
input,img,select {
 background-color:#fff;
}
input.radio,input[type=radio] {
 margin:5px;
 padding:0;
 border:0;
 vertical-align:middle;
 background-color:#fff;
}
input.check,input[type=checkbox] {
 margin:5px;
 padding:0;
 border:0;
 vertical-align:middle;
 background-color:#fff;
}
@media (max-width:767px) {
 input#border.public_input.input_form {
  width:80%;
 }
 input[name=addr].member_border {
  width:90%;
 }
 input[name=addr2].member_border {
  width:90%;
 }
 select[name=pw_question].member_border {
  width:80%;
 }
}

/*-----------------------------------------------------*/
/* ¹öÆ° */
/*-----------------------------------------------------*/
.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:#1785db;
 border:1px solid #1785db;
 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 #1785db;
 color: #8e89a5;
}
.button1 {
 border:2px solid #1785db;
 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;
 /* Safari */
 transition-duration:0.4s;
 cursor:pointer;
}
.button1:hover {
 color:#1785db !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 #1785db;
}
.btn.btn-primary.square {
 border-radius:0;
 color:#fff;
}
.btn.btn-primary.solid {
 border:2px solid #1785db;
 color:#fff;
}
.btn.btn-primary.solid:hover {
 border:2px solid #fff;
 background:none;
 color:#fff;
}
.mt-10 {
 margin-top:10px !important;
}
.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;
}
.mb-20 {
 margin-bottom:20px;
}
.pt-30 {
 padding-top:30px;
}
.pr-10 {
 padding-right:10px;
}
.pl-5 {
 padding-left:5px;
}
.pl-10 {
 padding-left:10px;
}
.pt-10 {
 padding-top:10px;
}
.pt-20 {
 padding-top:20px;
}
.pb-10 {
 padding-bottom:10px;
}
.section {
 padding:40px 0;
}
.section-sm {
 padding:30px 0;
}
.section-xs {
 padding:20px 0;
}
.section-line {
 background:#1785db;
 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:#232323;
 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
 }
}
/*-----------------------------------------------------*/
/* Pure Addon */
/*-----------------------------------------------------*/
.pure-section {
 margin:40px 0 0 0;
}
.pure-info {
 position:relative;
 min-height:288px;
 padding:10px 5px 10px 15px;
 background:#fff;
}
.service {
 background:#;
 border-top:1px solid #e8e8e8;
 border-bottom:1px solid #e8e8e8;
}

.service .more_span {
 float:right;
 position:absolute;
 font-size:18px;
 color:#504c7b;
 right:28px;
 padding:5px 5px 0 0;
}
.service .addon-type {
 font-size:48px;
 line-height:50px;
 color:#333;
 padding:20px 10px 10px 90px;
}
.service .addon-type2 {
 position:absolute;
 font-size:32px;
 line-height:40px;
 color:#333;
 text-shadow:2px 2px 2px #ffffff;
 padding:0 0 0 90px;
}
.cs-center {
 float:left;
 padding:10px 0 0 10px;
 min-height:240px;
}
.cs-center h4 {
 font-size:18px;
 padding-top:10px;
}
.cs-center li {
 font-size:13px;
 line-height:20px;
 margin:2px 0;
}
.cs-center li.tel_num {
 font-size:42px;
 color:#1785db;
 line-height:38px;
 font-weight:700;
 padding:5px 0 20px 0;
}
.cs-center li.tel_num a {
 color:#1785db;
}
.cs-center li.cs_btn {
 padding-top:18px;
}
a.cs_btn {
 display:inline-block;
 width:40%;
 margin:0 1%;
 font-size:14px;
 color:#fff;
 text-align:center;
 border:2px solid #3ab926;
 background:#3ab926;
 border-radius:3px;
 padding:7px 0 9px 0;
 vertical-align:bottom;
}
a.cs_btn:hover {
 color:#333;
 border:2px solid #3ab926;
 background:#fff;
}
a.kakao_btn {
 display:inline-block;
 width:55%;
 margin:0 1%;
 font-size:14px;
 color:#3c1e1c;
 text-align:center;
 border:2px solid #422616;
 border-radius:3px;
 background:#fff054;
 padding:4px 0;
}
a.kakao_btn i {
 vertical-align:middle;
}
a.kakao_btn:hover {
 color:#fff054;
 text-align:center;
 border:2px solid #3c1e1c;
 background: #3c1e1c;
}
/* °Ô½ÃÆÇ ÃßÃâ */
.board_output a {
 font-family:'Montserrat',sans-serif,"Nanum Gothic";
 letter-spacing:0px;
 color:#333;
}
@media screen and (max-width:767px) {
 .pure-section {
  margin:10px 0 0 0;
 }
}
@media (min-width:768px) and (max-width:991px) {
 .service .addon-type {
  font-size:38px;
  padding:20px 10px 10px 30px;
 }
 .service .addon-type2 {
  font-size:26px;
  line-height:35px;
  padding: 0 0 0 30px;
 }
}
@media screen and (max-width:767px) {
 .cs-center {
  float:left;
  padding:10px 0 0 30px;
  min-height:240px;
 }
 a.kakao_btn {
  display:inline-block;
  width:40%;
 }
}
/*-----------------------------------------------------*/
/* Section Title */
/*-----------------------------------------------------*/
.section-title h3 {
 font-size:20px;
 color:#555;
 font-weight:600;
}
.estate_paging {
 display:none;
}
.normal_title_sub {
 display: none !important;
}
/*-----------------------------------------------------*/
/* Site_ban */
/*-----------------------------------------------------*/
#site_ban {
 position:relative;
 width:100%;
 padding:80px 0;
 background:#f5f5f5;
}
#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 #1785db !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;
 }
}
/*-----------------------------------------------------*/
/* Main Map */
/*-----------------------------------------------------*/
#mainMap {
 margin:0;
}
.mainMap {
 width:100%;
 height:50px;
 background-color:#2e3131;
 padding-top:15px;
 padding-bottom:10px;
 text-align:center;
}
.mainMap span {
 color:#fff;
}
#mainMap .map_grey {
 overflow-y:hidden;
 padding:0 !important;
 width:100%;
 height:260px;
 border:0;
 border-radius:0;
}
#mainMap .map_grey iframe {
 display:block;
 width:100%;
 height: 100%;
}
/*-----------------------------------------------------*/
/* left menu */
/*-----------------------------------------------------*/
.page-area {
 position:relative;
}
.left-items {
 background:#f9f9f9;
 margin-bottom:20px;
 border:1px solid #ddd;
 border-top:2px solid #1785db;
}
.left-items h4 {
 border-bottom:1px solid #ddd;
 color:#333;
 font-size:17px;
 font-weight:500;
 margin-bottom:0;
 padding:3px 10px 13px 10px;
 text-transform: uppercase;
}
/*-----------------------------------------------------*/
/* 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-size:16px;
 color:#fff;
 font-weight:bold;
 background-color:#1785db;
 border:1px solid #1785db;
 padding:3px 10px;
 margin-bottom:10px;
}
.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:bold;
 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-size:16px;
 color:#fff;
 font-weight:bold;
 background-color:#1785db;
 border:1px solid #1785db;
 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:#1785db;
 border:1px solid #1785db;
 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:#1785db;
 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-size:16px;
 color:#fff;
 font-weight:bold;
 background-color:#1785db;
 border:1px solid #1785db;
 padding:3px 10px;
 margin-bottom:10px;
}
.left_area_box ul>li {
 display:inline-block;
 margin:0 0 5px 0;
 width:23.8%;
 border:1px solid #e1e1e1;
 text-align:center;
}
.left_area_box ul>li:hover {
 background:#1785db;
 border:1px solid #1785db;
 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:#1785db;
 color: #ffffff !important;
}
/*-----------------------------------------------------*/
/* 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-size:16px;
 color:#fff;
 font-weight:bold;
 background-color:#1785db;
 border:1px solid #1785db;
 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:bold;
 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:#1785db;
}
.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:14px;
 font-size:12px;
 padding:0 2px 2px 2px;
}
.btn_mc1 {
 background-color:#fff;
 border:1px solid #1785db;
 color:#232323;
}
.btn_mc2 {
 background-color:#fff;
 border:1px solid #1785db;
 color:#232323;
}
.btn_mc3 {
 background-color:#fff;
 border:1px solid #1785db;
 margin-right:5px;
 color:#232323;
}
.btn_mc4 {
 background-color:#fff;
 border:1px solid #1785db;
 color:#232323;
}
.btn_mc5 {
 background-color:#fff;
 border:1px solid #1785db;
 margin-right:3px;
 color:#232323;
}
.btn_mc1:hover {
 background-color:#1785db;
 border:1px solid #1785db;
 color:#fff;
}
.btn_mc2:hover {
 background-color:#1785db;
 border:1px solid #1785db;
 color:#fff;
}
.btn_mc3:hover {
 background-color:#1785db;
 border:1px solid #1785db;
 color:#fff;
}
.btn_mc4:hover {
 background-color:#1785db;
 border:1px solid #1785db;
 color:#fff;
}
.btn_mc5:hover {
 background-color:#1785db;
 margin-right:3px;
 border:1px solid #1785db;
 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:40px 0 20px 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:70px;
}
#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:40%;
 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:'Cafe24Dangdanghae';
 font-size:38px;
 color:#fff;
 font-weight:400;
}
#main-slide .slider-content h2.txt_bg {
 width:560px;
 background:rgba(0,0,0,0.5);
 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:380px;
  -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:60px;
 }
 #main-slide .carousel-inner .item {
  width:100%;
  height:250px;
  -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 {
  top:45%;
 }
 #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 800ms both;
 animation:bounceInLeft 1.5s ease-in-out 800ms both;
}
.carousel .item.active .animated3,.flex-active-slide .animated3 {
 -webkit-animation:flipInX 2s ease-in 800ms both;
 animation:flipInX 2s ease-in 800ms both;
}
.carousel .item.active .animated4,.flex-active-slide .animated4 {
 -webkit-animation:bounceInLeft 1s ease-in-out 100ms both;
 animation: bounceInLeft 1s ease-in-out 100ms both;
}
/*-----------------------------------------------------*/
/* Side Quick */
/*-----------------------------------------------------*/
#side_quick {
 position:fixed;
 right:5.5%;
 top:40%;
 text-align:right;
 z-index:100;
}
@media screen and (max-width:1580px) {
 #side_quick {
  right:3%;
 }
}
@media screen and (max-width:1024px) {
 #side_quick {
  display:none;
 }
}
#side_quick li {
 margin:0;
}
#side_quick li .inner {
 display:inline-block;
 border-radius:48px;
 width:48px;
 height:48px;
 overflow:hidden;
 position:relative;
 text-align:center;
}
#side_quick li .inner.active {
 -webkit-transition:0.4s ease;
 -o-transition:0.4s ease;
 transition:0.4s ease;
 width:130px;
 background:-webkit-gradient(linear,left top,right top,from(#1785db),to(#1785db));
 background:-webkit-linear-gradient(left,#1785db,#1785db);
 background:-o-linear-gradient(left,#1785db,#1785db);
 background:linear-gradient(to right,#1785db,#1785db);
 text-align:right;
}
#side_quick li .inner.active .menu_tit {
 width:80px;
 opacity:1;
}
#side_quick li .inner.active .icon_box {
 background:transparent;
}
#side_quick li .inner.active .icon_box i {
 font-size:26px;
 color:#fff;
 line-height:48px;
}
#side_quick li .inner .menu_tit {
 position:absolute;
 right:25px;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 color:#fff;
 width:0;
 opacity:0;
 text-align:left;
}
#side_quick li .inner .icon_box {
 display:inline-block;
 width:48px;
 height:48px;
 border-radius:48px;
 background:#1785db;
 border:1px solid #1785db;
 text-align:center;
}
#side_quick li .inner:hover .icon_box {
 border:0;
}
#side_quick li .inner .icon_box i {
 font-size:28px;
 color:#fff;
 line-height: 48px;
}
/*-----------------------------------------------------*/
/* Go Top Btn */
/*-----------------------------------------------------*/
#go_btn {
 position:fixed;
 right:5%;
 bottom:10%;
 background:rgba(61,61,61,0.95);
 width:40px;
 text-align:center;
 margin-right:5px;
 z-index:100;
}
@media screen and (max-width:1580px) {
 #go_btn {
  right:3%;
 }
}
@media screen and (max-width:1024px) {
 #go_btn {
  display:none;
 }
}
#go_btn:after {
 content:'';
 height:1px;
 background:rgba(255,255,255,0.3);
 position:absolute;
 left:10px;
 right:10px;
 top:50%;
}
#go_btn button {
 color:#ffece6;
 font-size:20px;
 display:block;
 width:100%;
 line-height: 32px;
}

/*-----------------------------------------------------*/
/* °øÁö»çÇ× ÃßÃâ */
/*-----------------------------------------------------*/
.board_output {width:100%;}
.board_output table.board_output {width:100% !important;}
.board_output td { font-size:13px; color:#555 !important; height:31px !important; }

@media (min-width:991px) and (max-width:1199px) {
 .board_output_11_tr .bd_out1 {
  max-width: 170px !important;
  width: 170px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
 }
}
@media (min-width:768px) and (max-width:990px) {
 .board_output_11_tr .bd_out1 {
  max-width: 250px !important;
  width: 250px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
 }
}
@media (min-width:481px) and (max-width:767px) {
 .board_output_11_tr .bd_out1 {
  max-width: 210px !important;
  width: 210px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
 }
}

@media (max-width:480px) {
 .board_output_11_tr .bd_out1 {
  max-width: 115px !important;
  width: 115px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
 }
}
@media (min-width: 1200px) {
 .board_output_11_tr .bd_out1 {width: 280px !important;}
}
/*--------------------------------------------------*/
/* Rolling */
/*--------------------------------------------------*/
.list_app {font-size: 11px; color: #fff !important; background:#48b3ce; padding:3px 6px 4px 6px; border-radius: 20px;}
.list_atm {font-size: 11px; color: #fff !important; background:#afafaf; padding:3px 6px 4px 6px; border-radius: 20px;}
.list_com {font-size: 11px; color: #fff !important; background:#8fc731; padding:3px 6px 4px 6px; border-radius: 20px;}
.board_output_11_tr .bd_out1 a {
 font-size: 13px;
 color: #333 !important;
 height:25px !important;
 display: inline-block;
 text-decoration: none;
 padding:0 0 0 6px;
}
.main_bbs_output .board_contents {overflow: hidden !important;}
.divHeading {
 border-bottom:1px solid #e8e8e8;
 margin-bottom:15px;
}
.divHeading h4 a {font-family: 'Noto Sans KR';
 color: #454545;
 font-weight: 500;
}
.board_output_11_tr td img {width:11px !important; height:11px !important;}
.bd_out1 img {display:none !important; }

/* ¹öÆ° */
.btn-more-wrap {
  text-align: center;
  margin-top: 30px;
}
.btn-more-recomm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 22px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  border: 1px solid #3498db;
  border-radius: 30px;
  background-color: #3498db;
  text-decoration: none;
  transition: all 0.25s ease;
}
/* È­»ìÇ¥ ¾ÆÀÌÄÜ */
.btn-more-recomm::after {
  content: "\e93f";
  font-family: 'xeicon'; /* :contentReference[oaicite:0]{index=0} */
  font-size: 15px;
}
/* hover */
.btn-more-recomm:hover {
  background-color: #fff;
  color: #3498db;
}
.btn-more-recomm:hover::after {
  color: #3498db;
}