@charset "utf-8";
/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {margin:0 auto;width: 1200px;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}


#sub-vision2 .gw-intro-container{margin:0 auto;}
#sub-vision2 .gw-intro .gw-text{font-size: var(--main-title04);line-height: 1.5;font-family: 'NotoKr_M', sans-serif;}
#sub-vision2 .gw-necessity-box {display: flex;justify-content: space-between;position: relative;}
#sub-vision2 .gw-necessity-box .gw-necessity-item {background: #f3f3f3;border-radius: 30px;width: 49.23%;padding: 100px 50px;box-sizing: border-box;}
#sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(1) {padding-right:200px;}
#sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(3) {padding-left: 200px;}
#sub-vision2 .gw-necessity-box .gw-necessity-item dl {text-align: center;}
#sub-vision2 .gw-necessity-box .gw-necessity-item dl dt {font-size: var(--main-title03);line-height: 1.4;color: #222;font-family: 'Poppins_B','NotoKr_B', sans-serif;}
#sub-vision2 .gw-necessity-box .gw-necessity-item dl dd {line-height: 1.5;color: #555;margin-top: 25px;}
#sub-vision2 .gw-necessity-box .gw-necessity-circle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#sub-vision2 .gw-necessity-box .gw-necessity-circle:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 125%;height: 125%;border-radius: 50%;background: #e1e1e1;}
#sub-vision2 .gw-necessity-box .gw-necessity-circle .tit {position: relative;font-size: var(--main-title03);line-height: 1.4;color: #fff;font-family: "NotoKr_B", sans-serif;text-align: center;display: flex;align-items: center;justify-content: center;width: 250px;height: 250px;border-radius: 50%;background: var(--main-color);}
#sub-vision2 .gw-necessity-box .gw-necessity-item {background: #fff;}
#sub-vision2 .gw-importance-list .list-item {display: flex;align-items: center;padding: 20px;box-sizing: border-box;border-radius: 100px;background: #fff;margin-bottom: 10px;}
#sub-vision2 .gw-importance-list .gw-num {width: 45px;height: 45px;border-radius: 100%;line-height: 45px;color: #fff;font-family: 'Poppins_B', sans-serif;text-align: center;background: var(--main-color);}
#sub-vision2 .gw-importance-list .gw-tit {width: 300px;font-size: var(--main-title04);line-height: 1.3;color: #111;font-family: "NotoKr_B", sans-serif;padding: 0 30px;box-sizing: border-box;}
#sub-vision2 .gw-importance-list .gw-txt {width: calc(100% - 300px);line-height: 1.5;color: #666;}
#sub-vision2 .gw-effect-list {padding: 40px;border-radius: 30px;background: #fff;box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.07);box-sizing: border-box;}
#sub-vision2 .gw-effect-list .gw-effect-item {display: flex;align-items: center;padding: 30px 0;border-bottom: 2px dashed #ddd;}
#sub-vision2 .gw-effect-list .gw-effect-item:first-child {padding-top: 0;}
#sub-vision2 .gw-effect-list .gw-effect-item:last-child {padding-bottom: 0;border-bottom: 0;}
#sub-vision2 .gw-effect-list .gw-left-box {width: 30%;text-align: center;}
#sub-vision2 .gw-effect-list .gw-left-box .gw-tit {margin-top: 10px;font-size: var(--main-title04);font-family: 'NotoKr_B', sans-serif;}
#sub-vision2 .gw-effect-list .gw-left-box .gw-text {display: block;color: #666;font-family: 'NotoKr_M', sans-serif;font-size: var(--main-text01);}
#sub-vision2 .gw-effect-list .gw-right-box {width: 70%;}



.product {}
.product .product-img {
    background: #151a24;
}
.product .product-img .product-img-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 150px 15px;
    position: relative;
    max-width: 1400px;
}
.product .product-img .product-img-wrap .img {
    width: 100%;
    text-align: center;
}
.product .product-img .product-img-wrap .img img {}
.product .product-img .product-img-wrap span {
    font-size: 200px;
    color: rgba(255,255,255,0.1);
    font-weight: 900;
    position: absolute;
    bottom: 0;
        font-family:'serif';
    line-height: 160px;
    left: 10px;
}
.product .product-txt {
    margin: 0 auto;
    padding: 100px 15px;
    position: relative;
    max-width:1200px;
    width:100%;
}
.product .product-txt .top {
    border-bottom:solid 2px #000;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:30px
}
.product .product-txt .top strong {
    font-size:3em;
    color:#173260;
    font-family:'serif';
    font-weight:900;
}
.product .product-txt .top strong em {
    font-style:normal;
    font-size:0.7em;
    font-weight:500;
}
.btn-download{
    border: solid 1px #222;
    margin-top: 30px;
    padding:10px 20px;
    font-weight:bold;
    padding-right:60px;
    color: #222;
    background:url(../../../img/download.png) no-repeat right 20px center;
    background-size:15px;
    display: block;
    margin-left: auto;
}
.product .product-txt p {
    padding:30px 0px;
    font-size:16px;
    line-height:1.7;
}
.product .product-info  {
    display:flex;
    margin:0 auto;
    width: 100%;
    padding:0px 15px;
    max-width:1200px;
    flex-wrap:wrap;
    align-items: center;
}
.product .product-info .left  {
    width: 58%;
    margin-bottom: 50px;
}
.product .product-info .left .tbl-wrap {}
.product .product-info .left .tbl-wrap .list  {
    border-top:solid 2px #000;
}
.product .product-info .left .tbl-wrap .list tr  {}
.product .product-info .left .tbl-wrap .list tr th  {
    background:#f5f5f5;
    padding:1em;
    border-bottom:solid 1px #ddd;
    border-right:solid 1px #ddd;
}
.product .product-info .left .tbl-wrap .list tr td  {
    border-right: solid 1px #ddd;
    padding:1em;
    text-align:center;
    border-bottom: solid 1px #ddd;
    color: #222;
}
.product .product-info .left .tbl-wrap .list tr th:last-child,
.product .product-info .left .tbl-wrap .list tr td:last-child {
    border-right:none;
}
.product .product-info .left .tbl-wrap .list tr td .dot-ul  {}
.product .product-info .left .tbl-wrap .list tr td .dot-ul li  {}
.product .product-info .left .tbl-wrap .list tr td .dot-ul li::before {}
.product .product-info .right {
    width:40%;
    margin-bottom:150px;
    padding:0px 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
}
.product .product-info .right .box {
    position:relative;
}
.product .product-info .right .box  img {
    max-width:200px;
    width:100%;
    margin-right:60px;
    display:block;
}
.product .product-info .right .box::before{
    content:'';
    display:block;
    width: 150px;
    height: 150px;
    background:url(../../../img/round_text.png) no-repeat center center;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    background-size: contain;
    animation: rotate360 20s linear infinite;
}

