.cboth {
     clear: both;
 }

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

 .fleft {
     float: left;
 }

 .fright {
     float: right !important;
 }

 .pd0 {
     padding: 0px !important;
 }

 .pdt5 {
     padding-top: 5px;
 }

 .pdt10 {
     padding-top: 10px;
 }

 .pdt15 {
     padding-top: 15px;
 }

 .pdt20 {
     padding-top: 20px !important;
 }

 .pdt30 {
     padding-top: 30px !important;
 }

 .pdt40 {
     padding-top: 40px;
 }

 .pdt50 {
     padding-top: 50px !important;
 }

 .pdt60 {
     padding-top: 60px !important;
 }

 .pdt100 {
     padding-top: 100px;
 }

 .pdb4 {
     padding-bottom: 4px;
 }

 .pdb5 {
     padding-bottom: 5px;
 }

 .pdb10 {
     padding-bottom: 10px;
 }

 .pdb20 {
     padding-bottom: 20px;
 }

 .pdb30 {
     padding-bottom: 30px;
 }

 .mrt30 {
     margin-top: 30px;
 }

 .relative {
     position: relative;
 }

 .center {
     text-align: center;
 }

 .height80 {
     height: 80px;
 }

 @font-face {
     font-family: 'Minion Pro';
     font-style: normal;
     font-weight: 400;
     src: url('/assets/fonts/MinionPro-Regular.woff') format('woff');
 }

 @font-face {
     font-family: 'Minion Pro';
     font-style: normal;
     font-weight: 500;
     src: url('/assets/fonts/MinionPro-Medium.woff') format('woff');
 }

 @font-face {
     font-family: 'Minion Pro';
     font-style: normal;
     font-weight: 600;
     src: url('/assets/fonts/MinionPro-Semibold.woff') format('woff');
 }

 @font-face {
     font-family: 'Minion Pro';
     font-style: normal;
     font-weight: 700;
     src: url('/assets/fonts/MinionPro-Bold.woff') format('woff');
 }

 @font-face {
     font-family: 'KoPub Batang';
     font-style: normal;
     font-weight: 300;
     src: url('/assets/fonts/KoPubBatang-Light.woff') format('woff');
 }

 @font-face {
     font-family: 'KoPub Batang';
     font-style: normal;
     font-weight: 400;
     src: url('/assets/fonts/kopub_batang_light.woff') format('woff');
 }

 @font-face {
     font-family: 'KoPub Batang';
     font-style: normal;
     font-weight: 500;
     src: url('/assets/fonts/kopub_batang_medium.woff') format('woff');
 }

 @font-face {
     font-family: 'KoPub Batang';
     font-style: normal;
     font-weight: 700;
     src: url('/assets/fonts/kopub_batang_bold.woff') format('woff');
 }

 #contents {
     background-color: #fff;
     margin: 0 auto;
 }

 body {
     font-family: 'Minion Pro', 'KoPub Batang', Verdana, Dotum, sans-serif;
 }

 #header {
     margin: 0px;
     padding: 0px;
     position: relative;
 }

 .header_section01 {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 100;
     width: 100%;
     height: 100px;
     transition: all 0.4s;
 }

 .header_section01 .top_logo {
     float: left;
     margin-top: 30px;
     margin-left: 5%;
 }

 .header_section01 .top_logo img {
     height: 18px;
     vertical-align: middle;
 }

 .header_section01 .top_category {
     float: right;
     margin-top: 30px;
     margin-right: 5%;
 }

 .header_section01 .top_category img {
     height: 20px;
 }

 .header_section01.fixed_top {
     height: 80px;
     background: rgba(240, 238, 236, 1);
 }

 .bt_fixed {
     width: 100%;
     height: 60px;
     background-color: #333;
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 100;
     transition: all 0.4s;
     opacity: 0;
 }

 .bt_fixed ul {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .bt_fixed ul li {
     width: 33.33%;
     text-align: center;
     line-height: 60px;
 }

 .bt_fixed ul li a {
     color: #fff;
     font-size: 15px;
     font-family: 'Noto Sans KR', sans-serif;
     display: block;
 }

 #allcategory {
     position: fixed;
     top: 0;
     left: 100%;
     z-index: 101;
     width: 100%;
     min-width: 320px;
     height: 100%;
     padding: 100px 20px 20px;
     background: #f0e9e2;
     transition: left 0.4s;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     font-family: 'Noto Sans KR', sans-serif;
 }

 #allcategory .btn_menu_close {
     position: absolute;
     top: 24px;
     left: 20px;
     width: 10px;
     height: 10px;
     padding: 2px;
 }

 #allcategory .mem_link {
     position: absolute;
     top: 20px;
     right: 20px;
 }

 #allcategory .mem_link li {
     float: left;
     margin-left: 27px;
 }

 #allcategory .mem_link a {
     display: block;
     line-height: 30px;
     font-size: 12px;
     color: #575757;
 }

 #header .xans-layout-orderbasketcount {
     position: static !important;
     width: auto !important;
     height: auto !important;
 }

 #search_box {
     overflow: hidden;
     position: relative;
     height: 30px;
     border-bottom: 1px solid #575757;
     padding-right: 20px;
 }

 #search_box input[type="text"] {
     width: 100%;
     height: 30px;
     border: 0;
     background: #f0e9e2;
     padding: 0;
 }

 #search_box input[type="image"] {
     position: absolute;
     top: 8px;
     right: 0;
     width: 12px;
 }

 #search_box input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 1000px #f0e9e2 inset;
 }

 #allcategory .nav {
     margin-top: 45px;
 }

 #allcategory .nav a {
     display: inline-block;
     font-size: 15px;
     color: #575757;
     line-height: 3;
 }

 #allcategory .nav>ul {
     position: relative;
 }

 #allcategory .nav>ul>li>a span {
     display: inline-block;
     position: relative;
 }

 #allcategory .nav>ul>li>a span:before {
     position: absolute;
     left: 0;
     bottom: 6px;
     width: 0;
     height: 1px;
     background: #575757;
     content: '';
     transition: .2s ease-in-out;
 }

 #allcategory .nav>ul>li .sub {
     display: none;
     position: absolute;
     top: 0;
     left: 50%;
     width: 50%;
 }

 #allcategory .nav>ul>li.on .sub {
     display: block;
 }

 #allcategory .nav>ul>li.on>a span:before {
     width: 100%;
 }

 #allcategory.open {
     left: 0;
 }

 #allcategory .lan {
     position: absolute;
     left: 20px;
     bottom: 30px;
     font-size: 12px;
     color: #575757;
 }

 #allcategory .lan button {
     display: block;
     position: relative;
     width: 140px;
     height: 42px;
     padding-left: 15px;
     border: 1px solid #575757;
     font-size: 12px;
     color: #575757;
     text-align: left;
     background: #f0e9e2;
 }

 #allcategory .lan button:after {
     position: absolute;
     top: 50%;
     right: 10px;
     width: 7px;
     height: 7px;
     margin-top: -3px;
     background: url('/assets/img/product/icon_arr.webp') no-repeat center;
     background-size: 100% auto;
     content: '';
     transition: all 0.4s;
 }

 #allcategory .lan ul {
     display: none;
     position: absolute;
     left: 0;
     width: 100%;
     bottom: 41px;
     padding: 7px 0;
     border: 1px solid #575757;
 }

 #allcategory .lan ul a {
     display: block;
     padding-left: 15px;
     line-height: 3;
     color: #575757;
 }

 #allcategory .lan.open button:after {
     transform: rotate(180deg);
 }

 #allcategory .lan.open ul {
     display: block;
 }

 #footer {
     margin: 50px 0 0;
     padding: 25px 0 35px;
     font-size: 13px;
     line-height: 1.6;
     color: #ababab;
     background: #272727;
     font-family: 'Noto Sans KR', sans-serif;
 }

 #footer a {
     font-size: 13px;
     line-height: 2;
     color: #ababab;
     outline: none;
 }

 #footer .footer_cont {
     padding: 20px 5%;
     border-top: 1px solid #4d4d4d;
 }

 #footer .footer_section01 {
     border-top: 0;
 }

 #footer .footer_cont button {
     width: 100%;
     text-align: left;
     position: relative;
     margin-bottom: 7px;
     padding-right: 25px;
     border: 0;
     font-size: 14.4px;
     line-height: 1.58;
     color: #ababab;
     background: #272727;
     outline: none;
     font-family: 'Noto Sans KR', sans-serif;
 }

 #footer .footer_cont button:after {
     position: absolute;
     top: 50%;
     right: 10px;
     width: 10px;
     height: 9px;
     margin-top: -3px;
     background-size: 100% auto;
     content: '';
     transition: all 0.4s;
 }

 #footer .footer_cont .cont {
     overflow: hidden;
     max-height: 0;
     transition: all 0.4s;
     font-weight: 300;
     line-height: 2;
 }

 #footer .copyright {
     padding-top: 50px;
 }

 #footer .footer_cont.open button:after {
     transform: rotate(180deg);
 }

 #footer .footer_cont.open .cont {
     max-height: 160px;
     margin-top: 20px;
     margin-bottom: 10px;
 }

 #footer .footer_section01 {
     border-top: 1px solid #4d4d4d;
 }

 #footer .footer_section03 {
     border-top: 0;
     padding-top: 0;
 }

 #footer .footer_section03 .cont li a img {
     width: 6px;
     top: -2px;
     position: relative;
     margin-left: 4px;
 }

 .ec-base-paginate.typeMoreview {
     margin-top: 10px;
 }

 .ec-base-paginate.typeMoreview .btnMore {
     background: #fff;
     width: 94%;
     border: 1px solid #f1f1f1;
     border-bottom: 1px solid #d5d5d5;
     margin: 0 auto;
     font-weight: 400;
 }

 .btnSubmit {
     background: #3c3c3c;
     border: 1px solid #3c3c3c;
 }

 .btnStrong {
     background: #3c3c3c;
     border: 1px solid #3c3c3c;
 }

 .ec-base-product .thumbnail {
     margin-bottom: 8px;
 }

 .ec-base-product .description .summary {
     font-size: 12px;
     margin: 0;
     padding-bottom: 5px;
     color: #777;
     line-height: 16px;
 }

 .ec-base-product .description .prd_brand {
     font-size: 12px;
     margin: 0;
     padding-bottom: 5px;
     color: #777;
     line-height: 16px;
 }

 .ec-base-product .description .spec li {
     padding-top: 5px;
 }

 .ec-base-product .description .price {
     font-weight: 700;
     font-size: 12px;
     display: inline-block;
 }

 .ec-base-product .description .name a {
     display: block;
     font-size: 12px;
     color: #222;
     font-weight: 400;
     line-height: 1.4em;
 }

 .ec-base-product .description .price_custom {
     color: #999;
     font-size: 12px;
     margin: 0 5px 0 0;
     display: inline-block;
 }

 .ec-base-product .description .color {
     font-size: 0;
 }

 .ec-base-product .description .color .xans-product-colorchip {
     margin: 0 0 5px 0;
     padding: 0;
     font-size: 0;
 }

 .ec-base-product .description .color .chips {
     width: 8px;
     height: 8px;
     margin: 0 1px;
     border: 1px solid #eee;
     font-size: 0px;
     line-height: 0;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     display: inline-block;
     float: none;
 }

 .ec-base-product .description .icon {
     margin: 5px 0 0 0;
 }

 .ec-base-product .description .icon img {
     margin-bottom: 2px;
 }

 .ec-base-product .description .spec li.cart {
     display: none;
 }

 .ec-base-product .description #customNaN,
 .ec-base-product .description #custom0 {
     display: none !important;
 }

 .ec-base-product.typeDesc .thumbnail {
     width: 45%;
 }

 .ec-base-product.typeDesc .description {
     padding: 0 0 0 48%;
 }

 .ec-base-product.typeDesc .description .price {
     font-weight: 700;
     font-size: 12px;
     color: #222;
 }

 .ec-base-product.typeDesc .description .color {
     margin: 0;
 }

 .ec-base-product.typeDesc .description .summary {
     margin: 0;
 }

 .ec-base-product .prdList .thumbnail .likeButton {
     position: absolute;
     left: 8px;
     bottom: -5px;
     opacity: 0;
     z-index: 5;
     height: 18px;
     line-height: 18px;
     padding: 0 1px 0 2px;
     background: transparent;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     cursor: pointer;
 }

 .ec-base-product .prdList>li:hover .thumbnail .likeButton {
     position: absolute;
     left: 8px;
     bottom: 8px;
     opacity: 1;
 }

 .ec-base-product .prdList .thumbnail .likeButton button {
     background: transparent;
     height: 23px;
     outline: none;
     border: 0;
 }

 .ec-base-product .prdList .thumbnail .likeButton::before {
     font-size: 10px;
     content: 'LIKE';
     color: #222;
 }

 .ec-base-product .prdList .thumbnail .likeButton img {
     display: none;
 }

 .ec-base-product .prdList .thumbnail .likeButton strong {
     font-weight: 400;
     padding: 0 2px;
     font-size: 10px;
 }

 .ec-base-product .prdList .thumbnail .likeButton.selected {
     left: 8px;
     bottom: 8px;
     opacity: 1;
     border-bottom: 1px solid #222;
 }

 .ec-base-product .prdList .thumbnail #sale_bg {
     position: absolute;
     top: 8px;
     left: 8px;
     width: 30px;
     height: 30px;
     color: #fff;
     font-size: 11px;
     font-weight: 400;
     line-height: 30px;
     text-align: center;
     background-color: #666;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     letter-spacing: -1px;
     display: none;
 }

 .swiper_roll {
     width: 94%;
     margin: 10px auto 0;
     border: 1px solid #cecece;
     background: #fafafa repeat-y center top;
 }

 .swiper_roll ul.grid_roll {
     display: flex;
     padding: 0;
 }

 .swiper_roll ul.grid_roll .thumbnail,
 .swiper_roll ul.grid_roll .thumbnail a img {
     width: auto;
 }

 .swiper_roll ul.grid_roll .thumbnail a img {
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
 }

 .swiper_roll ul.grid_roll>li {
     width: 48%;
     padding: 20px 1%;
     margin: 0 !important;
 }

 .swiper_roll ul.grid_roll>li .description {
     text-align: center;
 }

 .ec-base-product.typeThumb .prdList>li {
     margin-bottom: 0 !important;
 }

 .ec-base-product.typeThumb .prdList>li .box {
     border: 1px solid #dedede;
     margin: 2%;
 }

 .ec-base-product.typeThumb .prdList>li .box .thumbnail {
     margin: 7px;
 }

 .ec-base-product.typeThumb .prdList>li .box .thumbnail a img {
     border: 0;
 }

 .ec-base-product.typeThumb .prdList>li .box .description {
     text-align: center;
     background-color: #fafafa;
     border-top: 1px solid #dedede;
     margin: 0;
     padding: 7px 7px 0 7px;
 }

 .xans-product-listrecommend .paginate {
     background-color: #fff;
 }

 .xans-product-listrecommend {
     position: relative;
 }

 .xans-product-listrecommend.ec-base-product {
     margin: 0;
     background-color: #fff;
     border-bottom: 1px solid #d5d5d5;
 }

 .xans-product-listrecommend .prdList {
     padding: 0;
 }

 .xans-product-listrecommend h2 {
     display: none;
 }

 .xans-product-listrecommend .description {
     text-align: center;
 }

 .ec-base-paginate.typeSwipe button.circle {
     overflow: hidden;
     margin: 0 4px;
     width: 40px;
     height: 4px;
     border: 0;
     border-radius: 0;
     cursor: pointer;
     background-color: #000;
     opacity: 0.2;
     -moz-transition: all 0.3s;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
 }

 .ec-base-paginate.typeSwipe button.circle.selected {
     opacity: 1;
     width: 40px;
     background-color: #000;
 }

 #titleArea {
     border-bottom: 1px solid #e9e9e9;
     border-top: 1px solid #e9e9e9;
 }

 #titleArea h2 {
     line-height: 60px;
 }

 #titleArea span {
     top: 15px;
 }

 .menuCategory {
     border-bottom: 1px solid #e9e9e9 !important;
 }

 .menuCategory {
     padding-left: 0px !important;
     padding-right: 0px !important;
     margin: 0 auto;
     text-align: center !important;
 }

 .menuCategory li {
     width: auto;
     display: inline-block;
     text-align: center;
     border: 1px solid #e9e9e9 !important;
     margin: 2px 0px;
     background-color: #fff;
     padding-left: 8px !important;
     padding-right: 8px !important;
 }

 .menuCategory li:first-child {
     margin-top: 15px !important;
 }

 .menuCategory li:last-child {
     margin-bottom: 15px !important;
 }

 .menuCategory li a {
     font-size: 12px !important;
     margin-right: 0px !important;
     color: #777 !important;
     font-weight: 400 !important;
 }

 .menuCategory li.selected>a {
     color: #111 !important;
     font-weight: 600 !important;
 }

 .ec-base-paginate.typeList ol li .this {
     border-color: #222;
     color: #222;
 }

 .xans-member-join .agreeAll label,
 .regularDeliveryPayInfo .information .status,
 .xans-myshop-addrlist .name span,
 .txtEm,
 .xans-myshop-orderhistorydetail .boardTotal .totalPay th,
 .xans-myshop-orderhistorydetail .boardTotal .totalPay td,
 .ec-base-prdInfo .prdFoot,
 .xans-myshop-asyncbankbook li a,
 .xans-order-basketpackage .totalSummary .title h3,
 .xans-order-basketpackage .title.subTitle h3,
 .xans-myshop-orderstate .cs .count,
 #searchForm #titleArea span.count,
 .xans-myshop-orderstate .desc em,
 .xans-myshop-orderstate .order .count,
 .xans-myshop-main li .count {
     color: #222;
 }

 .ec-base-tab ul {
     display: flex;
     font-size: 14px;
     text-align: center;
     margin: 0 14px;
     border: 0;
 }

 .ec-base-tab li {
     display: flex;
     flex: 1;
     border: 0;
     line-height: 35px;
     border-bottom: 1px solid #e5e5e5;
     text-align: center;
     background: #fff;
 }

 .ec-base-tab li a {
     display: flex;
     flex-basis: 100%;
     justify-content: center;
     flex-wrap: nowrap;
     align-items: center;
     padding: 0;
     color: #111;
 }

 .ec-base-tab li.selected {
     border-bottom: 1px solid #222;
 }

 .ec-base-tab li.selected a {
     background: none;
     color: #111;
     font-weight: 500;
 }

 .top_program {
     width: 100%;
     height: 350px;
     background-size: cover;
 }

 .top_sub_menu {
     margin: 0 auto;
     border-bottom: 1px solid #d7d7d7;
 }

 .top_sub_menu .swiper_top {
     width: 100%;
     height: 60px;
     line-height: 60px;
 }

 .top_sub_menu .swiper_top .swiper-slide {
     width: auto;
     font-family: 'Noto Sans KR', sans-serif;
     margin-left: 5%;
 }

 .top_sub_menu .swiper_top .swiper-slide:last-child {
     margin-right: 5%;
 }

 .top_sub_menu .swiper_top .swiper-slide a {
     letter-spacing: -0.5px;
     display: block;
     text-align: center;
     color: #777;
     font-size: 14px;
     height: 59px;
     line-height: 59px;
 }

 .top_sub_menu .swiper_top .swiper-slide.on a {
     color: #000;
     border-bottom: 1px solid #000;
 }

 .top_program_txt {
     width: 90%;
     margin: 45px auto;
 }

 .top_program_txt .txt01 {
     color: #000;
     font-size: 14px;
     line-height: 20px;
     text-align: left;
     padding-left: 35px;
     letter-spacing: 2px;
 }

 .top_program_txt .txt01:before {
     content: "";
     display: block;
     width: 30px;
     line-height: 20px;
     border-top: 1px solid #939393;
     margin-left: -35px;
     margin-bottom: -7px;
 }

 .top_program_txt .txt02 {
     color: #000;
     font-size: 23px;
     line-height: 35px;
     padding-top: 15px;
     text-align: left;
     word-break: keep-all;
 }

 .top_program_txt .bk {
     margin-top: 45px;
 }

 .top_program_txt .bk a {
     width: 100%;
     display: block;
     height: 60px;
     line-height: 60px;
     text-align: center;
     background-color: #333;
     color: #fff;
     font-size: 15px;
     font-family: 'Noto Sans KR', sans-serif;
     font-weight: 300;
 }

 .prog01_menu {
     width: 100%;
     margin: 45px auto 0;
     border: 1px solid #d4d4d4;
 }

 .prog01_menu li {
     float: left;
     width: 50%;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }

 .prog01_menu li a {
     display: block;
     font-size: 15px;
     color: #000;
     line-height: 58px;
     text-align: center;
     font-family: "Noto Sans KR", sans-serif;
     font-weight: 300;
 }

 .prog01_menu li:first-child {
     border-right: 1px solid #d4d4d4;
 }

 .prog01_menu li a:hover {
     color: #fff;
     border: 1px solid #000;
     background: #000;
 }

 .prog_line {
     border-bottom: 1px solid #e5e5e5;
 }

 .sub_title_p01 {
     color: #000;
     font-size: 14px;
     line-height: 20px;
     text-align: left;
     padding-left: 35px;
     letter-spacing: 2px;
 }

 .sub_title_p01:before {
     content: "";
     display: block;
     width: 30px;
     line-height: 20px;
     border-top: 1px solid #939393;
     margin-left: -35px;
     margin-bottom: -7px;
 }

 .sub_title_p02 {
     color: #000;
     font-size: 23px;
     line-height: 35px;
     padding-top: 15px;
     text-align: left;
     word-break: keep-all;
 }

 .sub_title_p03 {
     color: #000;
     font-size: 20px;
     line-height: 35px;
     text-align: left;
 }

 .sub_title_p04 {
     color: #000;
     font-size: 15px;
     line-height: 25px;
     text-align: left;
     word-break: keep-all;
     font-weight: 300;
 }

 .prog01_sec01 {
     margin: 60px auto 0;
     border-top: 1px solid #d7d7d7;
 }

 .prog01_sec01 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .prog01_sec01 .dep1 {
     padding-bottom: 50px;
 }

 .prog01_sec01 .dep2 {
     margin: 0 0 50px 0;
 }

 .prog01_sec01 .txt01 {
     color: #000;
     font-size: 23px;
     padding-top: 50px;
 }

 .prog01_sec01 .txt02 {
     color: #000;
     font-size: 16px;
     line-height: 1.8;
     letter-spacing: -0.5px;
     padding-top: 30px;
     padding-bottom: 45px;
     word-break: keep-all;
 }

 .prog01_sec01 .txt03 {
     color: #000;
     font-size: 16px;
     line-height: 26px;
     letter-spacing: -0.5px;
     padding-top: 45px;
 }

 .prog01_sec01 .txt03 li span {
     width: 70%;
     float: right;
 }

 .prog01_sec01 .txt03 li span:first-child {
     width: 20%;
     font-weight: 500;
     float: left;
 }

 .prog01_sec01 .txt04 {
     margin-top: 30px;
 }

 .prog01_sec01 .txt04 li {
     color: #000;
     font-size: 16px;
     line-height: 1.8;
     letter-spacing: -0.5px;
     background: url('/assets/img/product/program/icon_program01.webp') no-repeat center left;
     background-size: 19px 17px;
     padding-left: 25px;
 }

 .prog01_sec02 {
     width: 100%;
     background-color: #fbfafa;
     padding: 60px 0px;
 }

 .prog01_sec02 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .prog01_sec02 .swiper_program01 {
     margin-top: 60px !important;
 }

 .prog01_sec02 .swiper_program01 .swiper-slide img {
     width: 100%;
 }

 .prog01_sec02 .swiper-pagination-progressbar {
     margin-top: 45px;
     background: #dadada;
     position: relative;
     height: 1px !important;
 }

 .prog01_sec02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 1px;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
     -webkit-backface-visibility: hidden;
 }

 .prog01_sec02 .txt01 {
     margin: 30px 0 20px;
     font-size: 17px;
     color: #000;
     letter-spacing: -0.5px;
 }

 .prog01_sec02 .txt02 {
     font-size: 15px;
     color: #000;
     line-height: 1.8;
     letter-spacing: -0.5px;
     word-break: keep-all;
 }

 .prog01_sec02 .prog01_sec02_tip {
     color: #000;
     font-size: 12px;
     margin-top: 15px;
     font-family: "Noto Sans KR", sans-serif;
     font-weight: 300;
     letter-spacing: -0.5px;
 }

 .prog01_sec03 {
     width: 100%;
     padding: 60px 0px;
 }

 .prog01_sec03 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .prog01_sec03 .inner ul li {
     border-top: 1px solid #d7d7d7;
     padding-top: 60px;
     margin-top: 50px;
 }

 .prog01_sec03 .inner ul li img {
     width: 100%;
 }

 .prog01_sec03 .inner ul li .txt01 {
     color: #000;
     font-size: 15px;
     margin-bottom: 10px;
     letter-spacing: 0.5px;
     padding-left: 35px;
 }

 .prog01_sec03 .inner ul li .txt01:before {
     content: "";
     display: block;
     width: 30px;
     line-height: 20px;
     border-top: 1px solid #939393;
     margin-left: -35px;
     margin-bottom: -7px;
 }

 .prog01_sec03 .inner ul li .txt02 {
     color: #000;
     font-size: 18px;
     line-height: 28px;
     margin-bottom: 25px;
 }

 .prog01_sec03 .inner ul li .txt03 {
     color: #000;
     font-size: 15px;
     line-height: 25px;
     word-break: keep-all;
     margin-bottom: 40px;
 }

 .prog01_sec04 {
     width: 100%;
     background-color: #fbfafa;
     padding: 60px 0px;
 }

 .prog01_sec04 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .prog01_sec04 .swiper_program02 {
     margin-top: 60px !important;
 }

 .prog01_sec04 .swiper_program02 .swiper-slide img {
     width: 100%;
 }

 .prog01_sec04 .pro_name {
     font-size: 15px;
     color: #000;
     padding-top: 26px;
     font-family: "Noto Sans KR", sans-serif;
     font-weight: 300;
     letter-spacing: -0.5px;
     text-align: center;
 }

 .prog01_sec04 .swiper-pagination-progressbar {
     margin-top: 50px;
     background: #dadada;
     position: relative;
     height: 1px !important;
 }

 .prog01_sec04 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 1px;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
     -webkit-backface-visibility: hidden;
 }

 .prog01_sec04 .swiper_program02_tip {
     font-size: 14px;
     color: #000;
     margin-top: 20px;
 }

 .prog01_sec05 {
     width: 100%;
     padding: 60px 0px;
 }

 .prog01_sec05 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .prog01_sec05 .txt01 {
     font-size: 17px;
     color: #000;
     margin: 50px 0 0 0;
     border-bottom: 1px solid #e7e7e7;
     padding-bottom: 20px;
     font-family: "Noto Sans KR", sans-serif;
 }

 .prog01_sec05 .txt02 {
     font-weight: 500;
     margin-bottom: 15px;
 }

 .prog01_sec05 ul {
     margin-top: 30px;
 }

 .prog01_sec05 ul li {
     width: 48%;
     float: right;
     font-family: "Noto Sans KR", sans-serif;
     font-size: 15px;
     color: #000;
     line-height: 25px;
     vertical-align: top;
     font-weight: 300;
     word-break: keep-all;
 }

 .prog01_sec05 ul li:first-child {
     float: left;
 }

 .prog01_sec06 {
     width: 100%;
     background-color: #fbfafa;
     padding: 60px 0px 25px;
 }

 .prog01_sec06 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .prog01_sec06 .prog01_sec06_video {
     width: 100%;
     margin: 50px auto 0;
     text-align: center;
 }

 .prog01_sec06 ul li {
     border-bottom: 1px solid #d7d7d7;
     padding: 35px 0;
 }

 .prog01_sec06 ul li:last-child {
     border: 0;
 }

 .prog01_sec06 ul li .fleft {
     width: 35%;
 }

 .prog01_sec06 ul li .fleft img {
     width: 100%;
 }

 .prog01_sec06 ul li .fright {
     width: 60%;
 }

 .prog01_sec06 ul li .txt01 {
     color: #000;
     font-size: 15px;
     margin: 0 0 10px 0;
 }

 .prog01_sec06 ul li .txt02 {
     color: #000;
     font-size: 15px;
     line-height: 23px;
     word-break: keep-all;
 }

 .prog01_sec07 {
     width: 100%;
     padding: 60px 0px;
 }

 .prog01_sec07 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .prog01_sec07 .questions {
     margin: 50px auto 0;
     font-family: "Noto Sans KR", sans-serif;
     letter-spacing: -0.5px;
 }

 .prog01_sec07 .questions .has-sub .has-sub-a {
     width: 90%;
     margin: 30px auto 50px;
     font-size: 15px;
     line-height: 25px;
     color: #000;
     font-weight: 300;
     word-break: keep-all;
     display: none;
 }

 .prog01_sec07 .questions ul li a {
     font-size: 15px;
     line-height: 55px;
     color: #000;
     cursor: pointer;
     border: 1px solid #ccc;
     display: block;
     margin-top: 20px;
     padding: 0 5%;
     background: url('/assets/img/product/program/questions_icon_down.webp') no-repeat 95% center;
     background-size: 16px 8px;
 }

 .prog01_sec07 .questions ul li a span {
     background-color: #252525;
     font-size: 12px;
     color: #fff;
     text-align: center;
     margin-right: 10px;
     width: 15px;
     height: 15px;
     line-height: 15px;
     display: inline-block;
 }

 .prog01_sec07 .questions>ul>li>a:hover {
     border: 1px solid #272727;
 }

 .prog01_sec07 .questions>ul>li.open>a {
     color: #fff;
     border: 1px solid #272727;
     background: #272727 url('/assets/img/product/program/questions_icon_up.webp') no-repeat 95% center;
     background-size: 16px 8px;
 }

 .prog01_sec07 .questions>ul>li.open>a span {
     background-color: #fff;
     color: #272727;
 }

 .prog01_sec08 {
     width: 100%;
     background-color: #fbfafa;
     padding: 60px 0px 30px;
 }

 .prog01_sec08 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .prog01_sec08 iframe {
     margin-top: 20px;
 }

 .prog01_sec09 {
     width: 100%;
     padding: 60px 0px 0;
 }

 .prog01_sec09 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .prog01_sec09 .review_board {
     margin: 50px auto 0;
 }

 .prog01_sec09 .review_board ul li {
     padding: 25px 0;
     border-top: 1px solid #e8e8e8;
 }

 .prog01_sec09 .review_board ul li .imgLink {
     float: left;
     overflow: hidden;
     width: 30%;
 }

 .prog01_sec09 .review_board ul li .imgLink img {
     width: 100%;
 }

 .prog01_sec09 .review_board ul li .cont {
     float: left;
     width: 65%;
     margin-left: 5%;
 }

 .prog01_sec09 .review_board ul li .cont .point {
     margin: 0 0 10px 0;
     display: block;
     height: 13px;
 }

 .prog01_sec09 .review_board ul li .cont .r_subject {
     display: block;
     font-size: 14px;
     color: #000;
     line-height: 20px;
     width: 100%;
     height: 20px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 .prog01_sec09 .review_board ul li .cont .info {
     margin-top: 10px;
     font-size: 11px;
 }

 .prog01_sec09 .review_board ul li .cont .info em,
 .prog01_sec09 .review_board ul li .cont .info strong {
     display: inline-block;
     margin-right: 20px;
     font-weight: 300;
     font-style: normal;
     color: #909090;
     font-family: "Noto Sans KR", sans-serif;
 }

 .prog01_sec09 .review_board_btn {
     display: block;
     margin: 25px auto;
     text-align: center;
 }

 .prog01_sec09 .review_board_btn a {
     display: inline-block;
     border: 1px solid #b7b7b7;
     width: 100%;
     height: 60px;
     line-height: 60px;
     text-align: center;
     font-family: "Noto Sans KR", sans-serif;
     font-size: 14px;
     font-weight: 300;
 }

 .prog01_sec09 .review_board_btn a:hover {
     border: 1px solid #000;
     background-color: #000;
     color: #fff;
 }

 #prog08 .prog01_sec01 .txt01 {
     padding-bottom: 40px;
 }

 #prog08 .inner .t_box .chart {
     font-size: 18px;
 }

 #prog08 .inner .t_box .chart li {
     width: 50%;
     border: 1px solid #e5e5e5;
     box-sizing: border-box;
     float: left;
     text-align: center;
     padding: 15px 0;
     margin: 0;
 }

 #prog08 .inner .t_box .chart .chart_bg {
     background-color: #fbfbfb;
     border-bottom: 0;
 }

 #prog08 .inner .t_box .chart li:nth-child(odd) {
     border-left: 0;
     border-right: 0;
 }

 #prog08 .inner .t_box .chart li:nth-child(even) {
     border-right: 0;
 }

 #prog08 .inner .dep1 .txt02 {
     clear: both;
     color: #000;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: -0.5px;
 }

 #prog08 .inner .dep1 .txt02 li.sub_title {
     font-weight: 500;
     padding-top: 20px;
 }

 #prog08 .inner .dep1 .txt02 li.sub_title:before {
     margin: 0 10px 0 5px;
     content: "·";
 }

 #prog08 .inner .dep1 .txt02 li.sub_title:first-child {
     padding-top: 0;
 }

 #prog08 .inner .dep1 .txt02 li.sub_txt {
     padding: 10px 0;
 }

 .top_submenu_bg {
     width: 100%;
     height: 140px;
     background: #f0eeec;
 }

 .top_submenu {
     width: 100%;
     margin: 0 auto;
     padding-top: 90px;
 }

 .top_submenu ul {
     width: 100%;
     height: 50px;
 }

 .top_submenu ul li {
     width: auto;
     height: 50px;
     text-align: center;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     float: left;
     margin-left: 8%;
 }

 .top_submenu ul li:last-child {
     margin-right: 8%;
 }

 .top_submenu ul li a {
     display: block;
     line-height: 50px;
     font-size: 14px;
     font-weight: 300;
     font-family: "Noto Sans KR", sans-serif;
     color: #424242;
     -webkit-transition: .2s ease-in-out;
     transition: .2s ease-in-out;
     letter-spacing: -0.025em;
 }

 .top_submenu ul li a.on {
     color: #000;
     border-bottom: 1px solid #000;
     line-height: 49px;
 }

 .comp01_sec01 {
     margin: 60px auto;
 }

 .comp01_sec01 .swiper_company01 {
     width: 90%;
     margin: 0 auto;
 }

 .comp01_sec01 .swiper_company01 .swiper-slide img {
     width: 100%;
 }

 .comp01_sec01 .txt01 {
     color: #000;
     font-size: 24px;
     padding-top: 30px;
 }

 .comp01_sec01 .txt02 {
     color: #000;
     font-size: 16px;
     line-height: 25px;
     letter-spacing: -0.5px;
     padding-top: 10px;
 }

 .comp01_sec01 .txt03 {
     color: #000;
     font-size: 15px;
     line-height: 25px;
     letter-spacing: -0.5px;
     padding-top: 25px;
     word-break: keep-all;
 }

 .comp01_sec01 .swiper-pagination-progressbar {
     margin-top: 45px;
     background: #dadada;
     position: relative;
     height: 1px !important;
 }

 .comp01_sec01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 1px;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
     -webkit-backface-visibility: hidden;
 }

 .comp01_sec02 {
     margin: 60px auto 0;
     background-color: #f7f7f7;
     padding: 60px 0;
 }

 .comp01_sec02 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .comp01_sec02 .inner img {
     width: 100%;
 }

 .comp01_sec02 ul {
     margin-top: 10px;
 }

 .comp01_sec02 li {
     display: inline-block;
     padding: 20px 0;
     width: 100%;
     border-bottom: 1px solid #ccc;
 }

 .comp01_sec02 li .t01 {
     float: left;
     width: 70%;
 }

 .comp01_sec02 li .t02 {
     float: left;
     width: 30%;
 }

 .comp01_sec03 {
     padding: 50px 20px 60px;
     background: #f7f7f7 no-repeat center top;
     background-size: 100% auto;
 }

 .comp01_sec03 .sub_title_p02 {
     color: #fff;
 }

 .comp01_sec03 .sub_title_p04 {
     color: #fff;
     margin-top: 10px;
     font-weight: 300;
 }

 .comp01_sec03 .history_list {
     margin: 50px auto 0;
     padding: 30px 8% 0;
     background: #fff;
 }

 .comp01_sec03 .history_list dt {
     font-size: 16px;
     color: #383838;
 }

 .comp01_sec03 .history_list dd {
     margin-top: 12px;
     padding-bottom: 45px;
     font-size: 14px;
     color: #383838;
     line-height: 24px;
     word-break: keep-all;
 }

 .comp01_sec04 {
     margin: 0 auto;
     background-color: #f7f7f7;
     padding: 0 0 60px 0;
 }

 .comp01_sec04 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .comp01_sec04 .inner img {
     width: 100%;
 }

 .comp01_sec04 .txt01 {
     color: #000;
     font-size: 15px;
     line-height: 25px;
     letter-spacing: -0.5px;
     padding-top: 25px;
     word-break: keep-all;
 }

 .comp02_sec01 {
     margin: 60px auto 40px;
 }

 .comp02_sec01 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .comp02_sec01 .inner img {
     width: 100%;
 }

 .comp02_sec01 .txt01 {
     color: #000;
     font-size: 24px;
     padding-top: 30px;
     letter-spacing: 0.5px;
 }

 .comp02_sec01 .txt02 {
     color: #000;
     font-size: 16px;
     line-height: 26px;
     letter-spacing: -0.5px;
     padding-top: 25px;
     word-break: keep-all;
 }

 .comp02_sec02 {
     margin: 0 auto 40px;
 }

 .comp02_sec02 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .comp02_sec02 .txt01 {
     color: #000;
     font-size: 24px;
     padding-top: 40px;
     border-top: 1px solid #ccc;
     letter-spacing: 0.5px;
 }

 .comp02_sec02 .txt02 {
     color: #000;
     font-size: 16px;
     line-height: 26px;
     letter-spacing: -0.5px;
     padding-top: 25px;
     word-break: keep-all;
 }

 .comp02_sec03 {
     margin: 0 auto 60px;
 }

 .comp02_sec03 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .comp02_sec03 .txt01 {
     color: #000;
     font-size: 24px;
     padding-top: 40px;
     border-top: 1px solid #ccc;
     letter-spacing: 0.5px;
 }

 .comp02_sec03 .txt02 {
     color: #000;
     font-size: 16px;
     line-height: 26px;
     letter-spacing: -0.5px;
     padding-top: 25px;
     word-break: keep-all;
 }

 .comp02_sec04 {
     margin: 60px auto 0;
     background-color: #f7f7f7;
     padding: 60px 0 40px;
 }

 .comp02_sec04 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .comp02_sec04 .inner img {
     width: 100%;
 }

 .comp02_sec04 .txt01 {
     color: #000;
     font-size: 24px;
     padding-top: 30px;
     letter-spacing: 0.5px;
 }

 .comp02_sec04 .txt02 {
     color: #000;
     font-size: 16px;
     line-height: 26px;
     letter-spacing: -0.5px;
     padding-top: 25px;
     word-break: keep-all;
 }

 .comp02_sec05 {
     margin: 0 auto;
     background-color: #f7f7f7;
     padding: 0 0 60px 0;
 }

 .comp02_sec05 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .comp02_sec05 .txt01 {
     color: #000;
     font-size: 24px;
     padding-top: 40px;
     border-top: 1px solid #ccc;
     letter-spacing: 0.5px;
 }

 .comp02_sec05 .txt02 {
     color: #000;
     font-size: 16px;
     line-height: 26px;
     letter-spacing: -0.5px;
     padding-top: 25px;
     word-break: keep-all;
 }

 .comp03_sec01 {
     margin: 60px auto;
 }

 .comp03_sec01 .swiper_company01 {
     width: 90%;
     margin: 0 auto;
 }

 .comp03_sec01 .swiper_company01 .swiper-slide img {
     width: 100%;
 }

 .comp03_sec01 .txt01 {
     color: #000;
     font-size: 18px;
     padding-top: 35px;
 }

 .comp03_sec01 .txt01 span {
     font-size: 15px;
 }

 .comp03_sec01 .txt02 {
     color: #000;
     font-size: 15px;
     line-height: 27px;
     letter-spacing: -0.5px;
     padding-top: 20px;
     font-weight: 300;
 }

 .comp03_sec01 .swiper-pagination-progressbar {
     margin-top: 45px;
     background: #dadada;
     position: relative;
     height: 1px !important;
 }

 .comp03_sec01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 1px;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
     -webkit-backface-visibility: hidden;
 }

 .comp03_sec02 {
     margin: 45px auto 0;
     background-color: #f7f7f7;
     padding: 60px 0 60px;
 }

 .comp03_sec02 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .comp03_sec02 .sub_title_p04 {
     margin-top: 20px;
 }

 .comp03_sec02 .swiper_company02 {
     margin: 40px auto 0;
 }

 .comp03_sec02 .swiper_company02 .swiper-slide img {
     width: 100%;
 }

 .comp03_sec02 .txt01 {
     color: #000;
     font-size: 18px;
     padding-top: 40px;
     font-weight: 500;
 }

 .comp03_sec02 .txt02 {
     color: #000;
     font-size: 16px;
     padding-top: 20px;
     font-weight: 500;
     line-height: 26px;
 }

 .comp03_sec02 .txt03 {
     color: #000;
     font-size: 15px;
     padding-top: 20px;
     font-weight: 300;
     line-height: 25px;
     word-break: keep-all;
 }

 .comp03_sec02 .clinic_table {
     margin-top: 30px;
 }

 .comp03_sec02 .clinic_table ul {
     width: 100%;
     font-size: 0;
     display: table;
 }

 .comp03_sec02 .clinic_table ul:first-child {
     border-top: 2px solid #ccc;
 }

 .comp03_sec02 .clinic_table ul li {
     height: 50px;
     line-height: 50px;
     font-size: 14px;
     font-family: "Noto Sans KR", sans-serif;
     color: #454545;
     display: table-cell;
     width: 12%;
     text-align: center;
     border-bottom: 1px solid #ccc;
     vertical-align: middle;
 }

 .comp03_sec02 .clinic_table .circle {
     display: inline-block;
     overflow: hidden;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     border: 1px solid #dcd8d3;
     text-indent: -999px;
 }

 .comp03_sec02 .swiper-button-prev-company02 {
     position: absolute;
     top: 15%;
     left: 5%;
     margin-top: 0;
     width: 20px;
     height: 40px;
     background-size: 100% auto;
     outline: none;
 }

 .comp03_sec02 .swiper-button-next-company02 {
     position: absolute;
     top: 15%;
     right: 5%;
     margin-top: 0;
     width: 20px;
     height: 40px;
     background-size: 100% auto;
     outline: none;
 }

 .comp03_sec02 .swiper-pagination-progressbar {
     width: 90%;
     margin: 45px auto 0 auto;
     background: #dadada;
     position: relative;
     height: 1px !important;
 }

 .comp03_sec02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 1px;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
     -webkit-backface-visibility: hidden;
 }

 .comp03_sec03 {}

 .comp03_sec03 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .comp03_sec03 ul {}

 .comp03_sec03 ul li {
     border-top: 1px solid #ccc;
     padding: 30px 0;
 }

 .comp03_sec03 ul li:first-child {
     border-top: none;
 }

 .comp03_sec03 ul li .txt01 {
     font-size: 15px;
     color: #000;
 }

 .comp03_sec03 ul li .txt02 {
     font-size: 14px;
     line-height: 24px;
     color: #000;
     word-break: keep-all;
     margin-top: 25px;
     font-weight: 300;
 }

 .comp03_sec03 ul li dl {}

 .comp03_sec03 ul li dt {
     display: inline-block;
     vertical-align: top;
     width: 30%;
     font-weight: 400;
 }

 .comp03_sec03 ul li dd {
     display: inline-block;
     vertical-align: top;
     width: 69%;
 }

 div[class*="medi"] .inner {
     width: 90%;
     margin: 0 auto;
 }

 .medi01_sec01 {
     line-height: 1.6;
 }

 .medi01_sec01 .sub_title_t01 {
     padding: 40px 0;
     font-size: 20px;
 }

 .medi01_sec01 img {
     width: 100%;
     padding-bottom: 30px;
 }

 .medi01_sec01 .inner .dep1 {
     padding-bottom: 40px;
     border-bottom: 1px solid #d8d8d8;
 }

 .medi01_sec01 .inner .dep1 .txt02 {
     font-size: 18px;
     margin-bottom: 20px;
 }

 .medi01_sec01 .inner .dep1 .txt03 {
     font-size: 16px;
     margin-bottom: 30px;
     word-break: break-word;
 }

 .medi01_sec01 .inner .dep1 div:nth-of-type(5) {
     margin-bottom: 15px;
 }

 .medi01_sec01 .inner .dep1 .txt03:last-child {
     margin-bottom: 0;
 }

 .medi01_sec02 .inner .dep2 .img_area {
     margin: 40px 0 30px;
 }

 .medi01_sec02 .inner .dep2 .img_area div {
     display: inline-block;
     width: 32.5%;
 }

 .medi01_sec02 .inner .dep2 .img_area div img {
     width: 100%;
 }

 .medi01_sec02 .inner .dep2 .txt_cont {
     font-size: 15px;
     padding: 15px 0;
     border-bottom: 1px solid #e8e8e8;
     line-height: 1.6;
 }

 .medi01_sec02 .inner .dep2 .txt_cont:first-child {
     padding: 10px 0 15px 0;
 }

 .medi01_sec02 .inner .dep2 .txt_cont .txt01 {
     padding-bottom: 5px;
 }

 .medi01_sec03 .sub_title {
     margin: 50px 0;
 }

 .medi01_sec03 .sub_title .sub_title_line {
     width: 25px;
     height: 1px;
     margin: 0 10px 4px 0;
     background-color: #939393;
     display: inline-block;
 }

 .medi01_sec03 .sub_title .sub_title_t01 {
     display: inline-block;
     font-size: 18px;
     letter-spacing: 3px;
 }

 .medi01_sec03 .inner .figurelist li {
     display: none;
     opacity: 0.3;
 }

 .medi01_sec03 .inner .figurelist li:first-child .figurebox .figuretxt {
     padding-top: 0;
 }

 .medi01_sec03 .inner .dep3 .figurebox .figuretxt {
     font-size: 18px;
     padding: 50px 0 30px;
 }

 .medi01_sec03 .inner .dep3 .figurebox .figuretxt span {
     font-size: 16px;
 }

 .medi01_sec03 .inner .dep3 .figurebox .figureimg {
     width: 100%;
 }

 .medi01_sec03 .inner .dep3 .figurebox .figureimg img {
     width: 100%;
 }

 .medi01_sec03 .inner .dep3:last-child .figurebox .figureimg {
     padding-bottom: 0;
 }

 .medi01_sec03 .inner .figure_btn {
     display: block;
     margin: 0 auto;
     text-align: center;
 }

 .medi01_sec03 .inner .figure_btn a {
     display: inline-block;
     border: 1px solid #333;
     background-color: #333;
     color: #fff;
     width: 100%;
     height: 60px;
     line-height: 60px;
     text-align: center;
     font-family: "Noto Sans KR", sans-serif;
     font-size: 16px;
     font-weight: 300;
     margin: 40px 0 80px 0;
 }

 .medi01_sec03 .inner .figure_btn a:hover {
     border: 1px solid #000;
     background-color: #000;
     color: #fff;
 }

 .medi01_sec03 .inner .figure_btn_close {
     display: none;
 }

 .medi01_sec04 {
     background-color: #fbfafa;
 }

 .medi01_sec04 .sub_title_t01 {
     padding: 40px 0;
     font-size: 20px;
 }

 .medi01_sec04 .inner .efficacy_data_list li {
     display: none;
     opacity: 0.3;
     width: 100%;
     float: left;
     font-family: 'Noto Sans KR';
     font-size: 14px;
     border-bottom: 1px solid #e7e7e7;
     position: relative;
     padding: 5px 0;
 }

 .medi01_sec04 .inner .efficacy_data_list li:first-child {
     border-top: 1px solid #c9c9c9;
 }

 .medi01_sec04 .inner .efficacy_data_list li .efficacy_data_ko,
 .medi01_sec04 .inner .efficacy_data_list li .efficacy_data_info {
     float: left;
     padding-top: 12px;
     padding-bottom: 11px;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.8;
 }

 .medi01_sec04 .inner .efficacy_data_list li .efficacy_data_ko {
     width: 16%;
 }

 .medi01_sec04 .inner .efficacy_data_list li .efficacy_data_info {
     width: 84%;
 }

 .medi01_sec04 .inner .efficacy_data_list li .efficacy_data_icon {
     width: 18px;
     height: 18px;
     position: absolute;
     right: 0;
     top: 50%;
     margin-top: -8px;
 }

 .medi01_sec04 .inner .efficacy_data_list li i.efficacy_grade {
     font-style: normal;
     color: #fff;
     display: inline-block;
     width: 18px;
     height: 18px;
     text-align: center;
     background: #21912c;
     border-radius: 50px;
     border-top-left-radius: 20px;
     position: absolute;
     top: 0;
     right: 0;
 }

 .medi01_sec04 .inner .efficacy_data_list li i.efficacy_grade span {
     font-size: 10px;
 }

 .medi01_sec04 .inner .efficacy_data_list li .icon_rank i.efficacy_grade {
     background-color: #bfbfbf;
 }

 .medi01_sec04 .inner .efficacy_data_list li .icon_rank i.efficacy_grade span {
     font-size: 10px;
     font-weight: 600;
     color: #fff;
     content: '';
     display: block;
     width: 6px;
     height: 2px;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -1px;
     margin-left: -3px;
     border-radius: 4px;
 }

 .medi01_sec04 .inner .efficacy_data_list li .efficacy_data_icon img {
     vertical-align: top;
 }

 .medi01_sec04 .inner .moa_btn {
     display: block;
     margin: 0 auto;
     text-align: center;
 }

 .medi01_sec04 .inner .moa_btn a {
     display: inline-block;
     border: 1px solid #333;
     background-color: #333;
     color: #fff;
     width: 100%;
     height: 60px;
     line-height: 60px;
     text-align: center;
     font-family: "Noto Sans KR", sans-serif;
     font-size: 16px;
     font-weight: 300;
     margin: 40px 0 80px 0;
 }

 .medi01_sec04 .inner .moa_btn a:hover {
     border: 1px solid #000;
     background-color: #000;
     color: #fff;
 }

 .medi01_sec04 .inner .moa_btn_close {
     display: none;
 }

 .medi01_sec05 .inner .sub_title_t01 {
     padding: 60px 0 20px;
     font-size: 20px;
 }

 .medi01_sec05 .inner .img_area {
     margin: 30px 0;
 }

 .medi01_sec05 .inner .img_area img {
     width: 100%;
 }

 .medi01_sec05 .inner .txt02 {
     padding: 30px 0;
     border-top: 1px solid #ccc;
     font-size: 14px;
     line-height: 1.6;
 }

 .medi01_sec06 {
     margin-top: 40px;
     height: 350px;
     background: url('/assets/img/product/medical/medical01_img16.webp') no-repeat center;
     background-size: cover;
     position: relative;
     line-height: 1.6;
 }

 .medi01_sec06 .txt01 {
     padding: 60px 0 30px;
     color: #fff;
     font-size: 18px;
 }

 .medi01_sec06 .txt02 {
     color: #fff;
     font-size: 16px;
 }

 .medi01_sec07 {
     margin: 60px auto;
 }

 .medi01_sec07 .inner .sub_title_t01 {
     padding: 0 0 30px;
     font-size: 20px;
 }

 .medi01_sec07 .questions {
     margin: 0 auto;
     font-family: "Noto Sans KR", sans-serif;
     font-weight: 300;
     letter-spacing: -0.5px;
 }

 .medi01_sec07 .questions .has-sub .has-sub-a {
     margin: 20px auto;
     font-size: 16px;
     line-height: 1.6;
     color: #000;
     word-break: keep-all;
     display: none;
     padding: 0 15px;
 }

 .medi01_sec07 .questions .has-sub .has-sub-a p {
     cursor: pointer;
 }

 .medi01_sec07 .questions .has-sub .has-sub-b {
     margin: 0 auto;
     font-size: 12px;
     font-weight: 300;
     display: none;
     border-top: 1px solid #ccc;
     padding: 15px 0;
 }

 .medi01_sec07 .questions ul li a {
     font-size: 15px;
     line-height: 60px;
     color: #000;
     cursor: pointer;
     border: 1px solid #ccc;
     display: block;
     margin-top: 20px;
     padding: 0 20px;
     letter-spacing: -0.05em;
     background: url('/assets/img/product/program/questions_icon_down.webp') no-repeat 97% center;
 }

 .medi01_sec07 .questions ul li a span {
     background-color: #252525;
     font-size: 14px;
     color: #fff;
     text-align: center;
     margin-right: 10px;
     width: 18px;
     height: 18px;
     line-height: 18px;
     display: inline-block;
     padding-right: 1px;
 }

 .medi01_sec07 .questions>ul>li>a:hover {
     border: 1px solid #272727;
 }

 .medi01_sec07 .questions>ul>li.open>a {
     color: #fff;
     border: 1px solid #272727;
     background: #272727 url('/assets/img/product/program/questions_icon_up.webp') no-repeat 97% center;
 }

 .medi01_sec07 .questions>ul>li.open>a span {
     background-color: #fff;
     color: #272727;
 }

 .medi02_sec01 {
     line-height: 1.6;
 }

 .medi02_sec01 .sub_title_t01 {
     padding: 40px 0 10px;
     font-size: 24px;
     font-weight: 500;
 }

 .medi02_sec01 img {
     width: 100%;
     padding: 20px 0 40px;
 }

 .medi02_sec01 .inner .dep1 {
     padding-bottom: 40px;
 }

 .medi02_sec01 .inner .dep1 .txt02 {
     font-size: 18px;
     margin-bottom: 20px;
     font-weight: 500;
 }

 .medi02_sec01 .inner .dep1 .txt03:first-child {
     word-break: normal;
 }

 .medi02_sec01 .inner .dep1 .txt03 {
     font-size: 15px;
     margin-bottom: 20px;
     word-break: keep-all;
     line-height: 1.8;
 }

 .medi02_sec01 .inner .dep1 .txt03:last-child {
     margin-bottom: 0;
 }

 .medi02_sec02 {
     padding: 60px 0;
     background-color: #f7f7f7;
 }

 .medi02_sec02 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 1px;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
     -webkit-backface-visibility: hidden;
 }

 .medi02_sec02 .swiper-pagination-progressbar {
     margin-top: 45px;
     background: #dadada;
     position: relative;
     height: 1px !important;
 }

 .medi02_sec02 .swiper_medical01 .swiper-wrapper .swiper-slide img {
     width: 100%;
 }

 .medi02_sec02 .swiper_medical01 .swiper-wrapper .swiper-slide .txt01 {
     font-size: 18px;
     padding: 30px 0;
     color: #000;
     font-weight: 500;
 }

 .medi02_sec02 .swiper_medical01 .swiper-wrapper .swiper-slide .txt02 {
     font-size: 15px;
     line-height: 1.6;
 }

 .medi02_sec03 {
     background-color: #f7f7f7;
 }

 .medi02_sec03 .img_area img {
     width: 100%;
 }

 .medi02_sec03 .txt_area {
     padding: 40px 0;
     border-bottom: 1px solid #cccccc;
 }

 .medi02_sec03 .txt_area:last-child {
     border-bottom: 0;
     padding-bottom: 50px;
 }

 .medi02_sec03 .txt_area .txt01 {
     font-size: 18px;
     color: #000;
     padding-bottom: 30px;
     font-weight: 500;
 }

 .medi02_sec03 .txt_area .txt02 {
     font-size: 15px;
     color: #000;
     padding-bottom: 10px;
     font-weight: 500;
 }

 .medi02_sec03 .txt_area .txt03 {
     font-size: 15px;
     color: #000;
     line-height: 1.8;
 }

 .medi02_sec03 .txt_area .txt03 span {
     visibility: hidden;
 }

 .medi03_sec01 {
     line-height: 1.6;
 }

 .medi03_sec01 .inner .sub_title_t01 {
     padding: 40px 0 10px;
     font-size: 24px;
     font-weight: 500;
 }

 .medi03_sec01 .inner .txt01 {
     font-size: 15px;
     margin-bottom: 30px;
     line-height: 1.8;
 }

 .medi03_sec01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: #000;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 1px;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
     -webkit-backface-visibility: hidden;
 }

 .medi03_sec01 .swiper-pagination-progressbar {
     margin-top: 45px;
     background: #dadada;
     position: relative;
     height: 1px !important;
 }

 .medi03_sec01 .swiper_medical02 .swiper-wrapper .swiper-slide img {
     width: 100%;
 }

 .medi03_sec01 .inner .txt_area {
     padding: 40px 0 20px;
     border-bottom: 1px solid #cccccc;
     font-size: 15px;
 }

 .medi03_sec01 .inner .txt_area .txt03 {
     padding: 20px 0;
     line-height: 1.8;
 }

 .medi03_sec01 .inner .txt04 {
     font-size: 12px;
     padding: 40px 0;
     line-height: 1.8;
 }

 .medi03_sec02 {
     background-color: #f7f7f7;
 }

 .medi03_sec02 .inner .sub_title_t01 {
     padding: 60px 0 20px;
     font-size: 24px;
     font-weight: 500;
 }

 .medi03_sec02 .inner .txt01 {
     font-size: 15px;
     margin-bottom: 30px;
     line-height: 1.8;
 }

 .medi03_sec02 .inner .study_box {
     border-top: 1px solid #cccccc;
     padding: 40px 0;
 }

 .medi03_sec02 .inner .study_box .txt02 {
     font-size: 15px;
 }

 .medi03_sec02 .inner .study_box .txt02:nth-child(2) {
     padding: 20px 0;
 }

 .medi03_sec02 .inner .study_box .img_area img {
     width: 100%;
 }

 .medi03_sec02 .inner .study_box .txt03 {
     font-size: 15px;
     padding: 10px 0 20px;
 }

 .sub_cont {
     padding: 60px 6%;
     font-size: 14.4px;
     color: #353434;
 }

 .sub_cont01 {
     padding: 40px 20px 60px;
     font-size: 14.4px;
     color: #353434;
 }

 .sub_cont02 {
     padding: 60px 20px 40px;
     font-size: 14.4px;
     color: #353434;
 }

 .stitle01 {
     font-size: 24px;
     color: #353434;
     font-weight: 500;
     line-height: 25px;
 }

 .stitle02 {
     margin-top: 15px;
     font-size: 14.4px;
     color: #353434;
     line-height: 1.83;
 }

 .timg {
     margin-top: 60px;
 }

 .timg img {
     width: 100%;
 }

 .timg.full_type {
     margin-left: -20px;
     margin-right: -20px;
 }

 .timg+.timg {
     margin-top: 24px;
 }

 .cont_t01 {
     padding: 40px 0;
 }

 .cont_t01 img {
     width: 100%;
     margin-bottom: 30px !important;
 }

 .cont_t01 .ctit01 {
     font-size: 18px;
     color: #353434;
     line-height: 25px;
     font-weight: 500;
 }

 .cont_t01 .ctit02 {
     margin-bottom: 13px;
     font-size: 18px;
     color: #353434;
     line-height: 25px;
     font-weight: 500;
 }

 .cont_t01 .t01 {
     margin-top: 22px;
     font-size: 15.6px;
     color: #454545;
     line-height: 1.53;
     font-weight: 500;
 }

 .cont_t01 .t01:first-child {
     margin-top: 0;
 }

 .cont_t01 .t02 {
     margin-top: 15px;
     margin-bottom: -7px;
     font-size: 14.4px;
     color: #353434;
     line-height: 1.83;
 }

 .cont_t01 .t02+.t02 {
     margin-top: 17px;
 }

 .cont_t01 .t03 {
     margin-top: 7px;
     font-size: 17px;
     color: #454545;
     line-height: 1.53;
     font-weight: 500;
     word-break: keep-all;
 }

 .cont_t01 .t03 span {
     text-decoration: line-through;
     padding-left: 10px;
     color: #c3c3c3;
 }

 .cont_t01 em {
     font-weight: 500;
 }

 .cont_t01:first-child {
     padding-top: 0;
 }

 .cont_t01+.cont_t01 {
     border-top: 1px solid #cccccc;
 }

 .list_t01 {
     overflow: hidden;
     margin-top: 10px;
     font-size: 0;
 }

 .list_t01 li {
     display: inline-block;
     position: relative;
     margin-top: 12px;
     padding-left: 16px;
     font-size: 14.4px;
     vertical-align: top;
     width: 100%;
     box-sizing: border-box;
     line-height: 1.5;
 }

 .list_t01 li:before {
     position: absolute;
     top: 0;
     left: 0;
     content: '□';
 }

 .list_t01 li.half {
     float: left;
     width: 50%
 }

 .list_t01 li.half:nth-child(2n+1) {
     clear: both;
 }

 .list_t02 {
     margin-top: 10px;
 }

 .list_t02 li {
     display: inline-block;
     width: 100%;
     font-size: 14.4px;
     vertical-align: top;
     line-height: 1.83;
 }

 .list_t02 span {
     float: left;
     font-weight: 500;
 }

 .list_t02 p {
     margin-left: 120px;
 }

 .faq h3 {
     font-size: 18px;
     color: #353434;
     line-height: 25px;
     font-weight: 500;
 }

 .faq dl {
     margin-top: 40px;
 }

 .faq dt {
     font-size: 15.6px;
     color: #454545;
     line-height: 1.53;
     font-weight: 500;
 }

 .faq dd {
     position: relative;
     margin-top: 13px;
     padding-left: 18px;
     font-size: 14.4px;
     color: #353434;
     line-height: 1.83;
 }

 .faq dd .txt_a {
     position: absolute;
     top: 0;
     left: 0;
 }

 .bg01 {
     background: #f7f7f7;
 }

 .btn_more02 {
     display: inline-block;
     margin-top: 33px;
     width: 100%;
     border: 1px solid #ccc;
     font-family: 'Noto Sans KR', '맑은 고딕', Verdana, Dotum, AppleGothic, sans-serif;
     font-size: 14px;
     line-height: 60px;
     color: #424141;
     text-align: center;
     box-sizing: border-box;
 }

 .btn_more02:hover,
 .btn_more02:focus {
     background: #000;
     color: #fff;
     border: 1px solid #000;
 }

 .sub_detailArea {}

 .sub_detailArea .imgArea {
     padding: 60px 5% 5%;
 }

 .sub_detailArea .imgArea img {
     width: 100%;
 }

 .sub_detailArea .infoArea {
     padding: 0 6%;
 }

 .sub_detailArea .infoArea .title {}

 .sub_detailArea .infoArea .title .t01 {
     font-size: 13px;
     color: #252525;
     margin: 20px 0;
 }

 .sub_detailArea .infoArea .title .t02 {
     font-size: 20px;
     color: #252525;
     margin-bottom: 20px;
     line-height: 1.5;
 }

 .sub_detailArea .infoArea .title .t03 {
     font-size: 15px;
     color: #000;
     line-height: 28px;
     word-break: keep-all;
 }

 .sub_detailArea .infoArea .option {
     margin-top: 30px;
     margin-bottom: 30px;
 }

 .sub_detailArea .infoArea .option ul {}

 .sub_detailArea .infoArea .option ul li {
     padding: 24px 0;
     font-size: 15px;
     border-top: 1px solid #ccc;
 }

 .sub_detailArea .infoArea .option ul li span {
     display: block;
     float: left;
     word-break: keep-all;
     line-height: 24px;
 }

 .sub_detailArea .infoArea .option ul li p span {
     line-height: 26px;
 }

 .sub_detailArea .infoArea .option ul li span strike {
     padding-left: 10px;
     color: #c3c3c3;
 }

 .sub_detailArea .infoArea .option ul li span.rel {
     width: 30%;
 }

 .sub_detailArea .infoArea .option ul li span.cont {
     width: 70%;
 }

 .sub_detailArea .infoArea .button {}

 .sub_detailArea .infoArea .button ul {}

 .sub_detailArea .infoArea .button ul li {
     width: 100%;
 }

 .sub_detailArea .infoArea .button ul li a {
     display: block;
     width: 100%;
     line-height: 60px;
     text-align: center;
     font-size: 14px;
     font-family: "Noto Sans KR", sans-serif;
     font-weight: 300;
     box-sizing: border-box;
 }

 .sub_detailArea .infoArea .button ul li.cart a {
     border: 1px solid #ccc;
     color: #000;
     margin-bottom: 10px;
 }

 .sub_detailArea .infoArea .button ul li.buy a {
     border: 1px solid #333;
     color: #fff;
     background: #333;
 }

 .sub_detailArea .infoArea .button ul li:hover a,
 .sub_detailArea .infoArea .button ul li:focus a {
     border: 1px solid #000;
     color: #fff;
     background: #000;
 }

 .event01_sec01 {
     margin: 60px auto 0;
 }

 .event01_sec01 .inner {
     width: 90%;
     margin: 0 auto;
 }

 .event01_sec01 .inner .sub_title_p02 {
     padding-top: 0;
 }

 .event01_sec02 {
     margin: 35px auto 0;
 }

 .event01_sec02 .inner {
     width: 90%;
     margin: 0 auto;
     border-top: 1px solid #ccc;
     padding: 35px 0 0;
 }

 .event01_sec02 .inner img {
     width: 100%;
 }

 .event01_sec02 .txt00 {
     color: #9d826d;
     font-size: 13px;
     font-weight: 100;
     font-family: 'Noto Sans KR', sans-serif;
     margin: 25px 0 15px;
 }

 .event01_sec02 .txt01 {
     color: #000;
     font-size: 18px;
     letter-spacing: -0.5px;
     padding: 0 0 25px;
 }

 .event01_sec02 .txt02 {
     color: #000;
     font-size: 15px;
     line-height: 25px;
     font-family: 'Noto Sans KR', sans-serif;
     font-weight: 300;
     padding-bottom: 30px;
 }

 .event01_sec02 .txt03 {
     color: #000;
     font-size: 14px;
     font-family: 'Noto Sans KR', sans-serif;
 }

 .event01_sec02 .txt03 span {
     color: #fff;
     font-size: 12px;
     margin-right: 8px;
     padding: 1px 5px 3px;
     background-color: #252525;
     text-align: center;
 }

 .event_btn {
     display: block;
     margin: 60px auto 0;
     text-align: center;
 }

 .event_btn a {
     display: inline-block;
     border: 1px solid #333;
     background-color: #333;
     color: #fff;
     width: 90%;
     height: 60px;
     line-height: 60px;
     text-align: center;
     font-family: "Noto Sans KR", sans-serif;
     font-size: 15px;
     font-weight: 300;
 }

 .event_btn a:hover {
     border: 1px solid #000;
     background-color: #000;
 }

 .board_title {
     margin: 60px auto;
     width: 90%;
 }

 .board_title .board_title01 {
     color: #000;
     font-size: 24px;
     line-height: 34px;
     text-align: left;
     word-break: keep-all;
 }

 .board_title .board_title02 {
     color: #000;
     font-size: 16px;
     line-height: 24px;
     text-align: left;
     word-break: keep-all;
     margin-top: 20px;
 }

 .board_category {
     margin: 0 auto 60px;
     width: 90%;
     position: relative;
 }

 .board_category .allcatebox {
     height: 55px;
     line-height: 55px;
     font-size: 15px;
     color: #000;
     cursor: pointer;
     border: 1px solid #ccc;
     display: block;
     padding: 0 5%;
     background: url('/assets/img/product/program/questions_icon_down.webp') no-repeat 95% center;
     background-size: 16px 8px;
     font-family: 'Noto Sans KR', sans-serif;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
 }

 .board_category ul {
     width: 100%;
     border: 1px solid #ccc;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     display: none;
     position: absolute;
     top: 54px;
     z-index: 55;
     background-color: #fff;
     padding: 5px 0;
 }

 .board_category ul.open {
     display: block;
 }

 .board_category ul li {
     width: 50%;
     float: left;
 }

 .board_category ul li a {
     font-size: 15px;
     color: #000;
     line-height: 50px;
     padding-left: 10%;
     font-family: 'Noto Sans KR', sans-serif;
     display: block;
 }

 .board_category ul li a:hover {
     background-color: #f8f8f8;
 }

 .beforeafter_list {
     border: 0;
     width: 90%;
     margin: 0 auto 60px;
 }

 .beforeafter_list .xans-board-list-8 {
     border-top: 1px solid #ccc;
 }

 .beforeafter_list .xans-board-list-8 .grid1 {
     padding: 0;
     left: 0;
 }

 .beforeafter_list .xans-board-list-8 .grid1 .thumbnail {
     padding: 0;
     margin: 0;
 }

 .beforeafter_list .xans-board-list-8 .grid1 .thumbnail img {
     border: 0;
 }

 .beforeafter_list .xans-board-list-8 .grid1 li {
     padding: 35px 0;
     margin: 0;
     border-bottom: 1px solid #ccc;
 }

 .beforeafter_list .xans-board-list-8 .grid1 .txt01 {
     padding: 35px 0;
 }

 .beforeafter_list .xans-board-list-8 .grid1 .txt01 a {
     font-size: 18px;
     color: #000;
     line-height: 20px;
     height: 20px;
     overflow: hidden;
     display: block;
 }

 .beforeafter_list .xans-board-list-8 .grid1 .txt02 {
     font-size: 15px;
     color: #000;
     line-height: 25px;
     letter-spacing: -0.5px;
 }

 .beforeafter_list .xans-board-list-8 .grid1 .txt03 {
     height: 20px;
     line-height: 20px;
     color: #353434;
     font-size: 15px;
     margin: 30px 0 0 0;
     padding-right: 15px;
     background-image: url('/assets/img/product/icon_arrow01_bk.webp');
     background-position: right center;
     background-repeat: no-repeat;
     display: inline-block;
     font-family: "Noto Sans KR", sans-serif;
     font-weight: 300;
 }

 .beforeafter_read {
     border: 0;
     width: 90%;
     margin: 0 auto;
     border-top: 1px solid #ccc;
 }

 .beforeafter_read .content_image {
     margin-top: 60px;
 }

 .beforeafter_read .content_image img {
     width: 100%;
 }

 .beforeafter_read .subject {
     color: #000;
     font-size: 18px;
     letter-spacing: -0.5px;
     padding: 25px 0;
 }

 .beforeafter_read .content {
     color: #000;
     font-size: 15px;
     letter-spacing: -0.5px;
     padding: 0;
     line-height: 25px;
     border: 0;
     word-break: keep-all;
 }

 .beforeafter_read .beforeafter_listbtn {
     display: block;
     margin: 60px auto 0;
     text-align: center;
 }

 .beforeafter_read .beforeafter_listbtn a {
     display: inline-block;
     border: 1px solid #333;
     background-color: #333;
     color: #fff;
     width: 100%;
     height: 60px;
     line-height: 60px;
     text-align: center;
     font-family: "Noto Sans KR", sans-serif;
     font-size: 15px;
     font-weight: 300;
 }

 .beforeafter_read .beforeafter_listbtn a:hover {
     border: 1px solid #000;
     background-color: #000;
 }

 .ec-base-paginate.typeList [class*='btn'] {
     display: inline-block;
     overflow: hidden;
     width: 30px;
     height: 30px;
     border: 0;
     border-radius: 0;
     font-size: 1px;
     line-height: 0;
     text-indent: -9999em;
     vertical-align: middle;
     background: #fff;
     background-repeat: no-repeat;
     background-position: 0;
     background-size: 30px 30px;
 }

 .ec-base-paginate.typeList .btnNext {
     background-image: url('/assets/img/product/paginate_right.webp');
 }

 .ec-base-paginate.typeList .btnPrev {
     background-image: url('/assets/img/product/paginate_left.webp');
 }

 .ec-base-paginate.typeList ol li a {
     display: inline-block;
     width: 30px;
     height: 30px;
     border: 0;
     border-radius: 0;
     font-size: 15px;
     line-height: 30px;
     color: #000;
     vertical-align: middle;
     background: #fff;
     font-family: "Noto Sans KR", sans-serif;
 }

 .ec-base-paginate.typeList ol li .this {
     background-color: #ededed;
 }

 .review_list {
     border: 0;
     width: 90%;
     margin: 0 auto 60px;
 }

 .review_list ul {
     border-top: 0;
 }

 .review_list ul li {
     padding: 25px 0;
     border: 0;
     border-top: 1px solid #e8e8e8;
     background-color: #fff;
 }

 .review_list ul li .imgLink {
     float: left;
     overflow: hidden;
     width: 30%;
 }

 .review_list ul li .imgLink img {
     width: 100%;
 }

 .review_list ul li .cont {
     float: left;
     width: 65%;
     margin-left: 5%;
 }

 .review_list ul li .cont .point {
     margin: 0 0 10px 0;
     display: block;
     height: 13px;
 }

 .review_list ul li .cont .r_subject {
     display: block;
     font-size: 14px;
     color: #000;
     line-height: 20px;
     width: 100%;
     height: 20px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 .review_list ul li .cont .r_subject img {
     vertical-align: middle;
     display: inline-block;
     margin-right: 5px;
     height: 15px;
 }

 .review_list ul li .cont .info {
     margin-top: 10px;
     font-size: 11px;
 }

 .review_list ul li .cont .info em,
 .review_list ul li .cont .info strong {
     display: inline-block;
     margin-right: 20px;
     font-weight: 300;
     font-style: normal;
     color: #909090;
     font-family: "Noto Sans KR", sans-serif;
 }

 .review_list .contentView {
     background: #fff;
     padding: 20px 0;
     margin-left: 35%;
     border: 0;
     padding: 0 0 40px 0;
     font-size: 14px;
     line-height: 24px;
     word-break: keep-all;
 }

 .xans-board-list li {
     padding: 14px 0;
 }

 .xans-board-list .subject {
     font-size: 13px;
     display: inline-block;
     width: 50%;
     padding: 0 0 0 5px;
     float: left;
     line-height: 50px;
     box-sizing: border-box;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .xans-board-list .summary>a>span {
     padding: 0;
 }

 .xans-board-list .span_box {
     display: inline-block;
     width: 50%;
     padding: 0 !important;
     float: right;
     line-height: 50px;
     box-sizing: border-box;
 }

 .xans-board-list .span_box span {
     padding: 0;
     font-size: 13px;
     text-align: left;
 }

 .xans-board-list .span_box span:nth-child(2) {
     display: inline-block;
     min-width: 40px;
     max-width: 60px;
     width: auto;
 }

 .xans-board-list .span_box span:nth-child(3) {
     padding: 0 8px;
 }

 .product_title {
     margin-bottom: 30px;
 }

 .xans-board-listpackage-4 .xans-board-buttonlist-4 {
     display: block;
     margin: 0 auto 30px;
     text-align: center;
 }

 .xans-board-listpackage-4 .xans-board-buttonlist-4 a {
     position: fixed;
     bottom: 0;
     left: 0;
     display: block;
     border: 1px solid #333;
     background-color: #333333;
     color: #fff;
     width: 100%;
     height: 60px;
     line-height: 60px;
     text-align: center;
     font-family: "Noto Sans KR", sans-serif;
     font-size: 15px;
     font-weight: 300;
     padding: 0;
     border-radius: 0;
     z-index: 100;
 }

 .xans-board-listpackage-4 .xans-board-buttonlist-4 a:hover {
     border: 1px solid #000;
     background-color: #000;
 }

 .xans-board-readpackage-4 {
     border-top: 1px solid #ccc;
     width: 90%;
     margin: 0 auto;
 }

 .xans-board-movement-4,
 .xans-board-commentpackage-4 {
     width: 90%;
     margin: 0 auto;
 }

 .btnTop {
     top: auto !important;
     left: auto !important;
     bottom: 81px;
     right: 10px;
     margin: 0 !important;
     background: #333333 no-repeat !important;
     background-size: 12px !important;
     background-position: 50% 50% !important;
     border: none !important;
     border-radius: 0 !important;
     opacity: 1 !important;
 }

 .btnTop a {
     display: block !important;
     width: 42px !important;
     height: 42px !important;
     padding: 0 !important;
     line-height: 0 !important;
 }

 @font-face {
     font-family: "Neue Haas Unica Pro";
     src: url(/assets/fonts/NeueHaasUnicaPro-Bold.otf);
 }

 body {
     height: 100%;
     overflow: auto;
 }

 #fixed_btn2 {
     display: block !important;
     position: fixed;
     bottom: 4.75%;
     width: 35.7% !important;
     max-width: 250px !important;
     z-index: 5;
 }

 #fixed_btn2 .btn_event {}

 #fixed_btn2 .btn_event img {
     display: block;
     width: 100%;
 }

 #event_pop {
     position: fixed;
     top: 0;
     z-index: 2001;
     width: 100%;
     max-width: 700px;
     height: 100%;
     overflow: scroll;
     padding: 55px 0px 20px;
     color: #3c3c3c;
     font-family: "Noto Sans KR", "맑은 고딕", Verdana, Dotum, AppleGothic, sans-serif;
     font-weight: 300;
     background: #fff;
     transform: translateY(-105%);
     transition: all 0.4s;
 }

 #event_pop.open {
     transform: translateY(0);
 }

 #event_pop .btn_close {
     position: absolute;
     top: 0;
     right: 5.3125%;
     margin-top: 5.3125%;
     width: 3.9%;
 }

 #event_pop .btn_close img {
     width: 100%;
 }

 #event_pop h2 {
     font-weight: 400;
     font-size: 20px;
     line-height: 1;
 }

 #event_pop .frow {
     margin-top: 22px;
     padding: 0 0;
 }

 #event_pop .frow.info {
     margin-top: 35px;
     padding: 0 0;
 }

 #event_pop .frow .label {
     display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 38px;
 }

 #event_pop .frow input[type="text"] {
     width: 100%;
     height: 38px;
     padding: 0;
     border: 0;
     border-bottom: 1px solid #cccccc;
     font-size: 16px;
     color: #3c3c3c;
     background: #fff;
 }

 #event_pop .frow p.caution {
     font-size: 13px;
     color: #3c3c3c;
     line-height: 26px;
 }

 #event_pop .alert_msg {
     display: none;
     padding-top: 11px;
     font-size: 16px;
     color: #ae6759;
 }

 #event_pop .chk_area {
     height: 90px;
 }

 #event_pop .frow input[type="submit"] {
     width: 100%;
     background: #ff1f00;
     border-radius: 5px;
     color: #fff;
     font-weight: 600;
     font-size: 16px;
     line-height: 50px;
 }

 #event_pop .btn_submit {
     display: block;
     width: 100%;
 }

 #event_pop input::-webkit-input-placeholder {
     color: #3c3c3c;
 }

 #event_pop input:-moz-placeholder {
     color: #3c3c3c;
     opacity: 1;
 }

 #event_pop input::-moz-placeholder {
     color: #3c3c3c;
     opacity: 1;
 }

 #event_pop input::-ms-input-placeholder {
     color: #3c3c3c;
 }

 #event_pop input::input-placeholder {
     color: #3c3c3c;
 }

 .event_pop_bg {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 1000;
     background: rgba(0, 0, 0, 0.65);
 }

 .checkbox {
     position: relative;
     height: 20px;
     letter-spacing: -0em;
 }

 .checkbox+.checkbox {
     margin-top: 10px;
 }

 .checkbox input {
     position: absolute;
     left: 0;
     top: 50%;
     width: 15px;
     height: 15px;
     margin-top: -8px;
     opacity: 0;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     outline: 0;
 }

 .checkbox label {
     padding-left: 37px;
     font-size: 16px;
     color: #3c3c3c;
     line-height: 20px;
 }

 .checkbox label:before {
     position: absolute;
     top: 50%;
     left: 0;
     width: 15px;
     height: 15px;
     margin-top: -8px;
     border: 1px solid #636363;
     content: "";
 }

 .checkbox input:checked+label:before {
     border: 0;
     background: url("/assets/img/icon_checkbox.webp") no-repeat center;
     background-size: 100% auto;
 }

 .checkbox input:focus+label:before {
     outline: 1px dotted #000;
 }

 .checkbox.q1 {
     width: 49% !important;
     margin-top: 15px;
     display: inline-block;
 }

 #event_pop .inwrap {
     height: auto;
     overflow: scroll;
     padding: 0px 20px 0px;
 }

 #event_pop .inwrap .box {
     width: 100%;
     margin-bottom: 20px;
 }

 #event_pop .inwrap .box p {
     width: 100%;
 }

 #event_pop .inwrap .box p.promotion {
     text-align: center;
     font-family: "Neue Haas Unica Pro";
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 32px;
     margin-bottom: 10px;
 }

 #event_pop .inwrap .box p.leadCopy {
     text-align: center;
     font-style: normal;
     font-weight: 300;
     font-size: 22px;
     line-height: 32px;
     margin-bottom: 22px;
 }

 #event_pop .inwrap .box video {
     width: 100%;
 }

 .event_pop_bg {
     z-index: 2000;
 }

 #event_pop {
     position: relative;
     transform: none;
     padding: 0 0;
     width: auto;
     height: auto;
     overflow: visible;
     background: none;
     opacity: 0;
     visibility: hidden;
 }

 #event_pop.open {
     transform: none;
     opacity: 1;
     visibility: visible;
 }

 #event_pop .inwrap {
     overflow: visible;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     max-width: 700px;
     padding: 23px 28px;
     background: #fff;
     border-radius: 25px;
     box-sizing: border-box;
     z-index: 2001;
 }

 #event_pop .inwrap form {}

 #event_pop .inwrap form .ms-form-inner-data {}

 #event_pop .inwrap form .ms-form-inner-data .ms-form-close {
     position: static;
     top: 15px;
     right: 15px;
     border-radius: 50%;
     padding: 5px;
     width: 30px;
     margin: 0 0 30px auto;
     cursor: pointer;
 }

 #event_pop .inwrap form .ms-form-inner-data .ms-form-close>svg {
     width: 25px;
 }

 #event_pop .inwrap form .ms-form-inner-data .ms-inner-text {
     text-align: center;
 }

 #event_pop .inwrap form .ms-form-inner-data .ms-inner-text .promotion {
     font-size: 20px;
     font-weight: 600;
     letter-spacing: 0.02em;
     color: #FF1F00;
     margin-bottom: 15px;
     font-family: "Neue Haas Unica Pro" !important;
 }

 #event_pop .inwrap form .ms-form-inner-data .ms-inner-text .leadCopy {
     font-size: 18px;
     letter-spacing: -0.03em;
     font-weight: 400;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow {
     font-size: 0;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom {
     position: relative;
     margin: 15px auto 0;
     width: 215px;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom .select-button {
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 36px;
     padding: 0 12px 0 15px;
     border: 0.75px solid #dfdfdf;
     border-radius: 5px;
     cursor: pointer;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom .select-button>strong {
     display: block;
     width: calc(100% - 13px);
     font-size: 15px;
     font-weight: 400;
     color: #3c3c3c;
     white-space: nowrap;
     overflow: hidden;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom .select-button>span {
     display: flex;
     align-items: center;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom .select-button>span>svg {
     width: 13px;
     stroke: rgba(60, 60, 60, 0.76);
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom.on .select-button>span>svg {
     transform: rotate(180deg);
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom .select-list {
     position: absolute;
     top: calc(100% - 5px);
     left: 0;
     width: 100%;
     padding: 13px 0;
     border: 0.75px solid #dfdfdf;
     border-radius: 5px;
     background: #fff;
     opacity: 0;
     visibility: hidden;
     cursor: pointer;
     transition: .5s;
     z-index: 1;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom.on .select-list {
     opacity: 1;
     visibility: visible;
     top: calc(100% + 5px);
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom .select-list>li {
     padding: 7px 14px;
     margin-bottom: 6px;
     font-size: 15px;
     color: #3c3c3c;
     line-height: 1;
     font-weight: 400;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom .select-list>li:last-child {
     margin-bottom: 0;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.select-custom .select-list>li.on {
     background: #f6f6f6;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow.ms-number {
     margin-top: 40px;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow input[type="text"] {
     height: 40px;
 }

 #event_pop .inwrap form .ms-form-inner-data .frow input[type="text"]::placeholder {
     color: #c8c8c8;
 }

 #event_pop .inwrap form .ms-form-inner-data .ms-checkbox-wr {
     margin-top: 56px;
 }

 #event_pop .inwrap form .ms-form-inner-data .ms-checkbox-wr .checkbox label {
     padding-left: 30px;
     font-weight: 400;
     font-size: 15px;
 }

 #event_pop .alert_msg {
     color: #ff0000;
 }

 #event_pop .ms-submit-btn {
     width: 35.7vw !important;
     max-width: 250px !important;
     height: 10.8vw;
     max-height: 73px;
     margin: 60px auto 0;
 }

 #event_pop .ms-submit-btn input[type="submit"] {
     display: block;
     width: 100%;
     height: 100%;
     background: url(/assets/img/contents_submit_img_new_2.webp) no-repeat center center/100%;
     font-size: 0;
     cursor: pointer;
 }

 @media all and (max-width:700px) {
     #event_pop .inwrap {
         height: 100%;
         border-radius: 0;
         padding: 30px 28px 0;
         overflow-y: scroll;
     }

     #event_pop .inwrap::-webkit-scrollbar {
         display: none;
     }
 }