/* Sub */
.sub-inner{width:1200px; margin:50px auto}
.sub-inner .sub-title{ text-align: center; font-size: 25px; margin: 20px 0 50px;}
.color-primary{color:#ea002c}
.red{color:#ea002c}
.blue{color:#007FFf}
.display-btwn{display: flex; justify-content: space-between;}
.display-cnter{ display: flex;align-items: center;}
.text-lf{    text-align: left;}


@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes subvisualFadeIn {
	to { opacity: 1; }
}
@keyframes subvisual {
    to { transform: scale(1); }
}
.sub-visual { overflow: hidden; display: flex; align-items: center; position: relative; height: 300px; text-align: center; }
.sub-visual .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; animation: subvisualFadeIn ease .85s forwards; }
.sub-visual .background::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transform: scale(1.1); animation: 3s subvisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards; }
.sub-top-tit-wp{ width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: absolute; padding-top: 50px}
.sub-visual--buy .background::before { background-image: url('/img/sub-visual-buy.jpg'); }
.sub-visual--map .background::before { background-image: url('/img/sub-visual-map.jpg'); }
.sub-visual--price .background::before { background-image: url('/img/sub-visual-price.jpg'); }
.sub-visual--community .background::before { background-image: url('/img/sub-visual-community.jpg'); }
.sub-visual--product .background::before { background-image: url('/img/sub-visual-product.jpg'); }
.sub-visual .inner { z-index: 2; }
.sub-visual .title {font-size: 60px; color: #fff; font-weight: bold; margin:0}
.sub-visual-tab { border-bottom: 1px solid #e5e5e5; }
.sub-visual-tab ul { display: flex; margin: auto; max-width: 1200px; }
.sub-visual-tab li { flex: 1 1; width: auto; }
.sub-visual-tab a { display: flex; align-items: center; justify-content: center; position: relative; padding: 10px; height: 80px; font-size: 18px; color: #000; font-weight: 600; }
.sub-visual-tab a::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; opacity: 0; background: #000; transform: scaleX(0); transform-origin: center; transition: all ease .35s; }
.sub-visual-tab li.on a { color: #ea002c; }
.sub-visual-tab li.on a::after { background: #ea002c; opacity: 1; transform: scaleX(1); }
@keyframes rotate-cursor{
	to { transform: rotate(360deg); }
}
@media screen and (pointer: fine) {
    .sub-visual-tab a:hover::after { opacity: 1; transform: scaleX(1); }
    .section--about-slide .cursor { display: block; z-index: 3; position: fixed; margin: -65px 0 0 -65px; color: #fff; pointer-events: none; transform: scale(0); transition: transform ease .35s; }
	.section--about-slide .cursor .cursor-wrap { padding: 14px; border: 1px solid #fff; border-radius: 50%; animation: rotate-cursor 10s linear infinite; }
	.section--about-slide .cursor svg { display: block; width: 100%; height: auto; font-size: 15px; }
	.section--about-slide .cursor[data-cursor="on"] { transform: none; }
}



/* ½Ã°øÁ¡¸®½ºÆ® °øÁöÇü */
.map_txt_wp{position: relative;background:url('/img/map_bg_img.png') no-repeat top center;height:1000px; display: flex; align-items: center; justify-content: center; }
.map_txt{ line-height: 35px; font-size: 16px;}
.map_txt b{    color: #468bdd;
    font-size: 20px;
    text-align: center;
    width: 100%;
    display: block;}



/* ½Ã°øÁ¡¸®½ºÆ® ÁöµµÇü 
.shop-wrap{display:flex;gap:78px;margin-bottom: 75px;}
.shop-map{margin-left: 20px;}
.shop-map img{width:308px;}
.shop-map-detail {width:calc(100% - 270px);}
.shop-map-detail ul{display:flex;gap:10px;flex-wrap: wrap;}
.shop-map-detail ul li button{border: 1px solid #E3E3E3;border-radius: 4px;width:170px;height:50px;text-align:center;padding: 0 20px;color: #101010;}
.shop-map-detail ul li button.active{color:#fff;background:#101010;}
.shop-find-map-point{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.shop-find-map-point .pin{cursor: pointer;position: absolute;height: 45px;background-color: rgba(16, 16, 16, 0.85);opacity: 0.85;text-align: center;line-height: 27px;font-size: 13px;letter-spacing: -0.21px;color:#fff;}
.map-box{display: inline-block;position: relative;}
.shop-find-map-point .pin1 {top: 10%;left: 20%;}
.shop-find-map-point .pin2 {top: 17%;left: 29%;}
.shop-find-map-point .pin3 {top: 16%;left: 8%;}
.shop-find-map-point .pin4 {top: 9%;left: 51%;}
.shop-find-map-point .pin5 {top: 35%;left: 14%;}
.shop-find-map-point .pin6 {top: 25%;left: 40%;}
.shop-find-map-point .pin7 {top: 29%;left: 26%;}
.shop-find-map-point .pin8 {top: 36%;left: 31%;}
.shop-find-map-point .pin9 {top: 49.5%;left: 25.5%;}
.shop-find-map-point .pin10{top: 70%;left: 18%;}
.shop-find-map-point .pin11{top: 59%;left: 17%;}
.shop-find-map-point .pin12{top: 36%;left: 64%;}
.shop-find-map-point .pin13{top: 57%;left: 50%;}
.shop-find-map-point .pin14{top: 45%;left: 57%;}
.shop-find-map-point .pin15{top: 51%;left: 74%;}
.shop-find-map-point .pin16{top: 60%;left: 67%;}
.shop-find-map-point .pin17{top: 86%;left: 19%;}
.shop-find-map-point .pin:hover{opacity: 1;background-color: rgba(229, 69, 69, 0.85);}
.shop-find-map-point .pin.active{opacity: 1;background-color: rgba(229, 69, 69, 0.85);}
.pin {  aspect-ratio: 2/3;  mask: conic-gradient(from -30deg at bottom,#0000,#000 1deg 59deg,#0000 60deg) bottom/100% 50% no-repeat, radial-gradient(circle at 50% calc(100% / 3),#000 22% 44%,#0000 44.5%);  background: #ec1a23;}

*/
.shop-map-table{}
.table-type01-wp{}
.table-type01{ width: 100%;}
.table-type01 tr{ ;}
.table-type01 tr th{ padding: 10px 0; background: #555; color: #fff;}
.table-type01 tr td{ padding: 10px 0; border-bottom:1px solid #ddd; text-align:center}

.shop-find-map-point2{display: flex; flex-wrap: wrap;}
.shop-find-map-point2 > div{ width: 16%; text-align: center; border: 1px solid #ddd; padding: 10px; margin: 0 0.6666% 10px 0; cursor: pointer;}
.shop-find-map-point2 > div.active{border: 1px solid #ea002c; color:#ea002c}
.shop-find-map-point2 > div span{ display: block;}






/*Æû °Ë»ö ¹Ú½º*/
.form_box {  margin-bottom: 56px;}
.form_box .inp_sch {  width: 100%;  justify-content: flex-end;  max-height: 225px;  display: flex;  gap: 10px;  /*margin-bottom: -180px;*/}
.form_box .inp_sch input{  border:none;  border-bottom: 2px solid #101010;}
.form_box .inp_sch input:active, .form_box .inp_sch input:focus {  outline: none;}
.form_box .select {  position: relative;  font-size: 0.875rem;  max-width: 120px;  width: 100%;}
.form_box .select > .btn {  border-bottom: 2px solid #101010;  color: #101010;  width: 120px;  padding: 10px 5px 10px 15px;  height: 43px; text-align: left;  display: flex;  align-items: center;  justify-content: space-between;}
.form_box .select > .btn:after {  content: ""; width: 30px;  height: 30px;  display: inline-block;  background: url(/img/ic_dropdown.png)no-repeat center right/cover; transition: all ease 0.3s;}
.form_box .select > .btn.active:after {  transform: rotate(-180deg);}
.form_box .select > .btn.active{border-bottom:2px solid #ff0000;}
.form_box .select > ul {  top: 42px;  text-align: left;  border-left: 1px solid #101010;  border-right: 1px solid #101010; border-bottom: 1px solid #101010; /* display: none; */  position: absolute;  left: 0;  width: 100%;  z-index: 1;  font-size: 0.875rem;  letter-spacing: -0.23px;  font-weight: 500;  height: 0;  overflow: hidden;  background: #fff;}
.form_box .select > .btn.active + ul {  top: 43px;  height: auto;  overflow: auto;}
.form_box .select > ul li a {  height: 44.5px;  line-height: 44px;  padding: 0 14px;  background: #fff; display: block;}
.form_box .select > ul li a:hover {  background: #F8F8F8;}
.form_box input {  font-weight: 700;  width: 300px;  border-bottom: 2px solid #101010;  height: 43px;  padding-right: 30px;}
.form_box input:placeholder-shown {  font-weight: 500;  color: #8B8B8B;}
.form_box .btn-search {  width: 40px;  height: 40px;  background: url(/img/ic_search.png) no-repeat center / 30px auto;  font-size: 0;  overflow: hidden;  text-indent: -100px;  margin-left: -45px;  position: relative;  z-index: 1;  cursor: pointer;}
@media screen and (max-width: 900px) {
  .form_box {
    margin-bottom: 40px;
  }
  .form_box .inp_sch {
    justify-content: center;
  }
  .form_box input {
    width: 100%;
  }
}



/* ±âº» Æ˾÷ */
.pop_box{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.pop_box div.pop_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);}
div.pop_contents{ border-radius: 15px; background-color:#fff;padding:30px; width: 40%; position: absolute;z-index: 2; max-height: 70%;}
.pop_top_tit{ display: flex; justify-content: space-between;    margin-bottom: 20px;}
.pop_top_tit img{width: 35px;}
.pop_box div.pop_contents .pop_inner{ height: 23rem; overflow-y: auto;}
.pop_box div.pop_contents .pop_inner .pop_inner_img{display:block}
.pop_box div.pop_contents .pop_inner .pop_inner_img img{width:100%}
.pop_box .pop_content_center{ display: flex; justify-content: center; height: 100vh;  align-items: center; position: absolute; width: 100%; }
.btn.red{ background: #e52121; padding: 5px 20px; border-radius: 5px; color: #fff;}
.btn.gry{background: #555; padding: 5px 20px; border-radius: 5px; color: #fff;}


/* ±¸¸ÅÇϱâ */
.sub-buy-con{display: flex; justify-content: space-between;   }
.sub-buy-con .buy-img-wp{position: relative;  width: 50%;}
.sub-buy-con .buy-img-wp .car-img{ position: absolute; display:none }
.sub-buy-con .buy-img-wp .car-img.on{ display:block}
.sub-buy-con .buy-img-wp .car-img img{width: 100%; }
.sub-buy-con .buy-select-wp{  width: 45%; display: flex; flex-wrap: wrap;}
.sub-buy-con .buy-select-wp .buy-list{ min-width:50%}
.sub-buy-con .buy-select-wp .buy-list:last-child{width:100%}
.sub-buy-con .buy-select-wp .buy-list b{ }
.sub-buy-con .buy-select-wp .buy-list ul{ display: flex; margin-bottom: 20px;}
.sub-buy-con .buy-select-wp .buy-list ul li{ border: 1px solid #ddd; box-sizing: border-box; padding: 10px 20px; margin: 10px 15px 10px 0; border-radius: 5px; cursor: pointer;}
.sub-buy-con .buy-select-wp .buy-list ul li.on{ background: #222; color: #fff;}
.sub-buy-con .buy-select-wp .buy-list ul li.off{ opacity: 0.5; ;}
.sub-buy-con .buy-select-wp .buy-list button{ width: 100%; padding: 15px 0; border-radius: 5px; border: 1px solid #ddd; color: #e50833;}
.sub-buy-con .buy-select-wp .buy-list button:hover{ font-weight: bold; border: 1px solid #e50833;}
.sub-ban { overflow: hidden; position: relative; border-bottom-left-radius: 30px; clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%); transition: clip-path 1.2s cubic-bezier(0.4, 0, 0.2, 1) .15s; min-height: 340px; }
.sub-ban.sr-animate { clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); margin-bottom:40px; border-radius: 0;}
.sub-buy-ft{  background: #eef1f5; padding: 40px; margin: 0}
.sub-buy-ft center .button { width: 50%;}
.sub-buy-ft-con{ display: flex; justify-content: space-between; margin-bottom: 20px;}
.sub-buy-ft-con .sub-buy-order{ width: 80%;}
.sub-buy-ft-con .sub-buy-order ul{ display: flex;}
.sub-buy-ft-con .sub-buy-order li{ display: flex; min-width: 15%;}
.sub-buy-ft-con .sub-buy-order li:last-child{ width: 30%;}
.sub-buy-ft-con .sub-buy-order li .price-txt-wp{display: flex; align-items: center;}
.sub-buy-ft-con .sub-buy-order li .price-txt-wp s{ color: #999; padding-right: 10px;;}
.sub-buy-ft-con .sub-buy-order li .price-txt-wp .close-ic{ width: 24px; opacity: 0.6;}
.sub-buy-ft-con .sub-buy-order li b{margin-right:10px}
.sub-buy-ft-tit{ font-size: 20px; padding-bottom: 20px; display: block; font-weight: bold}
.sub-buy-ft-con .sub-buy-price{}
.sub-buy-ft-con .sub-buy-price span{ display: block; color: #005ab9;}
.sub-buy-ft-con .sub-buy-price s{ display: block; font-size: 13px; color: #999;}
.sub-buy-ft-con .sub-buy-price b{ font-size: 20px; color: #ed1a2e; display:block;}
.sub-buy-ft-con .button-gradient{ width: 160px; text-align: center;}
.sub-buy-price-bt{ text-align: center;}
.sub-buy-price-bt a{ width: 200px;}



/* ±¸¸ÅÇϱâ Æû */
.date_inp .inp {  text-align: center;  font-size:15px;  line-height:1.2;}
.date_inp .inp input {  padding-right: 15px; }
.date_inp .inp input::-webkit-calendar-picker-indicator {background: url(/img/ic_calander.png) no-repeat right center/18px;}
.date_inp .inp{  width:calc(100% - 176px);}
.date_inp .inp+.select{  font-size:15px;  width: 166px;  margin-left:10px;}
.inp-wrap{ display: flex;}
.inp input{width:100%; padding:14px 10px;background-color:#fff}
.phone_inp .inp{ width: 32%;}
.phone_inp .select {vertical-align: middle;width: 100%;max-width: 123px;}
.email-inp,.date_inp,.phone_inp,.select-inp,.find_inp{ display: flex;justify-content: space-between; align-items: center;}
.email-inp .inp{ width: 28%; }
.select-inp .select{ width: 49%;}
.select-inp .select select,.date_inp .inp+.select select,.email-inp .select select{ width: 100%;}
.find_inp .inp{ width: 80%; position: relative;}
.find_inp .btn-black{ width: 19%;background: #000; color: #fff; height:51px}
.inp_btn .inp +button{}
.date_inp .dot-gray {}
.inp + button { }

.sub-form-con{  margin-top:75px;}
.sub-form-con legend ~ table > tbody { display:flex;gap: 35px 40px;flex-wrap:wrap;}
.sub-form-con legend ~  table > tbody > tr {width:calc(50% - 20px);display: flex;gap: 16px;justify-content: space-between;/* margin-bottom: 10px; */}
.sub-form-con legend ~  table > tbody > tr > td:first-child{flex: 1 0 120px;font-size: 16px;font-weight:600;letter-spacing: -0.26px;}
.sub-form-con legend ~  table > tbody > tr > td:first-child span{display:block;font-size:15px;letter-spacing: -0.23px;font-weight:400;}
.sub-form-con legend ~  table > tbody > tr > td:nth-child(2){width: 100%;}
.sub-form-con legend ~  table > tbody > tr.full{width:100%;}
.sub-form-con textarea{height:226px;overflow-y:scroll;}
.dot-gray {margin-top: 12px; display: block; color: #888; font-weight: normal; font-size: 14px;}
.sub-form-con .dot-gray + .dot-gray {margin-top: 4px;}
.rqd{ position: relative; padding-left: 10px;  margin: 0.166em 0;}
.rqd:before {  content: "*";  display: block;  width: 9px;  height: 20px;  position: absolute;  left: 0;  top: 0;  color: #E54545;  font-size:17px;}
.dot {padding-left: 10px;position: relative;letter-spacing: -0.23px;font-size: 0.9375rem;font-weight: 500;margin-bottom: 11px;}
.dot:before {content: "*";transform: translateY(-50%);display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 3px; color: red;}
.sub-agree-con{margin-bottom:50px}
.sub-agree-con .agree a, .agree_wrap .agree button {color: #007FFF; text-decoration: underline;}
.sub-agree-con .agree > .bg_box {  margin: 10px 0; height: 180px; overflow: hidden; overflow-y: auto; font-size: 15px; font-weight: 400; text-align: left; background-color: #F8F8F8; padding: 20px 25px;}
.sub-agree-con .agree > .bg_box > p { margin-bottom: 20px;  line-height: 1.7; font-weight: 400;}
.sub-agree-con .agree > .bg_box .bg_box h6 {font-weight: 700;margin-bottom: 10px;font-size: 15px;}

/* ½Ã°ø Èñ¸Á ÁöÁ¡ ã±â Æ˾÷ */
.area_wrap .area_default{margin: 108px auto 69px;font-weight:700;}
.area_result{height: 190px;overflow-y: scroll;margin-top: 17px;}
.area_result table th, .area_result table td{font-size: 14px;letter-spacing: -0.21px;text-align: left;}
.area_result table th{border-bottom: 1px solid #E3E3E3;border-top: 1px solid #E3E3E3;font-weight: 700;padding:10px 12px;}
.area_result table td{border-bottom: 1px solid #E3E3E3;padding: 20px 15px;}

/* °í°´¼¾ÅÍ */
.faq_list{ min-height:500px; border-top:2px solid #ea002c;}
.faq_list li{border-top: 1px solid #eee;}
.faq_list li:first-child{}
.faq_list li .question{padding:20px; cursor: pointer;box-sizing: border-box;}
.faq_list li .question .question_icon{background: url(/img/sub_icon7.png) no-repeat center/cover; width: 20px; height: 20px; display: inline-block; float:right}
.faq_list li .question .question_icon.on{background: url(/img/sub_icon8.png) no-repeat center/cover;}
.faq_list li:last-child{border-bottom: 1px solid #eee;}
.faq_list li .question a{display:block}
.faq_list li .question a:hover{font-weight:bold; color:#ea002c}
.faq_list li .answer{  background-color: #f5f5f5;  display: none; padding: 20px; box-sizing: border-box;}
.faq_list li .answer .down{font-size:15px; float: right;}	
.faq_list li .answer .down img{display: inline-block; width: 20px; margin-right: 5px;vertical-align: sub;}
.faq_list li .answer .down:hover{font-weight:bold}
.inp_btn {  width: 100%;}
.inp_btn .inp {  width: calc(100% - 94px);  height:45px;  position: relative;}
.inp_btn .inp +button{height:45px; font-size:15px; letter-spacing: -0.23px;}
.inp .btn-clear {  position: absolute;  right: 10px;  top: 17px;  width: 20px;  height: 20px;  background: url(/img/ic_close.png) no-repeat center / cover;  font-size: 0;}

/* °Ô½ÃÆÇ */
.notice-table{ width: 100%;}
.notice-table tr{}
.notice-table tr td{border-bottom: 1px solid #ddd;padding: 10px; text-align: center;}
.notice-table tr td.d_sj {text-align:left;;}
.notice-table tr td.d_sj p{display: flex; align-items: center;}
.notice-table tr td.d_sj a{display: flex; align-items: center; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice-table tr td.d_sj a img{ margin-left: 10px;}
.notice-table tr th{ border-top: 2px solid #555; border-bottom: 1px solid #ddd; padding: 10px;}
.notice-table tr th.d_no,.notice-table tr th.d_ck{width: 60px;}
.notice-table tr th.d_ckbx{width: 50px;}
.notice-table tr th.d_dt,.notice-table tr th.d_na{width: 10%;}

.write_table{width:100%; overflow: hidden;}
.write_table li{ width: 50%; float: left; display: flex; align-items: baseline; padding: 10px 0;}
.write_table li .left{display: flex ; width: 18%}
.write_table li .right{ width: 80%}
.write_table li .right .type_01{width:100%;}
.write_table li .right .type_02{width:80%;}
.point-must{ color: #ea002c;}
.noData{height: 200px;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #9f9f9f;border:0}
.write_table .check-wp{display: flex;}
.write_table .check-wp .check-box{margin:12px 12px 0 0; font-size: 14px;display: flex; }
.write_table .check-wp .check-box input[type="checkbox" i] {}

.list_view{ }
.list_view .view_top{ border-bottom: 1px solid #ccc; border-top: 2px solid #333; display: flex; justify-content: space-between;  padding:20px 10px;}
.list_view .view_top h3{ }
.list_view .view_top ul{ display: flex; align-items: center;}
.list_view .view_top ul li{margin-right: 20px;}
.view_con{ padding: 40px 0; }
.view_con img{max-width:100%}
.btn_relation{ border-top: 1px solid #ccc;}
.btn_relation p{ display: flex;align-items: center;border-bottom: 1px solid #ccc;}
.btn_relation .icon{padding: 15px; display: block; }
.btn_relation a{ display: block;  width: 98%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* ÆäÀÌ¡ */
.paging_wrap{ text-align: center; margin: 30px 0 10px;}

/* °Ô½ÃÆÇ ºñ¹ø Æ˾÷ */
.notice-pop{ width: 100%; height: 100vh; position: fixed ; top: 0; left: 0; display: flex;  align-items: center; justify-content: center; z-index: 4;}
.notice-pop .notice-pop-box{position: absolute;background:#fff; z-index: 5; width:80%; max-width: 640px; border-radius: 15px;}
.notice-pop .dim{ background: rgba(0, 0, 0, .5); width: 100%; height: 100vh;position: relative ; top: 0;}
.notice-pop .notice-pop-box .poptitle{ display: flex; width: 100%; justify-content: space-between; align-items: center;padding:10px 20px; font-size: 20px;}
.notice-pop .notice-pop-box .poptitle img{ width: 35px;}
.notice-pop .notice-pop-box .info{text-align: center; padding: 20px 0;}
.notice-pop .notice-pop-box .input_pw{ text-align: center; padding-bottom: 50px; display: flex; align-items: center; justify-content: center;}
.notice-pop .notice-pop-box .input_pw .btn{ border: 1px solid #ddd; height: 51px; width: 70px; line-height: 50px; border-left: 0;}
/* °Ô½ÃÆÇ ´ñ±Û */
.comment_cell {margin-bottom:20px}
.c_input_wrap{ display: flex; align-items: center; margin-bottom: 10px;}
.c_input_wrap textarea{ padding: 5px 10px; width: 93%; height: 70px;}
.c_input_wrap .btn_write{width:7%; height: 70px; background: #818181;display: flex; align-items: center; justify-content: center; color: #fff;}
.comment_name{ overflow: hidden; font-weight: bold; padding: 10px 15px; background: #eee;}
.comment_name .date.f_play_R{ float: right; font-weight: normal; color: #888;}
.comment_con{ background: #eee; padding: 0 15px 10px;}
.btn_comment_list{ display: flex; justify-content: flex-end; background: #eee;}
.btn_comment_list a{ padding: 0px 10px; margin: 5px; background: #fff;}
.btn_comment_list a:nth-child(1){ border: 1px solid #03A9F4; color: #03a9f4;}
.btn_comment_list a:nth-child(2){ color: #ea002c;  border: 1px solid #ea002c;}
/* °¡°Ý¸®½ºÆ® */
.price-wp{ margin-bottom: 30px;}
.price-wp .price-tit-wp{ font-size: 20px; display: flex ; justify-content: space-between; align-items: center; margin-bottom: 10px; color: #000;}
.price-wp .price-tit-wp .price-tit-txt:before{width:5px; height:20px; content:""; display:inline-block; background: #ea002c; margin-right: 10px;}
.price-wp .price-tit-txt small{ margin-left: 10px; color: #FFC107; font-size: 15px;}
.price-wp .price-table{ border-radius: 10px; overflow: hidden; }
.price-wp .price-table tr{}
.price-wp .price-table tr th{ background: #000; color: #fff; padding: 15px 0;}
.price-wp .price-table tbody tr th{ background: #f7f7f7; color:#000; border-bottom: 1px solid #ddd;}
.price-wp .price-table tr td{text-align: center; background: #f7f7f7; border-bottom: 1px solid #ddd; padding: 15px 0;}
.price-wp .price-table tr:last-child td,
.price-wp .price-table tr:last-child th{border:0}
.txt-list-box{ background: #f7f7f7; border-radius: 10px; padding: 20px; margin-bottom: 30px;}
.txt-list-box ul li{ display: flex; align-items: center;}
.txt-list-box ul li:before{width:5px; height:5px; background:#888; content:""; display: block; margin-right: 5px;}


/* ±¸¸Å°¡À̵å */
.guide-con-wp{}
.guide-con-wp .guide-list{ display: flex; justify-content: space-between;}
.guide-con-wp .guide-list li{ width: 15%; display: flex; flex-direction: column; align-items: center;}
.guide-con-wp .guide-list .guide-img{ border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; margin-bottom: 20px;}
.guide-con-wp .guide-list li:nth-child(1) .guide-img{ background: #ce296f;}
.guide-con-wp .guide-list li:nth-child(3) .guide-img{ background: #e40059;}
.guide-con-wp .guide-list li:nth-child(5) .guide-img{ background: #9c007f;}
.guide-con-wp .guide-list li:nth-child(7) .guide-img{ background: #68007f;}
.guide-con-wp .guide-list li:nth-child(9) .guide-img{ background: #4a74ab;}
.guide-con-wp .guide-list .guide-txt{}
.guide-con-wp .guide-list li.next-ic{width:5%; justify-content: center;}
.guide-con-wp .guide-list li.next-ic span{ width: 0; height: 0; border-top: 10px solid transparent; border-left: 15px solid #ddd; border-bottom: 10px solid transparent; }

/* ¾à°ü */
.policy-wp{width: 1200px; margin: 50px auto; height: 500px; border: 1px solid #ddd; overflow-y: auto; padding: 30px;}


/* Á¦Ç°¼Ò°³ »õ¶ó¹Í */
.sub-in-wp{width:1200px; margin:0 auto;font-size: 18px; overflow: hidden;}
.Ceramic-con1-bg{background:#070a0f url('/img/Ceramic_img_bg01.png') no-repeat top center; padding-bottom: 180px;}
.Ceramic-con1-bg .Ceramic-con1-ic-wp{display: flex; margin: 790px auto 60px; justify-content: center;}
.Ceramic-con1-bg .Ceramic-con1-ic-wp li{width:20%; text-align: center; color: #fff; font-size: 20px; line-height: 25px;display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
.Ceramic-con1-bg .Ceramic-con1-ic-wp li div{background:rgba(0,0,0,.5);; border-radius: 100px; padding: 15px; aspect-ratio: 1 / 1; display: flex;  align-items: center;  justify-content: center;}
.Ceramic-con1-bg .Ceramic-con1-ic-wp li div img{ width: 80%;}
.Ceramic-con1-tit{color:#fff; padding-top: 200px; text-align: center; font-size: 20px; line-height: 30px;}
.Ceramic-con1-tit b{font-size:80px}
.Ceramic-con1-tit strong{font-size:40px; display: block; padding: 20px 0 30px; line-height: 46px;}
.Ceramic-prodt-wp{}
.Ceramic-prodt-wp .Ceramic-sub-tit{ font-size: 50px; color: #fff; line-height: 40px; text-align: center; margin-bottom: 40px;}
.Ceramic-prodt-wp .Ceramic-sub-tit span{color: #ed1a2e; font-size: 20px; display: block;}
.Ceramic-prodt-wp .Ceramic-prodt-list ul{ display:flex; align-items: center; text-align: center; color: #fff; justify-content: space-between;}
.Ceramic-prodt-wp .Ceramic-prodt-list ul li{  width:11%; line-height: 20px;}
.Ceramic-prodt-wp .Ceramic-prodt-list-top{ text-align: center; color: #fff;  line-height: 20px; padding: 0 0 20px;}
.Ceramic-prodt-wp .Ceramic-prodt-list-top .th-bk-box{ color: #fff;padding: 15px 0px;border-radius: 10px;width: 90%;margin: 0 auto;}
.Ceramic-prodt-wp .Ceramic-prodt-list-top .th-bk-01{background:#141414}
.Ceramic-prodt-wp .Ceramic-prodt-list-top .th-bk-02{background:#2a2a2a}
.Ceramic-prodt-wp .Ceramic-prodt-list-top .th-bk-03{background:#434343}
.Ceramic-prodt-wp .Ceramic-prodt-list-top .th-bk-04{background:#686868}
.Ceramic-prodt-wp .Ceramic-prodt-list-top .th-bk-05{background:#848484}
.Ceramic-prodt-wp .Ceramic-prodt-list-top .th-bk-06{background:#9c9c9c}
.Ceramic-prodt-wp .Ceramic-prodt-list-top .th-bk-07{background:#b0b0b0}
.Ceramic-prodt-wp .Ceramic-prodt-list-irr{ background: rgba(255, 255, 255, 0.2); border: 1px solid #fff; border-radius: 100px; padding: 10px 0;}
.Ceramic-prodt-wp .Ceramic-prodt-list-con{ padding: 10px 0; min-height: 60px;}
.Ceramic-prodt-tit{color:#fff; font-size:25px; margin:40px auto 20px; display: flex; align-items: center;}
.Ceramic-prodt-tit:before{content:""; display:inline-block; width:10px; height:10px; background:#ed1a2e; margin-right:15px}
.Ceramic-con2-bk{ background: #070a0f; display: flex; justify-content: flex-end;padding-bottom:50px;position:relative; z-index:2}
.Ceramic-con2-bk .Ceramic-con2-img-box {background:url('/img/Ceramic-con2-img.png') no-repeat center; width: 80%; height: 700px; }
.Ceramic-con2-bk .Ceramic-con2-img-box:after{content:"";display:block; background:#ea002c; width:70%; height:80%; position:absolute; z-index: -1; left: 18%; top: -5%;}
.Ceramic-con2-bk .Ceramic-con2-txt{padding:80px 0 0 80px; color:#fff; font-size:50px}
.Ceramic-con2-bk .Ceramic-con2-txt p{font-size:25px;padding-top: 20px; line-height: 35px;}
.Ceramic-con3-bg{background:#070a0f url('/img/Ceramic_img_bg02.png') no-repeat bottom left; padding:100px 0 500px;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp{display: flex; flex-wrap: wrap;justify-content: space-between; }
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list{width:48%;position: relative; min-height:300px}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list .Ceramic-con3-list-ci{ display: flex; align-items: flex-end; color: #fff; font-size: 30px;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list .Ceramic-con3-list-ci img{ background: #8d8d8d; padding: 20px; width: 110px;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list .Ceramic-con3-list-ci span{ padding: 0 0 20px 30px;}
.Ceramic-con3-bg .Ceramic-con3-bg-wp .Ceramic-con3-list .Ceramic-con3-list-txt{ line-height: 23px; min-height:170px; padding:0  40px;margin-top: -20px;width: calc(100% - 88px);color: #fff;background: rgba(255, 255, 255, .2);border: 1px solid #fff;box-sizing: border-box;position: absolute;left: 88px; display: flex; align-items: center; justify-content: center;}
.Ceramic-con4-wp{margin-top:50px}
.Ceramic-con4-wp .Ceramic-con4-list{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px;}
.Ceramic-con4-wp .Ceramic-con4-list img{width: 50%;}
.Ceramic-con4-wp .Ceramic-con4-list .Ceramic-con4-txt{width: 40%;}
.Ceramic-con4-wp .Ceramic-con4-list .Ceramic-con4-txt:before{content:""; display:block; width:20px; height:20px; background:#ea002c; margin-left: -30px;}
.Ceramic-con4-wp .Ceramic-con4-list .Ceramic-con4-txt b{ font-size: 30px; display: block;}
.Ceramic-con4-wp .Ceramic-con4-list .Ceramic-con4-txt span{color:#adadad}
.Ceramic-con4-wp .Ceramic-con4-list .Ceramic-con4-txt p{ line-height: 23px; margin-top: 20px;}
.Ceramic-con5-wp{ margin: 150px 0;}


/* Á¦Ç°¼Ò°³ »õ¶ó¹Í */
.crystalline-wp{}
.crystalline-wp .sub-in-wp{padding: 80px 0 100px;}
.crystalline-wp .crystal-con1-wp{background:url('/img/Crystal-top-bg2.png') no-repeat center;}
.crystalline-wp .crystal-con1-wp .crystall-con1-tit{ text-align: center;}
.crystalline-wp .crystal-con1-wp .crystall-con1-tit b{ display: block; font-size: 80px; line-height: 90px;}
.crystalline-wp .crystal-con1-wp .crystall-con1-tit span{ font-size: 30px; padding-top: 20px; display: block;}
.crystalline-wp .crystal-con1-wp .sub-in-wp{ min-height: 1600px; position: relative; }
.crystalline-wp .crystal-con1-wp ul{ display: flex; justify-content: space-between; position: absolute;  bottom: 100px; width: 100%;}
.crystalline-wp .crystal-con1-wp ul li{ aspect-ratio: 1 / 1; background: #000; border-radius: 500px; width: 15%; display: flex; flex-direction: column;align-items: center; justify-content: center; color: #fff;line-height: 20px;text-align: center;}
.crystalline-wp .crystal-con-tit-wp{text-align: center;font-size: 25px; line-height: 30px;;}
.crystalline-wp .crystal-con-tit-wp .crystal-main-tit{ font-size: 40px; font-weight: bold; line-height: 45px; color: #000;margin:20px auto 50px;}
.crystalline-wp .crystal-con-tit-wp .crystal-bg-tit{ background: #000; font-size: 18px; padding: 15px 50px; display: inline-block; margin: 0 0 50px; border-radius: 50px; color: #fff;}
.crystalline-wp .crystal-con-tit-wp.white{ color: #fff;}
.crystalline-wp .crystal-con-tit-wp.white .crystal-main-tit{ color: #fff;}
.crystalline-wp .crystal-con-tit-wp.white .crystal-bg-tit{background:#ddd; color:#000}
.crystalline-wp .crystalline-con2-wp ul{ background:#eeefef;border-radius: 40px; padding: 50px 0;}
.crystalline-wp .crystalline-con2-wp ul li{ width: 80%; margin: 0 auto; display: flex; align-items: center; font-size: 20px; padding-bottom: 20px;}
.crystalline-wp .crystalline-con2-wp ul li p{padding-left: 20px;  font-size: 25px;}
.crystalline-wp .crystalline-con2-wp ul li img{}
.crystalline-wp .crystalline-con3-wp{background: #181919 url('/img/Crystal-con3-bg.png') no-repeat center; }
.crystalline-wp .crystalline-con3-wp .crystalline-con3-img{ text-align: center;}
.crystalline-wp .crystalline-con4-wp{background: #78beeb url('/img/Crystal-con4-bg.png') no-repeat center bottom; min-height: 1000px; position: relative;}
.crystalline-wp .crystalline-con4-wp .Crystal-con4-ft{position: absolute;bottom: 10px;display: flex;align-items: center;color: #fff;}
.crystalline-wp .crystalline-con4-wp .Crystal-con4-ft p{ padding-left: 20px; font-size: 20px;  line-height: 25px;}
.crystalline-wp .crystalline-con5-wp{}
.crystalline-wp .crystalline-con5-wp ul{ width: 80%; margin: 0 auto 50px ; display: flex; justify-content: space-between;}
.crystalline-wp .crystalline-con5-wp ul li{ display: flex; flex-direction: column; align-items: center}
.crystalline-wp .crystalline-con5-wp ul li span{display:block}
.crystalline-wp .crystalline-con5-wp small{width: 80%; display: block; margin: 50px auto 0;}
.crystalline-wp .crystalline-con6-wp{ background: #000;}
.crystalline-wp .crystalline-con6-wp ul{ }
.crystalline-wp .crystalline-con6-wp ul li{display: flex; align-items: center; margin-bottom:20px}
.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-ic{ background: #fff;border-radius: 100px;height: 150px;width: 150px;display: flex;align-items: center;justify-content: center; margin: 0 20px 0 0;}
.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-txt{}
.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-txt b{ font-size: 40px; display: block; color:#44d4f2}
.crystalline-wp .crystalline-con6-wp ul li .crystalline-con6-txt span{color:#fff}
.crystalline-wp .crystalline-con6-wp .Crystal-con6-ft{ text-align: center; position: relative;}
.crystalline-wp .crystalline-con6-wp .Crystal-con6-ft img{position: relative; z-index: 1; }
.crystalline-wp .crystalline-con6-wp .Crystal-con6-ft span{height: 200px;position: absolute;bottom: 0;background: #323232;width: 100%;left: 0;}
.crystalline-wp .crystalline-con7-wp { background: #323232;}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top{ margin-bottom: 20px; }
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top img{width:100%}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul{ width: 100%; display: flex;}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul li{width:16.666%; text-align: center; padding: 20px 10px; }
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul li .crystalline-con7-bt{background: #ed1a2e; color: #fff; display: inline-block; padding: 5px 20px; margin: 0 0 10px 0; border-radius: 50px;}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul li p{color: #fff; line-height: 20px;}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul li:nth-child(1){background:#9c9c9c}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul li:nth-child(2){background:#848484}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul li:nth-child(3){background:#686868}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul li:nth-child(4){background:#434343}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul li:nth-child(5){background:#2a2a2a}
.crystalline-wp .crystalline-con7-wp .crystalline-con7-top ul li:nth-child(6){background:#141414}


/* ------- ¹öÆ° ±×¶óµ¥ÀÌ¼Ç ------- */
.sub-ban .text-wrap .button { padding-top: 18px; padding-bottom: 18px; width: 200px; text-align: center; font-size: 20px; font-weight: 700; }
.button { display: inline-block; padding: 10px; border: 1px solid transparent; transition: background ease .15s; }
.button-primary { color: #fff; background: #ea002c; }
.button-arrow { overflow: hidden; position: relative; padding: 17px 40px 17px 30px; min-width: 170px; color: #ea002c; border: 1px solid #d1d1d1; border-radius: 50px; }
.button-arrow::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(48deg, #ea002c, #ff7900); transition: all ease .3s; opacity: 0; }
.button-arrow::after { content: ''; position: absolute; top: 0; right: 30px; bottom: 0; margin: auto; display: block; width: 7px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7.7 12.9' enable-background='new 0 0 7.7 12.9' xml:space='preserve' stroke='%23EA002C'%3E%3Cg%3E%3Cpath stroke-width='1.8' stroke-miterlimit='10' d='M5.7,6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='1.3' x2='6.4' y2='6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='11.6' x2='6.4' y2='6.4'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }
.button-arrow span { z-index: 2; position: relative; }
.button-round { border-radius: 50px; }
.button-gradient { color: #fff; background-image: linear-gradient(48deg, #ea002c, #ff7900, #ff7900, #ea002c); background-size: 400% 100%; background-position: 0%; border-color: transparent; transition: background ease .3s; }
.button-dark { color: #fff; background: #333333; }
@media screen and (pointer: fine) {
    .button-primary:hover { background: #ff123e; }
	.button-dark:hover { background: #555555; }
    .button-arrow:hover { color: #fff; border-color: transparent; }
	.button-arrow:hover::before { opacity: 1; }
    .button-arrow:hover::after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 7.7 12.9' enable-background='new 0 0 7.7 12.9' xml:space='preserve' stroke='%23fff'%3E%3Cg%3E%3Cpath stroke-width='1.8' stroke-miterlimit='10' d='M5.7,6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='1.3' x2='6.4' y2='6.4'/%3E%3Cline stroke-width='1.8' stroke-linecap='square' stroke-linejoin='bevel' stroke-miterlimit='10' x1='1.3' y1='11.6' x2='6.4' y2='6.4'/%3E%3C/g%3E%3C/svg%3E"); }
	.button-gradient:hover { background-position: 20%; }
}
@media screen and (max-width: 1024px) {
	.button-arrow { padding: 12px 40px 12px 30px; }
}

/* ------- ¹öÆ° ±âº» ------- */
.btn-list{ display: flex; align-items: center; margin: 20px 0; justify-content: center;}
.btn-list.center{justify-content: center;}
.btn-list.left{ justify-content: flex-start;;}
.btn-list .btn{color: #fff; padding: 8px 30px; font-size: 15px; border-radius: 5px; display: block; margin-right: 10px; }
.btn-list .btn:last-child{margin-right:0}
.btn-list .btn-gry{ background: #444; }
.btn-list .btn-red{ background: #ea002c; }
.btn-list .btn-blue{background:#007FFf}
.btn-list .btn-line-red{color: #ea002c; border:1px solid #ea002c}
.btn-list .btn-line-gry{ color: #555; border:1px solid #555}