@keyframes rotate360 {
  from {
    transform: translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

.prod-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0px 15px 150px;
    margin: 0 auto;
    max-width: 1200px;
}
.prod-inner .product-subtit {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
.prod-inner .line-box {
    border: solid 1px #000;
    padding: 1em;
    border-radius: 5px;
    margin-bottom: 30px;
}
.prod-inner .line-box p {
    word-break:keep-all;
}
.prod-inner .product-sec02 {}
.prod-inner .product-sec02 strong {
    font-size: 20px;
    font-weight: bold;
}
.prod-inner .product-sec02 .dot-ul {
    margin-top:30px;
    margin-bottom:40px;
}
.prod-inner .product-sec02 .dot-ul li {
    margin-bottom:10px;
    padding-left:10px;
    position:relative;
}
.prod-inner .product-sec02 .dot-ul li::before {
    position:absolute;
    display:block;
    width:3px;
    height:3px;
    background:#000;
    content:'';
    top:8px;
    left:0;
}
.prod-inner .product-sec02 .dot-ul li b{}
.prod-inner .product-sec02 .img {
    margin-bottom:60px;
    text-align:center;
}
.prod-inner .product-sec02 .img img {
    max-width:100%;
}

.product-between {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding:0px 15px;
    justify-content: space-between;
}
.product-between h3 {
    width:100%;
    text-align:right;
    font-size: 1.7em;
    margin-bottom:35px;
}
.product-between .left {
    width: 48%;
}
.product-between .left .img {}
.product-between .left .img img {}
.product-between .right {
    width:48%;
}
.product-between .right .tbl-wrap {}
.product-between .right .tbl-wrap .list {
    border-top:solid 2px #000;}
.product-between .right .tbl-wrap .list tr{}
.product-between .right .tbl-wrap .list tr th {
    background:#f5f5f5;
    padding:1em;
    border-bottom:solid 1px #ddd;
    border-right:solid 1px #ddd;}
.product-between .right .tbl-wrap .list tr td {
    border-right: solid 1px #ddd;
    padding: 0.5em 1em;
    text-align:center;
    border-bottom: solid 1px #ddd;
    color: #222;
    font-size: 14px;
    }
.product-between .right .tbl-wrap .list tr th:last-child,
.product-between .right .tbl-wrap .list tr td:last-child {
    border-right:none;
}


@media all and (max-width:1400px) {
    
    
}
@media screen and (max-width:1024px) {
    #sub-vision2 .gw-effect-list{padding: 20px;}
}
@media all and (max-width:960px) {
    .product .product-img .product-img-wrap span  {
        font-size:100px;
        line-height:1;
    }
    .product .product-txt .top {
        flex-wrap:wrap;
    }
    .btn-download {
        width:100%;
        margin-top:10px;
    }
    .product .product-info .left {
        width:100%;
        margin-bottom:80px;
    }
    .product .product-info .right {
        width:100%;
    }
     .product .product-img .product-img-wrap .img {
        width:100%;
         margin-bottom:30px;
    }
    .product .product-info {
        width:100%;
    }
}
@media all and (max-width:768px) {
    .product .product-img .product-img-wrap span  {
        font-size:50px;
        font-weight:900;
    }
    .product-between .right {
        width:100%;
    }
    .product-between .left {
        width:100%;
    }
    .product-between h3 {
        text-align:left;
    }
    .product .product-txt .top strong {
        font-size:1.8em;
    }
}
@media screen and (max-width:576px) {
    #sub-vision2 .gw-necessity-box{flex-direction: column;}
    #sub-vision2 .gw-necessity-box .gw-necessity-item{padding:50px 15px;width: 100%;}
    #sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(1){padding-right:15px;padding-bottom:115px;}
    #sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(3){padding-left:15px;padding-top:115px;}
    #sub-vision2 .gw-necessity-box .gw-necessity-circle .tit{width: 160px;height: 160px;}
    #sub-vision2 .gw-importance-list .list-item{flex-direction: column;gap: 10px;border-radius: 30px;text-align: center;}
    #sub-vision2 .gw-importance-list .gw-num{width: 30px;height: 30px;line-height: 30px;}
    #sub-vision2 .gw-importance-list .gw-tit{width: 100%;padding: 0;}
    #sub-vision2 .gw-importance-list .gw-txt{width: 100%;}
    #sub-vision2 .gw-effect-list .gw-effect-item{flex-direction: column;gap: 20px;}
    #sub-vision2 .gw-effect-list .gw-left-box{width: 100%;}
    #sub-vision2 .gw-effect-list .gw-right-box{width: 100%;}
}