@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

.prepare{padding:100px 0 ; min-height: 300px; display: flex; align-items: center; justify-content: center;}
.prepare p{font-size: 20px; text-align: center;}
 
#header h1 .origin{display: none;}
#header nav .gnb > li > a{color: #fff;}
#header .pc_burger span{background-color: #fff;}

/* sub visual */
.area_subVisual{width: 100%; height: 428rem; position: relative; z-index: 2;}
.area_subVisual.subtype01{background: url(/images/content/img_subvisual01.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}
.area_subVisual.subtype02{background: url(/images/content/img_subvisual02.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}
.area_subVisual.subtype03{background: url(/images/content/img_subvisual03.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}
.area_subVisual.subtype04{background: url(/images/content/img_subvisual04.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}
.area_subVisual.subtype05{background: url(/images/content/img_subvisual05.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}
.area_subVisual .title{position: absolute; left:0; top: 180rem; width: 100%; padding: 0 20px; box-sizing: border-box;}
.area_subVisual .title h2{font-size: 63rem; letter-spacing: 2rem; font-family: var(--lang-point); color:#fff; font-weight: 600; text-align: center;}

.sub_nav{display: flex; align-items: center; justify-content: center; opacity: 0.65; margin-top: 27rem;}
.sub_nav > *{margin: 0 7rem; font-size: 16rem; color: #fff;}
.sub_nav .home{display: flex;align-items: center;justify-content: center;}
.sub_nav .home img{height: 13rem;display: block;}
.sub_nav i{width: 6rem; height: 10rem; background: url(/images/content/icon_sub_nav.svg) no-repeat; display: block;}
.subvisual_lnb{ width: 100%; z-index: 22; background-color: #f7f7f7; }.subvisual_lnb ul{display: flex;align-items: center;position: relative;height: 70rem;max-width:960rem;margin: 0 auto;}
.subvisual_lnb ul > li{box-sizing: border-box;width: 100%;height: 100%; cursor: pointer;}
.subvisual_lnb ul > li > a{display: flex;height: 100%;cursor: pointer;box-sizing: border-box;font-size: 18rem;color: var(--color-bold);text-align: center;justify-content: center;align-items: center;width: 100%;}
.subvisual_lnb ul > li.active a{ color: var(--color-point);  font-weight: 600;}
.subvisual_lnb #lnb-point {position: absolute;bottom: -3rem;width: 8rem;height: 8rem;background:var(--color-point);border-radius: 100%;transition: all 0.5s ease;margin-left: -4rem;}
.area_subpage{padding:100px 0 150px}
.area_subpage .sub_title{padding-bottom: 100rem; text-align: center;}
.area_subpage .sub_title h3{}
/*
.archive_v .subvisual_lnb ul{max-width: 600rem;}
*/

.flex{display: flex;}

.area_subpage h4{font-size: 24rem;}
.area_subpage h4 + *{margin-top: 18rem;}
.area_subpage p{font-size: 17rem; color: var(--color-basic); line-height: 1.9;}
.subpage-title em{display: block; font-size: 25rem; font-weight: 700; color: #999;}
.subpage-title em + *{margin-top: 16rem;}
.subpage-title h3{font-size: 50rem; font-weight: 300; color: var(--color-bold); line-height: 1.46;}
.subpage-title h3 b{font-weight: 700;}
.subpage-title + *{margin-top: 76rem;}
.subpage-title.about + *{margin-top: 37rem;}
.subpage-title.board_v em{font-size: 50rem;}

/* 인사말 */
.aoubt-top__iconlist{width: 100%; max-width: 1120rem; display: flex; flex-wrap: wrap;}
.aoubt-top__iconlist li{width: 25%; padding-top: 78rem;}
.aoubt-top__iconlist li i{height: 50rem; width: 65rem; display: flex; align-items: center; }
.aoubt-top__iconlist li i img{height: 43rem;}
.aoubt-top__iconlist li:nth-child(1) img{height: 47rem;}
.aoubt-top__iconlist li:nth-child(2) img,
.aoubt-top__iconlist li:nth-child(3) img{height: 42rem;}
.aoubt-top__iconlist li:nth-child(4) img{height: 44rem;}
.aoubt-top__iconlist li span{color: var(--color-bold); font-size: 18rem; font-weight: 600; display: block; margin-top: 20rem;}

.about-bg{width: 100%; height: 360rem; margin-top: 120rem;  background: url(/images/content/img_aboutBg.jpg) no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed;}
.about-bottom{display: flex; justify-content: space-between; margin-top: 68rem;}
.about-bottom > em{font-size: 32rem;}
.about-bottom > em,.about-bottom > em b{display: block; }
.about-bottom__text{width: 50%;}
.about-bottom__text p + p{margin-top: 22rem;}
.about-bottom__text .sign{margin-top:78rem; display: block; font-size: 19rem;} 

/* 특허증 */
.certification-list__wrap + .certification-list__wrap{margin-top: 100rem;}
.certification-list__wrap h4{color: var(--color-point);}
.certification-list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 42rem;}
.certification-list .image{background-color: #f7f7f7; box-sizing: border-box; padding: 34rem; border-radius: 10rem;}
.certification-list img{width: 100%; box-sizing: border-box;}
.certification-list p{text-align: center; margin-top: 10rem;}

/* 연혁 */
.histroy-area{padding-left: 40%; box-sizing: border-box; position: relative;}
.hitstory-area__wrap:nth-of-type(1){padding-top: 0;}
.hitstory-area__wrap:last-of-type,
.hitstory-area__wrap:last-of-type .history-area__list li:last-child{padding-bottom: 0;}
.hitstory-area__wrap{ padding: 40rem 70rem; position: relative;}
.hitstory-area__wrap::before, .hitstory-area__wrap::after{content: ""; position: absolute;}
.hitstory-area__wrap::before{width: 8rem;height: 8rem;border-radius: 12rem;background-color: var(--color-point);left: -4rem;top: 0;z-index: 1;}
.hitstory-area__wrap::after{width: 22rem;height: 22rem;border-radius: 40rem;border:1px solid var(--color-point);left: -12rem;top: -8rem;background: #fff;}
.history-area__list--wrap .year_wrap{font-size: 34rem; position: relative; font-family: var(--lang-point); color: var(--color-point); letter-spacing: 2rem; display: block; }
.history-area__txt{position: absolute;left: -66%;top: 7%;width: 47%;font-weight: 600;opacity: 0;transform: translateY(50rem); transition: all .4s; }
.history-area__txt img{max-width: 100%;}
.history-area__txt p{font-size: 24rem;color: #ddd; margin-top: 10rem;}
.history-area__list {/* padding-top: 40rem; */}
.history-area__list li,.history-area__list__list{position: relative;}
.history-area__list li > .year{font-weight: 700;font-size: 22rem;display: block;margin-bottom: 7rem;}
.history-area__list__list > .month{font-weight: 500;position: absolute;left: 0;top: 5rem;/* opacity: 0.4; */}
.history-area__list__list{padding-left: 51rem;}
.history-area__list li + li{/* margin-top: 60rem; *//* border-top: 1px solid #eee; */}
.history-area__list li{padding-left: 30rem;box-sizing: border-box;padding: 34rem 0;}
.history-area__list li::before{content: "";width: 6rem;height: 6rem;border: 12rem;background-color: var(--color-point);position: absolute;left: -10.3%;top: 46px;border-radius: 10rem;}
.his-linecover{position: absolute; top: 0; left:40%; width: 1px; height: 100%; overflow: hidden; background-color: #eee;}
.hitstory-area__wrap.active .history-area__txt{opacity: 1; transform: translateX(0); }
#his_line{display: block; width: 1px; height: 0; position: absolute; left: 0; top: 0; background-color: var(--color-point);}

/* 주요납품 */
.partner-list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 42rem;}
.partner-list > li{padding-bottom: 30rem;}
.partner-list__image{border-radius: 10rem; border:1px solid #eee; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 16rem 8rem; }
.partner-list__image img{width: 77%;}
.partner-list_conts p{position: relative; margin-top: 17rem; padding-left: 12rem; line-height: 1.2;}
.partner-list_conts p::before{content: ""; width: 3px; height: 3px; background-color: #999; border-radius: 10rem; position: absolute; left: 0; top: 9rem;}
.partner-list_conts p span{display: block; font-size: 13rem; opacity: 0.6; margin-top: 4rem;}
.gov-certify{padding:100rem 0 150rem; margin-top:100rem; background-color:#f5f5f5; text-align:center;}
.gov-certify .subpage-title p{margin-top:30rem;}
.gov-certify p{word-break:keep-all;}
.area_subpage .gov-big__p{margin-bottom:20rem; line-height:1.2; font-size:32rem; font-weight:600; color:var(--color-point);}
.gov-certify__list{display:flex; justify-content:center; align-items:center; gap:30rem; margin:60rem 0 !important;}
.gov-certify__list img{max-width:100%;}

/* 오시는 길 */
.location__map{width: 100%; height: 400rem;}
.location__map iframe{width: 100%; height: 100%;}
.location-info{margin-top: 42rem;}
.location-info h4{color: var(--color-point); font-size: 18rem;}
.location-info strong{font-size: 24rem; color: var(--color-bold); display: block;}
.location-info + .location-info{ border-top: 1px solid #eee; padding-top: 42rem; margin-top: 42rem;}
.location-info__bottom--main{margin-top: 24rem;}
.location-info__item + .location-info__item{margin-left: 32rem;}
.location-info__item span{font-weight: 500; color: var(--color-bold); margin-right: 8rem;}
.location__map--wrap + .location__map--wrap{margin-top: 100rem;}

/* 게시판 */
.ko-basic-list__tit > i{margin-right: 6rem; color: #999;}
.ko_board_list[data-type="A"][data-gallery] [data-board="img"]{height: 460rem;background-position: 50% 50%; background-size: contain; border: 1px solid #eee; border-radius: 10rem;}
.ko_board_list .board-image{border:1px solid #eee; border-radius: 30rem; overflow: hidden;}
.ko_board_list .board-image img{width: 100%; display: block; margin: 0 auto;}
.ko_board_list[data-type="A"][data-gallery] [data-board="tit"]{width: 100%; flex-wrap: wrap; display: flex; align-items: center;}
.ko_board_list[data-type="A"][data-gallery] [data-board="tit"] i{font-size: 13rem;margin-left: 8rem;color: #ffffff;border-radius: 30rem;background: #333;display: inline-block;padding: 2px 10rem;font-weight: 400;vertical-align: middle;}
.bbsContent .conts{text-align:center;}
.ko_board_list.standard-product-list img{ aspect-ratio: 643/644; object-fit: scale-down; }

.pro_ver.bbsPager{display: flex; justify-content: center; padding-top: 55rem;}
.pro_ver.bbsPager .inr_pager .pager_list,
.pro_ver.bbsPager .inr_pager a{width: 182rem; padding: 18rem 0; opacity: 1; border:2px solid #333; font-weight: 500; font-size: 16rem; transition: all .3s ease 0s; border-radius: 40rem;}
.pro_ver.bbsPager .inr_pager .pager_list > span:after{display: none;}

/* 게시판 탭 */
.tab-nav{opacity:0; width:100%; display:flex; flex-wrap: wrap; text-align: center; /* border-top: 1px solid #eee; */}
.tab-nav + *{margin-top: 83rem;}
.tab-nav__item{ height: 60rem; font-size: 15px; line-height: 1.2;  border:1px solid #eee; margin-left: -1px; margin-top: -1px; box-sizing: border-box; width: 25%; cursor: pointer; display: flex;align-items: center;justify-content: center;background-color: #fff; transition: all .3s;}
.tab-nav__item:nth-child(1),.tab-nav__item:nth-child(5),.tab-nav__item:nth-child(9){border-left: 1px solid #eee;}
.tab-nav__item:hover{color: var(--color-point);}
.tab-nav__item.active{background-color: var(--color-point);color: #fff;border-color: var(--color-point);box-shadow: 5px 5px 16px rgb(25 25 25 / 24%);position: relative;z-index: 1;}
.mo-tab-nav{display: none;}

.area_policy{padding-top:0;}
.area_policy h2{padding:30rem 0;font-size:40rem;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20rem;font-weight: 700;font-size:17rem;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15rem; color:#666;}
.area_policy p{line-height:1.6; font-size:14rem;}
.area_policy ul li{margin-bottom:8rem;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5rem; margin-bottom:20rem;}
.area_policy ul li ul li{margin-bottom:2rem; font-size:15rem;}
.area_policy .inr_policy{padding:40rem 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

.pro-conts{opacity:0; margin-top: 50rem;}
.pro-conts .board_info_con i + i{margin-left: 26rem; position: relative;}
.pro-conts .board_info_con i + i::before{content: ""; width: 1px; height: 10rem; background-color: #ddd; position: absolute; left: -13rem; top: 2rem;}

.pro-sec{padding-top: 80rem;}
.pro-sec sup{font-size: 11rem;}
.pro-sec .color{color: var(--color-point);}
.pro-sec > em{display: block; font-size: 23rem; font-weight: 700; margin-bottom: 17rem;}
.pro-sec .monitor-controllers-img{ width: 100%; }

.pro-box{border:1px solid #eee; padding: 20rem; box-sizing: border-box;}
.pro-box.gray{background-color: #f8f8f8}
.pro-box li{font-size: 17rem;}
.pro-box .dot-list li::before{top:12rem;}
.pro-box img{margin: 0 auto; max-width: 100%; display: block;}
.pro-box + .pp{margin: 12rem 0; }
.dot-list li{position: relative; padding-left: 16rem; line-height: 1.7;}
.dot-list li + li{margin-top: 10rem;}
.dot-list li::before{content: ""; width: 3rem; height: 3rem; border-radius: 10rem; background-color: #666; position: absolute; left: 0rem; top: 10rem; }
.dot-list li b{font-weight: 600;}
.dot-list li .point{color: var(--color-point);}
.dot-list li .line{text-decoration: underline;}

.pro-table [data-point="import"]{background-color: #f1f7fb;}
.pro-table [data-point="import"]{color: #000;}
.pro-table th[data-point="import"]{background-color: #c4e3f9!important;}
.pro-table *{font-size: 15rem;}
.pro-table.v_top tr:nth-child(1) > *{border-top-color: #868686!important;}
.pro-table + .pro-box{margin-top: 30rem;}

.pro-intro{display: flex; align-items: center;}
.pro-intro > .pro-intro__image{ width: 40%;}
.pro-intro__info{width: 60%; box-sizing: border-box; padding-left: 80rem; }
.pro-intro__info .tt{padding-bottom: 20rem; border-bottom: 1px solid #222;}
.pro-intro__info h3{font-size: 42rem; display: block;}
.pro-intro__info h3 span{font-size: 20rem; font-weight: 600;}
.pro-intro__info .tt em{display: block;font-size: 17rem;color: #999;margin-bottom: 21rem;}
.pro-intro__info .tt i{display: inline-block;margin-left: 26rem;position: relative; font-weight: 500;}
.pro-intro__info .tt i::before{content: "";width: 1px;height: 12rem;position: absolute;background-color: #ddd;left: -16px;top: 7rem;}
.pro-intro__info .tt dl{display: flex;}
.pro-intro__info .tt dl *{font-weight: 600;font-size: 21rem;}
.pro-intro__info .tt dl dd{margin-left: 12rem;}
.pro-intro__info .tt dl dt{ flex-shrink: 0; /* opacity: 0.4; */font-weight: 400;}
.pro-intro__info .feature{padding: 30rem 10rem;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.pro-intro__info .feature p{display: block;}
.pro-intro__info .feature p:nth-child(1){font-weight: 600;color: var(--color-point);font-size: 22rem;}
.pro-intro__info .feature p:nth-child(1).not{font-size: 16rem;}
.pro-intro__info .feature p:not(:nth-child(1)){padding-left: 14rem;position: relative;}
.pro-intro__info .feature p:not(:nth-child(1))::before{content: "";width: 5rem;height: 5rem;border-radius: 10rem;background-color: #707070;position: absolute;left: 0;top: 14rem;}
.pro-intro__info ul{margin: 0 -2rem; padding: 20rem 0;}
.pro-intro__info ul li{border-radius: 4rem;margin: 6rem 2rem;/* background-color: #eee; */display: inline-block;box-sizing: border-box;padding: 8rem 16rem;border: 1px solid #b6b6b6;color: #737373;}
.pro-intro__info .feature sup{margin-right: 12rem;}

.pro-process{display: flex;}
.pro-process .pro-process__image{width: 40%;border: 1px solid #eee;padding: 30rem;box-sizing: border-box;}
.pro-process .pro-process__image img{margin: 0 auto; display: block; max-width: 100%;}
.pro-process .pro-process__list{width: 50%;padding-left: 80rem;box-sizing: border-box;}
.pro-process .pro-process__list strong{display: block; font-size: 18rem; margin-bottom: 12rem;}
.pro-process .pro-process__list ul{margin-top: 10rem;}
.pro-process .pro-process__list li{padding: 14rem 20rem 14rem 50rem;box-sizing: border-box;background-color: #f8f8f8;position: relative;}
.pro-process .pro-process__list li + li{margin-top: 10rem;}
.pro-process .pro-process__list li i{position: absolute;left: 20rem;top: 15rem;border-radius: 100%;width: 20rem;height: 20rem;display: inline-block;font-size: 11rem;font-weight: 500;line-height: 20rem;background-color: #222;color: #fff;text-align: center;}
.pro-process .pro-process__list ul + .exp{ font-size: 15rem; line-height: 1.6; margin-top: 22rem;}

.pro-part:first-child{padding-top: 0;}
.pro-part:last-child{padding-bottom: 0;}
.pro-part{padding: 60rem 0; box-sizing: border-box;  }
.pro-part + .pro-part{border-top: 1px dashed #eee;}
.pro-part_sec{display: flex;}
.pro-part__img{overflow:clip;gap:20rem;width: 430rem; height: 430rem; border:1px solid #eee; border-radius: 20rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.pro-part__img.column{ flex-direction: column; height: auto; padding:20rem;}
.pro-part__img img{max-width: 100%;}
.pro-part__info{width: calc(100% - 430rem); box-sizing: border-box; padding-left: 80rem;}
.pro-part__title{border-bottom: 1px solid #333; padding-bottom: 30rem;}
.pro-part__title em{display: block; font-weight: 600; font-size: 36rem; color: #222;}
.pro-part__title dl{display: flex; margin-top: 2rem;}
.pro-part__title dl *{font-size: 18rem;}
.pro-part__title dl dd{margin-left: 13rem; font-weight: 600;}
.pro-part__part{padding-top: 40rem; display: flex;}
.pro-part__part em{display: block; font-size: 18rem; font-weight: 700; margin-bottom: 14rem; width: 220rem;}
.pro-part__part > div{width: calc(100% - 220rem);}
.pro-part__part .picture span{display: block; color: var(--color-point); font-weight: 500; font-size: 18rem; position: relative; padding-left: 12rem; margin-top: 10rem;}
.pro-part__part .picture span::before{content: ""; position: absolute; width: 3rem; height: 3rem; border-radius: 10rem; background-color: var(--color-point); left:0; top: 16rem;}
.pro-part__part .picture span sup{font-size: 12rem;}
.pro-part__part .exp strong{display: block; font-size: 18rem; margin-bottom: 8rem; /* color: var(--color-point); */}
.pro-part__part .exp p{font-size: 16rem; line-height: 1.6;}
.pro-part__part .exp dl{margin-top: 16rem;}
.pro-part__part .exp dt{border-radius: 40rem; border:1px solid var(--color-point); display: inline-block;color: var(--color-point);font-weight: 500;padding: 3rem 10rem 1rem;box-sizing: border-box;}
.pro-part__part .exp dd{display: block; margin-top: 4rem; font-weight: 400;}
.pro-part__part .point{ color: var(--color-point); }
.pro-part .drawing{ display: block; width: 100%; }

.icon-list{display: flex; margin: 0 -8rem; }
.icon-list > li{margin:0 8rem; flex: 1; border:1px solid #eee; border-radius: 4rem; padding: 20rem; box-sizing: border-box; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.icon-list > li em{display: block; font-size: 16rem; font-weight: 500;}
.icon-list > li p{font-size: 14rem; line-height: 1.3; margin-top: 3rem;}
.icon-list i{width: 40rem; height: 40rem; display: flex; margin: 0 auto 20rem;}
.icon-list i img{width: 40rem; opacity: 0.6; }

.fade-in-bottom {
    -webkit-animation: fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;
    animation: fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;
}

.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* 제품적용사례 */
.area_subpage.install .ko_board_list[data-type="A"][data-gallery] [data-board="img"]{height:252rem;}

@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-top {
    0% {
      transform: translateY(100px);
    }
    100% {
      transform: translateY(0);
    }
  }
  

@media (min-width:2000px){}
@media (max-width:1480px){}
@media all and (min-width:1025px){}
@media all and (max-width:1440px){

    .tab-nav__item{width: 33.333%;}
    .pro-intro__info{padding-left: 50rem;}

    .pro-part__part em{display: block; font-size: 18rem; font-weight: 700; margin-bottom: 14rem; width: 170rem;}
    .pro-part__part > div{width: calc(100% - 170rem);}

}
@media all and (max-width:1024px){
    .area_subpage{padding: 84rem 0 120rem;}
    .subvisual_lnb #lnb-point{display: none;}
    .subpage-title em{font-size: 22rem;}
    .subpage-title h3{font-size: 47rem;}
    .subpage-title + *{margin-top: 66rem;}

    .partner-list,.certification-list{grid-template-columns:repeat(3, 1fr); gap: 28rem;}

    .about-bg{background-attachment: local; height: 280rem; margin-top: 90rem;}
    .about-bottom > em{font-size: 24rem;}
    .about-bottom__text{width: 60%;}
    .about-bottom__text p br{display: none;}
    .ko_board_list[data-type="A"][data-gallery] [data-board="img"]{height: 340rem;}

    .subpage-title.board_v em{font-size: 32rem;}

    .pro-sec{padding-top: 50rem;}
    .pro-intro__info h3{font-size: 32rem;}
    .pro-intro__info .tt dl *{font-size: 18rem;}
    .pro-intro{flex-direction: column-reverse;}
    .pro-intro__info{width: 100%; padding-left: 0;}
    .pro-intro > .pro-intro__image{width: 60%;}
    .pro-process{flex-direction: column;}
    .pro-process .pro-process__image,.pro-process .pro-process__list{width: 100%;}
    .pro-process .pro-process__list{padding-left: 0; margin-top: 32rem;}
    .dot-list li + li{margin-top: 6rem;}

    .pro-part_sec{flex-direction: column;}
    .pro-part__info{width: 100%; padding-left: 0; }
    .pro-part__img{width: 100%; margin-bottom: 32rem; height: auto;}
    .pro-part__title em{font-size: 28rem; width: 100%}
    .pro-part__part em{width: 120rem;}
    .pro-part__part > div{width: calc(100% - 120rem);}

    .icon-list{flex-wrap: wrap; gap: 8rem;}
    .icon-list > li{flex:auto; width: 25%; margin: 0;}

}
@media (max-width:860px){
    .area_subpage{padding: 72rem 0 100rem;}
    .subpage-title h3,  .subpage-title.board_v em{font-size: 38rem;}
    .area_subpage p{font-size: 16rem; line-height: 1.7;}
    .partner-list__image{padding: 8rem;}
    .partner-list,.certification-list{grid-template-columns:repeat(2, 1fr); }
    .partner-list_conts p span{margin-top: 1rem;}
    .location__map{height: 320rem;}
    .histroy-area{padding-left: 0;}
    .history-area__txt{position: relative; top:0; width: 100%; left: 0; opacity: 1; transform: translateY(0); margin-bottom: 36rem;}
    .history-area__txt p{font-size: 20rem; color: #999;}
    .hitstory-area__wrap{padding: 40rem 58rem;}
    .history-area__list__list + .history-area__list__list {margin-top:16rem;}
    .history-area__list__list > .month{top: 1rem;}
    .history-area__list p + p{margin-top: 8rem;}
    .history-area__list li > .year{margin-bottom: 16rem;}
    .history-area__list li::before{left: -61rem;}
    .his-linecover{left: 0;}

    .aoubt-top__iconlist li{width: 33.333%;}
    .aoubt-top__iconlist li span{font-size: 16rem;}
	.aoubt-top__iconlist li i img{height: 38rem;}
    .aoubt-top__iconlist li:nth-child(2) img,
    .aoubt-top__iconlist li:nth-child(3) img{height: 35rem;}
    .aoubt-top__iconlist li:nth-child(4) img{height: 32rem;}

    .history-area__list__list{padding-left: 34rem;}
    
    .subpage-title.board_v em{font-size: 28rem;}
    
    .tab-nav{display: none;}
    .tab-nav + *{margin-top: 0;}
    .mo-tab-nav + *{margin-top: 40rem;}
    .mo-tab-nav{display: block; border:1px solid #eee; border-radius: 10rem; position: relative;}
    .mo-tab-nav span{height: 48rem; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 15rem;}
    .mo-tab-nav span em{ width: calc(100% - 80rem); font-size: 15rem; overflow: hidden; display: -webkit-box;  overflow: hidden; text-overflow: ellipsis;     -webkit-line-clamp: 1;  -webkit-box-orient: vertical; word-break: break-all;}
    .mo-tab-nav span i{width: 8rem; height: 8rem; transition: all .3s; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; transform: rotate(45deg); top: -2rem; position: relative;}
    .mo-tab-nav span.rotate i{transform: rotate(-135deg);}
    .mo-tab-nav .list{display: none; position: absolute;box-sizing: border-box; padding:20rem 0; border:1px solid #eee; border-top: 0; width: 100%; background-color: #fff; z-index: 11; left: 0; top: 40rem; border-radius: 0 0 10rem 10rem;} 
    .mo-tab-nav .list a{display: block; padding: 4rem 16rem; box-sizing: border-box; font-size: 15rem;}

    .pro-intro__info .feature{padding: 18rem 10rem;}
    .pro-intro__info h3,.pro-part__title em{font-size: 28rem;}
    .pro-intro__info .tt em{margin-bottom: 10rem;}
    .pro-intro__info .tt dl *{font-size: 16rem;}
    .pro-intro__info .feature p:nth-child(1){font-size: 19rem;}
    .pro-intro__info .feature p:not(:nth-child(1))::before{width: 3rem; height: 3rem; top: 12rem;}
    .pro-intro__info ul li{padding: 5rem 11rem;}

    .pro_ver.bbsPager{display: flex; justify-content: center; padding-top: 35rem;}
    .pro_ver.bbsPager .inr_pager{display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
    .pro_ver.bbsPager .inr_pager .pager_list,
    .pro_ver.bbsPager .inr_pager a{width: 152rem; padding: 14rem 0; opacity: 1; border:2px solid #333; font-weight: 500; font-size: 14rem; transition: all .3s ease 0s; border-radius: 40rem;}
    .pro_ver.bbsPager .inr_pager .pager_list > span:after{display: none;}

    .icon-list > li{flex:auto; width: 48%; margin: 0;}
    .icon-list > li em{font-size: 15rem;}

}
@media (max-width: 540px){
    
    #wrap{overflow: hidden;}
    .area_subVisual{height: 360rem;}
    .area_subpage{padding: 54rem 0 80rem;}
    .area_subpage p{font-size: 15rem;}
    .area_subVisual .title{top: 150rem;}
    .area_subVisual .title h2{font-size: 44rem;}
    .sub_nav{margin-top: 16rem;}
    .sub_nav > *{margin: 0 4rem;}
    .subvisual_lnb ul{height: 60rem; justify-content: center;}
    .subvisual_lnb ul > li{width: auto; padding:0 10rem}
    .subvisual_lnb ul > li > a{font-size: 14rem;}
    .subpage-title + *{margin-top: 42rem;}
    .subpage-title em + *{margin-top: 8rem;}
    .subpage-title em{font-size: 16rem;}
    .subpage-title h3{font-size: 26rem;}
    .area_subpage h4{font-size: 17rem;}

    .aoubt-top__iconlist li{width: 50%; padding-top: 36rem;}
    .aoubt-top__iconlist li span{margin-top: 14rem;}
    .about-bg{margin-top: 80rem; height: 170rem;}
    .about-bottom > em{font-size: 20rem; margin-bottom: 20rem;}
    .about-bottom{display: block; margin-top: 34rem;}
    .about-bottom__text{width: 100%;}
    .about-bottom__text .sign {margin-top: 36rem; font-size: 17rem;}

    .certification-list{gap: 12rem;}
    .certification-list .image{padding: 14rem; border-radius: 8rem;}
    .certification-list li{padding-bottom: 24rem;}

    .partner-list__image{border-radius: 8rem;}
    .partner-list{grid-template-columns: 1fr;}
    .partner-list_conts p{margin-top: 10rem;}
    .partner-list > li{padding-bottom: 10rem;}
	.gov-certify{padding:70rem 0 100rem;}
	.gov-certify__list{gap:20rem; margin:40rem 0 !important;}
	.area_subpage .gov-big__p{font-size:23rem;}

    .location-info{margin-top: 24rem;}
    .location-info__bottom--main{flex-direction: column;}
    .location-info__item{font-size: 15rem;}
    .location-info__item + .location-info__item{margin-left: 0; margin-top: 6rem;}
    .location-info strong{font-size: 15rem; margin-top: 8rem!important;}
    .location__map{height: 240rem;}
    .location-info + .location-info{padding-top: 26rem; margin-top: 26rem;}

    .hitstory-area__wrap{padding: 32rem 0 32rem 28rem;}
    .history-area__list--wrap .year_wrap{font-size: 32rem;}
    .history-area__list li > .year{font-size: 16rem;}
    .history-area__list__list > .month{font-size: 15rem;}
    .history-area__list__list{padding-left: 40rem;}
    .history-area__list li{padding: 24rem 0;}
    .history-area__list li::before{left: -31rem;}

    .ko_board_list[data-type="A"][data-gallery] [data-board="img"]{height: 190rem;}

    .subpage-title.board_v em{font-size: 26rem;}

    .pro-intro__info .tt em{font-size: 16rem;}
    .pro-intro__info h3,.pro-part__title em{font-size: 27rem;}
    .pro-intro__info .feature sup{margin-right: 4rem;}
    .pro-intro__info .feature p:nth-child(1){font-size: 18rem; margin-bottom: 6rem;}
    .pro-intro__info .tt dl *{font-size: 15rem;}
    .pro-intro__info .tt dl dd{margin-left: 10rem;}
    .pro-intro__info ul li{font-size: 13rem; margin: 3rem 0; padding: 4rem 8rem;}
    .pro-intro > .pro-intro__image{width: 100%;}
    .pro-process .pro-process__list li{font-size: 15rem; padding: 8rem 12rem 8rem 36rem;}
    .pro-process .pro-process__list li i{width: 18rem; height: 18rem; left: 10rem; top: 10rem; font-size: 10rem; line-height: 18rem;}
    .pro-process .pro-process__list strong{font-size: 17rem; margin-bottom: 8rem;}
    .pro-sec > em{font-size: 20rem; margin-bottom: 8rem;}
    .dot-list li{font-size: 15rem;}
    .dot-list li br{display: none;}
    .pro-box{padding: 13rem;}
    .pro-contents{width: 100%;}
    .pro-part__part{flex-direction: column;}
    .pro-part__part > div{width: 100%;}
    .pro-part__part em{width: 100%; margin-bottom: 8rem;}
    .pro-part__part .exp p br{display: none;}
    .pro-part{padding: 36rem 0;}

    .ko_board_list .board-image{border-radius: 10rem;}
    .pro_ver.bbsPager{ padding-top: 25rem; padding-bottom: 0;}
    .pro_ver.bbsPager .inr_pager{flex-direction: column-reverse;}
    .pro_ver.bbsPager .inr_pager .pager_list,
    .pro_ver.bbsPager .inr_pager a{width: 100%; padding: 14rem 0; font-weight: 700; font-size: 14rem;}

    .ko_board_list.v2[data-type="A"][data-gallery] [data-board="tit"]{flex-direction: column;}
    .ko_board_list.v2[data-type="A"][data-gallery] [data-board="tit"] i{margin-left: 0; padding: 0 6rem;}
    .ko_board_list.v2[data-type][data-gallery="A"] .board_info_con{justify-content: center; width: 100%;}
}
@media all and (max-width:480px){



    .ko_board_list[data-type="A"][data-gallery] [data-board="img"]{height: 330rem;}
}

/* add sub06 */
.area_subpage .sp { position: relative; margin-top: 60rem; padding-bottom: 60rem; }
.area_subpage .sp img { width: 100%; }
.area_subpage .sp .sp_title {background-color: var(--color-point2);padding: 10rem 30rem;width: fit-content;border-radius: 0 20rem;margin-bottom: 60rem;border-right: 20rem solid white;}
.area_subpage .sp .sp_title:after { content: ''; position: absolute; width: 98%; height: 1rem; display: block; background-color: var(--color-bright); right: 0; z-index: -1; }
.area_subpage .sp .sp_title p { font-size: 34rem; color: #fff; }
.area_subpage .sp .desc { display: flex; flex-direction: column; }
.area_subpage .sp .sp_desc { display: flex; margin-right: 8%; justify-content: flex-end; }
.area_subpage .sp.sp02 .sp_desc { margin-top: -270rem; }
.area_subpage .sp.sp02 { margin-bottom: 120rem; }
.area_subpage .sp .sp_desc .desc_title { font-size: 30rem; font-weight: 700; display: inline-flex; align-items: center; }
.area_subpage .sp .sp_desc .desc_title:before { content: ''''; background: url(/images/content/icon_desctitle.png) no-repeat; width: 40rem; height: 20rem; position: relative; display: block; margin-right: 10rem; }
.area_subpage .sp_desc ul { line-height: 2; font-size: 18rem; padding-left: 50rem; margin-top: 10rem; }
.area_subpage .sp .sp_desc ul li { text-indent: -20rem; padding-left: 20rem; }
.area_subpage .sp .desc ul li b{ font-weight: 700; }
.area_subpage .sp .img_sp03 { display: flex; gap: 20rem; margin-bottom: 20rem; }
.area_subpage .sp .img_sp03 .img_wrap { width: 100%; }
.area_subpage .sp .img_wrap .text_img { font-size: 24rem; text-align: center; display: flex; justify-content: center; padding: 15rem 0;background: #25a3dd; color: #ffffff; }
.area_subpage .sp .img_wrap .text_img b { font-weight: 800; }
.area_subpage .sp.sp03 .sp_desc { justify-content: flex-start; margin: 0; background: #f7f7f7; padding: 30rem 40rem; }
.area_subpage .sp.sp03 .sp_desc ul { padding: 0; margin-top: 0; }

.area_subpage .sp .mobile {
    display: none;
}


@media (max-width: 1024px) {
    .area_subpage .sp.sp02 { margin-bottom: 60rem; }
    .area_subpage .sp .sp_title p { font-size: 24rem; }
    .area_subpage .sp .sp_desc { margin: 0; justify-content: flex-start; margin-top: 40rem; }
    .area_subpage .sp.sp02 .sp_desc {margin-top: 40rem;}
}
@media (max-width: 768px) {
    .area_subpage .sp .img_sp03 { flex-direction: column; }
    .area_subpage .sp .sp_title p { font-size: 22rem; }
    .area_subpage .sp .img_wrap .text_img{ font-size: 20rem ; }
    .area_subpage .sp { padding: 0; }
    .area_subpage .sp .sp_title { width: 100%; padding: 10rem 0; text-align: center; border: 0; }
    .area_subpage .sp_desc ul { padding: 10px; }
    .area_subpage .sp .mobile { display: block; }
    .area_subpage .sp .desktop { display: none; }
}


/* 설치 방법 3, 4 */
.installation-guide{ display: grid; gap: 40rem;
    .img{ display: block; width: 100%; }
    strong{ border-radius: 0 0 1em 1em; padding: .5em 2ch; display: block; background: #545151; font-size: clamp(20rem, 1.64285714vw, 23rem); color: #fff; text-align: center; }
    strong em{ color: #fff791; }
    .steps{ counter-reset: number; margin: 20rem 20rem 0; display: grid; gap: .5em; }
    .steps li{ display: grid; grid-template-columns: auto 1fr; gap: 1ch; }
    .steps li::before{ counter-increment: number; content: counter(number); display: grid; place-items: center; width: 1.8em; aspect-ratio: 1; background: #545151; border-radius: 50%; font-size: .8em; color: #fff; }
    @media(min-width:768px){
        &{ grid-template-columns: repeat(2, 1fr); }
    }
}