body{/*background:#252423;background:#161618;*/background:#fff;}
.cls-1{fill:none;stroke:#000;/*stroke:#231815;*/stroke-miterlimit:10;stroke-width:0.25px;}

.header.bgb{height:85px;padding-top:30px;width:100%;/*background:#fff;*/}
.header.bgb.hdfix{position:fixed;top:0px;left:0px;z-index:999;/*background: linear-gradient(#fff, 98%, transparent);*/background:#fff;border-bottom:solid rgba(0,0,0,0.1) 1px;}

.header.bgb .hd_menu a{color:#000;font-size:16px;}
.header.bgb .hd_menu a:hover{text-decoration:none;}
.hd_logo{float:left;padding-left:50px;}
.hd_menu{float:right;padding-right:50px;line-height:8px;}
.clear{clear:both;}



.hd_menu ul {
padding: 0;
list-style: none;
display: table;
width: 500px;
text-align: center;
}
.hd_menu li {
display: table-cell;
position: relative;
padding: 0px 0;
}
.hd_menu a {
color: #000;
text-transform: uppercase;
text-decoration: none;
/*letter-spacing: 0px;*/
display: inline-block;
padding: 10px 15px;
position: relative;
}
.hd_menu a:after {
background: none repeat scroll 0 0 transparent;
bottom: -5px;
content: "";
display: block;
height: 1px;
left: 50%;
position: absolute;
background: rgba(0,0,0,0.25);
transition: width 0.3s ease 0s, left 0.3s ease 0s;
width: 0;
}
.hd_menu a:hover:after {
width: 100%;
left: 0;
}
.about_al{width:300px;float:left;}
.about_ar{width:calc(100% - 400px);padding-left:100px;float:right;font-size:15px;word-break:keep-all;line-height:30px;font-weight:400;}
.about_ar b{font-weight:800;}

.pr_wbar{background:rgba(0,0,0,0.1);width:100%;height:1px;margin:4em 0;}







.animation-wrapper {
width: 100%;
opacity:0.5
/*padding-bottom: 40%;*/
}

.stagger-visualizer {
position: absolute;
width: 1100px;
height: 550px;
transform-origin: left top;
}

.stagger-visualizer .dots-wrapper {
transform: translateZ(0);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.stagger-visualizer .dot {
position: relative;
z-index: 1;
width: 23px;
height: 23px;
margin: 16px;
background-color: currentColor;
border-radius: 50%;
}

.stagger-visualizer .cursor {
position: absolute;
top: 0px;
left: 0px;
width: 37px;
height: 37px;
margin: 9px;
background-color: currentColor;
border-radius: 50%;
}

.pf_date{padding-right:20px;color:#888;}

.wrapper {
  position: relative;
  display: block;
  align-items: center;
  width: 1px;
  height: 0px;
  margin:0 auto;
  margin-top:250px;
  opacity:0.75;
}

.el {
  position: absolute;
  opacity: 1;
  width: 2px;
  height: 24vh;
  margin-top: -12vh;
  transform-origin: 50% 100%;
  background: white;
}


.svc_item{width:100%;padding-bottom:50px;border-bottom:solid 1px rgba(0,0,0,0.1);margin-bottom:100px;}
.svc_img{max-width:540px;width:100%;height:330px;background:#eee;border:6px solid #191919;margin:0 auto;}
.svc_info{padding-top:20px;text-align:center;}
.svc_tt{font-size:24px;font-weight:700;padding-bottom:10px;}
.svc_desc{font-size:16px;font-weight:400;line-height:26px;/*padding-left:37px;*/}


  .wrapper {
    position: relative;
    display: block;
    align-items: center;
    width: 1px;
    height: 0px;
    margin:0 auto;
    margin-top:250px;
    opacity:0.75;
  }

  .el {
    position: absolute;
    opacity: 1;
    width: 2px;
    height: 24vh;
    margin-top: -12vh;
    transform-origin: 50% 100%;
    background: white;
  }

  .columns{max-width:1280px;margin:0 auto;}
  main{/*border-top:solid 300px #fff;background:#fff;padding-bottom:300px;*/overflow: initial;}
  body{
    --grid-item-width:calc(var(--grid-item-height) * var(--ratio));
    /*--color-bg:#fff;*/
    --color-bg:transparent;
    /*--grid-item-width:calc(var(--grid-item-height) * var(--ratio))*/
    font-family:'Noto Sans KR', Sans-serif;
  }

.content__item-title{padding-top:85px;font-size:35px;}

.svc_btn{display:block;width:150px;height:50px;background:#191919;color:#fff;text-align:center;line-height:50px;font-size:16px;margin-top:30px;cursor:pointer;}

.svc_btn_small{display:block;width:120px;height:30px;background:#191919;color:#fff;text-align:center;line-height:30px;font-size:12px;margin-top:20px;cursor:pointer;}
.svc_btn_small:hover{background:#191919;color:#fff;}


.contact_check_list li{display:block;}
.ac-custom input[type="checkbox"]:checked + label, .ac-custom input[type="radio"]:checked + label{color:#000;}
.ac-custom svg path{stroke:#000;}
.ac-custom label::before{border:4px solid #000;}
.ac-custom label{color:#000;}

.header a{opacity:1 !important;}
.pr_content{width:980px;height:auto;margin:0 auto;padding-top:50px;}


@media (min-width: 740px) {
  .stagger-visualizer .dot {
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFFFFF 8%, #D3CDC6 100%);
  }
}

@media (max-width: 739px) {
  .header.bgb{padding-top:10px;}
  .hd_logo{padding-left:10px;float:none;}
  .hd_menu{float:none;width:100%;padding-right:0px;margin-top:15px;}
  .header.bgb .hd_menu a{font-size:14px !important;}
  .hd_menu ul {width:100%;}

  .stagger-visualizer{width:300px;height:430px;overflow:hidden;}
  .pr_content{width:100%;}

  .about_al{float:none;width:100%;padding-bottom:15px;}
  .about_ar{float:none;width:100%;padding-left:15;}
  .stagger-visualizer .dot {
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFFFFF 8%, #D3CDC6 100%);
   }
   .pr_content{overflow-x:hidden;}
   .point_sec{padding-top:100px !important;}
   .svc_item{padding:0 20px;padding-bottom: 50px;}
}