<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body,html {width:100%; max-width: 100%;  margin: 0 auto; }

/* ì½˜í…ì¸&nbsp;ê°€ ì—†ì„ë•Œ*/
.no-results{width:100%; text-align: center; margin-top:2rem; padding: 50px 0; margin-bottom:50px;}  
.no-results&gt;h3 {font-size:2.4rem; font-weight:bold; width:100%; }
.no-results&gt;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;}

.search-wrap {width: 100%; background-color: #0C3190; color:#fff; padding:5rem 0; z-index: 2; position: relative; padding-left:2rem; padding-right:2rem;}
.search-wrap .text-wrap {flex-basis: 30%; max-width: 30%; color:#fff; flex-wrap: wrap;}
.search-wrap .text-wrap&gt;li:first-child {font-size:2.8rem;}
.search-wrap .text-wrap&gt;li:last-child {font-size: 1.6rem; color:rgba(255,255,255,0.7);}
.search-wrap .boundary-1280 {align-items: stretch;}


.search-wrap#sub-search-wrap {background-color:#fff; padding-top:0; padding-bottom:5rem; }
.search-wrap#sub-search-wrap  .text-wrap {flex-basis: 25%; max-width: 25%; color:#fff; flex-wrap: wrap;}
.search-wrap#sub-search-wrap .boundary-1280 {align-items: stretch; background-color:#0C3190; padding:6rem; margin-top:5rem;}
.search-wrap#sub-search-wrap .search-container {justify-content: flex-end; flex-basis: 75%; max-width: 75%;}
.search-wrap#sub-search-wrap .search-container .select-container {justify-content: flex-end; flex-wrap:nowrap;}
.search-wrap#sub-search-wrap .search-container .select-container&gt;ul {width: 100%;}


.wrap{width:100%; height:100%; margin:0 auto;  position: relative;}
.section-wrap {padding-top:5rem;}
.section-wrap#about {z-index: 2; background-color:#fff; position: relative;}
.section-wrap#ability {z-index: 2; background-color:#fff; position: relative; margin-bottom:10rem;}

#ability .flex-2ea {display: flex; justify-content: flex-start; align-items: flex-start;}
#ability .content {flex-basis: 50%; max-width: 50%; padding:2rem;}
#ability .content:last-child {position: sticky; top:14rem; right:0;}
#ability .content&gt;h3 {font-size:2rem;}
#ability .content .flex-start {display: flex; justify-content: flex-start; align-items: flex-start; margin-top:2rem; flex-wrap: nowrap;}
#ability .content .flex-start h4 {padding-right:1.6rem; font-size:1.6rem; word-break: keep-all;}
#ability .content .flex-start p {font-size:1.6rem;}


.title-banner-wrap {width:100%; padding-top:8rem; z-index: 2; background-color:#f9f9f9; position: relative;}
.title-banner-wrap .image-banner{display: block; position: relative;}
.title-banner-wrap .boundary-1280&gt;ul {width:100%; color:#333333;  padding:5rem 0; display: flex; justify-content: space-between; align-items: stretch; }
.title-banner-wrap .boundary-1280&gt;ul&gt;li {flex: 1;}
.title-banner-wrap .boundary-1280&gt;ul&gt;li:first-child {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%;}
.title-banner-wrap .boundary-1280&gt;ul&gt;li:first-child&gt;p {font-size:2rem; color:#333333; display: inline-block;}
.title-banner-wrap .boundary-1280&gt;ul&gt;li:first-child&gt;b {padding-right:0.5rem;}
.title-banner-wrap .boundary-1280&gt;ul&gt;li:first-child&gt;h3 {font-size:6rem; font-weight: 900; color:#0C3190; width: 100%; line-height: 1.2;}
.title-banner-wrap .boundary-1280&gt;ul&gt;li:first-child&gt;h4 {font-size:1.8rem; font-weight: 300; color:#000000; width: 100%;}
.title-banner-wrap .boundary-1280&gt;ul&gt;.paging&gt;ul {display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap;}
.title-banner-wrap .boundary-1280&gt;ul&gt;.paging&gt;ul&gt;li {border-right:1px solid #ddd;}
.title-banner-wrap .boundary-1280&gt;ul&gt;.paging&gt;ul&gt;li:last-child {border-right:0;}
.title-banner-wrap .boundary-1280&gt;ul&gt;.paging&gt;ul&gt;li&gt;a {padding:0.3rem 1.6rem; font-size:1.4rem; line-height: 1; white-space: nowrap; text-transform: uppercase;}
.title-banner-wrap .boundary-1280&gt;ul&gt;.paging&gt;ul&gt;li&gt;a:hover {color:#000000; text-decoration: underline;}

.title-banner-wrap .boundary-1280&gt;ul.menu-list {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding:0; margin-bottom:0; background-color:#fff; }
.title-banner-wrap .boundary-1280&gt;ul.menu-list&gt;li {font-size:1.8rem; border-bottom:4px solid transparent; font-weight: bold; width: auto; text-align: center; justify-content: center;}
.title-banner-wrap .boundary-1280&gt;ul.menu-list&gt;li&gt;a {padding:2rem 4rem 1.6rem 4rem;}
.title-banner-wrap .boundary-1280&gt;ul.menu-list&gt;li.active {border-bottom:4px solid #E4A01C;}
.title-banner-wrap .boundary-1280&gt;ul.menu-list&gt;li.active&gt;a {color:#E4A01C; font-weight: bold;}
.title-banner-wrap .boundary-1280&gt;ul.menu-list&gt;li:last-child {margin-right:0;}

#overview-text {justify-content: space-between; padding:0; align-items: flex-start; margin-top:3rem;} 
#overview-text .content {flex-basis: 48%; max-width: 48%;}
#overview-text .content&gt;h3 {font-size:2.2rem; font-weight: bold; color:#000000; margin-bottom:2rem;}
#overview-text .content&gt;p {font-size:1.6rem; }

#overview-text .line-button {max-width: 100%; flex-basis: 100%;}
#overview-text .content ul {width: 100%;}
#overview-text .content ul&gt;li {width: 49%; margin: 0.5%;}


#ability-text {justify-content: space-between; padding:0; align-items: flex-start; margin-top:3rem;} 
#ability-text .content {flex-basis: 48%; max-width: 48%;}
#ability-text .content&gt;h3 {font-size:2.2rem; font-weight: bold; color:#000000; margin-bottom:2rem;}
#ability-text .content&gt;p {font-size:1.6rem; }
#ability-text .line-button {max-width: 100%; flex-basis: 100%;}
#ability-text .content ul {width: 100%;}
#ability-text .content ul&gt;li {width: 49%; margin: 0.5%;}
#ability-text .content&gt;p {font-size:1.6rem; margin-bottom:1.6rem; }


#management-wrap {width: 100%; display: flex; align-items: stretch; padding-bottom:10rem;}
#management-wrap .content {flex-basis: 50%; max-width: 50%; margin:0;}
#management-wrap .content&gt;img {width: 100%; height: 100%;}
#management-wrap .content.text-wrap {display: flex; justify-content: center; align-items: center; position: relative;}
#management-wrap .content.text-wrap .number {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:30rem; color:rgba(0,0,0,0.03); font-family: "Montserrat"; font-weight: 800; z-index: -1;}
#management-wrap .content.text-wrap.right {text-align: right;}
#management-wrap .content.text-wrap&gt;.text-div {width: 100%; padding:5rem;}
#management-wrap .content.text-wrap&gt;.text-div&gt;li&gt;h3 {font-size:3rem; font-weight: bold; color:#0B318F; line-height: 1.2; font-weight: 800;}
#management-wrap .content.text-wrap&gt;.text-div&gt;li&gt;h4 {font-size:1.6rem; font-weight: 300; margin-bottom:3rem; color:rgba(0,0,0,0.4);}
#management-wrap .content.text-wrap&gt;.text-div&gt;li&gt;p {font-size:1.6rem;}
#management-wrap .content.text-wrap&gt;.text-div&gt;li&gt;.tag-wrap {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top:3rem; }
#management-wrap .content.text-wrap.right&gt;.text-div&gt;li&gt;.tag-wrap {justify-content: flex-end;}
#management-wrap .content.text-wrap.right&gt;.text-div&gt;li&gt;.tag-wrap&gt;li {margin-right:0; margin-left:1rem;}
#management-wrap .content.text-wrap&gt;.text-div&gt;li&gt;.tag-wrap&gt;li {padding:0.5rem 1rem; background-color:#E8EEFF; color:#0B318F; font-size:1.4rem; margin-right:1rem; border-radius: 0.5rem; margin-bottom:1rem;}

#number-contents {display: flex; justify-content: space-between; margin-top:5rem; align-items: flex-start;}
#number-contents .content {flex-basis: 23%; max-width: 23%; border-top:1px solid #ddd; text-align: left; padding:2rem 3rem; position: relative;}
#number-contents .content .name {font-size:1.4rem; width: 100%; position: relative; z-index: 1;}
#number-contents .content .num {font-size:5rem; font-weight: 900; position: relative; z-index: 1;}
#number-contents .content .num&gt;b {font-weight: 900; position: relative; z-index: 1;}
#number-contents .content .cont {font-size:1.6rem; position: relative; z-index: 1;}

#number-contents .content::before {content:''; position: absolute; top:0; left:0; width:100%; height:0%; background-color:#0B318F; transition: all 1.2s cubic-bezier(.23,1,.32,1);}
#number-contents .content:hover::before {height:100%;}
#number-contents .content:hover .name {color:#ffffff;}
#number-contents .content:hover .num {color:#E4A01C;}
#number-contents .content:hover .num&gt;b {color:#E4A01C;}
#number-contents .content:hover .cont {color:#ffffff;}


.slogan-container {display: flex; justify-content: flex-start; align-items: flex-start; padding-bottom:10rem; margin-top:10rem;}

.slogan-wrap:last-child {margin-top:32rem;}
.slogan-wrap {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start !important; flex-wrap: wrap; flex-basis: 50%; max-width: 50%;}
.slogan-wrap .content {flex-basis: 100%; max-width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.slogan-wrap .content:last-child {padding-top:15rem;}
.slogan-wrap .content#quality .title {padding-top:6rem;}
.slogan-wrap .content#service .title {padding-top:6rem;}
.slogan-wrap .content .title { writing-mode: vertical-lr; font-size:6.5rem; line-height: 1.2; font-weight: 1000; color:#000000; font-family: "Montserrat"; text-transform: uppercase;}
.slogan-wrap .content .img-wrap&gt;img {width: 100%; vertical-align: middle;}
.slogan-wrap .content .text-wrap {padding-top:2rem; padding-left:7.8rem; padding-right:7.8rem;}
.slogan-wrap .content .text-wrap h3 {font-size:2.4rem; padding-bottom:1rem;}
.slogan-wrap .content .text-wrap p {font-size:1.6rem;}
.line-button {border:1px solid #0B318F; padding: 1rem 3rem; font-size:1.6rem; color:#0B318F; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 23rem; margin-top:2rem; border-radius: 5px;}
.line-button&gt;img {margin-right:1rem; max-width: 2rem; width: 100%;}
.line-button:hover {background-color:#0B318F; color:#fff;}
.line-button:hover&gt;img {filter: brightness(1000);}

/* .slogan-wrap .content:nth-child(2) {padding-top:20rem;} */



.title-banner-wrap .image-banner {position: relative; margin-bottom:5rem;}
.title-banner-wrap .image-banner&gt;img {width: 100%;}
.title-banner-wrap .image-banner&gt;.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&gt;.inner_boundary&gt;li {flex-basis: 50%; max-width: 50%;}
.title-banner-wrap .image-banner&gt;.inner_boundary&gt;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&gt;.inner_boundary&gt;li:first-child&gt;img {width: 100%; max-width: 35rem;}
.title-banner-wrap .image-banner&gt;.inner_boundary&gt;li:last-child {padding:2rem;}
.title-banner-wrap .image-banner&gt;.inner_boundary&gt;li:last-child&gt;div&gt;h3 {font-size:1.6rem; margin-bottom:1rem;}
.title-banner-wrap .image-banner&gt;.inner_boundary&gt;li:last-child&gt;div&gt;p {font-size:1.4rem;}

.title-banner-wrap .image-banner&gt;.inner_boundary&gt;li.inquiry-wrap {padding:2rem;}
.title-banner-wrap .image-banner&gt;.inner_boundary&gt;li.inquiry-wrap&gt;div&gt;h3 {font-size:1.6rem; margin-bottom:0;}
.title-banner-wrap .image-banner&gt;.inner_boundary&gt;li.inquiry-wrap&gt;div:last-child {margin-top:1rem;}
.title-banner-wrap .image-banner&gt;.inner_boundary&gt;li.inquiry-wrap&gt;div&gt;.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&gt;.inner_boundary&gt;li.inquiry-wrap&gt;div&gt;.shop-link&gt;img {display: inline-block; vertical-align: middle; padding:0 0.5rem;}
.title-banner-wrap .image-banner&gt;.inner_boundary&gt;li.inquiry-wrap&gt;div&gt;.shop-link:hover {background-color:#d05300;}
.title-banner-wrap .image-banner&gt;.inner_boundary&gt;li.inquiry-wrap&gt;div&gt;.shop-link:hover&gt;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&gt;img {width:100%;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap {padding:4rem; background-image:url(/INCONTRO/assets/images/company-logo.png); background-repeat: no-repeat; background-position: top right;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap&gt;div&gt;h3 {font-size:3.6rem; margin-bottom:1rem;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap&gt;div&gt;h4 {font-size:2rem; margin-bottom:3rem;}
#sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap&gt;div&gt;p {font-size:1.6rem; margin-bottom:2rem;}

/*ì—°í˜*/
#history-container {width: 100%; background-color:#F8F8F8; padding-top:10rem; padding-bottom:10rem; position: relative;}
#history-container .boundary-1280 {z-index: 2; position: relative;}
#history-container&gt;.history-text {position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); font-size:10rem; z-index: 1; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #ddd; color:transparent; font-weight: 900;}
#history-container&gt;.title {font-size:3.6rem; font-weight: bold; text-align: center; margin-bottom:10rem; line-height: 1.2; z-index: 2; position: relative;  padding-left:1.6rem; padding-right:1.6rem;}
#history-container .history-box  {align-items: stretch; }
#history-container .history-box .content {flex-basis: 50%; max-width: 50%;}



/* #history-container .history-box:nth-child(odd) .cont-wrap::before {content:''; position: absolute; top:0; left:0; width:1px; height:100%; background-color:#0B318F;  border-radius: 50%; z-index: 2;} */
#history-container .history-box:nth-child(odd)&gt;.img-wrap {order:0; padding-right:2rem; display: flex; justify-content: flex-start; padding-bottom:15rem; position: relative;}
#history-container .history-box:nth-child(odd)&gt;.cont-wrap {order:1; padding-top:4.2rem; padding-bottom:20rem; padding-left:3rem; height: 100%;}
#history-container .history-box:nth-child(odd) .img-wrap::after {content:''; position: absolute; top:0; right:0%; width: 1px; height: 100%; background-color:#ddd;}
#history-container .history-box:nth-child(odd)&gt;.cont-wrap&gt;li&gt;b {padding-right:2rem;}
#history-container .history-box:nth-child(odd)&gt;.cont-wrap&gt;li&gt;div&gt;p::before {content:''; position: absolute; left:-1rem; width: 3px; height:3px; background-color:#333333; border-radius: 50%; top:1.4rem; transform: translateY(-50%); }

#history-container .history-box:nth-child(even)&gt;.img-wrap {order:1; display: flex; justify-content: flex-start; text-align: left; padding-left:2rem; position: relative;}
#history-container .history-box:nth-child(even)&gt;.img-wrap .title {text-align: left;}
#history-container .history-box:nth-child(even)&gt;.img-wrap .img {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
#history-container .history-box:nth-child(even)&gt;.cont-wrap {order:0; position: relative; left:1px;  padding-top:4.2rem; padding-bottom:20rem; padding-right:3rem;}
/* #history-container .history-box:nth-child(even)&gt;.cont-wrap::before {content:''; position: absolute; top:0; right:0%; width:1rem; height:1rem; background-color:#0B318F;  border-radius: 50%; z-index: 1;} */

#history-container .history-box:nth-child(even)&gt;.img-wrap::after {content:''; position: absolute; top:0; left:-0%; width: 1px; height: 100%; background-color:#ddd;}
#history-container .history-box:nth-child(even)&gt;.cont-wrap&gt;li {text-align: right; display: flex; justify-content: flex-end;}
#history-container .history-box:nth-child(even)&gt;.cont-wrap&gt;li&gt;b {order:1; padding-left:2rem; right:0;}
#history-container .history-box:nth-child(even)&gt;.cont-wrap&gt;li&gt;div {order:0;}
#history-container .history-box:nth-child(even)&gt;.cont-wrap&gt;li&gt;div&gt;p {position: relative;}
#history-container .history-box:nth-child(even)&gt;.cont-wrap&gt;li&gt;div&gt;p::before {content:''; position: absolute; right:-1rem; width: 3px; height:3px; background-color:#333333; border-radius: 50%; top:1.4rem; transform: translateY(-50%); }



#history-container .history-box .img-wrap {flex-direction: column;}
#history-container .history-box .img-wrap .title {font-size:3rem; text-align: right; font-weight: 900;}
#history-container .history-box .img-wrap .img {width: 100%; display: flex; justify-content: flex-end; align-items: flex-start;}
#history-container .history-box .cont-wrap { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; position: relative; padding-left:3rem;}
#history-container .history-box .cont-wrap&gt;li {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; width: 100%; margin-top:1.6rem;}
#history-container .history-box .cont-wrap&gt;li&gt;b {font-size:2.2rem; font-weight: bold;  line-height: 1.2;}
#history-container .history-box .cont-wrap&gt;li&gt;div  {font-size:1.8rem; }
#history-container .history-box .cont-wrap&gt;li&gt;div&gt;p {position: relative;}



#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&gt;h3 {font-size:3.6rem; margin-bottom:2rem;}
#sub-section-03 .sub_inner_boundary&gt;.flex_2ea {width:100%; align-items: stretch; justify-content: flex-start;}
#sub-section-03 .sub_inner_boundary&gt;.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&gt;.flex_2ea .content:hover {background-color:#223F99; color:#fff; background-image: url(/INCONTRO/assets/images/history-bg.png); background-position: right bottom; background-repeat: no-repeat;}
#sub-section-03 .sub_inner_boundary&gt;.flex_2ea .content:hover&gt;ul&gt;li&gt;p::before {background-color:#fff;}
#sub-section-03 .sub_inner_boundary&gt;.flex_2ea .content&gt;ul&gt;li&gt;h3 {font-size:2.6rem; margin-bottom:2rem;}
#sub-section-03 .sub_inner_boundary&gt;.flex_2ea .content&gt;ul&gt;li&gt;p {font-size:1.6rem; margin-left:2rem; position: relative;}
#sub-section-03 .sub_inner_boundary&gt;.flex_2ea .content&gt;ul&gt;li&gt;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&gt;.flex_2ea .content:nth-child(2n) {flex-basis: 49%; max-width: 49%; margin-left:1%; margin-right:0;}


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


/*ê²€ìƒ‰ë‹¨*/
#product-search {width:100%; position: relative;}
#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; z-index: 99;}
#product-search .search-wrap&gt;input {width:80%; padding:2rem 3rem; border:none; font-family: "Pretendard"; font-size: 1.8rem;}
#product-search .search-wrap&gt;.search-btn {width:20%; background-color:#223F99; color:#fff; border-radius: 1000px; position: relative; right:-2px; cursor: pointer;}
#product-search .search-wrap&gt;.search-btn:hover {background-color:#10266a;}

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


/*í•„í„°*/
#product-search .filter-wrap {width:100%; margin-bottom:5rem;}
#product-search .filter-wrap&gt;.content {background-color:#f9f9f9; padding:1rem; margin-bottom:1rem;}
/*í•„í„° ë¶„ë¥˜ì´ë¦„*/
#product-search .filter-wrap&gt;.content&gt;li:first-child {flex-basis: 18%; max-width: 18%; border-right:1px solid #ddd; margin-right:2%;}
#product-search .filter-wrap&gt;.content&gt;li:first-child&gt;h3 {font-size:2rem; text-align: center;}
/*í•„í„° ë¶„ë¥˜ ì•„ì´í…œ */
#product-search .filter-wrap&gt;.content&gt;li:last-child {flex-basis: 80%; max-width: 80%;}
#product-search .filter-wrap&gt;.content&gt;li:last-child&gt;.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&gt;.content&gt;li:last-child&gt;.item:hover {background-color:#7f7f7f; color:#fff;}
#product-search .filter-wrap&gt;.content&gt;li:last-child&gt;.item.active {background-color:#000000; color:#fff;}



#product-wraps {margin-top:0;}
#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:62.5%; position: relative; width:100%; height: 0 !important; overflow: hidden; border:1px solid #ddd;transition: all 0.4s cubic-bezier(.23,1,.32,1);}
#product-wraps .flex_3ea .content .text-wrap {background-color:#fff; padding:2rem 0;}
#product-wraps .flex_3ea .content .text-wrap&gt;.category&gt;h3 {font-size:1.4rem;}
#product-wraps .flex_3ea .content .text-wrap&gt;.name&gt;h2 {font-size:2.4rem; margin-bottom:0.8rem; font-weight: 800; line-height: 1.2;}
#product-wraps .flex_3ea .content .text-wrap&gt;.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&gt;.mat-wrap&gt;.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&gt;.mat-wrap&gt;.mat&gt;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&gt;.cont {font-size:1.4rem; margin-bottom:1rem; color:rgba(0,0,0,0.6);}
#product-wraps .flex_3ea .content .text-wrap&gt;.tag {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
#product-wraps .flex_3ea .content .text-wrap&gt;.tag&gt;div {font-size:1.4rem; padding:0.4rem 1rem; background-color:#E8EEFF; color:#223F99; font-weight: 600; border-radius: 0.5rem; margin-right:0.5rem;  margin-bottom:0.5rem;}
#product-wraps .flex_3ea .content .img-wrap&gt;img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(1.00); transition: all 0.4s; width: auto; max-width: 100%;}
#product-wraps .flex_3ea .content:hover .img-wrap&gt;img {transform: translate(-50%,-50%) scale(1.05);}
#product-wraps .flex_3ea .content:hover .img-wrap {border:1px solid #0B318F;}
.search-result {font-size:1.8rem; font-weight: 500; margin-bottom:1rem;}
.search-result&gt;p {padding-left:0;}
.search-result&gt;p&gt;span {color:#E4A01C; font-weight: bold; padding-left:0.25rem; padding-right:0.25rem;}

/* 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&gt;ul {display: flex; justify-content: flex-start; align-content: center;}
.sns-container&gt;ul&gt;li {margin-right:2rem; width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; border:1px solid rgba(255,255,255,0.3); border-radius: 50%;}
.sns-container&gt;ul&gt;li&gt;a&gt;img {max-width: 100%; width: auto;}
.sns-container&gt;ul&gt;li:last-child {margin:0; }
.sns-container&gt;ul&gt;li a img:last-child {display: none;}
.sns-container&gt;ul&gt;li:hover {background-color:#fff;}
.sns-container&gt;ul&gt;li:hover a img:first-child {display: none;}
.sns-container&gt;ul&gt;li:hover a 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&gt;.content .icon-wrap {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
#management-wrap .gear-wrap&gt;.content .icon-wrap&gt;img {margin: 0 auto; display: block;}
#management-wrap .gear-wrap&gt;.content .icon-wrap&gt;h3 {font-size:2rem;}
#management-wrap .gear-wrap&gt;.content .icon-wrap&gt;h3 {font-size:2rem;}
#management-wrap .gear-wrap&gt;.content .icon-wrap&gt;p {font-size:1.6rem; color:#c1c1c1;}


#partners-wrap {margin-bottom:10rem;}
#partners-wrap&gt;li {width: 100%; position: relative;}
#partners-wrap&gt;li.title&gt;div {font-size:2.4rem; padding:2rem; background-color:#fff; position: relative; display: inline-block; font-weight: 900;}
#partners-wrap&gt;li.title::before {content:''; position: absolute; width:100%; background-color:#ddd; height:1px; top:50%; left:50%; transform: translate(-50%,-50%);}


#partners-wrap&gt;li.client-wrap {width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom:4rem;}
#partners-wrap&gt;li.client-wrap&gt;.item {flex-basis: 19%; max-width: 19%; margin:0.5%; padding:2rem; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; border-radius: 1rem;  display: flex; justify-content: center; align-items: center;}
/* 5.ì¸ì¦ì„œ */


#partenrship-wrap {width: 100%; padding-top:10rem;}
#partenrship-wrap .title&gt;h3 {font-size:6rem; font-weight: 900; color:#fff;}
#partenrship-wrap .title&gt;p {font-size:1.8rem; font-weight: 400;}


.agency-map-wrap {display: flex; justify-content: center; align-items: flex-start; flex-wrap: nowrap; margin-top:2rem;}
.agency-map-wrap .map-wrap {display: flex; justify-content: center; align-items: flex-start; flex-wrap: nowrap; max-width: 63%; flex-basis: 63%; margin-right:2%; position: sticky; top:12rem; left:0;}
.agency-map-wrap .map-wrap&gt;img {filter: brightness(1000);}
.agency-map-wrap .agency {max-width: 35%; flex-basis: 35%; width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.agency-map-wrap .agency&gt;li {flex-basis: 100%; max-width: 100%; padding:1rem 2rem; margin-bottom:1rem; border:1px solid rgba(255,255,255,0.1); border-radius: 0.5rem; background-color:#0a2a7c; color:#ffffff;}
.agency-map-wrap .agency&gt;li:hover {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.agency-map-wrap .agency&gt;li&gt;.nation {font-size:1.6rem; font-weight: 900; display: flex; justify-content: flex-start; align-items: center;}
.agency-map-wrap .agency&gt;li&gt;.nation&gt;img {margin-right:0.6rem;}
.agency-map-wrap .agency&gt;li&gt;.nation&gt;span {font-size:1.4rem; font-weight: 300; color:rgba(255,255,255,0.5); border-left:1px solid rgba(255,255,255,0.2); padding-left:1rem; margin-left:1rem;}
.agency-map-wrap .agency&gt;li&gt;.address {font-size:1.4rem; color:rgba(255,255,255,1); }

.agency-map-wrap .agency&gt;li.on {background-color:#E4A01C; color:#fff; transition: all 0.4s;}
.agency-map-wrap .agency&gt;li.on span {color:rgba(255,255,255,0.5);}

.map-wrap {width: 100%; position: relative; }
.map-wrap&gt;img {opacity: 0.45;}
.map-wrap&gt;ul {width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 1;}
.map-wrap&gt;ul&gt;li {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; background-color:#fff; border:1px solid #ddd; border-radius: 1000px; padding:0.4rem 1rem;  font-size:1.4rem; font-weight: bold; position: absolute; top:0; left:0; cursor: pointer; color:#000000; z-index: 1; transition: all 0.4s;}
.map-wrap&gt;ul&gt;li::before {content:''; position: absolute; top:50%; left:-11px; width:7px; height:7px; background-color:rgb(228, 160, 28); border-radius: 50%; transform: translateY(-50%); z-index: 1; animation: loca_ani2 2.5s infinite linear;}
.map-wrap&gt;ul&gt;li::after {content:''; position: absolute; top:50%; left:-15px; width:15px; height:15px; background-color: rgba(228, 160, 28,0.3);  border-radius: 50%; transform: translateY(-50%); animation: loca_ani 2.5s infinite linear;}

.map-wrap&gt;ul&gt;li&gt;div {line-height: 1.6; font-weight: 400;}
.map-wrap&gt;ul&gt;li&gt;div&gt;img {padding:0.3rem; margin-right:0.5rem; max-width: 15px;}
.map-wrap&gt;ul&gt;li&gt;div&gt;img:last-child {display: none;}
.map-wrap&gt;ul&gt;li:hover {background-color:#E4A01C; color:#fff;  box-shadow: 0 25px 20px rgba(0, 0, 0, 0.2); border:1px solid #E4A01C;}
.map-wrap&gt;ul&gt;li:hover&gt;div&gt;img:first-child {display: none;}
.map-wrap&gt;ul&gt;li:hover&gt;div&gt;img:last-child {display: block;}
.map-wrap&gt;ul&gt;li&gt;div:first-child {display: flex; justify-content: center; align-items: center;}

.map-wrap&gt;ul&gt;li#korea {left:60.5%; top:33%;}
.map-wrap&gt;ul&gt;li#china {left:48%; top:33%;}
.map-wrap&gt;ul&gt;li#china-industry {left:50%; top:38%;}
.map-wrap&gt;ul&gt;li#malaysia {left:44%; top:59%;}
.map-wrap&gt;ul&gt;li#indonesiaysia {left:52%; top:65%;}
.map-wrap&gt;ul&gt;li#philippines {left:58%; top:47%;}
.map-wrap&gt;ul&gt;li#iran {left:20%; top:35%;}
.map-wrap&gt;ul&gt;li#thailand {left:43%; top:48%;}
.map-wrap&gt;ul&gt;li#vietnam {left:47%; top:53.5%;}
.map-wrap&gt;ul&gt;li#india {left:27%; top:47.5%;}

.map-wrap&gt;ul&gt;li.on {background-color:#E4A01C; color:#fff;  box-shadow: 0 25px 20px rgba(0, 0, 0, 0.2);  border:1px solid #E4A01C;}
.map-wrap&gt;ul&gt;li.on&gt;div&gt;img:first-child {display: none;}
.map-wrap&gt;ul&gt;li.on&gt;div&gt;img:last-child {display: block;}






/* #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&gt;a&gt;.c-img&gt;img {border:1px solid rgba(0,0,0,0.3); transform: all 0.4s;}
#certificate-wrap .content&gt;a&gt;.c-img&gt;img:hover {opacity: 0.9;}
#certificate-wrap .content&gt;.text-wrap&gt;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&gt;img {margin: 0 auto;}
#partner-container .flex_4ea .content&gt;p {font-size:1.6rem;}



#organization-wrap {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding-bottom:10rem;}
#organization-wrap .text-wrap {text-align: center; font-size:1.8rem; width: 100%; flex-basis: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center;  margin-bottom:5rem; display: none;}
#organization-wrap&gt;li {flex-basis: 100%; max-width: 100%;}


/* R&amp;D */

#rnd-banner {width: 100%; position: relative;}
#rnd-banner .banner-wrap {width: 100%; position: relative;}
#rnd-banner .banner-wrap&gt;img {width: 100%; height: 100%;}
#rnd-banner .banner-wrap .flex-2ea {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; width: 100%; height: 100%;}
#rnd-banner .banner-wrap .flex-2ea&gt;.content {flex-basis: 50%; max-width: 50%; font-size:2.8rem; z-index: 1; position: relative; height: 100%;}
#rnd-banner .banner-wrap .flex-2ea&gt;.content&gt;img {position: relative; max-width: 55rem; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%;}
#rnd-banner .banner-wrap .flex-2ea&gt;.content&gt;img:last-child {content:''; max-width: 55rem;  position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%;}
#rnd-banner .banner-wrap .flex-2ea&gt;.text-wrap {color:#fff; font-size:2.8rem; width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; padding-left:8rem;}

.contents {display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; width: 100%; margin-top:5rem; margin-bottom:15rem;}
.contents&gt;.item:first-child {flex-basis: 25%; max-width: 25%;}
.contents&gt;.item:first-child&gt;img {border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.contents&gt;.item:last-child {font-size:1.8rem; padding: 1rem; flex-basis: 75%; max-width: 75%;}

#rnd-facility {position: relative; z-index: 2; padding-top:0; margin-top:15rem;}
#rnd-facility .boundary-1280 {position: relative; padding-top:10rem;}
#rnd-facility .boundary-1280 .rnd-02 {position: absolute; top:0%; right:0%; transform: translate(0%,-50%); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; border-radius: 50%;}



#rnd-facility h3 {font-size:2.4rem; font-weight: 400;}
#rnd-facility .white-box {width: 100%; background-color:#fff; padding:3rem 5rem; margin-top:2rem; position: relative;}
#rnd-facility  #white-box-02::before {background-color:#3576BC;}
#rnd-facility .white-box::before {content:''; position: absolute; top:0; left:0; width:6px; height:100%; background-color:#0B318F;}
#rnd-facility .white-box&gt;li {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#rnd-facility .white-box&gt;li&gt;div {flex-basis: 40%; max-width: 40%;}
#rnd-facility .white-box&gt;li&gt;ul {flex-basis: 30%; max-width: 30%;}
#rnd-facility .white-box&gt;li&gt;ul&gt;li {font-size:1.6rem; position: relative;}
#rnd-facility .white-box&gt;li&gt;ul&gt;li::before {content:''; position: absolute; left:-1rem; top:50%; transform: translate(-50%,-50%); width:5px; height:5px; background-color:#333333;}
#rnd-facility .white-box&gt;li&gt;div&gt;h4 {font-size:2.4rem; text-align: left;}
#rnd-facility #white-box-02&gt;li&gt;div&gt;h4 {color:#3576BC;}




.technical-history {width: 100%; display: flex; justify-content: center; align-items: flex-start!important; flex-wrap: wrap; padding:0 !important;}
.technical-history&gt;.year {flex-basis: 30%; max-width: 30%; position: relative;}
.technical-history&gt;li {flex-basis: 70%; max-width: 70%; position: relative;}


.technical-history .list {position: relative;}
.technical-history .list&gt;li {padding-left:5rem; font-size:1.6rem; position: relative; border-left:1px solid rgba(11, 49, 143,0.2); width: 80%; padding-bottom:3rem;}
.technical-history .list&gt;li&gt;b {font-size:3rem;}
.technical-history .list&gt;li&gt;p {position: relative; left:2rem;}
.technical-history .list&gt;li&gt;p::before {content: ''; position: absolute; left: -1rem; top: 1.4rem; transform: translate(-50%,-50%); width: 5px; height: 5px; background-color: #333333;}
.technical-history .list&gt;li::before {content:""; position: absolute; top:2.4rem;; left:-0.1rem; transform: translate(-50%,-50%); width:2rem; height:2rem; background-color:#8598C7; border-radius: 50%; z-index: 1;}
.technical-history .list&gt;li::after {content:""; position: absolute; top:2.4rem; left:-0.1rem; transform: translate(-50%,-50%); width:.8rem; height:.8rem; background-color:#fff; border-radius: 50%;  z-index: 2;}
.technical-history .list&gt;li:last-child {padding-bottom:10rem;}


.technical-history .year {font-size:4rem; font-weight: 900; position: sticky; left:0; top:10rem; line-height: 1.2;  width: 100%; padding:2rem; color:#000000; font-family: "Montserrat";}
.technical-history .year::before {content:''; width:100px; height:1px; background-color:#ddd; right:0; top:50%; transform: translateY(-50%); position: absolute;}
.technical-history .img-wrap {padding:5rem; border-left:1px solid rgba(11, 49, 143,0.2); width: 100%}
.technical-history .img-wrap&gt;h3 {font-size:3rem; margin-bottom:3rem; line-height: 1.4;}
.technical-history-title {font-size:3.6rem; margin-top:5rem; line-height: 1.4; margin-bottom:2rem;}



/* ì&nbsp;œí’ˆ */
#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&gt;ul&gt;li&gt;h3 {font-size:3rem; line-height: 1;}
.product-3d-wrap .guide-wrap .guide-circle&gt;ul&gt;li&gt;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&gt;ul&gt;li&gt;h3 {font-size:1.6rem; line-height: 1;}
.product-3d-wrap .guide-wrap-m .guide-circle&gt;ul&gt;li&gt;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&gt;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&gt;h2&gt;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&gt;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;;} */


  /*ì&nbsp;œí’ˆ íƒ€ì´í‹€*/
.search-line {width:100%; margin-bottom:1rem;}
.search-line&gt;ul {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; width:100%;}
.search-line&gt;ul&gt;li:first-child {width:80%; flex-basis: 80%; max-width: 80%;}
.search-line&gt;ul&gt;li:first-child&gt;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&gt;ul&gt;li:last-child {width:20%; flex-basis: 20%; max-width: 20%; background-color:#12202D; cursor: pointer;}
.search-line&gt;ul&gt;li:last-child&gt;img {max-width: 3rem;}
.search-line&gt;ul&gt;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&gt;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&gt;p {font-size:1.6rem; padding-left:1%; padding-right:1%; color:rgba(0,0,0,0.6);}

  /*ì&nbsp;œí’ˆ*/
#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&gt;a {overflow:hidden;}
#product-wrap .product-list .content&gt;a&gt;.img-wraps {width:100%; padding-bottom:56.25%; height:0; position: relative; background-color:#efefef;}
#product-wrap .product-list .content&gt;a&gt;.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&gt;a&gt;.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&gt;a&gt;.img-wraps&gt;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&gt;a&gt;.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&gt;a&gt;.img-wraps::after {opacity: 1; display: flex;}
#product-wrap .product-list .content:hover&gt;a&gt;.img-wraps&gt;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&gt;a&gt;.text-wraps&gt;ul&gt;.product-name h2 {color:#ffffff;}
#product-wrap .product-list .content:hover&gt;a&gt;.text-wraps&gt;ul&gt;.product-name h3 {color:rgba(255,255,255,0.6);}
#product-wrap .product-list .content:hover&gt;a&gt;.text-wraps&gt;ul&gt;.product-name p {color:#fff;}


#product-wrap .product-list .content&gt;a&gt;.text-wraps {padding:2rem; color:#333333;}
#product-wrap .product-list .content&gt;a&gt;.text-wraps&gt;ul&gt;.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&gt;a&gt;.text-wraps&gt;ul&gt;.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&gt;a&gt;.text-wraps&gt;ul&gt;.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&gt;a&gt;.text-wraps&gt;ul&gt;.product-name .tag-wraps {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top:2rem;}
#product-wrap .product-list .content&gt;a&gt;.text-wraps&gt;ul&gt;.product-name .tag-wraps&gt;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&gt;a&gt;.text-wraps&gt;ul&gt;.product-name .tag-wraps&gt;li:hover {background-color:#fff; color:#80a8c6;}
#product-wrap .product-list .content&gt;a&gt;.text-wraps&gt;ul&gt;.detail-view&gt;p{font-size:1.6rem; text-decoration: underline; text-align: center; color:#1E3786;}



  /*ì&nbsp;œí’ˆ*/
  .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&gt;a&gt;.text-wraps&gt;ul&gt;.product-name h2 {color:#ffffff;}
  .product-wrap-detail#product-wrap .product-list .content.active&gt;a&gt;.text-wraps&gt;ul&gt;.product-name h3 {color:rgba(255,255,255,0.6);}
  .product-wrap-detail#product-wrap .product-list .content.active&gt;a&gt;.text-wraps&gt;ul&gt;.product-name p {color:#ffffff;}
  .product-wrap-detail#product-wrap .product-list .content&gt;a {overflow:hidden; height: 100%;}
  .product-wrap-detail#product-wrap .product-list .content&gt;a&gt;.img-wraps {width:100%; padding-bottom:85%; height:0; position: relative; overflow: hidden; background-color:#efefef;}
  .product-wrap-detail#product-wrap .product-list .content&gt;a&gt;.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&gt;a&gt;.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&gt;a&gt;.img-wraps&gt;img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; background-color:#efefef;}
  
  .product-wrap-detail#product-wrap .product-list .content&gt;a&gt;.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&gt;a&gt;.img-wraps::after {opacity: 1; display: flex;}
  .product-wrap-detail#product-wrap .product-list .content:hover&gt;a&gt;.img-wraps&gt;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&gt;a&gt;.text-wraps&gt;ul&gt;.product-name h2 {color:#ffffff;}
  .product-wrap-detail#product-wrap .product-list .content:hover&gt;a&gt;.text-wraps&gt;ul&gt;.product-name h3 {color:rgba(255,255,255,0.6);}
  .product-wrap-detail#product-wrap .product-list .content:hover&gt;a&gt;.text-wraps&gt;ul&gt;.product-name p {color:#fff;}
  
  
  .product-wrap-detail#product-wrap .product-list .content&gt;a&gt;.text-wraps {padding:2rem; color:#333333;}
  .product-wrap-detail#product-wrap .product-list .content&gt;a&gt;.text-wraps&gt;ul&gt;.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&gt;a&gt;.text-wraps&gt;ul&gt;.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&gt;a&gt;.text-wraps&gt;ul&gt;.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&gt;a&gt;.text-wraps&gt;ul&gt;.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&gt;a&gt;.text-wraps&gt;ul&gt;.product-name .tag-wraps&gt;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&gt;a&gt;.text-wraps&gt;ul&gt;.product-name .tag-wraps&gt;li:hover {background-color:#fff; color:#80a8c6;}
  .product-wrap-detail#product-wrap .product-list .content&gt;a&gt;.text-wraps&gt;ul&gt;.detail-view&gt;p{font-size:1.6rem; text-decoration: underline; text-align: center; color:#1E3786;}






/*ì&nbsp;œí’ˆ ë””í…Œì¼ ì˜ì—­ */
.product-detail-wrap {display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin-bottom:5rem; margin-top:10rem;}
.product-detail-wrap&gt;.content {flex-basis: 39%; max-width: 39%; margin:0; margin-right:1%; overflow:hidden; position: sticky; left:0; top:12rem;}
.product-detail-wrap&gt;.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&gt;.content&gt;.product-detail-slide { position: relative; width:100%; overflow: hidden; background-color:#fff; margin-bottom:2rem;}
.product-detail-wrap&gt;.content&gt;.product-detail-slide .swiper-wrapper .swiper-slide {padding-bottom:62.5%; width:100%; height: 0!important; cursor: pointer;}
.product-detail-wrap&gt;.content&gt;.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&gt;.content&gt;.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&gt;.content&gt;.product-detail-slide .slide-btn&gt;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&gt;.content&gt;.product-detail-slide .slide-btn&gt;.swiper-button-disabled {opacity: 0.2;}


.product-detail-slide .swiper-pagination {font-size:1.4rem;}
.product-detail-wrap&gt;.content&gt;.product-detail-slide-sub {width:100%; position: relative;}
.product-detail-wrap&gt;.content&gt;.product-detail-slide-sub .swiper-wrapper {padding-bottom:4rem;}
.product-detail-wrap&gt;.content&gt;.product-detail-slide-sub .swiper-pagination {z-index: 2; font-size:1.4rem;}
.product-detail-wrap&gt;.content&gt;.product-detail-slide-sub .swiper-pagination-bullet-active {background-color:#10266a;}
.product-detail-wrap&gt;.content&gt;.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&gt;.content&gt;.product-detail-slide-sub .swiper-slide.swiper-slide-thumb-active {opacity: 1; border:1px solid #1E3786;}
.product-detail-wrap&gt;.content&gt;.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&gt;.content.text-wraps .detail-text&gt;li&gt;h3 {display:inline-block;  font-size:1.4rem; padding:0.5rem 2rem; background-color:#1E3786; border-radius: 2rem; color:#fff;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li&gt;h3.border-div {background-color:#c7d4e2;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li&gt;h3.red {color:#fff; padding:0.5rem 2rem; background-color:#1E3786; border-radius: 2rem;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li&gt;h3.gray {background-color:#c7d4e2;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li&gt;h3.yellow {background-color:#f7a219;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li:first-child ul {display: flex; justify-content: flex-end; align-items: center; }
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li:first-child ul&gt;li {padding:5px; cursor: pointer;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li:first-child ul&gt;li:hover {opacity: 0.7;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li:first-child ul&gt;li&gt;img {width:30px;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li&gt;h1 {font-size:2.4rem; border-bottom:1px solid rgba(0,0,0,0.1); line-height: 1.6em; padding:1%; font-weight: 900;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;li&gt;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&gt;.content.text-wraps .detail-text&gt;.detail-table {width:100%; margin-top:2rem;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table .flex_3ea {width:100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table .flex_3ea .content {flex-basis: 32.333%; max-width:32.333%; margin: 0.5%; }
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table {width:100%;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr.disable {display: none;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr th {font-weight: bold; font-size:1.6rem; padding:1rem; width: 15%; vertical-align: top;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td {font-size:1.6rem; color:rgba(0,0,0,0.6); padding:0.5rem; width: 85%; vertical-align: middle;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td&gt;p {padding-left:1rem; position: relative; display: inline-block;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td&gt;p::before {content:''; position: absolute; left:0; width:4px; height:4px; background-color: rgba(0,0,0,0.6); top:1.3rem; transform: translateY(-50%); border-radius: 50%;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.mat-wrap {display:flex; justify-content: flex-start; align-items: stretch; width: 100%; flex-wrap: wrap; }
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.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&gt;.content.text-wraps .detail-text&gt;.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&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.tag-wrap&gt;li {    font-size: 1.4rem; padding: 0.4rem 1rem; background-color: #E8EEFF; color: #223F99; font-weight: 600; border-radius: 0.5rem; margin-right: 0.5rem; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; width: 100%;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link&gt;a {flex-basis: 32.333%; max-width: 32.333%; padding: 1.4rem 2rem; background-color:#1E3786; margin-right: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&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link&gt;a.shop-link {background-color:black;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link&gt;a.shop-link.disable {display: none;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link&gt;a&gt;span {margin-left:0.5rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link&gt;a&gt;span&gt;img {display: block; width: 100%; height: 100%;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link&gt;a.catalog {background-color:#d72515;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link&gt;a.inquiry-btn {background-color:#1E3786;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link&gt;a.disable {background-color:lightgray; cursor:not-allowed; display: none;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.contact-link&gt;a:hover {opacity: 0.8;}
.product-detail-wrap&gt;.content.text-wraps .detail-text&gt;.detail-table table tr td.go-list {text-decoration: underline; text-align: center;}


.product-detail-wrap&gt;.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;  overflow: hidden; margin-top:3rem; margin-bottom:1rem; padding:0;}
#pr-search .search-wrap&gt;input {width:80%; padding:2rem 3rem; border:none; font-family: "Pretendard"; font-size: 1.8rem;}
#pr-search .search-wrap&gt;.search-btn {width:20%; background-color:#223F99; color:#fff; position: relative; right:-2px; cursor: pointer;}
#pr-search .search-wrap&gt;.search-btn:hover {background-color:#10266a;}

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


/*í•„í„°*/
#pr-search .filter-wrap {width:100%; margin-bottom:5rem;}
#pr-search .filter-wrap&gt;.content {background-color:#fff; padding:1rem; margin-bottom:1rem; border-radius: 0;}
/*í•„í„° ë¶„ë¥˜ì´ë¦„*/
/* #pr-search .filter-wrap&gt;.content&gt;li:first-child {flex-basis: 18%; max-width: 18%;} */
#pr-search .filter-wrap&gt;.content&gt;li:first-child&gt;h3 {font-size:2rem; text-align: center;}
/*í•„í„° ë¶„ë¥˜ ì•„ì´í…œ */
#pr-search .filter-wrap&gt;.content&gt;li:last-child {flex-basis: 100%; max-width: 100%;}
#pr-search .filter-wrap&gt;.content&gt;li:last-child&gt;.item {font-size:1.4rem; padding:0.5rem 2rem; background-color:#fff; border:1px solid #ddd; margin-right:1rem; font-weight: 600; cursor: pointer; margin-bottom:0.5%; margin-top:0.5%; border-radius: 5rem;}
#pr-search .filter-wrap&gt;.content&gt;li:last-child&gt;.item:hover {background-color:#7f7f7f; color:#fff;}
#pr-search .filter-wrap&gt;.content&gt;li:last-child&gt;.item.active {background-color:#000000; color:#fff;}

.location-wrap {width: 100%; display: flex; align-items: flex-start; justify-content: flex-start;  padding-bottom:10rem;}
.location-wrap&gt;li:nth-child(odd) {flex-basis: 30%; max-width: 30%; margin-bottom:3rem; position: sticky; top:12rem; left:0;}
.location-wrap&gt;li:nth-child(odd)&gt;h3 {font-size:3rem; text-align: center;  margin-bottom:3rem; margin-top:3rem; }
.location-wrap&gt;li:nth-child(even) {flex-basis: 70%; max-width: 70%; margin-bottom:3rem;}
.location-wrap .table table {width: 100%; border-top:3px solid #000000; border-collapse: separate;}
.location-wrap .table table tbody tr th {padding:1rem; font-size:1.6rem; font-weight: bold; text-align: center; border-bottom:1px solid #ddd;}
.location-wrap .table table tbody tr td {padding:1rem; font-size:1.6rem; text-align: left; border-bottom:1px solid #ddd;}
/*ë¬¸ì˜í•˜ê¸° í…Œì´ë¸”*/
#support-wrap .inquiry-wraps {width: 100%; display: flex; justify-content: space-between; align-items: stretch; margin-bottom:3rem; border:1px solid #ddd; border-radius: 1rem; padding:2rem 0; }
#support-wrap .inquiry-wraps&gt;ul {flex-basis: 32.333%; max-width: 32.333%;  padding:3rem; border-right:1px solid #ddd; display: flex; justify-content: flex-start; align-items: center;}
#support-wrap .inquiry-wraps&gt;ul&gt;li:first-child {margin-right:2rem; width: 6.4rem; flex-shrink: 0;}
#support-wrap .inquiry-wraps&gt;ul:last-child {border-right:0;}
#support-wrap .inquiry-wraps&gt;ul&gt;li&gt;p {font-size:1.8rem; font-weight: 300;}
#support-wrap .inquiry-wraps&gt;ul&gt;li&gt;h3 {font-size:2.4rem; font-weight: 800; word-break: break-all;}



.pr-grid {width:100%; margin-bottom:5rem; display: flex; justify-content: flex-start;  align-items: flex-start; flex-wrap: wrap; position: relative;}
.pr-grid .content {transition: all 0.4s; cursor: pointer; width:25%;}
/* .pr-grid .content:hover {opacity: 0.6;} */
.pr-grid .content&gt;.img-wrap {width:100%; border-radius: 1rem; overflow: hidden; border:1px solid #ddd; height:0; padding-bottom:100%; position: relative;}
.pr-grid .content&gt;.img-wrap&gt;img {width: 100%; height: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.pr-grid .content&gt;.text-wrap {padding:2rem 0; position: relative; z-index: 1;}
.pr-grid .content&gt;.text-wrap .category { font-size:1.3rem; display: flex; justify-content: space-between; margin-bottom:0.3rem;}
.pr-grid .content&gt;.text-wrap .category&gt;h3 {padding:0.5rem 1.5rem; font-size:1.4rem; display:inline-block; color:#fff; background-color:#000000; border-radius: 2rem; margin-right:2rem;} 
.pr-grid .content&gt;.text-wrap .cont&gt;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; color:rgba(0,0,0,0.6);}
.pr-grid .content&gt;.text-wrap .date {font-size:1.4rem; width:100%; margin-top:1rem; color:rgba(0,0,0,0.5);}
.pr-grid .content&gt;.text-wrap .category&gt;span {font-size:1.6rem; padding:0rem 1rem; font-family: "Play";}
.pr-grid .content&gt;.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;}
.pr-grid .content&gt;.file-download {position: relative; z-index: 1;}
.pr-grid .content&gt;.file-download:hover {background-color:#fff; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.pr-grid .file-download {width: 5rem; height: 5rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background-color:#efefef; padding:1.5rem;}
.pr-grid .file-download.disalbed {visibility: hidden;}

.pr-grid.news-wrap .content {padding-left:1.6rem; padding-right:1.6rem;}
.pr-grid.news-wrap .content .text-wrap{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 100%;}
.pr-grid.news-wrap .content .text-wrap&gt; .category {flex-basis: 15%; max-width: 15%; display: flex; justify-content: center; align-items: center;}
.pr-grid.news-wrap .content .text-wrap&gt; .name {flex-basis: 85%; max-width: 85%;}
.pr-grid.news-wrap .content .text-wrap&gt; .cont {flex-basis: 100%; max-width: 100%;}
.pr-grid.news-wrap .content&gt;.text-wrap .date {flex-basis: 100%; max-width: 100%; text-align: right;}
.pr-grid.news-wrap .content&gt;.text-wrap .date&gt;p {display: inline-block;}
.pr-grid.news-wrap .content&gt;.text-wrap .cont&gt;p {padding-left:15%; width: 85%;}
.pr-grid.news-wrap .file-download.disalbed {display: none;}


.table-data-design {width: 100%; }
.table-data-design .pr-grid {border-top:3px solid #000000;}
.table-data-design .content {flex-basis: 100%; max-width: 100%; width: 100%; display: flex; justify-content: space-around; align-items: center; border-bottom:1px solid #ddd; position: relative;}
.table-data-design .content::before {content:''; width:0; height:100%; background-color:#f9f9f9; position: absolute; left:0; top:0; transition: all 0.8s cubic-bezier(.23,1,.32,1);}
.table-data-design .content:hover::before {width: 100%; }
.table-data-design .content&gt;.img-wrap {width:200px; padding-bottom:0; height:100px; border-radius: 0;}
.table-data-design .content&gt;.text-wrap {width: 75%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; position: relative;}
/* .table-data-design .content .date {position: absolute; bottom:2rem;} */

.gallery-type {align-items: stretch;}
.gallery-type .content {flex-basis: 24%; max-width: 24%; flex-direction: column; justify-content: flex-start;  border:0px solid #ddd; margin: 0.5%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.gallery-type .content&gt;.img-wrap {height:  0 !important; padding-bottom:62.5%; width: 100%; border:0;}
.gallery-type .content&gt;.text-wrap {width: 100%; padding:2rem;}
.gallery-type .content&gt;.text-wrap .category&gt;h3 {padding:0.25rem 1.5rem;}
.gallery-type .content .file-download.disalbed {display: none;}



.dataroom-grid .content .img-wrap {flex-basis: 10%; max-width: 10%; width: 100%; height: 0 !important; padding-bottom:14%;  margin-top:1rem; margin-bottom:1rem; margin-right:2rem; position: relative;}

.certificate-grid {width:100%; margin-bottom:5rem; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding-top:5rem;}
.certificate-grid .content {padding:1%; transition: all 0.4s; width:20%; flex-basis: 20%; max-width: 20%; position: relative; }
/* .certificate-grid .content&gt;.img-wrap {width:100%; overflow: hidden; border:1px solid #ddd; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;} */
.certificate-grid .content img {width: 100%; position: relative; border:1px solid #ddd; padding:1rem;}
/* .certificate-grid .content .title {} */
.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&gt;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&gt;p {font-size:1.4rem; width:100%; text-overflow: ellipsis; overflow: hidden; word-break: break-word;}
.certificate-grid .content .text-wrap .category&gt;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;}

.certificate-grid .content&gt;a {position: relative;}
.certificate-grid .content&gt;a::before { content:''; position: absolute; top:0; left:0; width: 100%; height: 100%; background-image: url(/assets/images/title.png); z-index: 1; background-size:contain; background-repeat: no-repeat;}

.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&gt;li {width:4rem; height:4rem; display: flex; justify-content: center; align-items: center; flex-wrap:wrap; cursor: pointer; border:1px solid #ddd; margin-left:0.5rem; margin-right:0.5rem; border-radius: 3px;}
.paginataion .number-wrap&gt;.btn-wrap:hover {opacity: 1;}
.paginataion .number-wrap&gt;li:hover {opacity: 0.7;}
.paginataion .number-wrap&gt;li&gt;img {max-width: 0.5rem;}
.paginataion .number-wrap&gt;li.active {border:0; font-weight: bold; background-color:black; color:#fff; }
.paginataion .number-wrap&gt;li.active&gt;a {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;}


/* ì&nbsp;œí’ˆ) */
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap {width:100%;}
/* ì&nbsp;œí’ˆ ì¹´íƒˆë¡œê·¸ ul ë“œë¡­ë‹¤ìš´ */
.product-detail-wrap&gt;.content.text-wraps .btn-wraps&gt;li#catalog {background-color:#006C2D; color:#fff; position: relative; border:1px solid #536ca1; }
.product-detail-wrap&gt;.content.text-wraps .btn-wraps&gt;li#catalog a{color:#fff;}
.product-detail-wrap&gt;.content.text-wraps .btn-wraps&gt;li#catalog&gt;.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&gt;.content.text-wraps .btn-wraps&gt;li#catalog&gt;.sub-catalog-btn {display:none; transition: all 0.4s;}
.product-detail-wrap&gt;.content.text-wraps .btn-wraps&gt;li#catalog&gt;.sub-catalog-btn&gt;li {border:1px solid #ddd; color:#333333; border-top:0;}
.product-detail-wrap&gt;.content.text-wraps .btn-wraps&gt;li#catalog&gt;.sub-catalog-btn&gt;li&gt;a {color:#333333; font-size:13px;}
.product-detail-wrap&gt;.content.text-wraps .btn-wraps&gt;li#catalog&gt;.sub-catalog-btn&gt;li&gt;a:hover {text-decoration: underline; background-color:#f5f5f5;}
.product-detail-wrap&gt;.content.text-wraps .btn-wraps&gt;li#catalog.activie-button {background-color:#536ca1; border:1px solid #536ca1;}
.product-detail-wrap&gt;.content.text-wraps .btn-wraps&gt;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&gt;.title-cont&gt;ul&gt;li {margin-right:10px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title&gt;.title-cont&gt;ul&gt;li&gt;img {width:100%; max-width: 30px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title&gt;.title-cont&gt;ul&gt;li&gt;h2 {font-size:34px;}
.wrap .section_inner .section-cont .cont_1200 .container#construction-wrap .pd-title&gt;.search-cont&gt;.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&gt;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&gt;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&gt;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;}

.facility-wrap .boundary-1280{width: 100%; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.facility-wrap .boundary-1280 .name {flex-basis: 25%; max-width: 25%; font-size:2.6rem;}
.facility-wrap .boundary-1280 .content {flex-basis: 75%; max-width: 75%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom:10rem;}
.facility-wrap .boundary-1280 .content&gt;li {flex-basis: 49%; max-width: 49%; margin:0.5%; margin-bottom:1%;}
.facility-wrap .boundary-1280 .content&gt;li&gt;a {cursor: zoom-in; vertical-align: middle;}
.facility-wrap .boundary-1280 .content&gt;li&gt;h3 {font-size:1.6rem; font-weight: 400;}
.facility-wrap .name {position: sticky; top:12rem; left:0;}
.gray-bg {background-color:#f9f9f9; padding-top:10rem;}

/*ê³&nbsp;ê°ì§€ì› (ê³µì§€ì‚¬í•­)*/
.notice-wrap {width:100%;}
.notice-wrap&gt;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&gt;h3 {font-size:1.6rem;}
.notice-wrap table thead tr th&gt;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;}


/*ê³&nbsp;ê°ì§€ì› (ê³µì§€ì‚¬í•­-ì„¸ë¶€íŽ˜ì´ì§€)*/
.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 &gt;.main-nav-sub {border-top:0;}
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;.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&gt;.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&gt;.go-list-wrap a:hover {opacity: 0.7;}
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul {width:100%; text-align: center; border-top:5px solid #333333;}
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;li:first-child {font-size:1.8rem; margin-top:10px; margin-bottom:10px; text-align: left; padding-left:2rem; padding-right:2rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.sub-title {border-bottom:1px solid rgba(0,0,0,0.1);}
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.sub-title&gt;ul {display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom:10px; padding-left:2rem; padding-right:2rem;}
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.sub-title&gt;ul&gt;li {padding:5px; font-size:1.6rem;} 


.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.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&gt;ul&gt;.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&gt;ul&gt;.file-wraps a {display: inline-block;}
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.file-wraps a&gt;img {max-width: 25px; display: inline-block; vertical-align: middle; position: relative; top:-3px;} 
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.file-wraps a:hover {text-decoration: underline;}
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.navi-wrpas {width:100%;  border-bottom:1px solid rgba(0,0,0,0.1); }
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.navi-wrpas .flex_start&gt;li {display:flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.navi-wrpas .flex_start&gt;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&gt;ul&gt;.navi-wrpas .flex_start&gt;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&gt;ul&gt;.navi-wrpas .flex_start&gt;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&gt;ul&gt;.navi-wrpas .flex_start&gt;li:last-child&gt;a {color:#333333;  }
.wrap .section_inner .section-cont .container.notice-wrap-view&gt;ul&gt;.navi-wrpas .flex_start&gt;li:last-child&gt;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&gt;ul&gt;.navi-wrpas .flex_start {cursor: pointer;}

.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;}
.contents-wraps figure&gt;img {display: block; margin: 0 auto;}

/* .wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view&gt;ul&gt;.navi-wrpas&gt;ul&gt; */


.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view&gt;ul&gt;.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&gt;ul&gt;.navi-wrpas {width:100%; padding:10px; border-bottom:1px solid #ddd; width:100%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view&gt;ul&gt;.navi-wrpas .flex_start&gt;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&gt;ul&gt;.navi-wrpas .flex_start&gt;li:first-child img {max-width:24px;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view&gt;ul&gt;.navi-wrpas .flex_start&gt;li:last-child {cursor: pointer; font-size:1.6rem; width:80%;}
.wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view&gt;ul&gt;.navi-wrpas .flex_start&gt;li:last-child&gt;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&gt;ul&gt;.navi-wrpas .flex_start&gt;li:last-child:hover {text-decoration: underline;}
/* .wrap .section_inner .section-cont .cont_1200 .container.notice-wrap-view&gt;ul&gt;.navi-wrpas&gt;ul&gt; */



/*ê°¤ëŸ¬ë¦¬*/
.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&gt;h3 {color:#fff;}
.gallery-wrap .gallery-grid .content:hover .text-wrap&gt;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&gt;img {width:100%; height:100%; }
.gallery-wrap .gallery-grid .content .text-wrap {padding:2rem;}
.gallery-wrap .gallery-grid .content .text-wrap&gt;h3 {font-size:1.5rem; color:rgba(0,0,0,0.5); font-weight: 300;}
.gallery-wrap .gallery-grid .content .text-wrap&gt;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:#E4A01C; 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: 'Pretendard'; color:#333333;}
.inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list::before {content:""; display:block; width:24px; height:24px; background: url(/assets/images/arrow_drop_down.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:#E4A01C; 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: 'Pretendard',"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: 'Pretendard',"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%; position: relative;}
.inquiry .i-wrap .i-info .i-form .form-box .tel .i-box .bar &gt; 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/arrow_drop_down.svg) no-repeat 95% 50%;; height:50px; font-size: 1.6rem; font-family: 'Pretendard','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: 'Pretendard',"Play"; color:#888; border:1px solid #ddd;}



/* ì˜¨ë¼ì¸ë¬¸ì˜ - ê°œì¸ì&nbsp;•ë³´ */
.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 &gt; 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 &gt; input[type="checkbox"] {display: none;}

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

/* 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&gt;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&gt;li.active {font-weight: bold; color:#12202D; background-color:white; }
.pagination&gt;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%;
  }
}


footer {width:100%; height:100%; background-color:#000616; 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; position: relative; z-index: 2;}
footer.normal&gt;ul {padding-top:5rem;}
footer&gt;ul {padding-top:20rem; padding-bottom:10rem; padding-left:1.6rem; padding-right:1.6rem;}
footer.normal .contact {display: none;}
footer .contact {position: absolute; top:0%; left:50%; transform: translate(-50%,-50%); width: 100%;}
footer .contact .content {flex-basis: 50%; max-width: 50%; margin: 0; position: relative; overflow: hidden;}
/* footer .boundary-1280 .content&gt;div {position: absolute; left} */
footer .contact .content&gt;img {vertical-align: middle; width: 100%; transition: all 0.4s;}
footer .contact .content:hover&gt;img {transform: scale(1.1);}
footer .contact .content .text-wrap {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 80%; z-index: 1;}
footer .contact .content .text-wrap&gt;h3 {font-size:3rem; color:#fff; line-height: 1.2;}
footer .contact .content .text-wrap&gt;p {font-size:1.6rem; color:rgba(255,255,255,0.5);}
footer ul .logo-wraps {border-bottom:1px solid rgba(255,255,255,0.1); max-width:100%; padding-top:2rem; padding-bottom:2rem; display: flex; justify-content: space-between; align-items: stretch;}
footer ul .logo-wraps a {max-width: 20rem; width: 100%; filter: brightness(1000%) grayscale(1);}
footer ul .logo-wraps a:hover img {opacity: 0.7;}
footer ul .logo-wraps img {max-width:15rem;  transition: all 0.4s; width: 100%;}
footer ul .logo-wraps&gt;.sns-container&gt;ul&gt;li&gt;a {max-width: 4rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; }
footer ul .logo-wraps&gt;.sns-container {margin-bottom:0;}
footer ul .menu-wraps {border-bottom:1px solid rgba(255,255,255,0.1); padding-top:1rem; padding-bottom:1rem; width:auto; justify-content: space-between;}
footer ul .menu-wraps&gt;.content {display: flex; justify-content: flex-start;}
footer ul .menu-wraps&gt;.content&gt;div&gt;a {padding:0.2rem 2rem; font-weight: 400; font-size:1.8rem; color:#D0D0D0;}
footer ul .menu-wraps .family-menu {padding:1.5rem 2rem; background-color:#191E2D; font-size:1.4rem; color:#fff; background-image:url(/assets/images/arrow_drop_down.svg); background-repeat: no-repeat; background-position: 90%; cursor: pointer;}
footer ul .contact-wraps {display: flex; justify-content: space-between; align-items: center; padding-top:2rem; padding-bottom:2rem; border-bottom:1px solid rgba(255,255,255,0.1);}
footer ul .contact-wraps&gt;ul {flex-basis: 50%; max-width: 50%; margin: 0;}

footer ul .contact-wraps&gt;ul&gt;li p {font-size:1.6rem;  padding:0.25rem 0; padding-right:3rem; font-weight: 400; color:#D0D0D0; position: relative;}
footer ul .contact-wraps&gt;ul&gt;li h4 {font-size:1.6rem; font-weight: bold; flex-basis: 100%; max-width: 100%; color:#D0D0D0;}
#address-add .content {flex-basis: 50%; max-width: 50%;}


footer ul .contact-wraps&gt;ul&gt;li&gt;.address {flex-basis: 100%; max-width: 100%; }
footer ul .contact-wraps&gt;ul&gt;li&gt;ul&gt;li{margin-right:2rem;}
footer ul .contact-wraps&gt;ul&gt;li&gt;ul&gt;li&gt;p {font-size:1.6rem; color:#D0D0D0;}
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:#D0D0D0; text-align: center; padding-top:2rem; padding-bottom:2rem;}
footer ul .mail-wraps p&gt;b {margin-right:2rem;}

footer&gt; ul .copyright-wraps&gt;.flex_space-between {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
footer&gt; ul .copyright-wraps ul li {font-size:1.6rem; padding:0; color:rgba(255,255,255,0.6); font-weight: 400; padding-top:1rem;} 
footer&gt; ul .copyright-wraps ul&gt;li:last-child {background-color:rgba(255,255,255,0.1); padding:3px; visibility: hidden;}
footer&gt; ul .copyright-wraps ul&gt;li:last-child:hover {opacity: 0.7;}


footer .family-wrap {padding:0.8rem 1rem; width: 100%; max-width: 25rem; border:1px solid #ddd; position: relative; cursor: pointer; transition: all 0.4s; background-color: #191E2D;} 
footer .family-wrap .box {display: flex; justify-content: space-between; align-items: center;}
footer .family-wrap .box&gt;p {font-size:1.4rem; font-weight: bold; padding-right:8rem; font-weight: 600;}
footer .family-wrap&gt;ul {position: absolute; top:100%; background-color:#0c0f16; width: 100%; padding: 0.8rem 1rem; left:0; border:1px solid #ddd; display: none; z-index: 1;}
footer .family-wrap&gt;ul&gt;li:hover {cursor: pointer;}
footer .family-wrap&gt;ul&gt;li:hover&gt;a {text-decoration: underline;}
footer .family-wrap&gt;ul&gt;li&gt;a {color:#fff; font-size:1.4rem; font-weight: 400; padding:0.5rem 0;}



/*****íƒ‘ë²„íŠ¼*****/
.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}









</pre></body></html>