@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: local('Pretendard Light');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: local('Pretendard Regular');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: local('Pretendard Bold');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src: local('Pretendard Black');
}

:root {
  --font-family-sans-serif: 'Pretendard', sans-serif;
}

body{font-family:'Pretendard', sans-serif; width:100%; height:100%;}

@media (min-width: 1200px) {
      .container { max-width: 1250px; }
}

@media (min-width: 992px) {
      .col-lg-9 { -ms-flex: 0 0 74%; flex: 0 0 74%; max-width: 74%; }
}

@media screen and (max-width: 750px) {
      iframe {
          max-width: 100% !important;
          width: auto !important;
          height: auto !important;
      }
}
.container {
      position: relative;
}
.banner {
      position:absolute;      
      top:155px;
      left:100%;
  }
h1, h2, h3, h4 {font-weight: 550;}
a { color: #28344c; }
.content-text p { margin-bottom: 0rem !important; }
.viewContent { padding-top: 1rem; border: 1px solid #e5e5e5; }
.list-group-item.active { background-color: #28344c; border-color: #28344c; }
.dropdown-item.active, .dropdown-item:active { background-color: #569dd9; }
.bg-primary { background-color: #28344c!important; }
.commint .time {padding: 0px;}
.commint p {margin-bottom: 3px;}
.btn-primary { color: #fff; background-color: #28344c; border-color: #28344c; }
.btn-primary:hover { color: #fff; background-color: #4e6694; border-color: #4e6694; }
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff;background-color: #28344c;border-color: #28344c;}
.imonlope01 { background: #354350; }
.imonlope03 { background: #f9f9f9; }
.imonlope05 { background: #6c6c6a; }
.imontop01 { background: #354350; }
.imontop03 { background: #f9f9f9; }
.imontop05 { background: #6c6c6a; }
.imonoa01 { background: #354350; }
.imonoa03 { background: #f9f9f9; }
.imonoa05 { background: #6c6c6a; }
.ransomware01 { background: #f2f2f2; }
.ransomware03 { background: #f9f9f9; }

#home .homeTitleSub { color: #00d3ff; font-size: 4rem; }
#home .btn { color:#00d3ff; border:2px solid #00d3ff; margin-bottom: 40px; border-radius: 0;}
#home .btn:hover { background-color:#00d3ff; color:#fff; border:2px solid #fff; }
#home img { margin-top: 0; }
#home .top-main-title { font-weight: 550; }
#home .top-sub-title { font-weight: 550; }
#home .btn-primary { color: #fff; background-color: #28344c; border-color: #28344c; }
#home .btn-primary:hover { background-color: #28344c; border-color: #28344c; }
#home .main-btn { border-radius: 0; }
#home .homeTitleSubContent { font-style: initial;margin:20px 0;padding-bottom:-10px;line-height: 1.5em; }

#home .homeTitleSub2 { color: #2BEFCA; font-size: 4rem; }
#home .main-btn2 { color:#2BEFCA; border:2px solid #2BEFCA; margin-bottom: 40px; border-radius: 0;}
#home .main-btn2:hover { background-color:#2BEFCA; color:#fff; border:2px solid #fff; }

.pre-next { font-size: 0.95rem }

.faq-header { padding: .75rem 1.25rem; margin-bottom: 0; border-bottom: 1px solid #E8E8E8; }
.faq-content { color: #28344c !important; font-size: 14px; font-weight: normal; }
.faq-card { border: 0px solid; }
.faq-bottom { border-bottom: 1px solid #E8E8E8; }

.mypage .user-name { font-size: 1rem; }

#product { background: url('https://gytni.com/new_gytni/images/product_banner.png') no-repeat; background-size: cover; color: #fff; text-align: center; width: 100%; }
#product .homeTitle { color: #569dd9; font-size: 4.5rem; font-weight: 500;    line-height: 6rem;}
#product .homeTitleSub {font-size: 1.35rem; }
#product .main-btn {color: #D5BFA9; font-size: 1.24rem;}
#product img { display: inline-block; margin-top: 0; max-width: 100%; }
#product .btn{ color:#569dd9; border:0px solid #569dd9; margin-bottom: 40px;border-radius: 0;}
#product .btn:hover{ background-color:#569dd9; color:#fff;border:0px solid #fff; }
  
.subContent {color: #666;}
.subInfo {color:#344350;}
.subImg {width:100px;}
.subPc th{font-weight: normal;}
.subPc td{color:#d6d6d6;}

.nav-link{ font-weight: normal;color:#000 !important;}
.navbar-nav .active .nav-link{ font-weight: bold;}

.ransomware .title_line {border-bottom: 3px solid;margin: 5px auto;display: block;width: 59px;}
.ransomware01 { background-color: #000; color: #fff; background: url(https://gytni.com/new_gytni/images/03_video.png) no-repeat; background-size: cover; }
.ransomware01 .video { margin-top: 2rem; text-align: center;}
.ransomware01 .video iframe { width: 600px; height: 400px; }
.ransomware03 { background-color: #000; color: #fff; background: url(https://gytni.com/new_gytni/images/03_video.png) no-repeat; background-size: cover; }
.ransomware03 .rwtb { background-color:#fff; color:#000; }
.ransomware03 table { width: 100%; }
.ransomware03 table td{ height: 35px;}
.ransomware03 .more { margin-top: 1rem; text-align: center; font-weight: bold; }
.ransomware05 { background-color: #1E2A34; color: #fff; /* background: url(https://gytni.com/new_gytni/images/03_video.png) no-repeat; */ background-size: cover; }
.ransomware05 input { width:100%; padding-left: 5px; }
.ransomware05 textarea { width:100%; padding: 5px; height: 182px; }
.ransomware05 .rbtn { background: #557EA1; color: #fff; border: 1px solid #557EA1; width: 100px; height: 30px; font-size: 14px; }

.footer-main {background: #2c2d2f;color:#d6d6d6;}
.footer-main .text-white {color:#d6d6d6 !important;}
.footer-chrome {border-top: 1px solid #4B5259; font-size: 13px;}