@charset "UTF-8";

/* common */
.section {line-height: 1.625; letter-spacing: -0.025em; position: relative;}
.section.pdd {padding: 100px 0;}
.section.pdd_top {padding-top: 100px;}
.anchor {position: absolute; background: red; z-index: 100; top: calc(-78px - 56px);}
.content_header {padding-top: 180px; background-repeat: no-repeat; background-position: center bottom; background-size: cover;}
.heading {text-align: center; font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 44px; line-height: 1; letter-spacing: 0.1em; margin-top: -0.18em;  position: relative; text-transform: uppercase; color: #222; margin-bottom: 1.48em;}
.content_header .heading {padding-bottom: 1.35em; margin-bottom: 80px;}
.content_header .heading::after {content: ""; display: block; width: 1px; height: 0.91em; position: absolute; left: 50%; bottom: 0; background: #222;}
.heading .kor {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; font-size: 0.91em; position: relative; top: -.06em;}
.heading .kor.nrr {letter-spacing: -0.025rem}

.sec_tit { margin-bottom: 1.7em; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
.sec_tit span {display: inline-block; font-size: 1.5rem; line-height: 1; font-weight: 700; color: #222; letter-spacing: -0.025em; position: relative; padding-left: .58em;}
.sec_tit span::before {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #524c46; position: absolute; left: 0; top: 50%; margin-top: -2px;}
* + .sec_tit {margin-top: 79px;}

.pro_tit {font-size: 3rem; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2;  margin-top: -.4em;  margin-bottom: 1.4em; color: #444b51;}
.pro_tit.mb_sm {margin-bottom: 0.98em;}
.pro_tit .eng {font-family: 'Cormorant Garamond', serif; font-size: 1.375em; display: inline-block; -webkit-transform: translateY(8%);transform: translateY(8%);}

@media (max-width: 992px) {
	.section {line-height: 1.513;}
	.section.pdd {padding: 60px 0;}
	.section.pdd_top {padding-top: 60px;}
	.anchor {top: calc(-64px - 63px);}
  .heading {font-size: 2rem; margin-bottom: 1.17em;}
	.content_header {padding-top: calc(64px + 18px);}
	.content_header .heading {display: none;}

  .sec_tit {text-align: center; font-size: 1.427rem; margin-bottom: 0.89em;}
	.sec_tit.lt {text-align: left;}
  .sec_tit span::before {width: 3px; height: 3px;}
  * + .sec_tit {margin-top: 60px;}

	.pro_tit {font-size: 2rem; margin-bottom: 1em;}
	.pro_tit.mb_sm {margin-bottom: .8em;}
	.pro_tit .eng {font-size: 1.208em;}

	.figure {padding: 0 4%;}
}

@media (max-width: 576px) {
	.section.pdd {padding: 50px 0;}
	.section.pdd_top {padding-top: 50px;}
	.anchor {top: calc(-53px - 40px);}
	.content_header {padding-top: calc(53px + 15px);}

  * + .sec_tit {margin-top: 50px;}
}

/* table */
.tb_basic {text-align: center; font-size: 1.25rem; line-height: 1.3; position: relative;}
.tb_basic table {border-bottom: 2px solid #444b51;}
.tb_basic th,
.tb_basic td { background: #fff; height: 4em; padding:.6em .77em; min-width: 5em;}
.tb_basic td
.tb_basic th + th,
.tb_basic td + td,
.tb_basic th + td {border-left: 1px solid #a7afb7;}
.tb_basic tr + tr th,
.tb_basic tr + tr td {border-top: 1px solid #a7afb7;}
.tb_basic th {font-weight: 500; color: #222;}
.tb_basic thead th {background: #444b51; border-color: #fff; color: #fff; height: 3em;}
.tb_basic td {color: #666;}

.tb_basic.tb_gray table {border-bottom-color: #a7afb7;}
.tb_basic.tb_gray th,
.tb_basic.tb_gray td {border-left-width: 4px; border-left-color: #fff;}
.tb_basic.tb_gray td {padding-left: 0; padding-right: 0;}
.tb_basic.tb_gray thead th {background: #f4f4f4; color: #222;}
.tb_basic.tb_gray thead th {border-left: 4px solid #fff;}

.tb_basic.tb_lhead table {border-top: 2px solid #524c46; border-bottom: 2px solid #524c46;}
.tb_basic.tb_lhead th,
.tb_basic.tb_lhead td {border-color: #bab2aa;}
.tb_basic.tb_lhead td {border-top: 1px solid #bab2aa;}
.tb_basic.tb_lhead thead th {height: 4em; background: #fff; color: #222; }
.tb_basic.tb_lhead thead th + th {border-left: 1px solid #bab2aa;}
.tb_basic.tb_lhead tbody th {background: #524c46; color: #fff;}

.tb_basic.tb_swiper th,
.tb_basic.tb_swiper td { white-space: nowrap; box-sizing: content-box; padding:0 .77em;}
.fixarea {position: absolute; left: 0; top: 0; }
.fixarea th:last-child,
.fixarea td:last-child {border-right: 1px solid #a7afb7;}
.swiparea {overflow: hidden;}
.swiparea .swinner {min-width: 45rem;}
.swiparea table {cursor: initial !important;}

.tb_basic.tb_lhead .fixarea th,
.tb_basic.tb_lhead .fixarea td {border-right: none;}

@media (max-width: 992px) { 
	.tb_basic {font-size: 1.084rem;}
	.tb_basic th,
	.tb_basic td {height: 2.85em;}
	.tb_basic thead th {height: 2.56em;}

	.tb_basic.tb_lhead thead th {height: 2.85em;}
}


/* content_visual*/
.content_visual {background-repeat: no-repeat; background-position: center center; background-size: cover; font-size: 1.125rem; line-height: 1.555; color: #3a3a3a; letter-spacing: -0.035em;}
.content_visual .txt_big {font-size: 2.875rem; line-height: 1.21; letter-spacing: -0.025em;}
.content_visual .txt_big:not(.type2) strong {font-weight: 700;}
.content_visual .txt_big.type2 {font-size: 2.5rem; line-height: 1.25; font-weight: 800;}
.content_visual * + p {margin-top: 1em;}
.content_visual * + .txt_big {margin-top: 1.35em;}

@media (max-width: 992px) {
  .content_visual {font-size: 1.084rem; margin-top: -18px;}
	.content_visual + .content_visual {margin-top: 0 !important;}
  .content_visual .txt_big {font-size: 2rem;}
	.content_visual .txt_big.type2 {font-size: 2rem;}
  .content_visual * + .txt_big {margin-top: 1.5em;}
}

@media (max-width: 576px) {
	.content_visual {margin-top: -15px;}
}

/* tab menu */
.tab_menu_wrap {position: relative; height: 56px; margin-top: -24px;}
.tab_menu {font-size: 1.125rem; position: absolute; left: 0; top: 0; width: 100%; padding-top: 10px; z-index: 50;  border-bottom: 1px solid #ebebeb;}
.tab_menu_wrap.fixed .tab_menu {position: fixed; top: 78px; background: #fff;}
.tab_swiper {max-width: 1600px; margin: 0 auto;}
.tab_list .swiper-slide {width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.tab_link {display: block; text-align: center; line-height: 1; font-family: 'Poppins', 'Noto Sans KR', sans-serif; color: #666; letter-spacing: -0.025em; position: relative; line-height: 46px; white-space: nowrap;} 
.tab_link::after {content: ""; display: block; width: 0; height: 2px; background: #ed1746; position: absolute; bottom: -1px; left: 50%; opacity: 0; -webkit-transition-property: color, width, left;transition-property: color, width, left; -webkit-transition-duration: .3s;transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(.17, .67, 0, 1);transition-timing-function: cubic-bezier(.17, .67, 0, 1);}
.active .tab_link {color: #ed1746; font-weight: 500; transition: color .3s ease;}
.active .tab_link::after {opacity: 1; width: 100%; left: 0;}

.btn_tabs {position: absolute; width: 4.167rem; height: 40px; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%); z-index: 50;}
.btn_tabs img {width: 24px;}
.btn_tabs.on img {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.toggle_tabs {position: absolute; left: 0; top: 0; width: 100%; background: #fff; z-index: 40; display: none; padding: 0 0.15em; border-bottom: 1px solid #ebebeb;}
.toggle_tabs .tab_link {text-align: left;}

@media (max-width: 1200px) {
	.tab_list .swiper-slide {-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
}

@media (max-width: 992px) {
	.tab_menu_wrap {height: 50px; margin-bottom: 38px;}
	.tab_menu {font-size: 1.167rem; padding: 0 0.15em;}
	.tab_menu_wrap.fixed .tab_menu {top: 64px;}
	.tab_link {line-height: 63px; padding:0 1em;}
	.tab_link::after {display: none !important;}
}

@media (min-width: 767px) {
	.btn_tabs {display: none;}
}

@media (max-width: 766px) {
	.tab_list .swiper-slide {-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;}
	.tab_list .swiper-slide:last-child {padding-right: 4.167rem;}

	.btn_tabs {height: 63px;}
}

@media (max-width: 576px) {
	.tab_menu_wrap {height: 41px; margin-bottom: 24px;}
	.tab_menu_wrap.fixed .tab_menu {top: 53px;}
	.tab_link {line-height: 40px;}

	.btn_tabs {height: 40px;}
}

/* info */
.info_box {letter-spacing: -0.025em;}
.info_box.line {border: 1px solid #e0e0e0; padding: 2.23rem 3.105%;}
.info_box p.txt_sm {font-size: 0.875rem; line-height: 1.714;}
.info_box p + .el_btn {margin-left: 1.5rem;}

@media (max-width: 992px) {
  .info_box {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; border: 1px solid #e0e0e0; padding: 2.58rem 5%;}
  .info_box {font-size: 1.167rem; line-height: 1.476;}
  .info_box.line {text-align: center; padding-left: 5.23%; padding-right: 5.23%;}
  .info_box p.txt_sm {font-size: 1.1667rem; letter-spacing: -0.075em;}
  .info_box p + .el_btn {margin-left: 0; margin-top: .59rem;}
}


/* product */
.product_list {width: 100%; max-width: 1320px;}
.product_list > li {-webkit-box-flex: 1;-ms-flex: 1 1 400px;flex: 1 1 400px;}
.product_list > li + li {margin-left: 4.546%;}
.product_link {display: block; position: relative; height: 136.85%;}
.product_link::after {content: ""; display: block;}
.product_link .thumb {height: 0; padding-bottom: 95%; position: relative; background-repeat: no-repeat; background-position: center 0; background-size: 100% auto;}
.product_link .thumb::after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); opacity: 0; z-index: 1; }
.product_link .pro1 {background-image: url(../../images/img/product_img_01.jpg);
background-image: image-set(url(../../images/img/product_img_01.webp) type("image/webp"), url(../../images/img/product_img_01.jpg) type("image/jpeg"));}
.product_link .pro2 {background-image: url(../../images/img/product_img_02.jpg);
background-image: image-set(url(../../images/img/product_img_02.webp) type("image/webp"), url(../../images/img/product_img_02.jpg) type("image/jpeg"));}
.product_link .pro3 {background-image: url(../../images/img/product_img_03.jpg);
background-image: image-set(url(../../images/img/product_img_03.webp) type("image/webp"), url(../../images/img/product_img_03.jpg) type("image/jpeg"));}
.product_link .txt_area {padding: 1.44rem 0 15px; position: absolute; z-index: 5; top: 73%; width: 100%;}
.product_link .tit {font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; line-height: 1; letter-spacing: -0.075em; color: #222; font-weight: 600; margin-bottom: .25em;}
.product_link .subtit {display: none;}
.product_link p {color: #666;}
.product_link .txt1 {display: none; font-weight: 300;}
.product_link .more {display: inline-block; font-size: 0.875rem; letter-spacing: 0; line-height: 1; color: #222; position: relative; padding-right: 1em;}
.product_link .more svg {position: absolute; right: 0; top: 50%; -webkit-transform: translate(34%, -50%); transform: translate(34%, -50%);}
.product_link * + .more {margin-top: 1.79em;}

@media (min-width: 993px) {
	.product_list {margin-bottom: 140px;}
	.product_link .thumb {-webkit-transition-property: height; transition-property: height;}
	.product_link .thumb {-webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: cubic-bezier(.17, .67, 0, 1); transition-timing-function: cubic-bezier(.17, .67, 0, 1);}
	.product_link .txt_area {-webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
	.product_link .thumb::after {-webkit-transition: opacity .4s ease; transition: opacity .4s ease;}

	.product_link:hover .thumb {height: 100%;}
	.product_link:hover .thumb::after {opacity: 1;}
	.product_link:hover .txt_area {top: 50%; padding: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	.product_link:hover .tit {font-size: 2.25rem; margin-bottom: .112em;}
	.product_link:hover .txt1 {display: block;}
	.product_link:hover .txt2 {display: none;}
	.product_link:hover .tit,
	.product_link:hover p,
	.product_link:hover .more {color: #fff;}
}

@media (max-width: 992px) {
	.product_list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; max-width: 480px;}
	.product_list > li {-ms-flex-preferred-size: auto;flex-basis: auto;}
	.product_list > li + li {margin-left: 0; margin-top: 24px;}

	.product_link {height: 100%;}
	.product_link .thumb {padding-bottom: 121.16%;}
	.product_link .thumb::after {opacity: 1;}
  .product_link .pro1 {background-image: url(../../images/img/m-pro-img-01.jpg);
background-image: image-set(url(../../images/img/m-pro-img-01.webp) type("image/webp"), url(../../images/img/m-pro-img-01.jpg) type("image/jpeg"));}
  .product_link .pro2 {background-image: url(../../images/img/m-pro-img-02.jpg);
background-image: image-set(url(../../images/img/m-pro-img-02.webp) type("image/webp"), url(../../images/img/m-pro-img-02.jpg) type("image/jpeg"));}
  .product_link .pro3 {background-image: url(../../images/img/m-pro-img-03.jpg);
background-image: image-set(url(../../images/img/m-pro-img-03.webp) type("image/webp"), url(../../images/img/m-pro-img-03.jpg) type("image/jpeg"));}
	.product_link .txt_area {top: 50%; padding: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	.product_link .tit {font-size: 3.334rem; margin-bottom: 0.05em;}
	.product_link .txt1 {display: block; font-size: 0.917rem;}
	.product_link .txt2 {font-size: 1.084rem; line-height: 1.53;}
	.product_link p + .txt2 {margin-top: 1.7em;}
	.product_link .more {font-size: 1rem;}
	.product_link * + .more {margin-top: 2.17em;}
	.product_link .tit,
	.product_link p,
	.product_link .more {color: #fff;}
	
}

@media (max-width: 576px) {
	.product_list > li + li {margin-top: 20px;}
}

/* X-SPA MIST */
.xspamist_header {background-image: url(../../images/img/xmist_bg_01.jpg);
background-image: image-set(url(../../images/img/xmist_bg_01.webp) type("image/webp"), url(../../images/img/xmist_bg_01.jpg) type("image/jpeg"));}
.xspamist_visual1 {height: 483px; background-image: url(../../images/img/xmist_bg_02.jpg);
 background-image: image-set(url(../../images/img/xmist_bg_02.webp) type("image/webp"), url(../../images/img/xmist_bg_02.jpg) type("image/jpeg"));}
.xspamist_visual1 .inner {-webkit-transform: translateY(5%);transform: translateY(5%);}
.xspamist_visual2 {height: 930px; background-image: url(../../images/img/xmist_bg_03.jpg);
 background-image: image-set(url(../../images/img/xmist_bg_03.webp) type("image/webp"), url(../../images/img/xmist_bg_03.jpg) type("image/jpeg"));}
.xspamist_visual2 .inner {-webkit-transform: translateY(-63%);transform: translateY(-63%);}

@media (max-width: 992px) {
	.xspamist_visual1 {height: 440px; background-position: 25% center;}
	.xspamist_visual2 {height: 630px;}
}

@media (max-width: 576px) {
	.xspamist_visual1 {height: 367px; background-image: url(../../images/img/m-xmist-bg-02.jpg);
 background-image: image-set(url(../../images/img/m-xmist-bg-02.webp) type("image/webp"), url(../../images/img/m-xmist-bg-02.jpg) type("image/jpeg")); background-position: center 0;}
	.xspamist_visual1 .inner {-webkit-transform: translateY(18%);transform: translateY(18%);}
	.xspamist_visual2 {height: 525px; background-image: url(../../images/img/m-xmist-bg-03.jpg);
 background-image: image-set(url(../../images/img/m-xmist-bg-03.webp) type("image/webp"), url(../../images/img/m-xmist-bg-03.jpg) type("image/jpeg"));}
	.xspamist_visual2 .inner {-webkit-transform: translateY(-32%);transform: translateY(-32%);}
}

.pro_content .section {background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}

/* How to use */
.pro_manual {background: #fff; padding: 78px 6.4%;}
.pro_manual .item {display: -webkit-box;display: -ms-flexbox;display: flex;}
.pro_manual .img_area {-webkit-box-flex: 0;-ms-flex: 0 0 57.04%;flex: 0 0 57.04%;}
.pro_manual .txt_area {padding: 40px 5.34% 50px; padding-right: 0;}
.pro_manual .txt_area p {color: #666; line-height: 1.94; max-width: 700px;}
.pro_manual .txt_area p + p {margin-top: 1.5em;}
.pro_manual .subtit {font-size: 2rem; line-height: 1; color: #222; font-family: 나눔스퀘어, 'NanumSquare', 'Noto Sans KR', sans-serif; font-weight: 600; margin-bottom: .7em; letter-spacing: -0.025em;}
.pro_manual .subtit span {display: inline-block;}
.pro_manual .subtit .txt_big {margin-right: .157em;}
.pro_manual .subtit .eng {font-size: 0.625em; font-family: 'Cormorant Garamond', serif; font-weight: 300; -webkit-transform: translateY(15%);transform: translateY(15%); }

.ie .pro_manual .txt_area {padding-bottom: 30px;}

@media (max-width: 1300px) {
	.pro_manual .txt_area {padding-top: 0;}
}

@media (min-width: 993px) {
	.pro_manual .swiper-controls.group {position: absolute; left: calc(57.04% + 5.2%); bottom: -2px; z-index: 20;}
}

@media (max-width: 992px) {
	.pro_manual {padding: 2.22rem 2.167rem;}
	.pro_manual .pro_tit {text-align: center;}
	.pro_manual .item {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.pro_manual .item .col {margin-bottom: 2.167rem;}
	.pro_manual .txt_area {padding: 0;}
	.pro_manual .txt_area p + p {margin-top: 1.17em;}
	.pro_manual .subtit {font-size: 1.5rem; letter-spacing: -0.075em;}
	.pro_manual .subtit .eng {font-size: 0.778em; letter-spacing: -0.025em;}

	.ie .pro_manual .item {display: block;}
	.ie .pro_manual .txt_area {padding-bottom: 0;}
}

/* What is X-SPA MIST */
.xspamist_content .sec2 .inner {padding: 164px 0 140px; position: relative; max-width: 1920px; overflow: hidden;}
.xspamist_content .sec2 .tit {position: relative; z-index: 5; margin-bottom: -18%;  color: #444b51; text-align: center; letter-spacing: 0; padding: 3.75rem 0 2.125rem;}
.xspamist_content .sec2 .tit::after {content: ""; display: block; width: 10px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -5px; background: #fff; z-index: -1;}
.xspamist_content .sec2 .tit .txt_sm {font-size: 1.75rem; line-height: 1; font-weight: 300; margin-bottom: .29em;}
.xspamist_content .sec2 .tit .txt_big {font-size: 5.5rem; line-height: 1.18; font-weight: 700; letter-spacing: 0.1em;}
.pro_effect {width: 100%; margin-top: -60px;}
.pro_effect > li {position: relative; width: 50%; margin-top: 60px;}
.pro_effect > li > div {box-shadow: -0.875rem 2.25rem 2.875rem rgba(78,84,90,0.16);}
.pro_effect .img {width: 400px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.pro_effect .img::after {content: ""; display: block; padding-top: 320px;}
.pro_effect .col1 .img {background-image: url(../../images/img/what_img_01.jpg);
background-image: image-set(url(../../images/img/what_img_01.webp) type("image/webp"), url(../../images/img/what_img_01.jpg) type("image/jpeg"));}
.pro_effect .col2 .img {background-image: url(../../images/img/what_img_02.jpg);
background-image: image-set(url(../../images/img/what_img_02.webp) type("image/webp"), url(../../images/img/what_img_02.jpg) type("image/jpeg"));}
.pro_effect .col3 .img {background-image: url(../../images/img/what_img_03.jpg);
background-image: image-set(url(../../images/img/what_img_03.webp) type("image/webp"), url(../../images/img/what_img_03.jpg) type("image/jpeg"));}
.pro_effect .col4 .img {background-image: url(../../images/img/what_img_04.jpg);
background-image: image-set(url(../../images/img/what_img_04.webp) type("image/webp"), url(../../images/img/what_img_04.jpg) type("image/jpeg"));}
.pro_effect .txt_box {width: 320px; min-height: 340px; clear: both; position: relative; z-index: 5; padding: 2rem 1.94rem;} 
.pro_effect .col1 .txt_box {background: #75a9d2;}
.pro_effect .col2 .txt_box {background: #f9e0bd;}
.pro_effect .col3 .txt_box {background: #ddcdb6;}
.pro_effect .col4 .txt_box {background: #2c3213;}
.pro_effect .txt_box dt {font-size: 1.5rem; line-height: 1.5; font-weight: 600; letter-spacing: -0.025em; color: #222;}
.pro_effect .txt_box dt .sub {display: block; font-size: 1.125rem; line-height: 1.55; margin-top: .2em; padding-left: 0.6em; text-indent: -0.6em;}
.pro_effect .txt_box dd {color: #666; margin-top: 1.125em; letter-spacing: -0.025em;}

@media (min-width: 993px) {
	.xspamist_content .sec2 {background: url(../../images/img/xmist_bg_04.jpg) no-repeat center bottom/cover;
background-image: image-set(url(../../images/img/xmist_bg_04.webp) type("image/webp"), url(../../images/img/xmist_bg_04.jpg) type("image/jpeg")); min-height: 1466px; }
	.xspamist_content .sec2 .inner::after {content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #e7eaed; z-index: 0;}
	.pro_effect > li:nth-child(2n + 1) {clear: both;}
	.pro_effect > li:nth-child(odd) {float: left;}
	.pro_effect > li:nth-child(even) {float: right;}
	.pro_effect .rt .img {margin-left: auto;}
	.pro_effect .col1 .img {margin-left: 8.43%;}
	.pro_effect .col2 .img {margin-right: 9.48%;}
	.pro_effect .col3 .img {margin-right: 10.54%;}
	.pro_effect .col4 .img {margin-left: 18.65%;}
	.pro_effect .txt_box {margin-left: 50%;} 
	.pro_effect .col1 .txt_box {margin-top: -17%; -webkit-transform: translateX(-24.5%); transform: translateX(-24.5%);}
	.pro_effect .col2 .txt_box {margin-top: -10.6%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	.pro_effect .col3 .txt_box {margin-top: -8.8%; -webkit-transform: translateX(-58.5%); transform: translateX(-58.5%);}
	.pro_effect .col4 .txt_box {margin-top: -12.3%; -webkit-transform: translateX(-15.5%); transform: translateX(-15.5%);}
}

@media (max-width: 992px) {
	.xspamist_content .sec2 .inner {padding: 0 0 60px;}
	.xspamist_content .sec2 .tit {margin: 0; padding: 6rem 0 0; margin-bottom: 2.222rem;}
	.xspamist_content .sec2 .tit::after {width: 1px; background: #c2cbd2; margin: 0; height: 4.167rem;}
	.xspamist_content .sec2 .tit .txt_sm {font-size: 1.167rem;}
	.xspamist_content .sec2 .tit .txt_big {font-size: 2.667rem;}
	.pro_effect {max-width: 480px; margin: 0 auto;}
	.pro_effect > li {width: 100%; margin-top: 40px;}
	.pro_effect > li:first-child {margin-top: 0 !important;}
	.pro_effect .img {width: 100%;}
	.pro_effect .img::after {padding-top: 80%;}
	.pro_effect .col1 .img {background-image: url(../../images/img/m-what-img-01.jpg);
background-image: image-set(url(../../images/img/m-what-img-01.webp) type("image/webp"), url(../../images/img/m-what-img-01.jpg) type("image/jpeg"));}
	.pro_effect .col2 .img {background-image: url(../../images/img/m-what-img-02.jpg);
background-image: image-set(url(../../images/img/m-what-img-02.webp) type("image/webp"), url(../../images/img/m-what-img-02.jpg) type("image/jpeg"));}
	.pro_effect .col3 .img {background-image: url(../../images/img/m-what-img-03.jpg);
background-image: image-set(url(../../images/img/m-what-img-03.webp) type("image/webp"), url(../../images/img/m-what-img-03.jpg) type("image/jpeg"));}
	.pro_effect .col4 .img {background-image: url(../../images/img/m-what-img-04.jpg);
background-image: image-set(url(../../images/img/m-what-img-04.webp) type("image/webp"), url(../../images/img/m-what-img-04.jpg) type("image/jpeg"));}
	.pro_effect .txt_box {width: 88.43%; min-height: inherit; margin-top: -6.94%; -webkit-transform: translate(-10%, -15%); transform: translate(-10%, -15%);  padding: 2.17rem; padding-right: 12%;}
	.pro_effect > li:nth-child(odd) .txt_box {margin-left: auto; -webkit-transform: translate(10%, -15%); transform: translate(10%, -15%);}
	.pro_effect .txt_box dt {font-size: 1.5rem; line-height: 1.37;}
	.pro_effect .txt_box dt .sub {font-size: inherit; line-height: inherit; margin-top: 0;}
	.pro_effect .txt_box dd {margin-top: .77em;}

@media (max-width: 576px) {
	.xspamist_content .sec2 .inner {padding-bottom: 50px;}
	.pro_effect > li > div {-webkit-box-shadow: none;box-shadow: none;}
	.pro_effect .txt_box,
	.pro_effect > li:nth-child(odd) .txt_box {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
	.pro_effect > li:nth-child(even) .txt_box {padding-left: calc(2.17rem + 1.25rem);}}
}

/* X-SPA MIST 컨트롤 패널 & 매뉴얼 */
.xspamist_content .sec3 { background-image: url(../../images/img/xmist_bg_05.jpg);
 background-image: image-set(url(../../images/img/xmist_bg_05.webp) type("image/webp"), url(../../images/img/xmist_bg_05.jpg) type("image/jpeg")); min-height: 1237px; background-color: #f4feff;}
.pro_info .col {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; padding: 0 2.714%;}
.pro_info .txt_area {margin-top: 1.5rem;}
.pro_info .txt_area dt,
.pro_info .txt_area dd {padding-left: 0.875rem;}
.pro_info .txt_area dt {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; font-size: 1.5rem; line-height: 1.5; color: #222; letter-spacing: -0.024em; font-weight: 800; margin:-.45em 0 -.6em; position: relative;}
.pro_info .txt_area dt::before {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background: #524c46; position: absolute; left: 0; top: .65em;}
.pro_info .txt_area dd {color: #666;}
.pro_info .txt_area dd + dt {margin-top: 1em;}
.pro_info .txt_area dt + dd {margin-top: 1.33em;}

@media (max-width: 1600px) {
	.xspamist_content .sec3 {background-position: 70% center;}
}

@media (max-width: 992px) {
	.xspamist_content .sec3 {min-height: inherit; background-image: url(../../images/img/xmist_bg_05_m.jpg);
 background-image: image-set(url(../../images/img/xmist_bg_05_m.webp) type("image/webp"), url(../../images/img/xmist_bg_05_m.jpg) type("image/jpeg")); background-position: center 0; background-size: 100% auto;}
	.pro_info {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.pro_info .col {padding: 0; width: 100%;}
	.pro_info .txt_area {margin-top: 3.6rem;}
	.pro_info .txt_area dt {font-size: 1.5rem;}
	.pro_info .txt_area dt::before {width: 3px; height: 3px;}
	.pro_info .txt_area dd + dt {margin-top: .75em;}
	.pro_info .txt_area dt + dd {margin-top: .7em;}

	.ie .pro_info {display: block;}
}


/* curlive */
.curlive_content .sec1 {background-image: url(../../images/img/curlive_bg_01.jpg);
background-image: image-set(url(../../images/img/curlive_bg_01.webp) type("image/webp"), url(../../images/img/curlive_bg_01.jpg) type("image/jpeg")); background-position-y: bottom;}
.pro_deco_box {background: #716660; color: #fff; border-radius: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 7.76%;}
.pro_deco_box .tit_area {font-weight: 600;}
.pro_deco_box .tit_area .tit {font-size: 66px; line-height: 1; font-weight: inherit; letter-spacing: -0.025em; margin-top: -.09em; white-space: nowrap;}
.pro_deco_box .tit_area p {font-size: 40px; line-height: 1; letter-spacing: -0.025em; white-space: nowrap;}
.pro_deco_box .txt_area {font-size: 1.125rem; line-height: 1.556;}
.pro_deco_box + .img_area {margin-top: 80px; padding: 0 4%;}

@media (min-width: 993px) {
	.pro_deco_box .tit_area {padding-right: 3rem; width: 43%;}
}

@media (max-width: 992px) {
	.curlive_content .sec1 {background-size: 122% auto;}
	.pro_deco_box {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; text-align: center; border-radius: 1.667rem; padding-top:2.5rem; padding-bottom: 2.5rem;}
	.pro_deco_box .tit_area .tit {font-size: 2.5rem;}
	.pro_deco_box .tit_area p {font-size: 1.667rem; margin-top: .1em;}
	.pro_deco_box .txt_area {margin-top: .93em;}
	.pro_deco_box + .img_area {margin-top: 31px;}
}

@media (max-width: 766px) {
	.curlive_content .sec1 {background-image: url(../../images/img/m-curlive-bg-01.jpg);
background-image: image-set(url(../../images/img/m-curlive-bg-01.webp) type("image/webp"), url(../../images/img/m-curlive-bg-01.jpg) type("image/jpeg")); background-size: cover; padding-bottom: 50px;}
}

@media (max-width: 576px) {
	.pro_deco_box + .img_area {margin-top: 26px;}
}

/* FEATURES */
.curlive_content .sec2 {background-image: url(../../images/img/curlive_bg_02.jpg);
background-image: image-set(url(../../images/img/curlive_bg_02.webp) type("image/webp"), url(../../images/img/curlive_bg_02.jpg) type("image/jpeg"));}
.pro_features {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -43px;}
.pro_features > li {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto; width: 33.33%; max-width: calc(320px + 40px); padding: 0 20px; margin-top: 43px;}
.pro_features .box {background: #fff; height: 100%; padding: 40px; min-height: 382px;}
.pro_features .img {margin-bottom: 32px;}
.pro_features .img img {width: 100%;}
.pro_features .txt_area {color: #222;}
.pro_features .txt_area dt {font-family: 나눔스퀘어, 'NanumSquare', 'Noto Sans KR', sans-serif; font-size: 1.5rem; line-height: 1; font-weight: 600; letter-spacing: -0.025em; margin-bottom: -.3em;}
.pro_features .txt_area dt.line2 {line-height: 1.417; margin-top: -.2em; height: 2.6em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.pro_features .txt_area dt + dd {margin-top: 1.5em;}
.pro_features .txt_area dd {padding-left: .6em; text-indent: -.6em;}
.pro_features .txt_area dd.no_dot {padding-left: 0; text-indent: 0;}
.pro_features .txt_area dd + dd {margin-top: .5em;}
.pro_features .txt_area dd.txt_info {font-size: 0.875rem; line-height: 1.71; text-indent: inherit;}
.pro_features .txt_area dd + dd.txt_info {margin-top: .7em;}
.pro_features .txt_area dd strong {font-weight: 500;}

@media (min-width: 1201px) {
	.pro_features.col4 > li {width: 25%;}
}

@media (max-width: 1200px) {
	.pro_features > li {padding: 0 1.5%}
}

@media (max-width: 992px) {
	.pro_features {margin-top: -31px;}
	.pro_features > li {width: 50%; max-width: calc(320px + 2%); padding: 0 2%; margin-top: 31px;}
	.pro_features .box {padding: 2.334rem; min-height: inherit;}
	.pro_features .img {margin-bottom: 32px;}
	.pro_features .txt_area {min-height: 9.775rem;}
	.pro_features .txt_area dt {font-size: 1.5rem;}
}	

@media (max-width: 766px) {
	.pro_features {width: 85%; margin-left: auto; margin-right: auto;}
	.curlive_content .sec2 {background-image: url(../../images/img/m-curlive-bg-02.jpg);
background-image: image-set(url(../../images/img/m-curlive-bg-02.webp) type("image/webp"), url(../../images/img/m-curlive-bg-02.jpg) type("image/jpeg")); background-position-y: 0;} 
	.pro_features {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; max-width: 320px;}
	.pro_features > li {width: 100%; max-width: inherit; padding: 0;}
	.pro_features .txt_area dt.line2 {height: auto;}
}

@media (max-width: 576px) {
	.pro_features {margin-top: -20px;}
	.pro_features > li {margin-top: 20px;}
	.pro_features .img {margin-bottom: 26px;}
	.pro_features .txt_area dd + dd {margin-top: 1.5em;}
}

/* CURLIVE 컨트롤 패널 & 매뉴얼 */
.curlive_content .sec3 {background-image: url(../../images/img/curlive_bg_03.jpg);
background-image: image-set(url(../../images/img/curlive_bg_03.webp) type("image/webp"), url(../../images/img/curlive_bg_03.jpg) type("image/jpeg")); background-color: #dfdbd1;}

@media (max-width: 1600px) {
	.curlive_content .sec3 {background-position: 70% center;}
}

@media (max-width: 992px) {
	.curlive_content .sec3 {min-height: inherit; background-image: url(../../images/img/m-curlive-bg-03.jpg);
 background-image: image-set(url(../../images/img/m-curlive-bg-03.webp) type("image/webp"), url(../../images/img/m-curlive-bg-03.jpg) type("image/jpeg")); background-position: center 0; background-size: 100% auto;}
}

/* ROLLING ROLL */
.rollingroll_content .sec1 {background-image: url(../../images/img/rol-bg-01.jpg);
background-image: image-set(url(../../images/img/rol-bg-01.webp) type("image/webp"), url(../../images/img/rol-bg-01.jpg) type("image/jpeg"));}
.rollingroll_content .pro_deco_box {background: #544944;}

@media (min-width: 993px) {
	.rollingroll_content .pro_deco_box .txt_area {margin-left: 13.8%;}
}

@media (max-width: 766px) {
	.rollingroll_content .sec1 {background-image: url(../../images/img/m-rol-bg-01.jpg);
background-image: image-set(url(../../images/img/m-rol-bg-01.webp) type("image/webp"), url(../../images/img/m-rol-bg-01.jpg) type("image/jpeg")); background-size: cover; padding-bottom: 50px;}
}

.rollingroll_content .sec2 {background: #fbf2ea;}

.rollingroll_content .sec3 {background-image: url(../../images/img/rol-bg-02.jpg);
background-image: image-set(url(../../images/img/rol-bg-02.webp) type("image/webp"), url(../../images/img/rol-bg-02.jpg) type("image/jpeg")); background-color: #ded6ce;}

@media (max-width: 1600px) {
	.rollingroll_content .sec3 {background-position: 70% center;}
}

@media (max-width: 992px) {
	.rollingroll_content .sec3 {min-height: inherit; background-image: url(../../images/img/m-rol-bg-02.jpg);
 background-image: image-set(url(../../images/img/m-rol-bg-02.webp) type("image/webp"), url(../../images/img/m-rol-bg-02.jpg) type("image/jpeg")); background-position: center 0; background-size: 100% auto;}
}


/* company */
.company_visual {height: 750px; background-image: url(../../images/img/company_bg.jpg);
 background-image: image-set(url(../../images/img/company_bg.webp) type("image/webp"), url(../../images/img/company_bg.jpg) type("image/jpeg")); letter-spacing: -0.075em;}
.company_ci {width: 190px; margin: 0 auto;}
.company_visual .inner {/* -webkit-transform: translateY(-15.5%);*/ -webkit-transform: translateY(-4%);transform: translateY(-4%);}
.cols_loc {width: 100%;}
.cols_loc .col {-webkit-box-flex: 1;-ms-flex: 1 1 50%; flex: 1 1 50%; min-height: 360px;}
.cols_loc .map_area {position: relative; width: 100%;}
.cols_loc .map_area .map {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ddd;}
.cols_loc .txt_area {background: #444b51; color: #fff; padding: 80px 5%;}
.cols_loc .tit {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; font-size: 1.75rem; line-height: 1; font-weight: 800; letter-spacing: -0.075rem; margin-bottom: 1.42em;}
.cols_loc dt,
.cols_loc dd {padding-left: 1.75rem;}
.cols_loc dt {font-size: 1.125rem; line-height: 1; font-weight: 400; position: relative;}
.cols_loc dt img {position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.cols_loc dt .ico_loc {width: 24px; margin: 0 -2px;}
.cols_loc dt .ico_call {width: 21px;}
.cols_loc dd {font-size: 0.9375rem; line-height: 1.666; font-weight: 300;}
.cols_loc dd.call {font-size: 1.625rem; line-height: 1; font-weight: 400; font-family: 'Poppins', sans-serif;}
.cols_loc dt + dd {margin-top: .5em;}
.cols_loc dd + dt {margin-top: 1.3em;}

.cols_loc.type2 .col {min-height: inherit;}
.cols_loc.type2 .map_area::after {content: ""; display: block; padding-bottom: 75.6%;}
.cols_loc.type2 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; flex: 1 1 auto;}

.ie .cols_loc.type2 .col {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto}

@media (min-width: 993px) {
  .cols_loc.type2 .txt_area {padding: 2.25rem 6.3%;}
  .cols_loc.type2 .tit {font-size: 1.5rem; font-weight: 700; letter-spacing: -0.025em;}
  .cols_loc.type2 dt,
  .cols_loc.type2 dd {padding-left: 1.63rem; font-size: 1rem;}
  .cols_loc.type2 .tit { margin-bottom: 1em;}  
  .cols_loc.type2 dt .txt {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
  .cols_loc.type2 dt .ico_loc {width: 1.15rem;}
  .cols_loc.type2 dt .ico_call {width: 1.065rem;}
  .cols_loc.type2 dt {height: 0;} 
  .cols_loc.type2 dt img {position: absolute; top: 0; -webkit-transform: translateY(20%); transform: translateY(20%);}
  .cols_loc.type2 dd {line-height: 1.625; margin: 0;}
  .cols_loc.type2 dt + dd {margin-top: 0;}
  .cols_loc.type2 dd + dt {margin-top: 0.4em;}
}

@media (max-width: 992px) {
  .company_visual {height: 555px;}
  .company_ci {width: 150px;}
  .cols_loc {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin: 0;}
  .cols_loc .col {-ms-flex-preferred-size: 1; flex-basis: 1; min-height: inherit;}
  .cols_loc .map_area::after {content: ""; display: block; padding-bottom: 55.66%;}
  .cols_loc .txt_area {padding: 2.77rem 2.22rem;}
  .cols_loc .tit {font-size: 1.417rem;}
  .cols_loc dt,
  .cols_loc dd {padding-left: 1.47rem;}
  .cols_loc dt .ico_loc {width: 1.1rem; margin: 0 -.1em;}
  .cols_loc dt .ico_call {width: 1.056rem;}
  .cols_loc dt {font-size: 1.167rem;}
  .cols_loc dd {font-size: 1.084rem; line-height: 1.25;}
  .cols_loc dd.call {font-size: 1.667rem;}
  .cols_loc dt + dd {margin-top: .2em;}

  .cols_loc.type2 .map_area::after {padding-bottom: 75.6%;}
  .cols_loc.type2 dt.call {height: 0;} 
  .cols_loc.type2 dt.call img {position: absolute; top: 0; -webkit-transform: translateY(20%); transform: translateY(20%);}
  .cols_loc.type2 dd.call {line-height: 1;}
  .cols_loc.type2 dd + dt {margin-top: 0.9em;}

	.ie .cols_loc {display: block;}
}

@media (max-width: 576px) {
  .company_visual {/* height: 462px; */ height: 509px; background-image: url(../../images/img/m_company_bg.jpg);
 background-image: image-set(url(../../images/img/m_company_bg.webp) type("image/webp"), url(../../images/img/m_company_bg.jpg) type("image/jpeg"));}
  .company_visual .inner {/* -webkit-transform: translateY(-4.5%); */ -webkit-transform: translateY(-3.5%);transform: translateY(-3.5%);}
	.company_ci {width: 125px;}
}

/* BRANCH */
.box_content {overflow: hidden;}
.box_list {display: -webkit-box;display: -ms-flexbox;display: flex; margin: -40px -15px 0; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.box_list > li {-ms-flex: 0 0 auto;  flex: 0 0 auto; padding: 0 15px; margin-top: 40px;}
.box_list.col4 > li {-ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%;}
.box_list.col5 {margin-left: -10px; margin-right: -10px;}
.box_list.col5 > li {-ms-flex-preferred-size: 20%; flex-basis: 20%; width: 20%; padding: 0 10px;}
.box_list .box {background: #f4f4f6; padding: 50px 5%; height: 100%;}

.ie .box_list > li {padding: 0;}
.ie .box_list .box {margin: 0 15px;}
.ie .box_list.col5 > li {padding: 0;}
.ie .box_list.col5 .box {margin: 0 10px;}


.branch_content {color: #000; letter-spacing: -0.025em;}
.branch_content .badge {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;align-items: center; color: #f65757; border: 1px solid #f65757; border-radius: 5px; width: 85px; height: 1.875em;}
.branch_content .badge.seoul {color: #f65757; border: 1px solid #f65757;}
.branch_content .badge.gg {color: #31a662; border-color: #31a662;}
.branch_content .badge.inch {color: #3197b2; border-color: #3197b2;}
.branch_content .badge.daegu {color: #8866ac; border-color: #8866ac;}
.branch_content .badge.ulsan {color: #cb407f; border-color: #cb407f;}
.branch_content .badge.busan {color: #e50048; border-color: #e50048;}
.branch_content .badge.junbuk {color: #333c96; border-color: #333c96;}
.branch_content .badge.junnam {color: #ed7b00; border-color: #ed7b00;}
/* 관리자 [대리점 관리]에서 고를 수 있는 지역을 늘리면서 함께 추가한 색입니다.
   (색 규칙이 없는 지역은 기본 빨강으로 나오므로 화면이 깨지지는 않습니다) */
.branch_content .badge.gangwon {color: #0e8f86; border-color: #0e8f86;}
.branch_content .badge.daejeon {color: #8a6d00; border-color: #8a6d00;}
.branch_content .badge.gyeongbuk {color: #a05a2c; border-color: #a05a2c;}
.branch_content .badge.gyeongnam {color: #566d00; border-color: #566d00;}
.branch_content .badge.jeju {color: #00789c; border-color: #00789c;}
.branch_content .tit,
.branch_content .call {font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
.branch_content .tit {font-size: 1.375rem; font-weight: 800; line-height: 1; letter-spacing: -0.075em; margin: 1.32em 0 .273em;}
.branch_content .txt {line-height: 1.625; min-height: 4.375em; padding-bottom: .5em;}
.branch_content .call {font-size: 1.375rem; line-height: 1; font-weight: 800; letter-spacing: -0.05em;/*  height: 3.455em; */}
.branch_content .call img {margin-bottom: .3em;}
.branch_content .ico {width: 21px;}
.branch_content .info {line-height: 1; color: #494949; font-weight: 300;}

@media (max-width: 1200px) {
  .box_list.col4 > li {-ms-flex-preferred-size:  33.33%; flex-basis: 33.33%; width: 33.33%;}
  .box_list.col5 > li {-ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%;}
}

@media (max-width: 992px) {
  .box_list {margin: -18px -10px 0;}
  .box_list > li {margin-top: 18px; padding: 0 10px}
  .box_list.col4 > li {-ms-flex-preferred-size:  50%; flex-basis: 50%; width: 50%;}
  .box_list.col5 {margin: -15px -7px 0;}
  .box_list.col5 > li {-ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; padding: 0 7px; margin-top: 15px;}
  .box_list .box {padding: 2.222rem 5%;}
  
  .branch_content .badge {font-size: 1.167rem; width: 4.72em; height: 1.862em; border-radius: 4px;}
  .branch_content .tit {font-size: 1.42rem; margin: 1.177em 0 .3em;}
  .branch_content .txt {min-height: inherit; font-size: 1.084rem; line-height: 1.512; padding-bottom: 0;}
  .branch_content .call {font-size: 1.667rem; /* height: auto; */ margin-top: 0.5em;}
  .branch_content .call br {display: none}
  .branch_content .ico {width: 0.77em; margin:.08em 0 0;}
  .branch_content .info {display: none;}

	.ie .box_list > li {padding: 0;}
	.ie .box_list .box {margin: 0 10px;}
	.ie .box_list.col5 > li {padding: 0;}
	.ie .box_list.col5 .box {margin: 0 7px;}
}

@media (max-width: 576px) {
  .box_list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin: -15px 0 0;}
  .box_list > li {margin-top: 15px; padding: 0;}
  .box_list.col4 > li {-ms-flex-preferred-size:  100%; flex-basis: 100%; width: 100%;}
  .box_list.col5 {margin-top: -6px;}
  .box_list.col5 > li {-ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; margin-top: 6px;}

	.ie .box_list {display: block;}
	.ie .box_list .box,
	.ie .box_list.col5 .box {margin: 0;}
}

/* A/S */
.as_info {margin-bottom: 32px;}
.as_info .cols_loc { -webkit-box-flex: 1;-ms-flex: 1 1 50%; flex: 1 1 50%; width: 50%;}
.as_info .cols_loc + .cols_loc {margin-left: 20px;}

@media (max-width: 992px) {
  .as_info {margin-bottom: 1.25rem;}
  .as_info .cols_loc + .cols_loc {margin-left: 15px;}
}

@media (max-width: 766px) {
  .as_info {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;;}
  .as_info .cols_loc {-ms-flex-preferred-size:  100%; flex-basis: 100%; width: 100%;}
  .as_info .cols_loc + .cols_loc {margin-left: 0; margin-top: 15px;}

	.ie .as_info {display: block;}
}

.box_step {letter-spacing: -0.025em; text-align: center;}
.box_step .box {padding-top: 32px; padding-bottom: 32px; min-height: 237px;}
.box_step .img {width: 88px; height: 88px; background: #fff; border-radius: 50%; overflow: hidden; margin: 0 auto 20px;}
.box_step .step {font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 0.875rem; line-height: 1; color: #ed1746; margin-bottom: 0.645em;}
.box_step .tit {color: #222; font-weight: 500;}
.box_step .txt_sm {font-size: 12px; line-height: 1.75; letter-spacing: -0.05em; margin-top: .17em;}

@media (max-width: 992px) {
  .box_step {text-align: left;}
  .box_step .box {padding: 1.667rem 7.56%; min-height: auto; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .box_step .img {width: 72px; height: 72px; margin: 0 1.667rem 0 0; -ms-flex: 0 0 72px; flex: 0 0 72px;}
  .box_step .step {font-size: 1.167rem; margin-bottom: 0.05em;}
  .box_step .tit {font-size: 1.25rem;}
  .box_step .txt_sm {font-size: 1.083rem; line-height: 1.256; margin-top: .33em;}
}


@media (max-width: 576px) {
  .box_step .img {width: 60px; height: 60px; -ms-flex-preferred-size: 60px; flex-basis: 60px;} 
}