#subVisual
{width:100%; height:45rem; background:#222; position:relative; }
.sub-visual-txt-con 
{display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%;}
.sub-visual-txt-con p
{font-size:3.2rem; text-transform:uppercase; font-weight:700; color:#ffffff5e; margin-top:1rem;}
#subVisual .sub-visual-txt-con h2 
{color:#fff; font-size:54px; font-weight:700;}
@media screen and (max-width:650px) {
    #subVisual
    {height:300px; background-size:cover;}
}
#subVisual_style_02
{}


.sub-top-menu
{position:absolute; width:100%; bottom:0;}
.sub-top-menu .submenu 
{display:flex;}
.sub-top-menu .submenu .menu-item
{flex-grow:1; text-align:center; background:rgba(0,0,0,0.3); }
.sub-top-menu .submenu .menu-item a
{color:#fff; font-size:1.9rem; padding:3rem 0; display:block;}
.sub-top-menu .submenu .menu-item.on
{background:#00a0e891}


#subContent
{padding:100px 0px;}
.sub-title 
{text-align:center; margin-bottom:110px;}
.sub-title h2 
{font-size:36px; font-weight:700; color:#222; display:inline-block; position:relative; padding-bottom:20px;}
.sub-title h2:before 
{content:''; position:absolute; width:8px; height:8px; background:#009fe8d0; border-radius:50%; bottom:-20px; left:50%; transform:translate(-50%);}
.sub-title h2:after 
{content:''; position:absolute; width:8px; height:8px; background:#009fe8e8; border-radius:50%; bottom:-35px; left:50%; transform:translate(-50%);}
@media screen and (max-width:650px) {
    .sub-title h2 
    {font-size:32px;}
}


.sub-title-con 
{border-bottom:1px solid #939393; margin-bottom:5rem; padding-bottom:3rem;}
.sub-title-con h2
{font-size:3.8rem; color:#000; font-weight:800; margin-bottom:2rem;}
.sub-title-con p
{font-size:2.4rem; color:#535050; font-weight:600;}


.greeting-txt-con 
{display:flex; flex-wrap:wrap; max-width:1100px; margin:10rem auto 0;}
.greeting-txt-left-con 
{width:50%;}
.greeting-txt-left-con h4
{font-size:2.4rem; font-weight:600; color:#1b1b1b;}
.greeting-txt-left-con h2
{font-size:4.2rem; color:#1b1b1b; font-weight:800; margin-top:1rem;}
.greeting-txt-right-con 
{width:50%;}
.greeting-txt-right-con strong
{font-size:2.1rem; color:#1b1b1b; font-weight:600; line-height:1.3;}
.greeting-txt-right-con p
{font-size:1.8rem; margin:2rem 0; color:#000; font-weight:300; line-height:1.3;}
.greeting-txt-right-con b
{font-size:1.8rem; margin:2rem 0; color:#000; font-weight:500; line-height:1.3;}



.history-row
{display:flex; flex-wrap:wrap;}
.history-left-con 
{width:30%;}
.history-years 
{font-size:3.2rem; font-weight:800; color:var(--main-color); position:relative; text-align:center;}
.history-years:before
{position:absolute; content:''; width:1.5rem; height:1.5rem; background:var(--main-color); top:0.65rem; right:-0.9rem; border-radius:50%;}
.history-years:after
{position:absolute; content:''; width:3rem; height:3rem; background:#2faaff30; top:0; right:-1.6rem; border-radius:50%; z-index:9999;}
.history-right-con 
{width:70%; position:relative; padding-left:7rem; padding-bottom:7rem}
.history-right-con:before
{content:''; position:absolute; width:2px; height:100%; background:rgba(0,0,0,0.1); left:0; top:0; z-index:-1;}
.history-month-row 
{display:flex; flex-wrap:wrap; padding-bottom:3rem;}
.history-month 
{font-size:1.8rem; color:#000; font-weight:600; width:5rem; text-align:right;}
.history-txt 
{font-size:1.8rem; color:#0e0e0e; font-weight:300; margin-left:3rem;}


.location-top-con 
{display:flex; justify-content:space-between; align-items:end; margin-bottom:3rem;}
.location-top-con .txt-con h2
{font-size:4rem; color:#222; font-weight:700;}
.location-top-con .txt-con p
{margin-top:1rem; font-size:2.4rem; color:#666;}
.location-top-con .btn-con
{display:flex;}
.location-top-con .btn-con a
{font-size:1.6rem; padding:1.5rem 3rem; display:block; border-radius:5px; margin-left:1rem;; width:16rem; text-align:center;}
.location-top-con .btn-con a:first-child
{background:#20c003; color:#fff;}
.location-top-con .btn-con a:last-child
{background:#fae100; color:#000;}

.location-map-con 
{border-radius:25px; overflow:hidden; border:1px solid #eee;}
.location-detail-con 
{margin-top:3rem;}
.location-detail-con ul 
{display:flex; flex-wrap:wrap;}
.location-detail-con ul li
{width:50%; display:flex; align-items:center; margin:2rem 0; padding:0 1rem;}
.location-detail-con ul li i
{width:4rem; height:4rem; background:var(--main-color); border-radius:50px; display:inline-flex; align-items:center; justify-content:center;  color:#fff; font-size:2.1rem;}
.location-detail-con ul li p
{font-size:1.7rem; color:#000; font-weight:300; padding-left:2rem;}



.prd-tab-menu-con
{padding-bottom:2rem; border-bottom:2px solid #ddd; margin-bottom:3rem;}
.prd-tab-menu-con ul 
{display:flex; flex-wrap:wrap;}
.prd-tab-menu-con ul li 
{margin-right:2rem; cursor:pointer}
.prd-tab-menu-con ul li span
{font-size:2.4rem; color:#bbb; font-weight:700; transition:all 0.3s ease;}
.prd-tab-menu-con ul li.active span
{color:var(--main-color);}
.prd-tab-menu-con ul li:hover span
{color:var(--main-color)}

.top-product-img-con
{text-align:center; margin-bottom:5rem;}
.top-product-img-con .prd-img 
{margin-bottom:8rem;}
.top-product-img-con .prd-img p 
{margin-top: 2rem; font-size:1.9rem; color:#000; font-weight:500; line-height:1.5;}

.top-product-img-con .prd-tit-con
{margin-bottom: 10rem;}

.product-row 
{margin-bottom:10rem}
.product-flex-con 
{display:flex; flex-wrap:wrap; margin:0 -1.5%;}
.product-flex-con .product-col 
{width:47%; margin:0 1.5%; }

/* .product-flex-con .product-col .prd-des-con, 
.product-flex-con .product-col .prd-des-con .img-con 
{ height:100%;} */
.product-flex-con .product-col .prd-des-con .img-con 
{display:flex; align-items:center; justify-content:center;
   padding:0 2rem;
  }

.product-flex-con .product-col.col3 
{width:30.3%;}
.product-flex-con .product-col.col3 .prd-des-con .img-con 
{border:none;}


.prd-tit-con 
{display:flex; align-items:end; border-bottom:1px solid #9d9d9d; padding-bottom:1rem;}
.prd-tit-con .kor
{font-size:3.2rem; color:#0a162e; font-weight:700}
.prd-tit-con .eng
{color:#b5b9c0; font-size:1.7rem; font-weight:500; margin-left:1rem;}

.prd-des-con 
{padding:2rem 0;}
.prd-des-con .txt-con .tit 
{font-size:2.4rem; color:#0a162e; margin-bottom:2rem; display:block;}
.prd-des-con .txt-con .txt
{font-size:2rem; color:#111; font-weight:400; line-height:1.5; word-break:keep-all;}

.prd-des-con .img-con 
{border:1px solid #ddd; text-align:center; margin:2rem 0 3rem;}
.prd-des-con .img-con.none-line
{border: 0;}

.prd-des-con .flow-flex-con 
{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:4rem;}
.prd-des-con .flow-flex-con .flow-item 
{width:calc((100% / 3) - 2%); position:relative; text-align:center; padding-top:2rem;}
.prd-des-con .flow-flex-con .flow-item span 
{background:#0a162e; border-radius:50px; font-size:1.8rem; font-weight:500; color:#fff; padding:1rem 1rem; width:18rem; display:inline-block; position:absolute; left:50%; top:0; transform:translateX(-50%);}

.prd-des-con .flow-flex-con .flow-item img 
{border-top:1px solid #0a162e; border-bottom:1px solid #0a162e; background:#f0f1f1}
.prd-des-con .flow-flex-con .flow-item:after 
{content:'\ea3e'; font-family:'xeicon'; font-size:3rem; color:#0a162e; position:absolute; right:-3.5rem; top:50%;}
.prd-des-con .flow-flex-con .flow-item:last-child:after 
{display:none;}

.prd-des-con .tbl-con
{margin-bottom:4rem;}
.prd-des-con .tbl-con:only-child 
{margin:0;}
.prd-des-con .tbl-con table 
{table-layout:fixed;}
.prd-des-con .tbl-con table tr th
{background:#1f2d4c; font-size:1.8rem; color:#fff; font-weight:500; text-align:center; padding:2rem 0; border-right:1px solid #9fa0a0; border-bottom:1px solid #9fa0a0}
.prd-des-con .tbl-con table tr td
{text-align:center; font-size:1.7rem; color:#111; font-weight:400; padding:2rem 1rem; border-left:1px solid #9fa0a0; border-bottom:1px solid #9fa0a0; vertical-align:middle;}
.prd-des-con .tbl-con table tr td:first-child 
{border-left:none;}
.prd-des-con .tbl-con table tr td.bg
{background:#f0f1f1; border-left:none; font-weight:500;}
.prd-des-con .tbl-con .tbl-tit 
{display:block; font-size:2.4rem; color:#1f2d4c; margin-bottom:1rem;}
.prd-des-con .tbl-con .unit 
{display:block; text-align:right; font-size:1.6rem; color:#000; margin-bottom:0.5rem;}

.prd-des-con .tbl-con.horizontal-tbl table
{border-top:1px solid #000; border-bottom:1px solid #000;}
.prd-des-con .tbl-con.horizontal-tbl table tr th
{border-bottom:1px solid #9fa0a0; width:15%; line-height:1.3;}
.prd-des-con .tbl-con.horizontal-tbl table tr td 
{border-right:1px solid #9fa0a0;}
.prd-des-con .tbl-con.horizontal-tbl table tr:last-child td 
{border-bottom:none;}
.prd-des-con .tbl-con.horizontal-tbl table tr td:last-child 
{border-right:none;}

.prd-des-con .txt-con ~ .tbl-con 
{margin:4rem 0 0}
.prd-des-con .txt-con ~ .tbl-con table tr th 
{padding:1rem 0;}
.prd-des-con .txt-con ~ .tbl-con table tr td
{padding:1rem 0;}


.prd-des-con .txt-con .txt-row 
{margin-bottom:5rem;}
.prd-des-con .txt-con .list li 
{position:relative; font-size:1.8rem; color:#111; font-weight:400; margin-bottom:1rem; padding-left:1rem; line-height:1.3;}
.prd-des-con .txt-con .list li:before
{content:''; position:absolute; width:3px; height:3px; background:#111; left:0; top:10px; border-radius:50%;}

.prd-des-con .txt-con dl dt 
{font-size:2.4rem; color:#0a162e; margin-bottom:2rem;}
.prd-des-con .txt-con dl dd 
{}

.catalog-list 
{display:flex; flex-wrap:wrap; margin:0 -3%;}
.catalog-list .item
{width:27.3333%; margin:0 3%;}
.catalog-list .catalog-img-con 
{width:100%; height:45rem;}
.catalog-list .catalog-txt-con 
{text-align:center;}
.catalog-list .catalog-txt-con p
{font-size:2.1rem; color:#000; padding:2rem 0; font-weight:600;}
.catalog-list .catalog-btn-con 
{display:flex; justify-content:center;}
.catalog-list .catalog-btn-con a
{display:flex; justify-content:space-between; width:15rem; text-align:center; font-size:1.7rem; color:#fff; background:#808080; border-radius:25px; padding:1.5rem 2rem; margin:0 1rem; transition:all 0.3s ease;}
.catalog-list .catalog-btn-con a.download 
{background:var(--main-color);}
.catalog-list .catalog-btn-con a:hover
{background:#999}
.catalog-list .catalog-btn-con a.download:hover
{background:#0a87dd}

/* plus RE design */
.product-flex-con .product-col.w-auto {width: auto;}
.product-flex-con .product-col.w100 {width: 100%;}
.product-flex-con .product-col.w70 {width: 70%;}
.product-flex-con .product-col.w60 {width: 64%;}
.product-flex-con .product-col.w30 {width: 30%;}
.product-flex-con .product-col.w25 {width: 25%;}
.w40 {width: 40%;}

.prd-des-con .tbl-con.plus
{margin: 2rem 0 3rem;}
.product-flex-con .product-col.col4
{width: 22%; text-align: center;}
.title-bottom-none .prd-tit-con
{border-bottom: 0;}
.product-flex-con.center
{justify-content: center;}
.product-col.col3 .prd-img img {width: 100%;}