/* 추가 22-11-18 */


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
[class *= "material-icons"].md-12{font-size: 12px;}
[class *= "material-icons"].md-16{font-size: 16px;}
[class *= "material-icons"].md-18{font-size: 18px;}
[class *= "material-icons"].md-24{font-size: 24px;}
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.orange600 { color: #FB8C00; }


.img-size-fit{
   position: relative;
   height: 0;
   padding-bottom: 61%;
   display: block;
}
.img-size-fit img{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

/* 페이지 네비 */
/* 피시 */
.page-top{
background:#f6f6f6;
}
.page-top .page_navi {
}
.page-top .page_navi li {
   display: inline-block;
   text-align: center;
   background: url(/images/position_arrow.gif) 0 3px no-repeat;
   list-style: none;
}
.page-top .page_navi li.active{
   background:#fff;
}
.page-top .page_navi li a{
   display:inline-block;
   padding: 22px 15px;
   min-width: 120px;
   font-size: 16px; font-weight:500;
   line-height: 14px; 
}
.page-top .page_navi li.active a{
   /* color:#0e6eb8; */
   font-weight:600;
}
/* 모바일 */
.sub_nav_wrap{width: 100%; height: 60px;position: absolute;top:300px;left: 0;z-index: 9;}
.sub_nav_wrap p{position: relative;display: flex;justify-content: center;align-items: center;width: 100%;height: 60px;background: #fff;color: #000;border-bottom: 1px solid #666;font-weight: bold;font-size: 16px;text-align: center;padding: 0 40px;}
.sub_nav_wrap p img{width: 15px;position: absolute;top:50%;right: 20px;transform: translateY(-50%) rotate(180deg);}
.sub_nav_wrap p.on img{transform: translateY(-50%);}
.sub_nav_wrap .sub_nav.on{display: block;}
.sub_nav_wrap .sub_nav{
   position: static;width: 100%;height: auto;border: none;transition: none;display: none;background: #fff;}
.sub_nav li{width: 100%;}
.sub_nav li.active a{background-size: contain; background: #f3f3f3; font-weight: normal;}
.sub_nav li.active{background: #fff;}
.sub_nav li a{
   display: block;
   height: 45px; line-height: 45px; text-align: center;}



.bd-1400{width: 1400px;}

.slick-dots li button:before{font-size:28px !important; content:'' !important;
   background-image: url('https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/IPIACOSMETIC/156432842269999.png');
   background-size: cover; width: 10px !important; height: 10px !important;}
.swiper-pagination.bottom-type{
   bottom: 30px !important;
   top:initial !important; margin-bottom: 50px;}  
.pd-slide .slick-dots {bottom:-48px;}

.text-cont{font-size: 19px;}
.text-cont.gray{color:#666;}

section{margin-top:112px; margin-bottom:112px; position: relative; min-height:360px;}
.con-tit > h2{
   margin-bottom:40px;
   font-size: 3.42em;  line-height: 1.3em; font-weight: 700; color:#000;
   -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out;}
.con-tit > h3{font-size:2.275em; font-weight:500; color:#000;}
.con-tit > p{font-size:1.1em; color: #232323; font-weight: 400;}
.con-tit > p > a{font-weight: 500;}
.con-tit > p > a:hover{text-decoration: underline;}

.con-tit span{
   margin-bottom: 8px;
   display: block;}
.con-tit span[class *= "material-icons"]{
   display: inline-block;}

.sig-color{color:#222 !important; font-weight: 500 !important;}
.naro-gray{color:#777;}


/* main-cst1 */
.full-txt, .full-img{position: relative; height:600px;}
.full-img img{height:100%;}
.full-txt .inner{position: absolute; top:40%; transform: translateY(-50%); width:calc(100% - 26%); right:0;}
.con-txt p.p-st1{font-size:1.5em; font-weight:700; letter-spacing: 5px;} 
.con-txt p.p-st2{color:#39a4c6; font-size:1.25em; font-weight: 500; line-height: 1.8;}
.con-txt p.p-st3{font-size:1.1em; line-height: 1.8;}


/* pd */
.pd-slide > li{padding:0 15px !important;     margin-bottom: 90px;}

.pd-content{}
.pd-content li .inner{cursor: pointer;}
.pd-content li .inner.soldout .pd-img-con{opacity: .7;}
.pd-content li .inner.soldout
.pd-content li .inner:hover .pd-img-con{background-color:#fff;}

.pd-img-con{padding: 20px; padding-bottom: 0;}
.pd-img-con .pd-img{
   padding-bottom: 100%;
   position: relative;}
.pd-img-con .pd-img img{
   position: absolute;
    width: 100%;
    padding-bottom: 0%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.pd-txt-con{
   position: relative; min-height:128px;
   margin-top:20px; padding: 26px}
.pd-txt-con .cate-name{
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 5px;
}
.pd-txt-bt{
   position: absolute;
   width: 100%; margin-top: 25px; text-align: left;
}
.pd-txt-bt .pd-price{
   display: flex;
   gap: 10px;
}
   .pd-txt-con .pd-name {
   color: #000;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   word-wrap: break-word;
   line-height: 1.5;
   margin-top: 9px;   font-size: 1.45em;
   font-weight:600;
}
.pd-txt-con .pd-discount{font-size: 1.3em; text-decoration: line-through; color:#BEBEBE; font-weight: 500;}
.pd-txt-con .pd-price-con{
   font-size:1.1em;color:#232323; font-weight: 600; 
   /* margin-bottom: 16px; */
}
.pd-txt-con .pd-price-con > span{
   display: inline-block; position: relative; }
.pd-txt-con .price{
   font-size: 22px;
   font-weight: 800;}
.pd-txt-con .price.pd-strike {
   color: #BEBEBE;
   font-size: 1.28em;     font-weight: 600;
   text-decoration: line-through;
}
.pd-txt-con .pd-price-con .discount-rate{
   display: inline-block;
   color:#EC0000; font-weight: 800;}
.pd-txt-con .pd-pct{color:#d51e3d; font-size:0.85em; bottom:1px; font-weight: 700; margin-left:8px;}

.pd-unit{}
.pd-unit li{display:inline-block;}
.pd-unit li a{
  display: inline-block; font-size: 15px;
  padding:11px 22px 10px; border-radius:30px;
}
.pd-unit li.buy a{background:#3F4192; color:#fff; display: inline-block;}
.pd-unit li.view a{color:#707070;}

.pd-i-unit{margin-top:16px; cursor: auto;}
.pd-i-unit:after{content:''; display: block; background-color:transparent; width:42px; height:42px; border:1px solid transparent;  position: absolute; bottom:0; right:0; z-index: 1; border-radius: 50%;}
.pd-i-unit i.i-wish{background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-wish.png);}
.pd-i-unit i.i-cart{background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-cart.png);}
.pd-i-unit i{background-image:url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-cart.png); width: 22px; height: 22px; position: relative; z-index: 2; display: inline-block; cursor: pointer;
   -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; margin:0 4px;}

/* 추가 */

/* .pd-link{display:inline-block;} */
.pd-link a{
    border:1px solid #1D1D1F; padding:9px 18px; border-radius:5px;}
.pd-link .more{color:#1D1D1F; margin-right: 16px;}
.pd-link .buy{background:#1D1D1F; color:#fff;}




/* sub page */

/* 서브비주얼 */
.sub-visual{
   position: relative;
   z-index: 1;
   display: table;
   width: 100%;
   height:700px;
   padding-top: 70px;
   color: #fff;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   overflow: hidden;
}
.sub-visual .wrapper-sub-top{
   background-size:cover;
   animation: bg-scale 3s ease-out forwards;
}

@keyframes bg-scale {
   0% {
      transform: scale(1.05);
   }
 
   100% {
      transform: scale(1);
   }
 }

 .sub-visual .company-bg {
   background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164003589991040.jpg)
   no-repeat;
   background-size:cover;
  } 
/* .sub-visual .shop-bg{
   background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164003142762036.jpg) top 60% center;
   background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164114327145909.jpg) top 60% center;
   background-size:cover;
} */
.sub-visual .shop-bg .con-tit *{
   color:#000;
}
.sub-visual .download-bg{
   background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164079357940188.jpg) no-repeat top 10% center;
   background-size:cover;
}
.sub-visual .catalog-bg{
   background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164003677820258.jpg) no-repeat bottom 10% center;
   background-size:cover;
}
.sub-visual .notice-bg{
   background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164003692268070.jpg) no-repeat center;
   background-size:cover;
}
.sub-visual .qna-bg{
   background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164108110923425.jpg) no-repeat center;
   background-size:cover;
}
.sub-visual .contact-bg{
   background: url(https://pomesoft-s3.s3.ap-northeast-2.amazonaws.com/pomesoft/_uploads/WKCC/publishing/164003629488351.jpg) no-repeat center;
   background-size:cover;
}
.sub-visual .wrapper-sub-top{
   padding-bottom:100px;
   vertical-align: bottom;
   box-sizing: border-box;
   display: table-cell;
   width: 100%;
   height: 100%;
}
.sub-visual .wrapper-sub-top .con-tit h2{
   opacity:0;
   color: #222;
   font-size: 4.0em;
   font-weight: 700;
   letter-spacing: -.025rem;
   margin-bottom: 7px !important;
   animation: text-up 1s 0.2s alternate forwards;
   font-family: 'Lato';
}
.sub-visual .wrapper-sub-top .con-tit p{
   opacity:0;
   font-size: 22px; 
   animation: text-up 0.8s 0.5s alternate forwards;
   line-height: 1.4;
}
 
@keyframes text-up {
   0% {
      opacity:0;
      transform: translateY(20px);
   }
   
   100% {
      opacity:1;
      transform: translateY(0px);
   }
}
.wrapper-sub-p{padding-top:150px;}

/* sub page tab */
[class*="subpage-tab-wrap-"]{margin-left: auto; margin-right:auto; ; z-index: 2;overflow: hidden;
   overflow-x: auto;  white-space: nowrap; -ms-overflow-style: none;
   width:1200px; max-width:100%; overflow: hidden; overflow-X: auto; text-align: left;}
   [class*="subpage-tab-wrap-"]::-webkit-scrollbar {height:4px;}
   [class*="subpage-tab-wrap-"]::-webkit-scrollbar-thumb {background: #e1e1e1;  border-radius: 4px;}

.subpage-tab-pc{width: 100%; border:1px solid #d1d1d1;}
.subpage-tab-pc .subpage-tab{} 
.subpage-tab-pc .subpage-tab > li{width: 25%; float:left; text-align: center; padding:20px 0; cursor: pointer;}
.subpage-tab-pc .subpage-tab > li.current{background-color:#f6f6f6;}
.subpage-tab-pc .subpage-tab > li div{border-right:1px solid #d1d1d1; width:100%;}
.subpage-tab-pc .subpage-tab > li:last-child div{border-right:0;}
.subpage-tab-pc .subpage-tab > li img{margin-bottom:8px;}
.subpage-tab-pc .subpage-tab > li  p{line-height: 1;}

.mypage .subpage-tab-pc .subpage-tab > li{width: 14.28%;}
   
.subpage-tab-wrap-main{
   width: calc(100% - 20px);
   margin-left: initial;
   height:60px; line-height:60px;display: none;}
.subpage-tab-wrap-main li.dep2{display:inline; padding:0; margin:0 12px; font-size:1.15em; cursor: pointer; opacity:.7; padding-bottom:10px;}
.subpage-tab-wrap-main li.dep2:first-child{margin-left: 0;}
.subpage-tab-wrap-main li.dep2.current, .subpage-tab-wrap-main li.dep2:hover{ opacity: 1; }

.subpage-tab-wrap-main .subpage-tab li.current{font-weight: 600;}

/* product page tab */
.mobile-subpage-tab-wrapper{display: none;}

/* float로 나눈 tab */
.p-tab-container li{padding:16px 12px; cursor: pointer;   border-bottom:2px solid #222; background-color:#fff;
   -webkit-box-shadow:0px 0px 0px #e1e1e1; -ms-box-shadow:0px 1px 0px #e1e1e1; box-shadow:0px 0px 0px #e1e1e1;}
.p-tab-container li.current{border:2px solid #222; border-bottom:0px solid transparent; font-weight: 600;}

/* subpage tab2 */
.subpage-tab2{text-align: center;}
.subpage-tab2 > li{border:1px solid #d1d1d1; border-radius: 25px; padding:4px 16px; font-size: 1em; margin:0 8px;}
.subpage-tab2 > li:hover{border:1px solid #626262;}
.subpage-tab2 > li.current{background-color:#626262; color:#fff; border:1px solid transparent;}

/* agreement */
.agreement-container{padding:0 48px;}
.agreement-container .contents{
   border-top: 1px solid #d9d9d9;
   padding-top: 60px;
}

/* 비밀글 */
.icon-reply{background-color: #626262; font-size: 0.725em; padding: 0px 8px; color: #fff; display: inline-block; margin-right:8px;}
.icon-secret{position: relative; width:19px; height:15px; display: inline-block; font-size:0;}
.icon-secret img{position: absolute; width: 17px; top:0px; left:2px;}


.mobile-d-block{display: none;}

.no_post2{font-size:1em; display: block; padding:128px 16px; text-align: center;}

.tab_open_menu{display: none;}



.subpage-tab-wrap-main.faq_tab{line-height: inherit; height: auto;}
.subpage-tab-wrap-main.faq_tab li{display: inline-block;}


.gallery-image{
   width: 903px; height:508px;
}



/* 더보기버튼 */
.view a{
   display: block;
   width: 197px;
   max-height: 48px;
   margin-top: 47px;
   padding: 12px 0;
   font-size: 16px;
   text-align: center;
   background: #23302E;}




/* qna 게시판 */
.qna-form .inner{
   border-top: 1px solid #222;
}
.qna-form .inner form{
   border-bottom: 1px solid #ccc;
   padding-bottom: 50px;
}










/* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media (max-width:1600px)
 {
 
   .progress{height: 50px;}
 /* 서브페이지 슬로건 배경이미지 */
 .bd{width: 100%;}
 .comSection{padding: 70px 0;}
 .company-text{padding: 50px 0;}
 }
 
@media (max-width:1400px){
   .orgChart-wrap .orgChart-content .orgList-wrap{gap: 25px;}
   .orgChart-wrap .orgChart-content ul .orgList .orgBox{
      width: 150px;
      height: 150px;
   }
   .orgChart-wrap .orgChart-content .orgList-wrap:before {
      top:-19%;
      width: calc(100% - 152px);
  }
  .company-text{padding: 50px 0;}
}

/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){
   .sub-visual {padding-top: 60px;}

   .wrapper-sub-p{padding-top:100px;}

   .con-tit > h2{font-size:2.75em;}
   .con-tit.large-header > h2 {
      font-size: 45px;}

    .full-txt{height:100%; margin-bottom:48px;}
    .full-txt .inner{width: 100% !important; padding-left:24px; padding-right:24px; position: relative !important; transform: translate(0) !important; top:unset !important;}
    .full-img{height:auto; max-height:480px;}
    .full-img img{width: 100%; height:unset;}

    .s-sct1 .full-txt{margin-bottom:0;}

    /* agreement */
   .agreement-container{padding:0;}

   /* pdview */
   .pd-view-t-container li > div{padding-left:0; padding-right:0;}

   /* product page tab */
   .tab-list-pc{opacity: 0; visibility: hidden; font-size:0; width:0; height:0;}
   .mobile-subpage-tab-wrapper{display: block;}

   .mobile-d-none{display:  none !important;}
   .mobile-d-block{display:block;}
   /* .mobile-mt-30{margin-top: 30px;} */

   /* 제품이미지 */
   .pd-view-t-container li:first-child{height:auto;}
   .pd-view-t-container .pd-img-con .pd-img{position: inherit; margin-bottom:32px;}
   /* 제품스펙 */
   .pd-view-t-container li{height:auto;}

   /* 제품상세 버튼 */
   .mobile-pd-btn-wrap{position: fixed; bottom:0; z-index: 900; width: 100%;}
   .mobile-pd-btn-wrap > .inner{background-color:#fff; border-top:1px solid #e1e1e1;}
   .pd-btn-container.row{padding:12px 12px;}

   .mobile-pd-btn-wrap .price-container{padding:12px 20px; padding-bottom:0; position: relative;}
   .mobile-pd-btn-wrap .price-container .inner{width:50%; margin-right:-4px; display: inline-block;}

   /* 수량, 금액 */
   .price-container .close-btn{width:48px; height:20px; position: absolute; top:-19px;
      background-color:#fff;border:1px solid #e1e1e1; border-bottom:1px solid #fff; 
   left:50%; transform: translateX(-50%); -ms-transform: translateX(-50%);  -webkit-transform: translateX(-50%); cursor: pointer;}
   .price-container .close-btn img{height:7px; line-height: 1; display: block; margin:0 auto; margin-top:7px;}
   .price-container .close-btn img.open{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
   

   /* 제품 상세이미지 */
   .pd-view-md-container > .bd{padding-left:0; padding-right:0;}

   .org-res{width: 50%;}
   .company_wrap .company-tit{margin-bottom: 80px;}
   .company_wrap .company-tit h5{margin-bottom: 0;}   

   .comSection.first{padding: 100px 0 0!important;}
   .company-slogan{margin-bottom: 50px;}
   .company_wrap .company-tit p{font-size: 18px;}

   .company-text {
      text-align: left !important;
   }

   
   }

   
  
   
   @media (max-width:960px){
      .pd-txt-con {padding: 10px 12px;}

      .pd-txt-con .category{display: none;}
      .pd-txt-con .pd-name{font-size: 1.15em; font-weight: 500;}
      .pd-txt-con .price {
         font-size: 1.3em;}
      .pd-txt-con .price.pd-strike {
         font-size: 1.2em; font-weight:600;}
      .pd-txt-bt { margin-top: 12px;}


      .orgList-wrap{
         flex-direction: column;
      }
      .orgChart-wrap .orgChart-content .orgCenter{width: 200px;height: 200px;margin: 0 auto 50px;}
      .orgChart-wrap .orgChart-content ul .orgList .orgBox{width: 100%;border-radius: 20px;height: 80px;}
      .orgChart-wrap .orgChart-content .orgList-wrap::before{width: 0;}
      .orgChart-wrap .orgChart-content .orgList-wrap{gap: 20px;}
      .orgChart-wrap .orgChart-content ul .orgList::before{width: 0;}

      .swiper-pagination{
         
      }

      .sub-visual .company-bg .con-tit h2{color: #fff;}
      .sub-visual .company-bg .con-tit p{color: #fff;}


      .list-wrap .about-business .text h4 strong{display: block;}

      .process .prcList li{padding: 5%;}

      .page-top .bd{padding: 0;}
      .page-top .page_navi{width: 100%;text-align: center;}

      .comSection.first{padding: 100px 0 0 !important;}
      .company-slogan{margin-bottom: 50px;}
      .company-slogan .bold{font-size: 24px;line-height: 1.4;}
      .company_wrap .company-tit h5{font-size: 3em;}
      .company_wrap .company-tit p{font-size: 18px;}
      /* .company_wrap .company-tit h5{margin-bottom: 32px;} */
      .company-text{padding: 50px 0;}
      .orgChart-wrap .orgChart-content{width: 100%;padding: 5%;}



      /* 모바일 탭메뉴 */
      .subpage-tab-wrap-main.open_menu_st{padding-top:16px; height:76px;}
      .tab_open_menu{display: inline-block; position: absolute; bottom: 17%;
         background-color: #fff;
          right:12px; border:1px solid #d1d1d1; height:auto; padding:6px 12px; cursor: pointer; z-index: 11;}
      .tab_open_menu img{width: 10px; display: block;}
      .tab_open_menu.open img{transform: rotate(-180deg);}


      .tab_open_menu_inner{display: none;
         position: absolute; width:calc(100% - 24px); background-color: #fafafa; z-index: 100; top:calc(100% - 22px); border:1px solid #e1e1e1;
         left:50%; transform: translateX(-50%); -ms-transform:translateX(-50%);}
      .tab_open_menu_inner li{display: block; width: 50%; float: left; text-align: center; font-weight: 500; font-size:1em; padding:0; margin:0;
         margin-bottom: -1px;
         border-bottom: 1px solid #e1e1e1;
         box-sizing: border-box;
         line-height: 48px;
         font-weight: 500;
         font-size:1em;
         cursor: pointer;
      }
      .tab_open_menu_inner li:nth-child(odd){border-right: 1px solid #e1e1e1;
      }


   }






/* ********************************************* *
 * 768px max
 * ********************************************* */
 @media (max-width:768px){

   body{font-size:15px;}

   .comSection {
      margin-top: 0;
  }

   
   .sub-visual {height: 500px;}
   .sub-visual .wrapper-sub-top .con-tit h2 {
      margin-bottom: 6px !important;
      font-size: 3.0em;}
   .sub-visual .wrapper-sub-top .con-tit p {
      font-size: 18px;}

   section{margin-top:80px; margin-bottom:80px;}
   .con-tit.large-header > h2 {
      font-size: 38px;}
    .con-tit h3{font-size:2em;}
    .con-txt p.p-st3{font-size:1.05em;}

    .pd-content {
      margin-bottom: 80px;
  }
    .pd-slide.row, .pd-content .row{margin-right:-5px; margin-left:-5px;}
    .pd-slide > li, .pd-content .row li{padding:0 5px !important;}
    .pd-slide > li {margin-bottom: 10px;}
    /* 정렬 필터 */
    .sub-p-list-container{display: block !important; text-align: center;}
    .tab-list-con{width:100%; position: relative;}
    .filter-list-con{text-align: center; float: none !important; right:10px; bottom:0;}

    .tab-list-con .sel-list{width: 100%; z-index: 100;}

    /* 고객 리뷰 */
    .review-main{padding-right:0;}
    .review-info{width: auto; right:none; left:114px; top:-2px;}
    .review-info b{display: none;}
    .review-info p{display: inline-block;}
    .review-info span{font-size:0.9em; padding-left:4px;}


    /* 인기검색어 */
   .keyword-popular-wrap li{display:block; margin-right:0;}
   .keyword-popular-wrap .keyword-tit{margin-bottom:6px;}
   .keyword-popular-wrap .keyword-con-list span:first-child{margin-left:0;}

   /* 주문완료, 결제완료 */
   .order-receipt-container dl{margin-bottom:16px;}
   .order-receipt-container dl dt, .order-receipt-container dl dd{float:none;}
   .order-receipt-container dl dt{ margin-bottom:6px; font-size:0.85em; color:#777;}
   .order-receipt-container dl dd{min-height:24px;}

   /* QnA */
   .my-table-container dl{display:block;}
   .my-table-container dd{display: inline-block; text-align: left !important; width: auto; min-width: auto !important; font-size:0.85em;}
   .my-table-container dd.first{position: absolute;}
   .my-table-container dd.tit{padding-left:40px; display: block; margin-bottom:12px; font-size:1em;}

   button.btn-etc-box{font-size:0.85em; min-width: 80px; min-height:28px; padding:8px 16px;}

      /* 이미지 오른쪽 정렬 */
      .img-right-set .list-con dd.img{right:0; left:initial;}

      /* 2020-07-27 */
      .subpage-tab-wrap-main.faq_tab{margin-bottom:32px; height: auto; line-height: 48px;}
      .subpage-tab-wrap-main.faq_tab .subpage-tab li{width: 33.33333%; border-radius: 0; margin:0; float:left; border-left:1px solid transparent; padding:0; font-size:0.9em;}
      .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(4){border-left:1px solid #d1d1d1;}
      .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(4), .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(5){border-top:1px solid transparent;}
      .subpage-tab-wrap-main.faq_tab{overflow: inherit; overflow-x: inherit;     white-space: inherit;}

      :lang(en) .subpage-tab-wrap-main.faq_tab .subpage-tab li{width:50%;}
      :lang(en) .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(4){border-left:0;}
      :lang(en) .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(3),
      :lang(en) .subpage-tab-wrap-main.faq_tab .subpage-tab li:nth-child(5){border-left: 1px solid #d1d1d1;}




      /* 제품 */
      .pd-txt-con .pd-name {font-size: 1.15em; font-weight: 500;}
      .pd-txt-con .cate-name {
         font-size: 14px; font-weight: 500;
         margin-bottom: 5px;}
      .pd-txt-bt {margin-top: 9px;}
      .pd-txt-con .price {
         font-size: 1.2em;
         font-weight: 800;
     }
     .pd-txt-con .price.pd-strike {font-size: 1.15em;}
     .pd-img-con , .pd-txt-con{padding:0;}
     .pd-txt-con .pd-discount {
         font-size: 14px;}
      .progress{height: 30px;}

      

   
      /* 제작과정 */
      .prcList{display: flex;flex-wrap: wrap;width: 100%;}
      .prcList li{width: 40%;margin: 0 auto;}
      .gallery-wrap .mt-3{margin-top: 20px;}

      /* 회사소개 */
   .company-slogan{font-size: 30px;}
   .d-grid-3{display: flex;}
   .brand{width: 150px;height: 150px;}
   .brandC{width: 200px;height: 200px;}
   .policy-list{width: 100%;}
   .comSection .list-wrap{display: flex;flex-wrap: wrap; gap: 0;}
   .comSection .company-list{width: 30%;}
   .comSection .company-list:nth-child(2){width: 40%;}
   .comSection .company-list{width: 30%;}
   .comSection .mb-4{margin-bottom: 10px;}

   .about-business{width: 100%;padding: 10%;  margin-bottom: 38px;}
   .list-wrap .about-business .text h4 strong{display: block;}
   .process .prcList{row-gap:20px;column-gap: 20px;}



   /* 카탈로그 */
   .catalog-cont{width: 100%;flex-wrap: wrap;}
   .catalog-cont .catalog-item{width: 50%;}
   .catalog-container .catalog-item .catalog_desc{
      margin-top: 0;margin-bottom: 15px;}
   .catalog-container .catalog-item .catalog_desc h4 {
      font-size: 16px;
      font-weight: 500;
}


   .comSection.first{padding: 60px 0 0!important;}
   .mb-7{margin-bottom: 70px;}
   .company_wrap .company-tit h5{font-size: 3em;}
   .company_wrap .company-tit p{font-size: 18px;}
   .brandC .box p{font-size: 20px;}

   .brand .box p, .brandC .box p{    margin-bottom: 5px; font-size: 20px;}
   .pc-none{text-align: left;}
   .about-shop h4{height: 63px;}
   .about-shop .company-list ul{
      text-align: left;
   }
   .about-shop .company-list ul li::before{display: inline-block;
      content: '';
      width: 5px;
      height: 5px;
      background-color: #666;
      border-radius: 3px;
      vertical-align: middle;
      margin-right: 8px;}
   
   .mob-none{padding-left: 25px;padding-right: 25px;}
   .company-text{padding: 50px 0;}
 }

@media (min-width:641px){
   .sub_nav_wrap{display: none;}
   .pc-none{display: none;}
   .mob-none{display: block;}
   .history-wrap{display: block;}
   .full-box{display: none;}
}
 /* ********************************************* *
 * 640 max
 * ********************************************* */
 @media (max-width:640px)
{   
   .pd-slide > li {
      padding: 0 15px !important;
      margin-bottom: 15px;
  }
   
   
   .history-wrap{display: none;}
   .page-top{display: none;}
   .sub_nav_wrap{display: block;}
   .sub-visual .wrapper-sub-top .con-tit h2 {
      font-size: 2.0em;
      margin-bottom: 0px !important;
  }
   .sub-visual .wrapper-sub-top .con-tit p{
      font-size: 16px;
      color: #f4f4f4 !important;
   }

   .sub-visual{height: 300px;}
   .sub-visual .wrapper-sub-top{
      padding-bottom: 27px;}
   body{font-size:14px;}

   .con-tit > h2{font-size:2.25em;}
   .con-tit h3{font-size:1.75em;}
   .con-tit > p{font-size:1em;}

   .subpage-tab li{font-size:1.05em;}


   .pd-txt-con .category {font-size: 14px;}
   .pd-txt-con .pd-name {font-size: 1.0em;}
  .pd-txt-bt .pd-strike {font-size: 14px;}
  .pd-txt-con .pd-price-con > span {font-size: 18px;}
  
 /* 카탈로그 */
 .catalog-cont{width: 100%;flex-wrap: wrap;}
 .catalog-cont .catalog-item{width: 100%;}
 .catalog-cont .catalog-item .catalog_desc{margin-bottom: 15px;margin-top: 0;}

 /* 회사소개 */
 .company_wrap .company-tit {margin-bottom: 50px;}
 .company_wrap .company-tit p{display: none;}
 .comSection .company-list{width: 100%;}
 .comSection .company-list:nth-child(2){width: 100%;}

 .about-business{width: 100%; padding: 5% 5% 6%;}
 .list-wrap .about-business .text h4 strong{display: block;}

 .brand .box, .brandC .box{width: 100%;}
.d-grid-3{display: flex;flex-direction: column; gap:0;}
.d-grid-3 > div{margin-bottom: 20px;}
.d-grid-3 > div:last-child{margin-bottom: 0px;}
.brand, .brandC{
   display: block;
   width: 100%;height: 100%;border-radius: 30px;
   border: 2px solid #3F4192;     background: #fff;}

.brand .box p, .brandC .box p{
   font-size: 1.2em;
   padding: 5px; border-radius: 7px 7px 0 0 !important;
   background: #3F4192; color: #fff; text-align: center;}
.brand .box ul, .brandC .box ul{padding: 2% 2% 3% 5%;}
  
 .mob-none{display: none;}

 .about-vision .vision-list .text-cont{margin-top: 20px; font-size: 1.2em;}

 .policy-cont .policy-list::after{width: 0;}
 .policy-cont .policy-list dd strong {font-size: 1.3em !important;}

 .map-wrap .map-info ul li{flex-direction: column;}
 .map-wrap .map-info ul li dt{margin-right: auto;font-size: 22px;}
 .map-wrap .map-info ul li dd{margin-right: auto;font-size: 16px;}


 .company_wrap .company-tit h5{font-size: 2.5em;}
 .comSection.first{padding: 120px 0 0!important;}
 .company_wrap .company-tit p{font-size: 17px;}
 .company-text{padding: 40px 0 70px;}
 
 }


  /* ********************************************* *
 * 480px max
 * ********************************************* */
 @media (max-width:480px){

   .sub-visual .con-tit{
      padding-bottom: 53px;
   }
   .sub-visual .wrapper-sub-top .con-tit p{display: none;}
   .pd-img-con .pd-img{max-width: 180px;}
   .pd-txt-con {margin-top: 5px;     min-height: 113px;}

   .board-info > div{display:block;}
   .board-info .search-container-st1{margin-top: 12px; max-width:initial; }
   
   .page_navi{width: 100%;margin: 0 auto;text-align: center;}
   .page_navi li{width: 40%;}


   /* 탭 */
   .subpage-tab-wrap-main {
      width: calc(100% - 43px);}
   

   /* 제작과정 */
   .prcList{display: flex;flex-wrap: wrap;width: 100%;}
   /* .prcList li{width: 80%;margin: 0 auto;} */
   /* 회사소개 */
   .company_wrap .company-tit h5{font-size: 2em;}
   /* .comSection{padding: 50px 0;} */
   .comSection.first{padding: 100px 0 0!important;}
   .company-slogan{font-size: 22px;}
   .text-cont{font-size: 18px;}
   /* .d-grid-3{display: flex;flex-direction: column;} */
   .brand{width: 100%;height: 100%;border-radius: 30px;}
   .brandC{width: 100%;height: 100%;border-radius: 30px;}
   .brand .box p, .brandC .box p{
      line-height: 1.7;
  }
  .brand ul li{font-size: 16px;}
  .company_wrap .company-tit p{font-size: 16px;}
  
   .col-md-6{width: 100%;}
   .mt-5{margin-top: 50px;}
   .company-list{margin-bottom: 10px;}
   /* .company-list ul{display: flex;} */
   .policy-list{text-align: center;}
   /* .policy-cont .policy-list::after{width: 0;} */

   .list-wrap{display: flex;flex-wrap: wrap;}
   

   .orgChart-wrap .orgChart-content{padding: 30px 0 130px;}
   .orgChart-wrap .orgChart-content .top{top:0;}
   .orgChart-wrap .orgChart-content .orgList-wrap{margin: 0 20px;}

   
   .map-wrap .map-info ul li dt{margin-right: auto;}
   
   
   .mob-none{display: none;}

   /* 제품리스트 */
   .pd-content .col-xs-4{width: 50%;}
   
   .process .prcList{column-gap: 0;}
   .process .prcList li::after{width: 0;height: 0;border: 0;}
   .process .prcList li:nth-child(3n)::after{width: 0;height: 0;border: 0;}
   .prcList li{width: 45%;}








 }