body,html {max-width:100%;  margin: 0 auto; width: 100%;}

/* 콘텐츠가 없을때*/
.no-results{width:100%; text-align: center; background-color:#f9f9f9; margin-top:2rem; padding: 50px 0; margin-bottom:50px;}  
.no-results>h3 {font-size:2.4rem; font-weight:bold; width:100%; }
.no-results>p {font-size:1.6rem; opacity: 0.6;}

.no-results .return-btn { padding:10px; color:#fff; background-color: #1E3786; width:100%; max-width: 200px; margin: 20px auto; cursor: pointer; font-size:1.8rem;}
.no-results .return-btn:hover {opacity: 0.7;}




.wrap{width:100%; height:100%; margin:0 auto;}

/* 서브 페이지 타이틀 영역*/
.title-banner-wrap {width:100%; margin-top:29rem;}
.title-banner-wrap#about-title .image-banner{display: block;}
.title-banner-wrap .boundary .inner_boundary>ul {width:100%; background-color:#223F99; color:#fff; border-radius: 1rem 1rem 0 0 ; padding:3rem 4rem; display: flex; justify-content: space-between; align-items: stretch;}
.title-banner-wrap .boundary .inner_boundary>ul>li:first-child {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {font-size:3.6rem; font-weight: bold; color:#fff; text-transform: uppercase;}
.title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h4 {font-size:2.4rem; font-weight: 300; margin-left:2rem; color:rgba(255,255,255,0.8);}
.title-banner-wrap .boundary .inner_boundary>ul>.paging {font-size:1.6rem; display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap;}
.title-banner-wrap .boundary .inner_boundary>ul>.paging .categoryName {padding-left:0.4rem; padding-right:0.4rem;} 
.title-banner-wrap .boundary .inner_boundary>ul>.paging .productName {padding-left:0.4rem; padding-right:0.4rem;} 



.title-banner-wrap .image-banner {position: relative; margin-bottom:5rem;}
.title-banner-wrap .image-banner>img {width: 100%;}
.title-banner-wrap .image-banner>.inner_boundary {background-color:#fff; position: absolute; bottom:0%; left:50%; transform: translate(-50%,0%); border-radius: 1rem 1rem 0 0; overflow: hidden; padding:5rem 3rem; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
.title-banner-wrap .image-banner>.inner_boundary>li {flex-basis: 50%; max-width: 50%;}
.title-banner-wrap .image-banner>.inner_boundary>li:first-child {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-right: 1px solid rgba(0,0,0,0.1);}
.title-banner-wrap .image-banner>.inner_boundary>li:first-child>img {width: 100%; max-width: 35rem;}
.title-banner-wrap .image-banner>.inner_boundary>li:last-child {padding:2rem;}
.title-banner-wrap .image-banner>.inner_boundary>li:last-child>div>h3 {font-size:1.6rem; margin-bottom:1rem;}
.title-banner-wrap .image-banner>.inner_boundary>li:last-child>div>p {font-size:1.4rem;}

.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap {padding:2rem;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>h3 {font-size:1.6rem; margin-bottom:0;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div:last-child {margin-top:1rem;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>.shop-link {padding:1rem 2rem; background-color:#1E3786; color:#fff; font-size:1.4rem; font-weight: bold; width:100%; max-width: 100%;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>.shop-link>img {display: inline-block; vertical-align: middle; padding:0 0.5rem;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>.shop-link:hover {background-color:#d05300;}
.title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div>.shop-link:hover>img {padding-left:0.9rem; transition: all 0.4s;}

/*회사개요*/
#sub-section-02 {width:100%;}
#sub-section-02 .flex_2ea.sub_inner_boundary {width:100%; max-width: 1400px; margin: 0 auto; margin-top:10rem; align-items: stretch;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content {flex-basis: 50%; max-width: 50%; margin:0;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.img-wrap>img {width:100%;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap {padding:4rem; background-image:url(/assets/images/company-logo.png); background-repeat: no-repeat; background-position: top right;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap>div>h3 {font-size:3.6rem; margin-bottom:1rem;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap>div>h4 {font-size:2rem; margin-bottom:3rem;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap>div>p {font-size:1.6rem; margin-bottom:2rem;}

#sub-section-02 .brand-logo-wrap {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; margin-top:1%;}
#sub-section-02 .brand-logo-wrap>li {flex-basis: 24%; max-width: 24%; background-color: #292E88; padding:1.5rem 2rem; display: flex; justify-content: center; align-items: center;}

/*연혁*/
#history-wrap {padding-top:10rem; padding-bottom:10rem; background-color:#F7F7F7; margin-top:10rem;}
#sub-section-03 {width:100%;}
#sub-section-03 .sub_inner_boundary {width:100%; max-width: 1400px; margin: 0 auto;}
#sub-section-03 .sub_inner_boundary>h3 {font-size:3.6rem; margin-bottom:2rem;}
#sub-section-03 .sub_inner_boundary>.flex_2ea {width:100%; align-items: stretch; justify-content: flex-start;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content {background-color:#fff; flex-basis: 49%; max-width: 49%; margin:0; margin-right:1%; padding:5rem; margin-bottom:2%; min-height: 29rem;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content:hover {background-color:#223F99; color:#fff; background-image: url(/assets/images/history-bg.png); background-position: right bottom; background-repeat: no-repeat;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content:hover>ul>li>p::before {background-color:#fff;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content>ul>li>h3 {font-size:2.6rem; margin-bottom:2rem;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content>ul>li>p {font-size:1.6rem; margin-left:2rem; position: relative;}
#sub-section-03 .sub_inner_boundary>.flex_2ea .content>ul>li>p::before {content:''; position: absolute; width:4px; height:4px; border-radius: 50%; background-color:#333333; left:-1rem; top:1.2rem; }
#sub-section-03 .sub_inner_boundary>.flex_2ea .content:nth-child(2n) {flex-basis: 49%; max-width: 49%; margin-left:1%; margin-right:0;}


#product-banner-wrap .boundary .inner_boundary>ul {padding:0;}
#product-banner-wrap .boundary .inner_boundary>ul {background-color:#fff; color:#333333;}
#product-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {color:#000000;}
#product-banner-wrap .boundary .inner_boundary>ul>li:first-child>h4 {color:rgba(0,0,0,0.6);}


/*검색단*/
#product-search {width:100%;}
#product-search .search-wrap {width:100%; display: flex; justify-content: space-between; align-items: stretch; border: 2px solid #223F99; border-radius: 1000px; overflow: hidden; margin-top:3rem; margin-bottom:3rem;}
#product-search .search-wrap>input {width:80%; padding:2rem 3rem; border:none; font-family: "SCoreDream"; font-size: 1.8rem;}
#product-search .search-wrap>.search-btn {width:20%; background-color:#223F99; color:#fff; border-radius: 1000px; position: relative; right:-2px; cursor: pointer;}
#product-search .search-wrap>.search-btn:hover {background-color:#10266a;}

#product-search .init {width:100%; display: flex; justify-content: flex-start; margin-bottom:2rem;}
#product-search .init>div{font-size:1.6rem; display: flex; justify-content: center; background-color:#efefef; max-width: 14rem; padding:1rem; cursor: pointer;}
#product-search .init>div>span {width:20%;}
#product-search .init>div>span>img {width: 100%; vertical-align: middle;}


/*필터*/
#product-search .filter-wrap {width:100%; margin-bottom:5rem;}
#product-search .filter-wrap>.content {background-color:#f9f9f9; padding:1rem; margin-bottom:1rem;}
/*필터 분류이름*/
#product-search .filter-wrap>.content>li:first-child {flex-basis: 18%; max-width: 18%; border-right:1px solid #ddd; margin-right:2%;}
#product-search .filter-wrap>.content>li:first-child>h3 {font-size:2rem; text-align: center;}
/*필터 분류 아이템 */
#product-search .filter-wrap>.content>li:last-child {flex-basis: 80%; max-width: 80%;}
#product-search .filter-wrap>.content>li:last-child>.item {font-size:1.4rem; padding:0.8rem 2.5rem; background-color:#fff; border:1px solid #ddd; margin-right:1rem; border-radius: 1000px; font-weight: 600; cursor: pointer; margin-bottom:0.5%; margin-top:0.5%;}
#product-search .filter-wrap>.content>li:last-child>.item:hover {background-color:#7f7f7f; color:#fff;}
#product-search .filter-wrap>.content>li:last-child>.item.active {background-color:#000000; color:#fff;}



#product-wraps {margin-top:8rem;}
#product-wraps .flex_3ea {display: flex; justify-content: flex-start; align-items: stretch; margin-bottom:10rem;}
#product-wraps .flex_3ea .content {overflow: hidden; flex-basis: 32.6667%; max-width: 32.6667%; margin:0; margin-right:1%; margin-bottom:1%; cursor: pointer; transition: all 0.4s;}
#product-wraps .flex_3ea .content:nth-child(3n) {margin-right:0; margin-left:0;}
#product-wraps .flex_3ea .content .img-wrap {padding-bottom:85%; position: relative; width:100%; height: 0 !important; overflow: hidden;}
#product-wraps .flex_3ea .content .text-wrap {background-color:#fff; padding:2rem;}
#product-wraps .flex_3ea .content .text-wrap>.category>h3 {font-size:1.4rem;}
#product-wraps .flex_3ea .content .text-wrap>.name>h2 {font-size:2rem; margin-bottom:0.3rem;}
#product-wraps .flex_3ea .content .text-wrap>.mat-wrap {width:100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; margin-top:1rem; margin-bottom:1rem;}
#product-wraps .flex_3ea .content .text-wrap>.mat-wrap>.mat {width:2rem; height:2rem; border-radius: 50%; background-color:gray; margin-right:1rem; position: relative; overflow: hidden; margin-bottom:1rem;}
#product-wraps .flex_3ea .content .text-wrap>.mat-wrap>.mat>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 1; width:100%; height:100%;}
#product-wraps .flex_3ea .content .text-wrap>.cont {font-size:1.4rem; margin-bottom:1rem; color:rgba(0,0,0,0.6);}
#product-wraps .flex_3ea .content .text-wrap>.tag {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
#product-wraps .flex_3ea .content .text-wrap>.tag>div {font-size:1.3rem; padding:1rem 2rem; background-color:#E8EEFF; color:#223F99; font-weight: 600; border-radius: 0.5rem; margin-right:1rem; margin-top:0.5rem; margin-bottom:0.5rem;}
#product-wraps .flex_3ea .content .img-wrap>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(1.00); transition: all 0.4s; width: 100%; height: 100%;}
#product-wraps .flex_3ea .content:hover .img-wrap>img {transform: translate(-50%,-50%) scale(1.05);}
.search-result {font-size:1.8rem; font-weight: 500; margin-bottom:1rem;}
.search-result>p {padding-left:1%;}
.search-result>p>b {color:red;}

/* Contact Us */
.sns-container {display: flex; justify-content: flex-start;  align-items: center; flex-wrap: wrap; margin-bottom:7rem;}
.sns-container.cu {margin-bottom:1.6rem;}
.sns-container>ul {display: flex; justify-content: flex-start; align-content: center;}
.sns-container>ul>li {margin-right:2rem;}
.sns-container>ul>li>a>img:last-child {display: none;}
.sns-container>ul>li>a:hover img:first-child {display: none;}
.sns-container>ul>li>a:hover img:last-child {display: block;}


@keyframes rotate{
  from{
      transform: rotate(0deg);
  }
  to{
     transform: rotate(360deg);
  }
}

@keyframes rotate-02{
  to{
     transform: rotate(-315deg);
  }
}

@keyframes rotate-03{
  from{
      transform: rotate(0deg);
  }
  to{
     transform: rotate(360deg);
  }
}

@keyframes rotate-04{
  to{
     transform: rotate(-315deg);
  }
}


#management-wrap .gear-wrap>.content .icon-wrap {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
#management-wrap .gear-wrap>.content .icon-wrap>img {margin: 0 auto; display: block;}
#management-wrap .gear-wrap>.content .icon-wrap>h3 {font-size:2rem;}
#management-wrap .gear-wrap>.content .icon-wrap>h3 {font-size:2rem;}
#management-wrap .gear-wrap>.content .icon-wrap>p {font-size:1.6rem; color:#c1c1c1;}



/* 5.인증서 */

/* #certi-container .main-ment {text-align: ;} */



#certificate-wrap {width:100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-bottom:10rem; margin-top:2rem;}
#certificate-wrap .content {flex-basis: 21%; max-width: 21%; margin:2%; margin-bottom:2.5%;}
#certificate-wrap .content>a>.c-img>img {border:1px solid rgba(0,0,0,0.3); transform: all 0.4s;}
#certificate-wrap .content>a>.c-img>img:hover {opacity: 0.9;}
#certificate-wrap .content>.text-wrap>p {font-size:1.6rem; padding:0.5rem; border-left:5px solid #1E3786; margin-top:2rem; padding-left:2rem;}

.gray-bg {background-color:#F6F9FC; padding-bottom:10rem;}
#partner-container .main-ment {text-align: center;}
#partner-container .flex_4ea {width:100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom:3rem;}
#partner-container .main-ment {margin-bottom:2rem;}
#partner-container .flex_4ea .content {flex-basis: 24%; max-width: 24%; text-align: center;  background-color:#fff; padding:3rem;}
#partner-container .flex_4ea .content>img {margin: 0 auto;}
#partner-container .flex_4ea .content>p {font-size:1.6rem;}




/* 제품 */
#product-wrap {width:100%; margin-top:5rem;}
#product-wrap .swiper-slide {padding-bottom:85%; height: 0% !important;}
.product-3d-wrap {position: relative; border:1px solid #ddd; margin-bottom:5rem; padding-bottom:56%; height:0px; overflow: hidden;}
.product-3d-wrap .guide-wrap {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;  position: absolute; top:2rem; left:2rem; z-index: 9;}
.product-3d-wrap .guide-wrap .guide-circle {width:100px; height:100px; background-color:#1E3786; color:#fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  text-align: center; border-radius: 50%;}
.product-3d-wrap .guide-wrap .guide-circle>ul>li>h3 {font-size:3rem; line-height: 1;}
.product-3d-wrap .guide-wrap .guide-circle>ul>li>p {font-size:1.6rem; font-weight: 300;}
.product-3d-wrap .guide-wrap .text-wrap {position: relative; z-index: 1; font-size:1.6rem; margin-left:1.6rem;}

.product-3d-wrap .guide-wrap-m {display: none; justify-content: flex-start; align-items: center; flex-wrap: wrap;  position: absolute; bottom:2rem; left:2rem; z-index: 9;}
.product-3d-wrap .guide-wrap-m .guide-circle {width:50px; height:50px; background-color:#1E3786; color:#fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;  text-align: center; border-radius: 50%;}
.product-3d-wrap .guide-wrap-m .guide-circle>ul>li>h3 {font-size:1.6rem; line-height: 1;}
.product-3d-wrap .guide-wrap-m .guide-circle>ul>li>p {font-size:1.2rem; font-weight: 300;}
.product-3d-wrap .guide-wrap-m .text-wrap {position: relative; z-index: 1; font-size:1.4rem; margin-left:1.6rem;}
.product-3d-wrap iframe {position: absolute; top:0; left:0; height:100%; width:1px; min-width: 100%; }

#product-wrap .title {width:100%; display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#product-wrap .title>h2 {font-size:3.6rem; font-weight: 800; margin-bottom:2rem; margin-top:2rem; text-align: center; border-bottom:1px solid rgba(255,255,255,0.2);}
#product-wrap .title>h2>span {font-size:2.4rem; font-weight: 400; color:rgba(0,0,0,0.6); border-left:1px solid rgba(0,0,0,0.3); padding-left:1rem;}
#product-wrap .title>p {font-size:1.8rem; font-weight: 300; margin-top:1rem; margin-bottom:1rem; margin-left:2rem; text-align: center;}

/* .perf-tab-wrap .swiper-slide{background: color #000 !important;;} */


  /*제품 타이틀*/
.search-line {width:100%; margin-bottom:1rem;}
.search-line>ul {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; width:100%;}
.search-line>ul>li:first-child {width:80%; flex-basis: 80%; max-width: 80%;}
.search-line>ul>li:first-child>input {width:100%; border:0; padding:2rem; font-size:1.8rem; font-weight: 300; background-color:Rgba(0,0,0,0.05);color:#333333; font-family: "Pretendard";}
.search-line>ul>li:last-child {width:20%; flex-basis: 20%; max-width: 20%; background-color:#12202D; cursor: pointer;}
.search-line>ul>li:last-child>img {max-width: 3rem;}
.search-line>ul>li:last-child:hover {opacity: 0.9;}

.keyword {width:100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom:5rem;}
.keyword>p {font-size:1.8rem; font-weight: bold; border-right: 1px solid rgba(255,255,255,0.1); padding: 0.5rem 2rem; margin-right:0.5rem;}
.keyword .button {padding: 0.5rem 3rem; border:1px solid #80a8c6; border-radius: 0.5rem; color:#1E3786; font-size:1.8rem; cursor:pointer; margin:0.5rem;}
.keyword .button.active {background-color:#80a8c6; color:#fff;}
.keyword .button:hover {background-color:#80a8c6; color:#fff;}

.result-text {width:100%;}
.result-text>p {font-size:1.6rem; padding-left:1%; padding-right:1%; color:rgba(0,0,0,0.6);}

  /*제품*/
#product-wrap .product-list {width:100%; justify-content: flex-start; align-items: stretch; margin-bottom:20rem; }
#product-wrap .product-list .content {flex-basis: 49%; max-width: 49%; margin:0.5%; margin-bottom:1%;  position: relative;}
#product-wrap .product-list .content>a {overflow:hidden;}
#product-wrap .product-list .content>a>.img-wraps {width:100%; padding-bottom:56.25%; height:0; position: relative; background-color:#efefef;}
#product-wrap .product-list .content>a>.img-wraps.new-image-wrap::before {content:''; position: absolute; top:8px; left:8px; background-image: url(/DMT/image/new-image.png); background-repeat: no-repeat; width:80px; height:46px; z-index: 1; border-radius: 5px;} 
#product-wrap .product-list .content>a>.img-wraps.best-image-wrap::before {content:''; position: absolute; top:8px; left:8px; background-image: url(/DMT/image/best-image.png); background-repeat: no-repeat; width:80px; height:46px; z-index: 1; border-radius: 5px;} 
#product-wrap .product-list .content>a>.img-wraps>img {position: absolute; top:50%; left:50%; transform: scale(1.00) translate(-50%,-50%); width:100%; background-color:#efefef; transform-origin: 50% 50%;}

#product-wrap .product-list .content>a>.img-wraps::after {content:'Detail View'; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; font-size:1.6rem; display: none; transition: all 0.4s; background-color:rgba(0,81,140,0.5); width:100%; height:100%; display: none; justify-content: center; align-items: center; flex-wrap: wrap;}
#product-wrap .product-list .content:hover>a>.img-wraps::after {opacity: 1; display: flex;}
#product-wrap .product-list .content:hover>a>.img-wraps>img {transition: all 0.8s cubic-bezier(.23,1,.32,1); transform: scale(1.05) translate(-50%,-50%); transform-origin: 50% 50%;}

#product-wrap .product-list .content:hover {background-color:#1E3786;}
#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name h2 {color:#ffffff;}
#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name h3 {color:rgba(255,255,255,0.6);}
#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name p {color:#fff;}


#product-wrap .product-list .content>a>.text-wraps {padding:2rem; color:#333333;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name p {font-size:1.6rem; line-height: 1.6; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 500;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name h2 {font-size:2.6rem; line-height: 1.6; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; color:#333333;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name h3 {font-size:1.6rem; line-height: 1.6; width:100%;  text-align: left; font-weight: 300; color:rgba(0,0,0,0.5);}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top:2rem;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps>li {font-size:1.6rem; background-color:#80A8C6; color:#fff; padding:1rem 2rem; border-radius: 0.5rem; margin-right:0.5rem; margin-bottom:0.5rem;}
#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps>li:hover {background-color:#fff; color:#80a8c6;}
#product-wrap .product-list .content>a>.text-wraps>ul>.detail-view>p{font-size:1.6rem; text-decoration: underline; text-align: center; color:#1E3786;}



  /*제품*/
  .product-wrap-detail#product-wrap .product-list {width:100%; justify-content: flex-start; align-items: stretch; margin-bottom:20rem; cursor: pointer;}
  .product-wrap-detail#product-wrap .product-list .content {flex-basis: 32.333%; max-width: 32.33%; margin:0.5%; margin-bottom:1%;  position: relative;}
  .product-wrap-detail#product-wrap .product-list .content.active {background-color:#1E3786;}
  .product-wrap-detail#product-wrap .product-list .content.active>a>.text-wraps>ul>.product-name h2 {color:#ffffff;}
  .product-wrap-detail#product-wrap .product-list .content.active>a>.text-wraps>ul>.product-name h3 {color:rgba(255,255,255,0.6);}
  .product-wrap-detail#product-wrap .product-list .content.active>a>.text-wraps>ul>.product-name p {color:#ffffff;}
  .product-wrap-detail#product-wrap .product-list .content>a {overflow:hidden; height: 100%;}
  .product-wrap-detail#product-wrap .product-list .content>a>.img-wraps {width:100%; padding-bottom:85%; height:0; position: relative; overflow: hidden; background-color:#efefef;}
  .product-wrap-detail#product-wrap .product-list .content>a>.img-wraps.new-image-wrap::before {content:''; position: absolute; top:8px; left:8px; background-image: url(/DMT/image/new-image.png); background-repeat: no-repeat; width:80px; height:46px; z-index: 1; border-radius: 5px;} 
  .product-wrap-detail#product-wrap .product-list .content>a>.img-wraps.best-image-wrap::before {content:''; position: absolute; top:8px; left:8px; background-image: url(/DMT/image/best-image.png); background-repeat: no-repeat; width:80px; height:46px; z-index: 1; border-radius: 5px;} 
  .product-wrap-detail#product-wrap .product-list .content>a>.img-wraps>img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; background-color:#efefef;}
  
  .product-wrap-detail#product-wrap .product-list .content>a>.img-wraps::after {content:'Detail View'; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; font-size:1.6rem; display: none; transition: all 0.4s; background-color:rgba(0,81,140,0.5); width:100%; height:100%; display: none; justify-content: center; align-items: center; flex-wrap: wrap;}
  .product-wrap-detail#product-wrap .product-list .content:hover>a>.img-wraps::after {opacity: 1; display: flex;}
  .product-wrap-detail#product-wrap .product-list .content:hover>a>.img-wraps>img {transition: all 0.8s cubic-bezier(.23,1,.32,1); transform: scale(1.05) translate(-50%,-50%);}
  
  .product-wrap-detail#product-wrap .product-list .content:hover {background-color:#1E3786;}
  .product-wrap-detail#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name h2 {color:#ffffff;}
  .product-wrap-detail#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name h3 {color:rgba(255,255,255,0.6);}
  .product-wrap-detail#product-wrap .product-list .content:hover>a>.text-wraps>ul>.product-name p {color:#fff;}
  
  
  .product-wrap-detail#product-wrap .product-list .content>a>.text-wraps {padding:2rem; color:#333333;}
  .product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name p {font-size:1.6rem; line-height: 1.6; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 500;}
  .product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name h2 {font-size:2.6rem; line-height: 1.6; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; color:#333333;}
  .product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name h3 {font-size:1.6rem; line-height: 1.6; width:100%;  text-align: left; font-weight: 300; color:rgba(0,0,0,0.5);}
  .product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top:2rem;}
  .product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps>li {font-size:1.4rem; background-color:#80A8C6; color:#fff; padding:1rem 1.6rem; border-radius: 0.5rem; margin-right:0.5rem; margin-bottom:0.5rem;}
  .product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.product-name .tag-wraps>li:hover {background-color:#fff; color:#80a8c6;}
  .product-wrap-detail#product-wrap .product-list .content>a>.text-wraps>ul>.detail-view>p{font-size:1.6rem; text-decoration: underline; text-align: center; color:#1E3786;}






/*제품 디테일 영역 */
.product-detail-wrap {display:flex; justify-content: center; align-items: stretch; flex-wrap: wrap; margin-bottom:5rem;}
.product-detail-wrap>.content {flex-basis: 39%; max-width: 39%; margin:0; margin-right:1%; overflow:hidden;}
.product-detail-wrap>.content.text-wraps {flex-basis: 59%; max-width: 59%; margin-left:1%; margin-right:0; padding:2rem; overflow:visible; background-color:#fff; }
.product-detail-wrap>.content>.product-detail-slide { position: relative; width:100%; overflow: hidden; background-color:#fff; margin-bottom:2rem;}
.product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide {padding-bottom:85%; width:100%; height: 0!important; cursor: pointer;}
.product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide img {width:100%; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-color:#f9f9f9;}
.product-detail-wrap>.content>.product-detail-slide .slide-btn {position: absolute; bottom:48%; right:0; z-index: 1; justify-content: center; width:100%; align-items: center; justify-content: space-between;}
.product-detail-wrap>.content>.product-detail-slide .slide-btn>li {background-color:rgba(2555,255,255,0.5); border:1px solid rgba(0,0,0,0.1);  flex-basis: 50px; max-width: 50px; width:50px; height:50px; cursor: pointer; transition: all 0.4s;}
.product-detail-wrap>.content>.product-detail-slide .slide-btn>.swiper-button-disabled {opacity: 0.2;}


.product-detail-slide .swiper-pagination {font-size:1.4rem;}
.product-detail-wrap>.content>.product-detail-slide-sub {width:100%; position: relative;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-wrapper {padding-bottom:4rem;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-pagination {z-index: 2; font-size:1.4rem;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-pagination-bullet-active {background-color:#10266a;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-slide {padding-bottom:23%; width:100%; height: 0!important; position: relative; cursor: pointer; opacity: 0.5; border:1px solid transparent; top:2px; position: relative;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-slide.swiper-slide-thumb-active {opacity: 1; border:1px solid #1E3786;}
.product-detail-wrap>.content>.product-detail-slide-sub .swiper-slide img {width:100%; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-color:#f9f9f9; z-index: -1;}



.product-detail-wrap>.content.text-wraps .detail-text>li>h3 {display:inline-block;  font-size:1.4rem; padding:0.5rem 2rem; background-color:#1E3786; border-radius: 2rem; color:#fff;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h3.border-div {background-color:#c7d4e2;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h3.red {color:#fff; padding:0.5rem 2rem; background-color:#1E3786; border-radius: 2rem;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h3.gray {background-color:#c7d4e2;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h3.yellow {background-color:#f7a219;}
.product-detail-wrap>.content.text-wraps .detail-text>li:first-child ul {display: flex; justify-content: flex-end; align-items: center; }
.product-detail-wrap>.content.text-wraps .detail-text>li:first-child ul>li {padding:5px; cursor: pointer;}
.product-detail-wrap>.content.text-wraps .detail-text>li:first-child ul>li:hover {opacity: 0.7;}
.product-detail-wrap>.content.text-wraps .detail-text>li:first-child ul>li>img {width:30px;}
.product-detail-wrap>.content.text-wraps .detail-text>li>h1 {font-size:2.4rem; border-bottom:1px solid rgba(0,0,0,0.1); line-height: 1.6em; padding:1%;}
.product-detail-wrap>.content.text-wraps .detail-text>li>p { color:rgba(0,0,0,0.6); font-size:1.6rem; padding:1rem; border-bottom:1px solid rgba(0,0,0,0.1);}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table {width:100%; margin-top:2rem;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table .flex_3ea {width:100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table .flex_3ea .content {flex-basis: 32.333%; max-width:32.333%; margin: 0.5%; }
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table {width:100%;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr.disable {display: none;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr th {font-weight: bold; font-size:1.6rem; padding:1rem; width: 15%; vertical-align: top;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td {font-size:1.6rem; color:rgba(0,0,0,0.6); padding:1rem; width: 85%; vertical-align: middle;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.mat-wrap {display:flex; justify-content: flex-start; align-items: stretch; width: 100%; flex-wrap: wrap; }
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.mat-wrap .mat {width:2rem; height:2rem; margin:0.5rem 0.25rem; background-color:#efefef; border-radius: 50%; overflow: hidden;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.tag-wrap {font-size:1.6rem; color:rgba(0,0,0,0.6); padding:0.5rem; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.tag-wrap>.item {font-size:1.4rem; background-color:#E8EEFF; color:#223F99; padding: 1rem 2rem; border-radius: 0.5rem; margin:0.5%; font-weight: 600;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; width: 100%;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a {flex-basis: 32.333%; max-width: 32.333%; padding: 1.4rem 2rem; background-color:#1E3786; margin:0.5%; color:#fff; border-radius: 0.5rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size:1.4rem; line-height: 1.7;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.shop-link {background-color:black;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.shop-link.disable {display: none;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a>span {margin-left:0.5rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a>span>img {display: block; width: 100%; height: 100%;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.catalog {background-color:#d72515;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.inquiry-btn {background-color:#1E3786;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a.disable {background-color:lightgray; cursor:not-allowed; display: none;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a:hover {opacity: 0.8;}
.product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.go-list {text-decoration: underline; text-align: center;}


.product-detail-wrap>.content.text-wraps .detail-text li.flex_end {display:flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}

/* 뉴스 */
/*검색단*/
#pr-search {width:100%; margin-top:10rem;}
#pr-search .search-wrap {width:100%; display: flex; justify-content: space-between; align-items: stretch; border: 2px solid #223F99; border-radius: 1000px; overflow: hidden; margin-top:3rem; margin-bottom:3rem;}
#pr-search .search-wrap>input {width:80%; padding:2rem 3rem; border:none; font-family: "SCoreDream"; font-size: 1.8rem;}
#pr-search .search-wrap>.search-btn {width:20%; background-color:#223F99; color:#fff; border-radius: 1000px; position: relative; right:-2px; cursor: pointer;}
#pr-search .search-wrap>.search-btn:hover {background-color:#10266a;}

#pr-search .init {width:100%; display: flex; justify-content: flex-start; margin-bottom:2rem;}
#pr-search .init>div{font-size:1.6rem; display: flex; justify-content: center; background-color:#efefef; max-width: 14rem; padding:1rem; cursor: pointer;}
#pr-search .init>div>span {width:20%;}
#pr-search .init>div>span>img {width: 100%; vertical-align: middle;}


/*필터*/
#pr-search .filter-wrap {width:100%; margin-bottom:5rem;}
#pr-search .filter-wrap>.content {background-color:#f9f9f9; padding:3rem; margin-bottom:1rem;}
/*필터 분류이름*/
#pr-search .filter-wrap>.content>li:first-child {flex-basis: 18%; max-width: 18%; border-right:1px solid #ddd; margin-right:2%;}
#pr-search .filter-wrap>.content>li:first-child>h3 {font-size:2rem; text-align: center;}
/*필터 분류 아이템 */
#pr-search .filter-wrap>.content>li:last-child {flex-basis: 80%; max-width: 80%;}
#pr-search .filter-wrap>.content>li:last-child>.item {font-size:1.4rem; padding:1rem 3rem; background-color:#fff; border:1px solid #ddd; margin-right:1rem; border-radius: 1000px; font-weight: 600; cursor: pointer; margin-bottom:0.5%; margin-top:0.5%;}
#pr-search .filter-wrap>.content>li:last-child>.item:hover {background-color:#7f7f7f; color:#fff;}
#pr-search .filter-wrap>.content>li:last-child>.item.active {background-color:#000000; color:#fff;}




#news-container {margin-top:10rem;}

#news-wrap {width:100%; text-align: left;}
#news-wrap .title>img {margin-bottom:5rem;}
#news-wrap .title>h2 {font-size:4rem; font-weight: 800; line-height: 1.6em; margin-top:2rem; margin-bottom:1rem;}
#news-wrap .title>h2 .dot {position: relative;}
#news-wrap .title>h2 .dot::before {content:''; position: absolute; top:-10%; left:50%; transform: translate(-50%,-50%); width:1rem; height:1rem; border-radius: 50%; z-index: 1; background-color:#B3CEE7;}
#news-wrap .title>p {font-size:2rem; padding-bottom:4rem; color:#333333; font-weight: 300;} 
#news-wrap .title .gray-title {color:#EEEEEE; text-align: right; width:100%; font-size:5rem; font-weight: bold;}
#news-wrap .flex_2ea .content:first-child img {max-width:350px; margin: 0 auto;}
#news-wrap .flex_2ea .content:last-child {flex-direction: column; padding-top:30px; text-align: left;}
#news-wrap .flex_2ea .content:last-child p {width:100%; font-size:1.6rem; color:rgba(0,0,0,0.6);}



.pr-grid {width:100%; margin-bottom:5rem; display: flex; justify-content: flex-start;  align-items: flex-start; flex-wrap: wrap;}
.pr-grid .content {padding:1%; transition: all 0.4s; cursor: pointer; width:25%;}
.pr-grid .content:hover {opacity: 0.6;}
.pr-grid .content>.img-wrap {width:100%; border-radius: 1rem; overflow: hidden; border:1px solid #ddd; height:0; padding-bottom:100%; position: relative;}
.pr-grid .content>.img-wrap>img {width: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.pr-grid .content>.text-wrap {padding:2rem 0;}
.pr-grid .content>.text-wrap .category { font-size:1.3rem; display: flex; justify-content: space-between; margin-bottom:0.3rem;}
.pr-grid .content>.text-wrap .category>h3 {padding:0.5rem 1.5rem; font-size:1.4rem; display:inline-block; color:#fff; background-color:#000000; border-radius: 2rem;}
.pr-grid .content>.text-wrap .cont>p {font-size:1.4rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.pr-grid .content>.text-wrap .category>span {font-size:1.6rem; padding:0rem 1rem; font-family: "Play";}
.pr-grid .content>.text-wrap .name {font-size:1.8rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.video-grid {width:100%; margin-bottom:5rem; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.video-grid .content {padding:1%; transition: all 0.4s; cursor: pointer; width:33.333%;}
.video-grid .content>.img-wrap {width:100%; border-radius: 1rem; overflow: hidden;  position: relative; height:0; padding-bottom:56.25%; border:0;}
.video-grid .content>.img-wrap>img {width: 100%;}
.video-grid .content>.text-wrap {padding:2rem;}
.video-grid .content>.text-wrap .category { font-size:1.3rem; display: flex; justify-content: space-between; margin-bottom:0.3rem;}
.video-grid .content>.text-wrap .category>h3 {padding:0.5rem 1.5rem; font-size:1.4rem; display:inline-block; color:#fff; background-color:#000000; border-radius: 2rem;}
.video-grid .content>.text-wrap .cont>p {font-size:1.4rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.video-grid .content>.text-wrap .category>span {font-size:1.6rem; padding:0rem 1rem; font-family: "Play";}
.video-grid .content>.text-wrap .name {font-size:1.8rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.certificate-grid {width:100%; margin-bottom:5rem; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.certificate-grid .content {padding:1%; transition: all 0.4s; width:20%; flex-basis: 20%; max-width: 20%;}
.certificate-grid .content>.img-wrap {width:100%; border-radius: 1rem; overflow: hidden; border:1px solid #ddd;}
.certificate-grid .content>.img-wrap>img {width: 100%;}
.certificate-grid .content>.text-wrap {padding:2rem 0;}
.certificate-grid .content>.text-wrap .category { font-size:1.3rem; display: flex; justify-content: space-between; margin-bottom:0.3rem;}
.certificate-grid .content>.text-wrap .category>h3 {padding:0.5rem 1.5rem; font-size:1.4rem; display:inline-block; color:#fff; background-color:#000000; border-radius: 2rem;}
.certificate-grid .content>.text-wrap .cont>p {font-size:1.4rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word;}
.certificate-grid .content>.text-wrap .category>span {font-size:1.6rem; padding:0rem 1rem; font-family: "Play";}
.certificate-grid .content>.text-wrap .name {font-size:1.8rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word;}


.paginataion {width:100%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; margin-bottom:5rem;}
/* .paginataion .btn-wrap {background-color:black;} */
.paginataion .number-wrap { display: flex; justify-content: space-around; align-items: center; flex-wrap: nowrap; font-size:1.4rem;}
.paginataion .number-wrap>li {width:5rem; height:5rem; display: flex; justify-content: center; align-items: center; flex-wrap:wrap; cursor: pointer;}
.paginataion .number-wrap>.btn-wrap:hover {opacity: 1;}
.paginataion .number-wrap>li:hover {opacity: 0.7;}
.paginataion .number-wrap>li>img {max-width: 0.5rem;}
.paginataion .number-wrap>li.active {border:0; text-decoration: underline; font-weight: bold; background-color:black; color:#fff;}


.icon_set {position: relative;}
.icon_set span {display:inline-block; cursor:pointer; }
.icon_set span + span {margin-left:10px;}
.icon_set span img {width:20px; height:22px;}

.icon_set .print {position: relative; }
.icon_set .print .p_hover { position: absolute; top:25px; right: -35px; text-align: center;  font-size: 13px; background: #fff; border:1px solid #999999; width:100px; padding:10px 0; visibility: hidden;}
/* .icon_set .print:hover .p_hover {visibility: visible;} */


.icon_set .share_wrap {display:none; position:absolute; right:0; top:48px; background: #fff; border:1px solid #dddddd; transition: all 0.5s; width:333px;}
.icon_set .share_wrap .share_t {width:100%; background: #f5f5f5; display: flex; justify-content: space-between;}
.icon_set .share_wrap .share_t .main_p {font-size: 14px; font-weight: 400; padding:10px 15px; color:#333333;}
.icon_set .share_wrap .share_t img { cursor:pointer; height:16px; margin:10px 15px; display: inline-block;} 

.icon_set .share_wrap .s_list {background: #fff; padding:10px;}
.icon_set .share_wrap .s_list .share_list {overflow: hidden; padding:10px 15px;}
.icon_set .share_wrap .s_list .share_list li {float:left;}
.icon_set .share_wrap .s_list .share_list li + li {margin-left:15px;}
.icon_set .share_wrap .s_list .share_list li a img {width:35px; height:35px;}

@media print {
  header {display: none;}
  .banner-wraps {display: none !important;}
  .side-bar {display: none;}
  footer {display: none !important;}
  .product-detail-wrap>.content {max-width: 100%; height: auto !important; margin:0%; flex-basis: 100%; order:1;}
  .product-detail-wrap>.content.text-wraps .btn-wraps {display:none;}
  .product-detail-wrap>.content.text-wraps .detail-text li.flex_end {display:none !important;}
  .product-tab-wrap{page-break-before:always;}
  .topbtn {display:none!important; opacity: 0 !important;}
  .product-detail-wrap>.content {flex-basis: 547px; margin:0.5%; max-width: 547px;}
  .product-detail-wrap>.content>.product-detail-slide {position: relative!important; width:100% !important; height:100% !important;}
  .product-detail-wrap>.content>.product-detail-slide .swiper-wrapper {position: relative!important; width:100% !important;  min-height: 300px !important;}
  .product-detail-wrap>.content>.product-detail-slide-sub {width:100% !important;}
  .product-detail-wrap>.content>.product-detail-slide-sub .swiper-slide {width:31.333% !important;}
  .product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide-active {position: relative!important; width:100% !important; display: flex; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);} 
  .product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide-active img{position: absolute!important; top:50%!important; left:50%!important; transform: translate(-50%,-50%)!important; width:auto !important;}
  /* .product-detail-wrap>.content>.product-detail-slide .swiper-wrapper .swiper-slide img {position: absolute!important; top:50%!important; left:50%!important; transform: translate(-50%,-50%)!important; width:200px !important;} */
  .main-nav-sub {justify-content: center !important;}
  .product-detail-wrap>.content.text-wraps {order:0 !important;}
  .product-detail-wrap>.content.text-wraps .detail-text>.pd-name>h1 {text-align: center;}
  .product-detail-wrap>.content.text-wraps .detail-text>.pd-sub-name>h2 {text-align:center;}
  .sns-wrap {display: none;}
  .perf-tab-wrap {display: none;}

  }








/* 제품) */
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap {width:100%;}
/* 제품 카탈로그 ul 드롭다운 */
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog {background-color:#006C2D; color:#fff; position: relative; border:1px solid #536ca1; }
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog a{color:#fff;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn {background-color:#fafafa; display: none; position: absolute; top:47px; left:0; width:100%; height:auto; transition: all 0.4s; z-index: 1;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn {display:none; transition: all 0.4s;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn>li {border:1px solid #ddd; color:#333333; border-top:0;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn>li>a {color:#333333; font-size:13px;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog>.sub-catalog-btn>li>a:hover {text-decoration: underline; background-color:#f5f5f5;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog.activie-button {background-color:#536ca1; border:1px solid #536ca1;}
.product-detail-wrap>.content.text-wraps .btn-wraps>li#catalog.activie-button .sub-catalog-btn {display:block; transition: all 0.4s;}

/*타이틀*/
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title {justify-content: space-between; margin-top:20px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title>.title-cont>ul>li {margin-right:10px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title>.title-cont>ul>li>img {width:100%; max-width: 30px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title>.title-cont>ul>li>h2 {font-size:34px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title>.search-cont>.search-wraps {margin-bottom:0 !important;}


.product-tab-wrap {padding:0; z-index: 1; position: relative; top:1px;}
.product-tab-wrap .swiper-wrapper .swiper-slide {text-align: center; height:5rem; width:250px; cursor: pointer; font-size:1.4rem; border:1px solid rgba(0,0,0,0.1); border-bottom:1px solid #dddddd; border-right:0; padding-bottom:0 !important; padding:1rem !important;}
.product-tab-wrap .swiper-wrapper .swiper-slide>p {width: 100%;}
.product-tab-wrap .swiper-wrapper .swiper-slide:last-child {border-right:1px solid rgba(0,0,0,0.1); }
.product-tab-wrap .swiper-wrapper .swiper-slide.active-tab {background-color:#1E3786; }

/* .product-tab-wrap.gray .swiper-wrapper .swiper-slide {padding-bottom:0 !important; padding:1rem; height:5.3rem !important;}  */
.product-tab-wrap.gray .swiper-wrapper .swiper-slide.active-tab {background-color:#fff; color:#1E3786; border-top:3px solid #1E3786; font-weight: bold; border-bottom:1px solid #fff;}


.tab-wrap {text-align: center !important; }
.tab-container {width:100%;}
.tab-container .perf-tab-content {min-height:40rem; padding:0; width:100%; width:100%; overflow-x: auto; margin-bottom:10rem; border-top:1px solid #ddd; padding:4rem 1.6rem; font-size:1.6rem;}
.tab-container .perf-tab-content figure img {margin: 0 auto; display: block;}
.tab-container .perf-tab-content .flex_3ea {width:100%; margin-top:1rem; margin-bottom:1rem;}
.tab-container .perf-tab-content .flex_3ea .content {flex-basis: 32.333%; max-width: 32.333%; margin:0.5%; border:1px solid #ddd; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* .tab-container .perf-tab-content .felx_3ea .content {flex-basis: 32.333%; max-width: 32.333%; margin:0.5%; border:1px solid #ddd; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} */

.tab-container .perf-tab-content p {margin:0; padding:0; margin-bottom:0 !important; }
.tab-container .perf-tab-content ol {list-style-type: decimal;}
.tab-container .perf-tab-content ol li {margin-left:25px;}
.tab-container .perf-tab-content ul {list-style-type:disc !important;}
.tab-container .perf-tab-content ul li {margin-left:25px;}
.tab-container .perf-tab-content .table-bordered { width: 100%; border-collapse: collapse;}
.tab-container .perf-tab-content .table-bordered td {border:1px solid #ddd; padding:5px 3px;}

/*자료실*/
.dataroom-wrap {width:100%;}
.dataroom-wrap>p {font-size:1.6rem;}
.dataroom-wrap table {width:100%; border-bottom:1px solid #ddd; margin-top:1rem;}
.dataroom-wrap table thead tr th {padding:20px 10px; vertical-align: middle; text-align: center; background-color:#1E3786; color:#fff;}
.dataroom-wrap table thead tr th:first-child {width:10%;  font-size:1.6rem;}
.dataroom-wrap table thead tr th:nth-child(2) {width:10%; font-size:1.6rem;}
.dataroom-wrap table thead tr th:nth-child(3) {width:50%; font-size:1.6rem;}
.dataroom-wrap table thead tr th:nth-child(4) {width:15%;  font-size:1.6rem;}
.dataroom-wrap table thead tr th:nth-child(5) {width:15%;  font-size:1.6rem;}

.dataroom-wrap table tbody tr {border-bottom:1px solid #ddd;}
.dataroom-wrap table tbody tr td {font-size:1.6rem; line-height: 1.6em; padding:20px 10px; cursor: pointer;}
/* .dataroom-wrap table tbody tr td .type {padding:0.5rem 2rem; border-radius: 3rem; background-color:black; color:#fff;}
.dataroom-wrap table tbody tr td .type.paper {background-color:orange;} */
.dataroom-wrap table tbody tr td:first-child {text-align: center;}
.dataroom-wrap table tbody tr td:nth-child(2) {text-align: center;}
.dataroom-wrap table tbody tr:hover td {text-decoration: underline;}
.dataroom-wrap table tbody tr td:nth-child(3){text-align: left;}
.dataroom-wrap table tbody tr td:nth-child(4){text-align: center;}
.dataroom-wrap table tbody tr td:nth-child(5){text-align: center;}

.select-type {width:100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom:5rem;}
.select-type>p {font-size:1.8rem; font-weight: bold; border-right: 1px solid #ddd; padding: 0.5rem 2rem; margin-right:2rem;}
.select-type .button {padding: 0.5rem 3rem; border:1px solid #1E3786; border-radius: 1000px; color:#1E3786; font-size:1.8rem; cursor:pointer; margin:1rem;}
.select-type .button.active {background-color:#1E3786; color:#fff;}
.select-type .button:hover {background-color:#1E3786; color:#fff;}




/*고객지원 (공지사항)*/
.notice-wrap {width:100%;}
.notice-wrap>p {font-size:1.6rem;}
.notice-wrap table {width:100%;  margin-top:1rem; table-layout: fixed; border-bottom:2px solid #1E3786;}
.notice-wrap table thead tr th {padding:20px 10px; vertical-align: middle; text-align: center; background-color:#1E3786; color:#fff;}
.notice-wrap table thead tr th>h3 {font-size:1.6rem;}
.notice-wrap table thead tr th>p {font-size:1.3rem; font-weight: 300;}
.notice-wrap table thead tr th:first-child {width:10%;  font-size:1.6rem;}
.notice-wrap table thead tr th:nth-child(2) {width:60%; font-size:1.6rem;}
.notice-wrap table thead tr th:nth-child(3) {width:15%;  font-size:1.6rem;}
.notice-wrap table thead tr th:nth-child(4) {width:15%;  font-size:1.6rem;}
.notice-wrap table tbody tr {border-bottom:1px solid #ddd;}
.notice-wrap table tbody tr td {font-size:1.6rem; line-height: 1.6em; padding:20px 10px; cursor: pointer;}
.notice-wrap table tbody tr td:first-child {text-align: center;}
.notice-wrap table tbody tr td:nth-child(2):hover {text-decoration: underline;}
.notice-wrap table tbody tr td:nth-child(3){text-align: center;}
.notice-wrap table tbody tr td:nth-child(4){text-align: center;}


/*고객지원 (공지사항-세부페이지)*/
.wrap .section_inner .section-cont .container.notice-wrap-view {width:100%; margin:50px auto; padding-left:1.6rem; padding-right:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view >.main-nav-sub {border-top:0;}
.wrap .section_inner .section-cont .container.notice-wrap-view>.go-list-wrap {display:flex; justify-content: flex-end; align-items: flex-end; list-style:none;}
.wrap .section_inner .section-cont .container.notice-wrap-view>.go-list-wrap a {padding:10px 20px; color:#fff; background-color:#333333; margin-bottom:10px; font-size:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>.go-list-wrap a:hover {opacity: 0.7;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul {width:100%; text-align: center; border-top:5px solid #333333;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>li:first-child {font-size:1.8rem; margin-top:10px; margin-bottom:10px;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title {border-bottom:1px solid rgba(0,0,0,0.1);}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title>ul {display:flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom:10px;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.sub-title>ul>li {padding:5px; font-size:1.6rem;} 


.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.contents-wraps {width:100%; padding:5px; min-height:400px; text-align: left; border-bottom:1px solid rgba(0,0,0,0.1); font-size:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps {width:100%; padding:10px; border-bottom:1px solid #ddd; text-align: left; display:flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; font-size:1.6rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps a {display: inline-block;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps a>img {max-width: 25px; display: inline-block; vertical-align: middle; position: relative; top:-3px;} 
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.file-wraps a:hover {text-decoration: underline;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas {width:100%; padding:10px; border-bottom:1px solid rgba(0,0,0,0.1); }
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li {display:flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child {padding:10px; opacity: 0.6; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size:1.6rem; max-width: 30%; flex-basis: 30%; color:#333333;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child img {max-width:24px; display:flex; justify-content: flex-start; align-items: flex-start;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child {font-size: 1.6rem; padding:10px; display: flex; justify-content: flex-start; align-items: center;  max-width: 70%; flex-basis: 70%; text-align: left; color:#333333;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child>a {color:#333333;  }
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child>p {  width: 100%; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start {cursor: pointer;}
/* .wrap .section_inner .section-cont .container.notice-wrap-view>ul>.navi-wrpas .flex_start:hover {text-decoration: underline;} */

/* #next_news, #prev_news{opacity: 0.5;} */

.contents-wraps p {margin:0; padding:0; margin-bottom:0 !important; }
.contents-wraps ol {list-style-type: decimal;}
.contents-wraps ol li {margin-left:25px;}
.contents-wraps ul {list-style-type:disc !important;}
.contents-wraps ul li {margin-left:25px;}
.contents-wraps .table-bordered { width: 100%; border-collapse: collapse;}
.contents-wraps .table-bordered td {border:1px solid #ddd; padding:5px 3px;}

/* .wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas>ul> */





.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.contents-wraps {width:100%; padding:5px; min-height:400px; text-align: left; border-bottom:1px solid #ddd; font-size:1.6rem;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas {width:100%; padding:10px; border-bottom:1px solid #ddd; width:100%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child {padding:10px; opacity: 0.6; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size:1.6rem; width:20%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:first-child img {max-width:24px;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child {cursor: pointer; font-size:1.6rem; width:80%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child>p {width:100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } 
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas .flex_start>li:last-child:hover {text-decoration: underline;}
/* .wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view>ul>.navi-wrpas>ul> */



/*갤러리*/
.gallery-wrap {width:100%;}
.gallery-wrap .gallery-grid {margin-bottom:10rem;}
.gallery-wrap .gallery-grid .content {padding:0.5%;transition: all 0.4s cubic-bezier(.23,1,.32,1); cursor: pointer; width:25%; }
.gallery-wrap .gallery-grid .content:hover {background-color:#1E3786; color:#fff; border-radius: 1rem;}
.gallery-wrap .gallery-grid .content:hover .text-wrap>h3 {color:#fff;}
.gallery-wrap .gallery-grid .content:hover .text-wrap>p {color:#fff;}


.gallery-wrap .gallery-grid .content .img-wrap {width:100%; margin:0.5%; border-radius: 0.5rem; overflow: hidden;}
.gallery-wrap .gallery-grid .content .img-wrap>img {width:100%; height:100%; }
.gallery-wrap .gallery-grid .content .text-wrap {padding:2rem;}
.gallery-wrap .gallery-grid .content .text-wrap>h3 {font-size:1.5rem; color:rgba(0,0,0,0.5); font-weight: 300;}
.gallery-wrap .gallery-grid .content .text-wrap>p {font-size:1.8rem; color:#333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; color:#333333; font-weight: bold;}




/* 온라인문의 - 체크박스 */
.inquiry {margin-top:10rem; margin-bottom:10rem;}
.inquiry .i-wrap .i-info .i-form .check-box {display: flex; justify-content: flex-start; width:100%; flex-wrap: wrap; border-top:2px solid #222; align-items: center; border-bottom:1px solid #ddd;}

.inquiry .i-wrap .i-info .i-form .check-box .title {font-size: 1.6rem; padding-left:2rem; font-weight:600; flex-basis:15%; max-width:15%; padding:1.5rem 2rem;}
.inquiry .i-wrap .i-info .i-form .check-box .title::before {content:"*"; color:#FF6600; margin-right:5px;}

.inquiry .i-wrap .i-info .i-form .check-box .c-list {flex-basis:85%; max-width:85%; padding:1.5rem 2rem; border-left:1px solid #ddd;}
.inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list {position: relative; width:100%; height: 5rem; border:1px solid #ddd;}
.inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list #user-type {position: relative; width:100%; height:100%; padding:0 3rem 0 1.5rem; font-size: 1.6rem; border:0; background-color: transparent; cursor: pointer; -webkit-appearance: none; font-family: 'SCoreDream','Play'; color:rgba(0,0,0,0.3);}
.inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list::before {content:""; display:block; width:24px; height:24px; background: url(/NEXTONE/image/select.svg) no-repeat 0 0; position: absolute; right:10px; top:50%; transform:translateY(-50%); }



/* 온라인문의 */
.inquiry .i-wrap .i-info .i-form .form-box {width:100%; }
.inquiry .i-wrap .i-info .i-form .form-box li { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; border-bottom:1px solid #ddd;}
.inquiry .i-wrap .i-info .i-form .form-box .cont {align-items: flex-start;}

.inquiry .i-wrap .i-info .i-form .form-box li .i-tit {flex-basis:15%; max-width:15%; padding:1.5rem 2rem}
.inquiry .i-wrap .i-info .i-form .form-box li .i-tit .tit {font-size: 1.6rem; font-weight:500;  }
.inquiry .i-wrap .i-info .i-form .form-box li .i-tit .tit::before {content:"*"; color:#FF6600; margin-right:5px;}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-tit .tit::before {content:"";}

.inquiry .i-wrap .i-info .i-form .form-box li .i-box {flex-basis:85%; max-width:85%; padding:1.5rem 2rem; border-left:1px solid #ddd; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box input {padding:0 3rem 0 1.5rem; margin:0; border-radius: 0; box-shadow: none; background: #fff; height:50px; font-size: 1.6rem; font-family: 'SCoreDream',"Play"; color:#222; border:1px solid #ddd; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box input:focus {background: #fff; border:1px solid #222; outline:none;}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box textarea {padding:2rem 2.5rem; margin:0; border-radius: 0; box-shadow: none; background: #FFF; font-size: 1.6rem; font-family: 'SCoreDream',"Play"; color:#222; width:100%; border:1px solid #ddd; height: 25rem;}
.inquiry .i-wrap .i-info .i-form .form-box li .i-box textarea:focus {background: #fff; border:1px solid #222; outline:none;}

.inquiry .i-wrap .i-info .i-form .form-box .tel .i-box {display: flex; justify-content: flex-start; align-items: center; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box .tel .i-box input {flex-basis:15rem; max-width:15rem; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box .tel .i-box .bar > span {display: inline-block; width:12px; height:1px; background: #888; margin:0 1rem; }

.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box {display: flex; justify-content: flex-start; align-items: center; width:100%;}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box input {width:100%; flex-basis:20rem; max-width:20rem;}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box span {font-size: 1.6rem; margin:0 1rem; display: inline-block; font-weight: 400; color:#888; }
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box select {width:100%; flex-basis:20rem; max-width:20rem; padding:0 3rem 0 1.5rem; margin:0 0 0 5px; border-radius: 0; box-shadow: none; background: #fff url(/assets/images/select.svg) no-repeat 95% 50%;; height:50px; font-size: 1.6rem; font-family: 'SCoreDream','Play'; color:#888; cursor: pointer; position: relative; border:1px solid #ddd;}
.inquiry .i-wrap .i-info .i-form .form-box .mail .i-box select:focus {outline: none;}

.inquiry .i-wrap .i-info .i-form .form-box .file .i-box input[type="file"] {position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box label {	display: inline-block; background: #666; color:#fff; height:50px; cursor: pointer; margin-left:5px; width:13rem; text-align: center; font-size: 1.6rem; line-height: 50px; transition:all 0.5s; vertical-align: middle; }
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box label:hover {background: #222; transition:all 0.5s; }
.inquiry .i-wrap .i-info .i-form .form-box .file .i-box .f-name {display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width:calc(100% - 14rem); border:none; background: #fff; font-size: 1.6rem; font-family: 'SCoreDream',"Play"; color:#888; border:1px solid #ddd;}



/* 온라인문의 - 개인정보 */
.inquiry .i-wrap .i-info .i-form .agree-wrap {margin-top:6rem;}

.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner {width:100%; border:1px solid #d8d8d8; height:18rem; overflow-y: auto; margin-top:2rem; padding:3rem 4rem;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .title {font-size: 1.8rem; font-weight:600; margin-bottom:2rem;}

.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .a-list li + li {margin-top:3rem;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .a-list li .sub_title {font-size: 1.5rem;  margin-bottom:1rem; font-weight: 500; }
.inquiry .i-wrap .i-info .i-form .agree-wrap .a-content .a-inner .a-list li .main {font-size: 1.5rem; color:#666; font-weight: 400;} 

.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box {width:100%; background: #fafafa;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn {display: flex; justify-content: flex-start; align-items: center; cursor: pointer; padding:2rem 4rem; border:1px solid #d8d8d8; border-top:none}
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn > span {font-size: 1.4rem; font-weight: 400; }
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn .material-icons + span {margin-left:0.5rem;}
.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn .material-icons {color:#BFBFBF}

.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn > input[type="checkbox"] {display: none;}

.inquiry .i-wrap .i-info .i-form .agree-wrap .agree-box .agree-btn > input[type="checkbox"]:checked + .material-icons {color: #FF6600;}




/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}




/* 온라인문의 버튼 */
.inquiry .i-wrap .i-info .i-form .form-btn .submit_btn { background:#1E3786; transition: all 0.5s ease-in-out; font-size: 1.6rem; color:#fff; text-align: center; margin:6rem auto 0 auto; font-weight: 600; cursor:pointer; padding:1.5rem 4rem; width:18rem; border:1px solid #1E3786}
.inquiry .i-wrap .i-info .i-form .form-btn .submit_btn:hover {transition: all 0.5s ease-in-out; background: #fff; color:#1E3786;}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #222 !important;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #222 !important;}




.embed-youtube {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.embed-youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*공통 페이지네이션*/
.pagination {width:100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top:25px; margin-bottom:100px;}
.pagination>li {cursor: pointer; width:40px; height:40px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border:1px solid #ddd; margin-right:2px; font-size:1.4rem;} 
.pagination>li.active {font-weight: bold; color:#12202D; background-color:white; }
.pagination>li:hover {background-color:#12202D; color:#fff;}


/*검색후 데이터가 없을때*/
.no-data {width:100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center; min-height:400px;}
.no-data h2 {font-size:30px;}
.no-data p {font-size:1.4rem; margin-top:10px;}



@keyframes slide{
  from{
      bottom:9%;
  }
  to{
      bottom:3%;
  }
}




/*제품상세 - 프린트*/
@media only print {
  * {-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-print-color-adjust: exact;
  }


.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap {display:none; position:absolute; right:0; top:-100px; background: #fff; border:1px solid #dddddd; transition: all 0.5s;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .share_t {width:100%; background: #f5f5f5; display: flex; justify-content: space-between;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .share_t .main_p {font-size: 14px; font-weight: 400; padding:10px 15px; }
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .share_t img { cursor:pointer; height:16px; margin:10px 15px; display: inline-block;} 

.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list {background: #fff; padding:10px;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list .share_list {overflow: hidden; padding:10px 15px;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list .share_list li {float:left;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list .share_list li + li {margin-left:15px;}
.product .pd_wrap .pd_inner .pd_info .icon_set .share_wrap .s_list .share_list li a img {width:35px; height:35px;}


.product .pd_wrap .pd_slide .p_slide {width:100% !important; max-width:573px !important; height:100%; }
.product .pd_wrap .pd_slide .p_slide {margin:0 auto;}
.product .pd_wrap .pd_slide {flex-basis:100%; max-width:100%; }
.product .pd_wrap .pd_inner {flex-basis:100%; max-width:100%; margin-top:20px;}
.main_title h2 {margin-bottom:30px;}
.product .pd_wrap .pd_inner .pd_info .p_name {font-size: 3.3rem; }
.product .pd_wrap .pd_inner .pd_info .p_name::after {display: none;}
.section_wrap {margin:50px 0;}
.product .pd_wrap .pd_inner .btn_set a {display: none;}
.product .pd_wrap .pd_slide .p_slide .slide_nav {margin-top:20px;}
.product .pd_wrap .pd_inner .pd_info .p_num {margin-top:30px;}
.product .pd_wrap .pd_inner .pd_info .p_mail {height:50px;}

}

footer {width:100%; height:100%; background-color:#000000; color:rgba(255,255,255,1); border-top:1px solid rgba(255,255,255,0.3); font-weight: 300; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
footer.normal>ul {padding-top:5rem;}
footer>ul {padding-top:25rem; padding-bottom:5rem; padding-left:5rem; padding-right:5rem;}
footer ul .logo-wraps {border-bottom:1px solid rgba(255,255,255,0.3); max-width:100%; padding-top:2rem; padding-bottom:2rem;}
footer ul .logo-wraps a {max-width: 20rem;}
footer ul .logo-wraps a:hover img {opacity: 0.7;}
footer ul .logo-wraps img {max-width:15rem;  transition: all 0.4s;}


footer ul .menu-wraps {border-bottom:1px solid rgba(255,255,255,0.3); padding-top:1rem; padding-bottom:1rem; width:auto; justify-content: space-between;}
footer ul .menu-wraps>.content {display: flex; justify-content: flex-start;}
footer ul .menu-wraps>.content>div>a {padding:0.2rem 2rem; font-weight: 400; font-size:1.6rem; color:rgba(255,255,255,1); font-family: "Play";}
footer ul .menu-wraps>.sns-container>ul>li>a {max-width: 4rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
footer ul .menu-wraps>.sns-container {margin-bottom:0;}
footer ul .contact-wraps {display: flex; justify-content: space-between; align-items: center; padding-top:2rem; padding-bottom:2rem;}
footer ul .contact-wraps>ul>li>p {font-size:1.6rem;  padding:0.25rem; padding-right:3rem; font-weight: 400; color:rgba(255,255,255,1); position: relative;}

footer ul .mail-wraps {width:100%; border-bottom:1px solid rgba(255,255,255,0.1);}
footer ul .mail-wraps p {font-size:2rem; color:rgba(255,255,255,0.7); text-align: center; padding-top:2rem; padding-bottom:2rem;}
footer ul .mail-wraps p>b {margin-right:2rem;}

footer> ul .copyright-wraps>.flex_space-between {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
footer> ul .copyright-wraps ul li {font-size:1.6rem; padding:0; color:rgba(255,255,255,0.6); font-weight: 400; padding-top:1rem; font-family: "Play";} 
footer> ul .copyright-wraps ul>li:last-child {background-color:rgba(255,255,255,0.1); padding:3px; visibility: hidden;}
footer> ul .copyright-wraps ul>li:last-child:hover {opacity: 0.7;}
/*****탑버튼*****/
.topbtn {position: fixed; right:2rem; bottom:2rem; display: none; z-index: 99; width:50px; height:50px; background:#000000; cursor:pointer;  border:1px solid rgba(255,255,255,1); text-align: center;}
.topbtn p {line-height:50px; font-size:12px; font-weight:400; color:#ffffff}