html{overflow-y:scroll;overflow-x:hidden;}

.pbt-30{padding-top:30px;padding-bottom:30px;}
.pbt-50{padding-top:50px;padding-bottom:50px;}
.pbt-80{padding-top:80px;padding-bottom:80px;}
.pbt-100{padding-top:100px;padding-bottom:100px;}
.pbt-120{padding-top:120px;padding-bottom:120px;}
.pbt-150{padding-top:150px;padding-bottom:150px;}
.pbt-180{padding-top:180px;padding-bottom:180px;}
.pbt-200{padding-top:200px;padding-bottom:200px;}

.fz-150{font-size:100px; font-weight:lighter; letter-spacing:-10px;}

@font-face {font-family: 'TAEBAEKmilkyway';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2310@1.0/TAEBAEKmilkyway.woff2') format('woff2');font-weight: normal;font-style: normal;}
@keyframes blink{
    0%{background-color: white;}
    49%{background-color: white;}
    50%{background-color: transparent;}
    99%{background-color: transparent;}
    100%{background-color: white;}
}

/* ---------------default START--------------- */
.main-bg{background-color:unset;} 

.main-bg section{padding-top:150px; padding-bottom:150px;}
.main-bg section.nopad{padding-top:0px; padding-bottom:0px;}
.main-bg section.padlr{padding-left:5%; padding-right:5%;}
.main-bg section:last-of-type{border-bottom: none;}

.d-rotate .rotate-text{font-family:'TAEBAEKmilkyway';}
/* ---------------default END--------------- */

/* ---------------main slider START--------------- */
.slider-caption{letter-spacing: 0px;font-weight: lighter;}
.caption p{font-size: 14px; line-height: 1.6; letter-spacing: 0px; color: #c5c5c5; font-family: 'TAEBAEKmilkyway';}
/* ---------------main slider END--------------- */

/* ---------------about us START--------------- */
.container h3#text1 span{color:white; font-family:'TAEBAEKmilkyway'; font-weight:bold;}
.container h3 span.cursor-original{display: inline-block; background-color: white; margin-left: 0.8rem; width: 3px; animation: blink 1s infinite; color:white;}

span.mega-size{font-family: 'TAEBAEKmilkyway'; font-size:2vw;}
span.mega-size::after{content: ''; width: 60px; height: 60px; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: -25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .1; z-index: 1;}

.accordion .accordion-info ul li{font-family: 'TAEBAEKmilkyway'; letter-spacing:3px;}
.about-ul{margin:0; padding:0;}
.about-li .icon{width: 15px; margin-right: 10px;}
span.span-emp{color:#d4edff; font-weight: bolder;background:#003ba7;}  /* #003ba7, #070071 */
/* ---------------about us END--------------- */

/* ---------------about us - service START--------------- */
.portfolio-fixed .left{border-right:1px solid #333;}
.portfolio-fixed .img{top:16%; left:0%;padding-right:3%; text-align: right;}
.abs-title{position:absolute; left: 70px;top: 56px;}
.abs-title.sticky {top: 0px;}
.abs-title.show-mobile {display:none;}
.portfolio-fixed .img h1.block-no{font-weight:lighter; color:#00e3ff;}
.portfolio-fixed .img h1.block-title{font-weight:lighter; letter-spacing:-3px;}
.portfolio-fixed .img h1.block-title span{letter-spacing:1px; font-size:16px;}

.portfolio-fixed .right{padding:140px 40px 140px 40px;}
.portfolio-fixed .cont{margin-bottom: 50px; border-bottom: 1px solid #303030;}
.portfolio-fixed .cont:last-of-type{border-bottom: none;}
.portfolio-fixed .catalog-title{font-family: 'TAEBAEKmilkyway';}
.portfolio-fixed .catalog-desc{font-size:15px; color:#969696; line-height:1.2;}
.portfolio-fixed .cont .skills-exp{margin-bottom: 0px; padding: 50px 0;}
.list-arrow li h6{margin-bottom:0; color: #fff; font-family: 'TAEBAEKmilkyway'; font-weight: lighter;}
.skills-exp .skill-item .item{width:auto; padding: 30px 8px; max-width: 82px; min-width: 82px;margin:0 6px;}
.skills-exp .skill-item .item:hover{border-color: #9f9f9f;}
.icon-title{font-family:none;font-size:13px;letter-spacing:0;font-weight:normal;}
/* ---------------about us - service END--------------- */

/* ---------------portfolio START--------------- */
.work-carsouel .work-crus .img{border:1px solid #4c4c4c; border-radius: 10px; overflow: hidden;}
/* ---------------portfolio END--------------- */

/* ---------------blogs START--------------- */
h5.blog-title{font-family: 'TAEBAEKmilkyway'; font-size:16px; line-height:1.3;}
.blog-list-half.crev .item .img{padding:15px 0; height: 100%;}
.blog-list-half.crev .item .img .img-bground{height:100%; border-radius: 10px; border: 1px solid #2f2f2f;}
/* ---------------blogs END--------------- */

/* ---------------contact START--------------- */
.block-desc{font-family: 'TAEBAEKmilkyway';color:#fff;}
.butn.butn-bord{border-color: #707070;}

/* ---------------contact END--------------- */
footer{overflow-y:hidden; z-index:5; background:#030113; border-top:1px solid rgba(98, 98, 98, 0.5)}

/* 추가커스텀 */
.header-main.po-fix{position:fixed;}
.swiper-controls.arrow-out{position:absolute;width:100%;left:0;bottom:13%;text-align:center;}
.swiper-button-next, .swiper-button-prev{width:auto;}
.vew-all a:after{left:-16px;}

.progress-wrap{border:1px solid #888;}
.progress-wrap svg.progress-circle path{stroke: #ccc;stroke-width: 4px;}
.phone.fz-30{font-size:24px !important;}

@media screen and (max-width: 1199px) {
    .fz-150 {font-size: 80px;letter-spacing:-10px;}
    span.mega-size{font-size:18px;font-weight:bolder;}
    span.mega-size::after{width:50px;height:50px;left:-16px;top:44%;}
    .accordion .accordion-info ul li{letter-spacing:1px;}

    .main-bg section{padding-top: 100px;padding-bottom: 100px;}
    .d-rotate .rotate-text{font-size:40px;}
    .container h3#text1 span{font-size:28px;}

    .abs-title {left: 60px;top: 44px;}
    .sec-lg-head .dot-titl-non{padding: 5px 22px;letter-spacing:1px;}

    .portfolio-fixed .img h1.block-title{font-size:50px;}
    .portfolio-fixed .img h1.block-no{font-size:50px;}

    .portfolio-fixed .img{top:14%;}
    .portfolio-fixed .right {padding: 110px 20px 110px 20px;}
    .list-arrow li h6{font-size:14px !important;}
    .skills-exp .skill-item .item {max-width: 72px;min-width: 72px;padding:30px 6px; margin:0 5px;}
    .icon-title{letter-spacing:-0.5px;}
    
    .portfolio-fixed .catalog-title{font-size:28px;}
    h5.blog-title{font-size:14px;}
}
@media screen and (max-width: 991px) {
    .fz-150 {font-size: 70px;letter-spacing:-4px;}
    
    .main-bg section{padding-top: 80px;padding-bottom: 80px;}
    .d-rotate .rotate-text{font-size:30px;}
    .container h3#text1 span{font-size:20px;}

    .justify-end .vew-all {margin-left: 0px;margin-top: 15px;}
    .abs-title {left:unset;right: 20px;top: 20px;}
    .abs-title.show-mobile {display:block;position: absolute;left:unset;right: 20px;top: 20px;}

    .portfolio-fixed .right {padding: 80px 15px 80px 15px;}
    .portfolio-fixed .cont{padding: 0 15px;letter-spacing: -1px;}
    .portfolio-fixed .cont .skills-exp {padding: 50px 0 0 0;}
    .sec-lg-head .dot-titl-non{font-size: 11px;font-weight:lighter;}

    .phone.fz-30{font-size:20px !important;}
}
@media screen and (max-width: 767px) {
    .fz-150 {font-size: 60px;letter-spacing:-4px;}
    .slider-caption, .caption p{font-size: 13px;}

    span.mega-size{font-size:16px;font-weight:bolder;}
    span.mega-size::after{width:48px;height:48px;left:-16px;top:44%;}
    .accordion .accordion-info ul li{font-size:13px;letter-spacing:1px;}
    .about-li .icon {width: 12px;margin-right: 4px;}
    .main-bg section{padding-top: 80px;padding-bottom: 80px;}
    .d-rotate .rotate-text{font-size:30px;}
    .container h3#text1 span{font-size:20px;}

    .abs-title {left:unset;right: 10px;top: 10px;}
    .abs-title.show-mobile {display:block;left:unset;right: 10px;top: 10px;}
    .sec-lg-head .dot-titl-non{padding: 4px 16px;letter-spacing: 0px;font-weight: lighter;}
    h5.blog-title{font-size:14px;}
    .portfolio-fixed .right {padding: 80px 10px 80px 10px;}
    .portfolio-fixed .cont .skills-exp {padding: 40px 0 0 0;}

    .vew-all a:after{width:48px;height:48px;left:-16px;}
    .block-desc{font-size:14px !important;line-height:22px;}
}
@media screen and (max-width: 639px) {
    .fz-150 {font-size: 50px;letter-spacing:-4px;}
    .slider-caption, .caption p{font-size: 13px;}

    .list-arrow li h6{font-size:13px !important;}

    .fz-18{font-size:16px !important;}
    span.mega-size{font-size:16px;font-weight:bolder;}
    span.mega-size::after{width:42px;height:42px;left:-16px;top:44%;}
    .accordion .accordion-info ul li{font-size:13px;letter-spacing:1px;}
    .main-bg section{padding-top: 80px;padding-bottom: 80px;}
    .accordion .accordion-info ul{padding-left:15px;}

    .sec-lg-head .dot-titl-non{padding: 2px 12px;font-size: 11px;}
    .swiper-controls.arrow-out{bottom:8%;}

    .skills-exp .skill-item .item {max-width: 70px;min-width: 70px;margin:0 1%;}
    .icon-img-60{width:auto;}

    .portfolio-fixed .right {padding: 80px 5px 80px 5px;}

    .vew-all a:after{width:42px;height:42px;left:-16px;}

    .phone.fz-30{font-size:18px !important;}
}
@media screen and (max-width: 479px) {
    .fz-150 {font-size: 40px;letter-spacing:-4px;}

    .fz-18{font-size:14px !important;}
    span.mega-size{font-size:14px;font-weight:bolder;padding-left:18px;}
    span.mega-size::after{width:38px;height:38px;left:6px;top:44%;}
    .accordion .accordion-info ul li{font-size:13px;letter-spacing:0px;}
    .about-li .icon {width: 10px;margin-right: 2px;}
    .nopadding{padding-left:0;padding-right:0;}
    .d-rotate .rotate-text {font-size: 20px;}
    .container h3#text1 span{font-size:16px;}

    .portfolio-fixed .catalog-title{font-size:20px;}
    .portfolio-fixed .sub-title{font-size:12px;font-weight:lighter;margin-bottom:0 !important;letter-spacing:0;padding-left:0px;}
    .portfolio-fixed .cont .skills-exp {padding: 30px 0 0 0;}

    .main-bg section.padlr{padding-left:5px;padding-right:5px;}

    .skills-exp .skill-item .item {max-width: 54px;min-width: 54px;padding:26px 2px;margin:0 2px;}
    .icon-title{font-size:11px;}

    .accordion .accordion-info ul{padding-left:5px;}

    .vew-all a:after{width:38px;height:38px;left:-10px;}
}
@media screen and (max-width: 379px) {
    .br-380 {display:block;}
    .portfolio-fixed .right {padding: 80px 0px 80px 0px;}
    .skills-exp .skill-item .item {max-width: 52px;min-width: 52px;padding:22px 0px;margin:2px 1px;}
    .icon-title{font-size:11px; letter-spacing:-1px;}
    .service-list{padding-left:8px;padding-right:8px;}
}