:root {
    --app-width: 100vw;
    --app-height: 100vh;
    --header-height: 3.8em;
    --footer-height: 4em;
    --primary-color: #E85623;
    --menu-text-color: rgba(58, 58, 58, 0.8);
}

@font-face {
    font-family: 'SUIT-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Galmuri9';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/Galmuri9.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GowunBatang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
html,
body {
    font-family     : "Pretendard-Regular", Dotum, 돋음,sans-serif; /*  Gothic A1,  Open Sans,  Nanum Gothic ,     NanumSquare, Noto Sans KR*/
    background-color: #ffffff;
    color           : #000;
    overflow-x      : hidden;
    font-size: 14px;
}

.contentBase{
    /*height: 100%;*/
    width: 100%;
    background-color: #fff;
}

.width100p{
    width: 100%;
    background-color: #fff;
}
.flexBaseRow{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.flexBaseCol{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-self:flex-start;
}

.maxWidth1100{
    max-width: 1100px;
}
.maxWidth1000{
    max-width: 1000px;
}
.maxWidth800{
    max-width: 800px;
}
.width1100{
    width: 1100px;
}
.width1000{
    width: 1000px;
}
.width900{
    width: 900px;
}
.width950{
    width: 950px;
}
a{
    text-decoration: none;
}
.topMenu{
    height: 80px;
    align-self: center;
    justify-content: center;
    align-items: center;
    padding: 0px 10px 0px 10px;
    background-color: #fff;
}
.topMenuSubBak{
    background: linear-gradient(to right, #001735 10px, #001735 200px, #001735 1200px, #001735 100px, #001735 );
}
.topMenuSub{
    height: 80px;
    align-self: center;
    justify-content: center;
    align-items: center;
    padding: 0px 10px 0px 10px;
}
.topIconSize{
    color: #b3b3b3;
    cursor: pointer;
    font-size: 25px;
    padding-bottom: 3px;
}
.topIconSize.active{
    color: #303030;
    font-weight: bold;
}
.topIconSizeSub{
    color: rgb(156, 156, 156);
    cursor: pointer;
    font-size: 25px;
    padding-bottom: 3px;
}
.topIconSizeSub.active{
    color: #fff;
    cursor: pointer;
    font-size: 25px;
    padding-bottom: 3px;
}
.topHamber{
    display: inline-block;
    cursor: pointer;
}
.bar1, .bar2, .bar3 {
    width: 25px;
    height: 2px;
    background-color: rgb(61, 61, 61);
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 5px);
    transform: rotate(-45deg) translate(-6px, 5px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-7px, -7px);
    transform: rotate(45deg) translate(-7px, -7px);
}


.barsub1, .barsub2, .barsub3 {
    width: 25px;
    height: 2px;
    background-color: rgb(156, 156, 156);
    margin: 6px 0;
    transition: 0.4s;
}
.change .barsub1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 5px);
    transform: rotate(-45deg) translate(-6px, 5px);
}

.change .barsub2 {opacity: 0;}

.change .barsub3 {
    -webkit-transform: rotate(45deg) translate(-7px, -7px);
    transform: rotate(45deg) translate(-7px, -7px);
}

.cursorHand{
    cursor: pointer;
}

.sidenav {
    width: 100%;
    height: 0;
    position:fixed;
    z-index: 999;
    color: white;
    top: 0;
    left: 0;
    background-color: rgba(0,28,51,1.0); /* B54200 6A0022  330010  863000;*/
    overflow-x: hidden;
    transition: 0.5s;
    margin-top:80px;

    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    margin-left: 50px;
}
.sidenav .menuTitle {
    padding: 10px 10px 20px 10px;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    display: block;
    transition: 0.5s;
    border-bottom: rgb(255, 255, 255) 2px solid;
}
.sidenav .groupmenu{
    font-weight: 100;
    color:#dbdbdb;
    font-size: 1.1rem;
}
.sidenav .menuGrade2{
    color: #dbdbdb;
    font-size: 1rem;
}
.sidenav .menuGrade2:hover{
    color: #fff;
    font-size: 1.1rem;
    
}
  .sidenav div {
    margin: 10px 0px 0px 0px;
    font-size: 1rem;
  }
.sidenav a {
    font-weight: 100;
    text-decoration: none;
    color: #dbdbdb;
    display: block;
    font-size: 1.1rem;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #fff;
    font-weight: bold;
    font-size: 1.12rem;
}

.sidenav2 {
    width: 100%;
    height: 0;
    position:fixed;
    z-index: 999;
    color: #000;
    top: 0;
    left: 0;
    background-color: rgb(250, 250, 250); /* B54200 6A0022  330010  863000;*/
    overflow-x: hidden;
    transition: 0.5s;
    margin-top:80px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
.sidenav2 .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    margin-left: 50px;
}
.sidenav2 .menuTitle {
    padding: 10px 10px 20px 10px;
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;
    display: block;
    transition: 0.5s;
    border-bottom: rgb(85, 85, 85) 1px solid;
}
.sidenav2 .groupmenu{
    font-weight: 100;
    color:rgb(90, 90, 90);
    font-size: 1.1rem;
}
.sidenav2 .menuGrade2{
    font-size: 1rem;
}
.sidenav2 .menuGrade2:hover{
    color: rgb(201, 12, 12);
    font-size: 1.0rem;
    
}
  .sidenav2 div {
    margin: 10px 0px 0px 0px;
    font-size: 1.1rem;
  }
.sidenav2 a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.1rem;
    transition: 0.3s;
}
.sidenav2 a:hover {
    color: rgb(201, 12, 12);;
    font-size: 1.1rem;
}


  
.sidesearch {
    background: linear-gradient(to right, #00243f 10px, #003055 200px, #00355e 1500px, #00355e 200px, #001d33 );
    height: 210px;
    width: 100%;
    z-index: 0;
    overflow-x: hidden;
    transition: 0.5s;
}
.displayNone{
    display: none;
}

.mainContent10{
    background: linear-gradient(to right, #F4F4F4 20px, #F4F4F4 100px, #F4F4F4 1200px, #F4F4F4 100px, #F4F4F4 );
/*background: conic-gradient(at 00% 0%,#2EAAB7 30%, #2EAAB7 60%, #2EAAB7 100%);*/
}
.mainContent11{
    height: 450px;  
    background: linear-gradient(to right, #00243f 10px, #003055 200px, #00355e 1500px, #00355e 200px, #001d33 );
/*background: conic-gradient(at 00% 0%,#2EAAB7 30%, #2EAAB7 60%, #2EAAB7 100%);*/
}
.mainContent12{
    height: 450px;  
    background: linear-gradient(to right, #D96500 20px, #FF7D13 100px, #FF7D13 1200px, #FF7D13 100px, #D96500 );
   /*background: conic-gradient(at 00% 0%,#2EAAB7 30%, #2EAAB7 60%, #2EAAB7 100%);*/
}
.mainContent13{
    height: 450px;  
    background: linear-gradient(to right, #6C9902 20px, #89BF11 100px, #89BF11 1200px, #89BF11 100px, #6C9902 );
   /*background: conic-gradient(at 00% 0%,#2EAAB7 30%, #2EAAB7 60%, #2EAAB7 100%);*/
}

.ContentMainText {
    width: 1100px;
    padding: 10px;
}
.ContentMainText .title{
    width: 180px;
    font-size: 1.2rem;
    font-weight: 900;
}
.ContentMainText .cf{
    font-weight: 900;
    color: #0d5892;
}
.ContentMainText .cs{
    font-weight: 900;
    color: #547701;
}
.ContentMainText .subtitle{
    width: 280px;
    font-size: 1.2rem;
    font-weight: bold;
}
.ContentMainText .desc span{
    font-size: 0.9rem;
}


.grayscale-usite {filter: grayscale(100%);}

.mainScreen01{
    background: url('/img/main01.png');
    margin-top: 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 0px;
    border-left: #f0f0f0 5px solid;
    border-top: #f0f0f0 5px solid;
    /*border-right: #f0f0f0 2px solid;*/
    width: 180px;
    height: 440px;
    /*margin-right:15px;*/
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
.mainScreen01 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen01 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen02{
    background: url('/img/main02.png');
    margin-bottom: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*border-left: #f0f0f0 4px solid;*/
    /*border-right: #f0f0f0 4px solid;*/
    border-bottom: #f0f0f0 5px solid;
    width: 180px;
    height: 440px;
    margin-left:4px;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.mainScreen02 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen02 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen03{
    background: url('/img/main03.png');
    margin-top: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /*border-left: #f0f0f0 4px solid;*/
    /*border-right: #f0f0f0 2px solid;*/
    border-top: #f0f0f0 5px solid;
    width: 180px;
    height: 440px;
    margin-left:4px;
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}
.mainScreen03 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen03 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen04{
    background: url('/img/main04.png');
    margin-bottom: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*border-left: #f0f0f0 4px solid;
    border-right: #f0f0f0 2px solid;*/
    border-bottom: #f0f0f0 5px solid;
    width: 180px;
    height: 440px;
    margin-left:4px;
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
.mainScreen04 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen04 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen05{
    background: url('/img/main05.png');
    margin-top: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /*border-left: #f0f0f0 4px solid;
    border-right: #f0f0f0 5px solid;*/
    border-top: #f0f0f0 5px solid;
    width: 180px;
    height: 440px;
    margin-left:4px;
    animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}
.mainScreen05 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen05 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen06{
    background: url('/img/main06.png');
    margin-bottom: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 15px;
    /*border-left: #f0f0f0 4px solid;*/
    border-right: #f0f0f0 5px solid;
    border-bottom: #f0f0f0 5px solid;
    width: 180px;
    height: 440px;
    margin-left:4px;
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
.mainScreen06 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen06 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}



/*  Main2     */
.grayscale {filter: grayscale(100%);}

.mainContent11 .cf2{
    font-size: 1.3rem;
    font-weight: 600;
}
.mainContent11 .cs2{
    font-size: 1.3rem;
    font-weight: 600;
}


.mainScreen01-1{
    background: url('/img/main21.png');
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-left: #f0f0f0 5px solid;
    border-top: #f0f0f0 5px solid;
    /*border-right: #f0f0f0 2px solid;*/
    width: 220px;
    height: 300px;
    /*margin-right:15px;*/
    animation: fadein 1s;
    filter: grayscale(40%);
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
.mainScreen01-1 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen01-1 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen02-1{
    background: url('/img/main22.png');
    margin-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*border-left: #f0f0f0 4px solid;*/
    /*border-right: #f0f0f0 4px solid;*/
    border-bottom: #f0f0f0 5px solid;
    width: 220px;
    height: 330px;
    margin-left:4px;
    animation: fadein 2s;
    filter: grayscale(40%);
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.mainScreen02-1 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen02-1 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen03-1{
    background: url('/img/main23.png');
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /*border-left: #f0f0f0 4px solid;*/
    /*border-right: #f0f0f0 2px solid;*/
    border-top: #f0f0f0 5px solid;
    width: 220px;
    height: 300px;
    margin-left:4px;
    animation: fadein 3s;
    filter: grayscale(40%);
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}
.mainScreen03-1 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen03-1 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen04-1{
    background: url('/img/main24.png');
    margin-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*border-left: #f0f0f0 4px solid;
    border-right: #f0f0f0 2px solid;*/
    border-bottom: #f0f0f0 5px solid;
    width: 220px;
    height: 330px;
    margin-left:4px;
    animation: fadein 4s;
    filter: grayscale(40%);
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
.mainScreen04-1 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen04-1 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen05-1{
    background: url('/img/main25.png');
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /*border-left: #f0f0f0 4px solid;*/
    border-right: #f0f0f0 5px solid;
    border-top: #f0f0f0 5px solid;
    width: 220px;
    height: 300px;
    margin-left:4px;
    animation: fadein 5s;
    filter: grayscale(70%);
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}
.mainScreen05-1 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen05-1 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.mainScreen06-1{
    background: url('/img/main06.png');
    margin-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    /*border-left: #f0f0f0 4px solid;*/
    border-right: #f0f0f0 5px solid;
    border-bottom: #f0f0f0 5px solid;
    width: 200px;
    height: 300px;
    margin-left:4px;
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
.mainScreen06-1 .title{
    display: none;
    font-size: 2.0rem;
}
.mainScreen06-1 .desc{
    display: none;
    margin-top: 20px;
    font-size: 1.2rem;
}

.boxColor1{
    overflow: hidden;
    width:220px;
    height:150px;
    background-color: #ebebeb;
}
.boxColor1 .img{
    width: 150px;
    position: relative;
    top:-20px;
    left: 90px;
    transition: all ease 10s;
    transform: rotate( -20deg );
}
.boxColor2{
    width:220px;
    height:120px;
    margin-left:4px;
    font-size:1.0rem; 
    padding:5px 0px 0px 20px;
    background-color: #ebebeb/*#E6D5D5*/;
}
.boxColor3{
    overflow: hidden;
    width:220px;
    height:150px;
    margin-left: 4px;
    background-color: #ebebeb /*D5E0E6*/;
}
.boxColor3 .img{
    width: 150px;
    position: relative;
    top:-20px;
    left: -20px;
}
.boxColor4{
    width:220px;
    height:120px;
    margin-left:4px;
    font-size:1.0rem; 
    padding:5px 0px 0px 20px;
    color:#a4a4a4;
    line-height:1.5rem;
    background-color: #ebebeb;
}
.boxColor5{
    overflow: hidden;
    width:220px;
    height:150px;
    margin-left: 4px;
    background-color: #ebebeb/*D5E6D8*/;
}
.boxColor5 .img{
    width: 250px;
    position: relative;
    top:0px;
    left: -10px;
    transform: rotate( 20deg );
}
.boxColor6{
    background-color: #ebebeb;
}
/*   Main 2     */







@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.mainBottom{
    width: 100%;
    height: 200px;  
    background-color:#303030;
}
.aboutSite{
    width: 100%;
    height: 70px;  
    background-color:#202020;
    color: #fff;
}

.mainBottom .contents{
    font-size: 0.9rem;
    margin-top: 30px;
    color: #fff;
}

.dot {
    cursor: pointer;
    height: 7px;
    width: 7px;
    margin: 0 2px;
    background-color: #fff;
    box-shadow: 1px 1px 3px #b4b4b4;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.dot.active{
    background-color: #4C51A1;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    border: #bcbcbc 0px solid;
}

.width1100{
    width: 1200px;
}
.mContents{
    width: 100%;
}






.bgsilver{
    background-color: #f1f1f1;
}
.nav-link .tabMColor{
    color: #cdcdcd;
}
.nav-link.active .tabMColor{
    color: #1e1e1e;
}

.showHideArea{
    width: 100%;
    height: 30px;
    background-color: #fff;
}
.showHideBtn{
    width: 30px;
    height: 30px;
    background-color: #E85623;
}

/*  검사결과 검사항목조회 */
.mContents02{
    margin: 10px 10px 10px 10px;
    padding: 20px 0px 20px 0px;
    border:#f4f4f4 1px solid;
    border-radius: 5px;;
    /*border-left: #69859b 5px solid;*/
    background-color: #fff;
}

.mContents02 .subject{
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0px 30px 0px 30px;
}
.mContents02 .mainInputFormTest .btnSubmit{
    background-color: #1a1a1a;
    color: #fff
}
.mContents02 .mainInputFormTest .btnSubmit:hover{
    background-color: #df2323;
    color: #fff;
}
.mContents02 .mainInputFormResult .btnSubmit{
    background-color: #1a1a1a;
    color: #fff
}
.mContents02 .mainInputFormResult .btnSubmit:hover{
    background-color: #df2323;
    color: #fff;
}

.btnDownload{
    background-color: #1a1a1a;
    color: #fff
}
.btnDownload:hover{
    background-color: #df2323;
    color: #fff;
}

.mainInputFormTest{
    width: 550px;
    display: flex;
}
.mainInputFormTest select{
    width: 120px;
    height: 30px;
    border: 1px solid #e5e6e7;
}
.mainInputFormTest select{
    width: 120px;
    height: 35px;
    border: #ececec 1px solid;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 20px;
}
.mainInputFormTest select.select2{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-right: 20px;
}
.mainInputFormTest input[type='text']{
    height: 35px;
    border: #ececec 1px solid;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.mainInputFormTest input[type='text']:focus{
    height: 35px;
    border: #0f233d 1px solid;
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.mainInputFormResult{
    width: 550px;
    display: flex;
}
.mainInputFormResult input[type='text']{
    height: 35px;
    border: #ececec 1px solid;
    border-radius: 20px;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.mainInputFormResult input[type='text']:focus{
    height: 35px;
    border: #0f233d 1px solid;
    border-radius: 20px;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.mainInputFormResult input[type='password']{
    height: 35px;
    border: #ececec 1px solid;
    font: small-caption;
    border-radius: 20px;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.mainInputFormResult input[type='password']:focus{
    height: 35px;
    border: #0f233d 1px solid;
    font: small-caption;
    border-radius: 20px;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.mainInputFormResult span{
    font-size: 1rem;
    color: #000;
}




/*  대외공문 뉴스레터 */
.mContents01{
    margin: 10px 10px 10px 10px;
    padding: 20px 0px 20px 0px;
    border:#f4f4f4 1px solid;
    border-radius: 5px;;
    /*border-left: #6C9902 5px solid;*/
    background-color: #fff;
}
.mContents01 .morebtn{  
    /*background-color: #55a9ed;*/
    background-color: #df2323;
    color: #fff;
}
.mContents01 .subject{
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0px 30px 0px 30px;
}
.mContents01 .subject .symbol{
    font-size: 1.5rem;
    margin-right: 10px;
    cursor: pointer;
}
.mContents01-1{
    margin: 10px 10px 10px 10px;
    padding: 20px 0px 20px 0px;
    border:#f4f4f4 1px solid;
    border-radius: 5px;
    /*border-left: #6C9902 5px solid;*/
    background-color: #fff;
}
.mContents01-1 .morebtn{  
    background-color: #df2323;
    color: #fff;
}

.mContents01-1 .subject{
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0px 30px 0px 30px;
}

.mainOfficialPaper.listbox{
    width: 550px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: #fff;
    flex-wrap: wrap;
}
.mainOfficialPaper.listbox .listrow{
    width: 100%;
    cursor: pointer;
    flex-direction: column;
}
.mainOfficialPaper.listbox .listrow .title{
    display:none;
    background-color: #ECECEC;
    flex-direction: row;
    font-weight: 600;
    font-size: 1.0rem;
}
.mainOfficialPaper.listbox .card{
    position: relative;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0px;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.mainOfficialPaper.listbox .body{
    display:flex;
    flex-direction: row;
}
.mainOfficialPaper.listbox .body .card-body{
    font-size: 1rem;
    padding: 0.8rem;
}
.mainOfficialPaper.listbox .listrow .contents{
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mainOfficialPaper.listbox .listrow .body .date{
    width: 0px;
    font-weight: 600;
    font-size: 1.0rem;
}

.mainOfficialPaper.gridbox{
    width: 550px;
    display: flex;
    flex-direction: row;
    padding: 20px;
    background-color: #fff;
    flex-wrap: wrap;
}
.mainOfficialPaper.gridbox .listrow{
    width: 98%;
    cursor: pointer;
    flex-direction: column;
    margin: 5px;
}
.mainOfficialPaper.gridbox .body .date{
    display:none;
}
.mainOfficialPaper.gridbox .listrow .title{
    display:flex;
    background-color: #ECECEC;
    flex-direction: row;
    font-weight: 600;
    font-size: 1.0rem;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
}
.mainOfficialPaper.gridbox .listrow .title.active{
    display:flex;
    background-color: #0f233d;
    color: #fff;
    flex-direction: row;
    font-weight: 600;
    font-size: 1.0rem;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
}
.mainOfficialPaper.gridbox .listrow .contents{
    height: 80px;
    overflow:scroll;
    text-overflow:ellipsis;
    white-space: wrap;
}

.mainNewsLetter.listbox{
    width: 550px;
    display: flex;
    flex-direction: row;
    padding: 20px;
    background-color: #fff;
    flex-wrap: wrap;
}
.mainNewsLetter.listbox .listrow{
    width: 100%;
    cursor: pointer;
    flex-direction: row;
    margin: 5px 5px 10px 5px;
}
.mainNewsLetter.listbox .listrow .title{
    display:flex;
    background-color: #ececec;
    flex-direction: row;
    font-weight: 600;
    font-size: 1.0rem;
    border-radius: 3px;
}
.mainNewsLetter.listbox .listrow .title.active{
    display:flex;
    background-color: #0f233d;
    color: #fff;
    flex-direction: row;
    font-weight: 600;
    font-size: 1.0rem;
    border-radius: 3px;
}
.mainNewsLetter.listbox .card{
    position: relative;
    display: flex;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0px;
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.mainNewsLetter.listbox .body{
    display:flex;
    flex-direction: row;
}
.mainNewsLetter.listbox .body .card-body{
    font-size: 1rem;
    padding: 0.8rem;
}
.mainNewsLetter.listbox .listrow .contents{
    height: 80px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: wrap;
}

.morebtn{
    font-size: 0.8rem;
    padding: 7px 10px 7px 10px;
    cursor: pointer;
}


/* 임상연구검사 */
.mContents03{
    margin: 10px 10px 10px 10px;
    padding: 20px 0px 20px 0px;
    border:#f4f4f4 1px solid;
    border-radius: 5px;;
    /*border-left: #D96500 5px solid;*/
    background-color: #fff;
}
.mContents03 .morebtn{  
    /*background-color: #1682db;*/
    background-color: #df2323;
    color: #fff;
}
.mContents03 .subject{
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0px 30px 0px 30px;
}
.mContents03 .animargin{
    padding: 0px 30px 0px 30px;
}
.mContents03 .title{
    font-size: 1.2rem;
    font-weight: 400;
    padding: 0px 30px 0px 30px;
}
.mContents03 .active{
    background-color: #0f233d;
    color: #fff;
}
.mainResearchTest{
    width: 1120px;
    display: flex;
}
.mainResearchTest .aniarea{
    width: 400px;
    height: 280px;
}
.mainResearchTest .refimg{
    width: 350px;
    height: 280px;;
    border: #f4f4f4 15px solid;
}
.mainResearchRefImg{
    background-color: #f4f4f4;
    display: none;
}
.mainResearchRefImg.active{
    background-color: #f4f4f4;
    display: block;
    animation: fadeInResearch 2s;
    -webkit-animation: fadeInResearch 2s;
    -moz-animation: fadeInResearch 2s;
    -o-animation: fadeInResearch 2s;
    -ms-animation: fadeInResearch 2s;
}

  @keyframes fadeInResearch {
    0% {opacity:0;}
    100% {opacity:1;}
  }

.inputboard{
    width: 100%;;
    height: 35px;
    border: #ececec 1px solid;
    border-radius: 20px;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.btnSearch{
    background-color: #1a1a1a;
    color: #fff
}
.btnSearch:hover{
    background-color: #df2323;
    color: #fff;
}
.paging{
    display: flex ;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.paging .page{
    cursor: pointer;
    margin: 10px;
    padding: 7px 12px 7px 12px;
    border: #b4b4b4 1px solid;
}
.paging .page.active{
    color: #fff;
    background-color: #df2323 ;
    border: #df2323 1px solid;
}
.paging .page:hover{
    
    border: #df2323 1px solid;
    background-color: #fff;
    color:#df2323;
    font-weight: 900;
}
.btnPre{
    font-size: 2.5rem;
    margin-right: 20px;
}
.btnNext{
    font-size: 2.5rem;
    margin-left: 20px;
}
.subpage .listrow{
    cursor: pointer;
    width: 98%;
    padding: 0px;
}
.subpage .listrow .body .card-body{
    font-size: 0.9rem;
}
.subpage .listrow .listrow{
    width: 100%;
}
.subpage .listrow .title .date{
    display: none;
}
.registDate{
    font-size: 1.1rem;
}
.maparea{
    width:100%; 
    height: 300px;
}

/*   animation */
.hvr-sweep-to-right-main0 {
    transform: perspective(1px) translateZ(0);
    transition: color 0.3s;
}
.hvr-sweep-to-right-main0:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.7);
    transform: scaleY(0);
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
    border-top-right-radius: 0px;
    border-top-left-radius: 10px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.hvr-sweep-to-right-main0.hover {
    color: #303030;
}
.hvr-sweep-to-right-main0.hover div.title, .hvr-sweep-to-right-main0.hover div.desc {
    display: block;
}
.hvr-sweep-to-right-main0.hover:before {
    transform: scaleY(1);
}


.hvr-sweep-to-right-main1 {
    transform: perspective(1px) translateZ(0);
    transition: color 0.3s;
}
.hvr-sweep-to-right-main1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.7);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.hvr-sweep-to-right-main1.hover {
    color: #303030;
}
.hvr-sweep-to-right-main1.hover div.title, .hvr-sweep-to-right-main1.hover div.desc {
    display: block;
}
.hvr-sweep-to-right-main1.hover:before {
    transform: scaleX(1);
}

.hvr-sweep-to-right-main4 {
    transform: perspective(1px) translateZ(0);
    transition: color 0.3s;
}
.hvr-sweep-to-right-main4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(255, 255, 255, 0.7);
    transform: scaleY(0);
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
    border-top-right-radius: 10px;
    border-top-left-radius: 0px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.hvr-sweep-to-right-main4.hover {
    color: #303030;
}
.hvr-sweep-to-right-main4.hover div.title, .hvr-sweep-to-right-main4.hover div.desc {
    display: block;
}
.hvr-sweep-to-right-main4.hover:before {
    transform: scaleY(1);
}

/*   메인 2      */
.hvr-sweep-to-right-main02 {
    transform: perspective(1px) translateZ(0);
    transition: color 0.3s;
}
.hvr-sweep-to-right-main02:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.7);
    transform: scaleY(0);
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.hvr-sweep-to-right-main02.hover {
    color: #fff;
}
.hvr-sweep-to-right-main02.hover div.title, .hvr-sweep-to-right-main02.hover div.desc {
    display: block;
}
.hvr-sweep-to-right-main02.hover:before {
    transform: scaleY(1);
}


.hvr-sweep-to-right-main12 {
    transform: perspective(1px) translateZ(0);
    transition: color 0.3s;
}
.hvr-sweep-to-right-main12:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.7);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.hvr-sweep-to-right-main12.hover {
    color: #fff;
}
.hvr-sweep-to-right-main12.hover div.title, .hvr-sweep-to-right-main12.hover div.desc {
    display: block;
}
.hvr-sweep-to-right-main12.hover:before {
    transform: scaleX(1);
}

.hvr-sweep-to-right-main42 {
    transform: perspective(1px) translateZ(0);
    transition: color 0.3s;
}
.hvr-sweep-to-right-main42:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.7);
    transform: scaleY(0);
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.hvr-sweep-to-right-main42.hover {
    color: #fff;
}
.hvr-sweep-to-right-main42.hover div.title, .hvr-sweep-to-right-main42.hover div.desc {
    display: block;
}
.hvr-sweep-to-right-main42.hover:before {
    transform: scaleY(1);
}
/*   메인 2      */


.hvr-sweep-to-right {
  transform: perspective(1px) translateZ(0);
  transition: color 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  /*background: #f0f0f0;*/
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 0.3s ease-out;
}
.hvr-sweep-to-right:hover {
  color: #FB360B;
}
.hvr-sweep-to-right:hover:before {
  transform: scaleX(1);
}


.hvr2-sweep-to-right {
    transform: perspective(1px) translateZ(0);
    transition: color 0.3s;
    /*color:#fff*/
  }
  .hvr2-sweep-to-right:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
      /*background: #f0f0f0;*/
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
  }
  .hvr2-sweep-to-right:hover {
    color: #FB360B;
  }
  .hvr2-sweep-to-right:hover:before {
    transform: scaleX(1);
  }

  


.box{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    background: radial-gradient(rgba(255, 52, 52, 0.8), rgba(255, 255, 255, 0.1));
    border-radius: 50%;
    offset: path('M48.467,4.491L48.467,89.745L48.268,89.806L39.292,89.806L39.292,105.483L46.047,105.483L46.047,132.76L62.344,132.76L62.344,105.483L75.939,105.483L75.939,132.76L92.235,132.76L92.235,105.483L97.933,105.483L97.933,89.806L88.99,89.806L89.295,74.996C91.928,74.996 94.433,74.465 96.704,73.508C98.975,72.55 101.011,71.165 102.706,69.458C102.706,69.458 106.112,73.228 102.706,71.238C129.812,88.082 132.382,113.797 112.579,147.603C112.357,147.918 112.041,148.441 111.602,149.248C111.934,148.698 112.259,148.149 112.579,147.603C113.628,146.121 112.618,149.248 112.618,149.248C106.55,153.786 102.639,160.917 102.639,168.937C102.639,174.091 103.379,176.25 106.145,180.218C106.84,181.215 104.862,184.662 104.862,184.662L104.501,232.312L2.927,232.373L2.927,252.137L189.073,252.137L189.073,232.373L151.618,232.373L151.807,185.216L151.606,181.149C170.294,166.531 168.019,117.287 158.735,92.157C149.097,66.07 127.786,46.091 100.66,42.062L100.66,42.505C99.087,41.327 97.316,40.387 95.402,39.742C93.489,39.097 91.434,38.747 89.295,38.747L88.758,38.747L88.758,2.863L50.095,2.863') auto;
    animation: moveto 20s ease infinite;
    -webkit-animation: moveto 20s ease infinite; 
}

@keyframes moveto{
    0%{
        offset-distance: 0%
    };
    100%{
        offset-distance: 100%;
    };
}
@-webkit-keyframes moveto {
    0%{
        -webkit-offset-distance: 0%
    };
    100%{
        -webkit-offset-distance: 100%;
    };
}



/* 슬라이드 시작 */
/* .slideMain ul,li{list-style:none;} */

/* 세로 */
/*
.slideMain{height:400px;overflow:hidden;position:relative;}
.slideMain ul{height:calc(100% * 4);display:flex;flex-direction: column;transition:1s;padding-left: 0px;}
.slideMain li{height:calc(100% / 4);}

 .slideMain ul{height:calc(100% * 4);display:flex;padding-top: 0px;animation:slidekfColumn 20s infinite;}  /* slide를 8초동안 진행하며 무한반복 함 
*/
/* 가로 */
/*
.slideMain{height:400px;overflow:hidden;position:relative;}
.slideMain ul{width:calc(100% * 4);display:flex;flex-direction: row;transition:1s;padding-left: 0px;}
.slideMain li{width:calc(100% / 4);height:400px;}
*/
/*.slideMain ul{width:calc(100% * 4);display:flex;padding-left: 0px;animation:slidekfRow 20s infinite;}*/ /* slide를 8초동안 진행하며 무한반복 함 */

/* 가로 */
/*
#pos1:checked ~ ul{margin-left:0;}
#pos2:checked ~ ul{margin-left:-100%;}
#pos3:checked ~ ul{margin-left:-200%;}
#pos4:checked ~ ul{margin-left:-300%;}
*/

/* 세로 */
#pos1:checked ~ ul{margin-top:0px;}
#pos2:checked ~ ul{margin-top:-400px}
#pos3:checked ~ ul{margin-top:-800px;}
#pos4:checked ~ ul{margin-top:-1200px;}


.slideMain li:nth-child(1){background:#ffa;}
.slideMain li:nth-child(2){background:#faa;}
.slideMain li:nth-child(3){background:#afa;}
.slideMain li:nth-child(4){background:#aaf;}
.slideMain input{display:none;}
.slideMain .bullet{position:absolute;bottom:20px;left:0;right:0;text-align:center;z-index:10;}
.slideMain .bullet label{width:30px;height:5px;border:1px solid #666;display:inline-block;background:#fff;font-size:0;transition:0.5s;cursor:pointer;}

#pos1:checked ~ .bullet label:nth-child(1),
#pos2:checked ~ .bullet label:nth-child(2),
#pos3:checked ~ .bullet label:nth-child(3),
#pos4:checked ~ .bullet label:nth-child(4){background:#666;}

/* 가로 */
@keyframes slidekfRow {
    0% {margin-left:0;} /* 0 ~ 10  : 정지 */
    10% {margin-left:0;} /* 10 ~ 25 : 변이 */
    25% {margin-left:-100%;} /* 25 ~ 35 : 정지 */
    35% {margin-left:-100%;} /* 35 ~ 50 : 변이 */
    50% {margin-left:-200%;}
    60% {margin-left:-200%;}
    75% {margin-left:-300%;}
    85% {margin-left:-300%;}
    100% {margin-left:0;}
  }
/* 세로 */
@keyframes slidekfColumn {
    0% {margin-top:0;} /* 0 ~ 10  : 정지 */
    10% {margin-top:0;} /* 10 ~ 25 : 변이 */
    25% {margin-top:-400px;} /* 25 ~ 35 : 정지 */
    35% {margin-top:-400px;} /* 35 ~ 50 : 변이 */
    50% {margin-top:-800px;}
    60% {margin-top:-800px;}
    75% {margin-top:-1200px;}
    85% {margin-top:-1200px;}
    100% {margin-top:0;}
  }
/* 슬라이드 시작 끝 */




.mainContent10 div {
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
}

.mainContent10 div:last-of-type {
    /*background-color: red;*/
    animation: showhide 20s infinite;
    
}
.mainContent10 div:last-of-type .subtitle.slide {
    /*background-color: yellow;*/
    animation: slidein 20s infinite;
}
.mainContent10 div:last-of-type .desc .slide {
    /*background-color: yellow;*/
    animation: slidein2 20s infinite;
}
@keyframes showhide {
    0% {opacity:0;}
    20% {opacity:1;}
    30% {}
    80% {opacity:1;}
    100% {opacity:0;}
}
@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}
@keyframes slidein2 {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}
  
/*   namation */




.introText1{
    max-width: 100%;
    height: 40px;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 10px 10px 10px 10px;
    padding : 0px 0px 0px 30px;
    background-color:#001735;
    border-radius: 20px;
    color: #fff;
}
.introText2{
    margin: 10px 10px 20px 10px;
    font-size: 1.8rem;
    color: #001e44;
}
.introText3{
    margin: 0px 10px 20px 10px;
    font-size: 1.0rem;
    color: #000;
}
.introText4{
    margin: 10px 0px 0px 10px;
    font-weight: 600;
    font-size: 1.2rem;
    min-width: 200px;
}
.introText5{
    margin: 0px 0px 0px 10px;
    font-weight: bold;
    font-size: 1.5rem;
}
.introText5-en{
    margin: 0px 0px 0px 10px;
    font-weight: 600;
    font-size: 1.8rem;
    color: #fff;
}
.introText6{
    font-size: 1.1rem;
}
.introText7{
    font-size: 1.0rem;
    color: rgb(9, 9, 126);
}
.introText8{
    font-size: 0.9rem;
}

.introText-ci1{
    max-width: 100%;
    height: 40px;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 10px 10px 10px 10px;
    padding : 0px 0px 0px 30px;
    background-color:#001735;
    border-radius: 20px;
    color: #fff;
}
.introArea{
    background: repeating-linear-gradient(
      45deg,
      transparent,
      transparent 5px,
      #fafafa 5px,
      #f9f9f9 10px
  );
    
}
.introText-ci2{
    font-size: 1.5rem;
    font-weight: bold;
    margin: 10px 10px 10px 10px;
    color: #00285c;
}
.introText-ci21{
    font-size: 1.5rem;
    font-weight: bold;
    margin: 10px 10px 10px 10px;
}
.introText-ci22{
    font-size: 1.8rem;
    font-weight: bold;
    margin: 10px 10px 0px 0px;
    padding: 0px 0px 10px 20px;
    color: #00285c;
    border-left: #770101 4px solid;
}
.introText-ci3{
    margin: 0px 10px 20px 10px;
    font-size: 1.2rem;
}

table{
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}
table.depart_table{
    border-top: 2px solid #666;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 2px solid #666;
    border-collapse: collapse;
    font-size: 15px;
    width: 100%;
}
table.depart_table .hand{
    cursor: pointer;
}

colgroup{
    display: table-column-group;
}
tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
th{
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}
td{
    display: table-cell;
    vertical-align: inherit;
}
.depart_table *{
    border-top: 1px solid #ccc;
    vertical-align: middle;
}
.depart_table th{
    background-color: rgb(247, 247, 247);
    text-align: left;
    text-align: center;
    font-weight: 600;
    border-bottom: #303030 1px solid;
}
.depart_table td{
    background-color: #fff;
    letter-spacing: -0.05em;
    padding: 15px 5px 15px 5px;
}
.depart_table td.size1-1{
    font-size: 1.1rem;
}
.depart_table .width-ellipsis{
    max-width: 170px;
    overflow:hidden;
	white-space : nowrap;
	text-overflow: ellipsis;
}
.testpaper{
    width: 100%;
    margin: 20px 5px 10px 5px;
}
.testpaper img{
    border: #d3d3d3 1px solid;
}
.testmech {
    width: 100%;
    margin-left: 0px;
    margin-right: 5px;
    border: #d3d3d3 1px solid;
}
.testmech2 {
    width: 180px;
    margin-left: 0px;
    margin-right: 5px;
    border: #d3d3d3 1px solid;
}
.modelname{
    width: 180px;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #fff;
    background-color: #073350;
    font-size: 0.9rem;
    font-weight: bold;
}
.modeltest{
    width: 180px;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #fff;
    background-color: #303030;
    font-size: 0.9rem;
}
.modelname1{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #fff;
    background-color: #073350;
    font-size: 0.9rem;
    font-weight: bold;
}
.modeltest1{
    width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #fff;
    background-color: #303030;
    font-size: 0.9rem;
}
.modelname2{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
    color: #fff;
    background-color: #36462f;
    font-size: 0.9rem;
    font-weight: bold;
}
.modelname3{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 0px;
    margin-right: 5px;
    font-size: 1rem;
}


.nav-tabs.sqlab{
    border-bottom: 1px dashed #303030;
    margin-bottom: 0px;
}
.nav-link.sqlab {
    color: #000;
}
.nav-link.sqlab.active {
    color: #fff;
    background-color: #be3503;
    /*border-bottom: #be3503 2px solid;*/
}
.nav-tabs.sqlab2{
    border-bottom: 0px solid #303030;
    margin-bottom: 0px;
}
.nav-link.sqlab2 {
    color: #000;
    font-size: 0.9rem;
}
.nav-link.sqlab2.active {
    color: #fff;
    background-color: #222222;
    /*border-bottom: #d14512 2px solid;*/
}

.divLine{
    margin: 20px 0px 20px 0px;
    border-bottom: #b4b4b4 1px dotted;
}
.text07{
    font-size: 0.7rem;
}
.text08{
    font-size: 0.8rem;
}

.rndboxarea{
    display: flex;
    flex-direction: row;
}
.rndbbox{
    width: 100%;
    min-width:300px
}
.rndbbox3{
    width: 33%;
    min-width:300px
}


.certarea{
    height: 350px;
}
.certarea2{
    height: 400px;
}
.arrowarea{
    padding: 0px 20px 0px 20px;
    width: 100%;
}
.qclist{
    top: 0px;
    width: 100%;
    overflow-x:visible;
    overflow-y: hidden;
}
.arrowbutton{
    height: 100%;
}
.arrowleft{
    cursor: pointer;
    margin-right: 5px;
    padding-top: 50px;
    color: rgba(0, 0, 10, 0.1);
    font-size: 4.0rem;
}
.arrowright{
    cursor: pointer;
    margin-left: 5px;
    padding-top: 50px;
    color: rgba(0, 0, 10, 0.1);
    font-size: 4.0rem;
}

.searcharea{
    background-color: #f4f4f4;
    padding: 20px;
    margin-bottom: 20px;
}
.searcharea .soption2{
    display: flex;
    align-items: center;
    font-size: 1rem;
    flex-wrap: wrap;
}
.searcharea .soption2 span{
    border: #e4e4e4 1px solid;
    cursor: pointer;
    margin-left: 5px;
    padding: 5px;
}
.searcharea .soption2 span:hover{
    border: #f84402 1px solid;
    color: #f84402;
}
.searcharea .soption2 span.active{
    
    background-color: #f84402;
    color: #fff;
}

.sqlabpopup{
    max-width: 900px;
}
.sqlabpopup #idHead{
    font-weight: 600;
    
}
.sqlabpopup #idSubtitle{
    font-size: 1.0rem;
}
.sqlabpopup .title-sub{
    font-size: 1.0rem;
}
.sqlabpopup #idBody{
    font-size: 1.0rem;
    min-height: 300px;
}
.sqlabpopup #idFooter{
    font-size: 1.1rem;
    color: blue;
}
.sqlabpopup .footer{
    height: 50px;
    font-weight: bold;
    font-size: 1.1rem;
    background-color: #f4f4f4;
}

.listHeightDefault{
    min-height: 568px;
}

.hist-area{
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-left: #547701 4px solid;
}
.hist-contents{
    width: 70%;
}

.enMenuArea{
    display: flex;
}
.enMenuGroup{
    display: flex;
    flex-direction: column;
    padding: 10px 30px 10px 30px;
    margin-right: 20px;    
}
.enMenuGroup .title{
    font-size: 1.5rem;
    padding: 20px;
    margin-bottom: 20px;
    border-bottom: #666 1px solid;
    font-weight: 600;
}
.enMenuGroup .menu{
    cursor: pointer;
    font-size: 1.0rem;
    margin: 0px 0px 10px 10px;
}
.introcontent {
    width: 70%;
}


.topMenuBtn{
    padding: 7px 20px 7px 20px;
    background-color:rgba(70, 70, 70, 0.1);
    color: #919191;
    border-radius: 10px;
    font-size: 0.9rem;
}
.topMenuBtn2{
    padding: 0px 20px 0px 20px;
    background-color:#001c33;
    border-radius: 10px;
    font-size: 0.9rem;
    color: #fff
}
.topMenuBtn:hover{
    background-color:#001c33;
    color: #fff
}
.topMenuBtn.active{
    color: #fff
}
.topMenuBtn2:hover{
    color: #fff;
}

.topMenuBtn-sub{
    padding: 7px 20px 7px 20px;
    background-color:#fff;
    color: #001c33;
    border-radius: 10px;
    font-size: 0.9rem;
}
.topMenuBtn2-sub{
    padding: 0px 20px 0px 20px;
    background-color:#fff;
    border-radius: 10px;
    font-size: 0.9rem;
    color: #001c33
}
.topMenuBtn-sub:hover{
    background-color:#fff;
    color: #a82200
}
.topMenuBtn-sub.active{
    color: #919191
}
.topMenuBtn2-sub:hover{
    color: #a82200;
}


.btn-normal-group{
    display: flex;
}
.btn-mobile-group{
    display: none;
}

td.colsave{
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}

.listtr{
    font-size: 1rem;
}
.listtr:hover td{
    background-color: #f4f4f4;
}

.testDetailHead{
    background-color: #004363;/* 360026 0076ad  330010  863000;*/
    color: #fff;
}
.testDetailHead .title{
    font-size: 1.5rem;
}
.testDetailHead .title-sub{
    font-size: 1.2rem;
}
.testDetailBody{
    padding: 10px;
}
.testDetail {
    width: 100%;
    border-top: #414141 2px solid;
    border-bottom: #414141 1px solid;
    border-collapse:collape;
    border-spacing: 0px;
}
.testDetail tr td{
    border-bottom: #b3b3b3 1px solid;
}
.testDetail .title{
    background-color: #f4f4f4;
    font-size: 1.0rem;
    width: 20%;
    text-align: center;
    padding: 10px;    
}
.testDetail .data{
    font-size: 1.1rem;
    font-weight: bold;
    width: 40%;
    overflow-wrap: anywhere;
    padding: 10px;
}
.testDetail .title2{
    background-color: #f4f4f4;
    font-size: 1.0rem;
    width: 15%;
    text-align: center;
    padding: 10px;
}
.testDetail .data2{
    font-size: 1.0rem;
    font-weight: bold;
    width: 25%;
    overflow-wrap: anywhere;
    padding: 10px;
}
.testDetail .data1{
    font-size: 1rem;
    font-weight: bold;
    width: 80%;
    overflow-wrap: anywhere;
    padding: 10px;
}
.fontBold{
    font-weight: bold;
}

.testRef {
    font-size: 0.9rem;
    width: 100%;
    border-bottom: #414141 1px solid;
    border-collapse:collape;
    border-spacing: 0px;
    background-color: #b4b4b4;
}
.testRef .header {
    height:30px;
    background-color:#f4f4f4 !important; /*0076ad*/
    color: #303030;
    border-top: #414141 2px solid;
    border-bottom: #414141 1px dotted;
}
.testRef tr th{
    padding: 5px;
    border-right: #b8b8b8 1px dotted;
    border-bottom: #414141 1px solid;
    background-color: #f4f4f4 !important;
    color:#303030;
    font-weight: bold;
}
.testRef tr td{
    padding: 5px;
    border-right: #b8b8b8 1px dotted;
    border-bottom: #414141 1px solid;
    background-color: #fff;
}
.testRef .borderright{
    border-right: 0px;
}
.testRef .title{
    font-weight: bold;
    background-color: #f4f4f4;
}
.testRef .data{
    padding: 10px;
    overflow-wrap: anywhere;
}
.tubeImg{
    width: 60%;
}
.tubeImg2{
    width: 30%;
}
.tablescroll{
    min-height:400px;
}
.btnDisease{
    width: 10rem;
    font-size: 0.8rem;
    background-color: #ddedf1;
    color: #303030;
    border-color: #d8d8d8;
    margin: 0px 2px 0px 0px;
}

.iconNew{
    font-size: 0.5rem;
    background-color: #fce300;
    color: rgb(255, 0, 0);
    padding: 5px;
    border-radius: 5px;
}
.mContents01 .newCount {
    position: relative;
    top: -10px;
    left: -10px;
    padding: 5px 10px;
    border-radius: 50%;
    background: red;
    color: white;
}
.tabscroll{
    display: block;
    white-space: nowrap;
    overflow: auto;
}

.popNotice{
    display:flex;
    flex-direction: column;
    position:absolute;
    background-color: #F5F9F9;
    padding: 10px 10px 0px 10px;
    width: 350px;
    height: 400px;
    border-radius: 10px;
    z-index: 890;
    box-shadow: 4px 4px 8px #535353;
}
.popNotice .notice-header{
    padding: 15px;
    font-size: 1.5rem;
    text-align: center;
    border-bottom: #cccccc 1px dashed;
}
.popNotice .notice-body{
    width: 100%;
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 15px;
    flex-grow: 1;
    font-size: 0.95rem;
}
.popNotice .notice-footer{
    border-top: #cccccc 1px solid;
    display: flex;
    flex-direction: row;
    padding: 15px;
}
.popNotice .close-today {
    cursor: pointer;
    height: 35px;
    background-color: rgba(240, 240, 240, 0.7);
    border-radius: 15px;
    padding: 10px 20px 10px 20px;
    font-size: 0.9rem;
}
.popNotice .close-normal {
    cursor: pointer;
    height: 35px;
    background-color: rgba(240, 240, 240, 0.7);
    border-radius: 15px;
    padding: 10px 20px 10px 20px;
    font-size: 0.9rem;
    color: #000;
}
.popNotice .close-today:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(255, 52, 52, 0.8);
    transition: 0.5s;
}
.popNotice .close-normal:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(255, 52, 52, 0.8);
    transition: 0.5s;
}

.popNoticeImg{
    display:flex;
    flex-direction: column;
    position:absolute;
    background-color: #F5F9F9;
    padding: 0px 0px 0px 0px;
    width: 520px;
    border-radius: 10px;
    z-index: 892;
    box-shadow: 4px 4px 8px #535353;
}
.popNoticeImg .notice-body{
    width: 100%;
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f9f9f9;
    padding: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    flex-grow: 1;
    font-size: 0.95rem;
}
.popNoticeImg .notice-footer{
    border-top: #cccccc 1px solid;
    display: flex;
    flex-direction: row;
    padding: 15px;
}
.popNoticeImg .close-today {
    cursor: pointer;
    height: 35px;
    background-color: rgba(240, 240, 240, 0.7);
    border-radius: 15px;
    padding: 10px 20px 10px 20px;
    font-size: 0.9rem;
}
.popNoticeImg .close-normal {
    cursor: pointer;
    height: 35px;
    background-color: rgba(240, 240, 240, 0.7);
    border-radius: 15px;
    padding: 10px 20px 10px 20px;
    font-size: 0.9rem;
    color: #000;
}
.popNoticeImg .close-today:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(255, 52, 52, 0.8);
    transition: 0.5s;
}
.popNoticeImg .close-normal:hover {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(255, 52, 52, 0.8);
    transition: 0.5s;
}





.pageList{
    width: 35%;
}

.transportdesc{
    display: flex;
    flex-direction: row;
}

@media (max-width:1023px){
    .mContents01{
        font-size: 1.0rem;
        flex-basis: 49%;
    }
    .mContents02{
        font-size: 1.1rem;
        flex-basis: 100%;
    }
    .mContents03{
        font-size: 1.1rem;
        flex-basis: 100%;
    }
    .mainOfficialPaper.listbox{
        width: 400px;
        display: flex;
        flex-direction: column;
        padding: 20px;
        background-color: #fff;
        flex-wrap: wrap;
    }
    .sidesearch {
        height: 410px;
        width: 100%;
        z-index: 1;
        overflow-x: hidden;
        transition: 0.5s;
    }
    /*임삼검사*/
    .mContents03{
        width: var(--app-width);
        font-size: 1.2rem;
        flex-basis: 100%;
        margin: 0px 10px 0px 10px;
    }
}

@media (max-width:900px){
    .width900{
        width: 100%;
    }
    .width1000{
        width: 100%;
        padding-left: 0px;
    }
    .width1100{
        width: 100%;
        padding-left: 0px;
    }
}

@media (max-width:768px){
    .tabMenuScroll{
        overflow-x:scroll;
        -ms-overflow-style: none;
    }
    .tabSubMenuScroll{
        overflow-x:scroll;
        -ms-overflow-style: none;
    }
    .tabSubMenuScroll::-webkit-scrollbar{ display:none; }
    .tabMenuScroll::-webkit-scrollbar{ display:none; }
    .nav{
        display: -webkit-inline-box;
        flex-wrap: nowrap;
    }
    .transportdesc{
        display: flex;
        flex-direction: column;
    }
    .pageList{
        max-width: 315px;
    }
    .btnPre{
        font-size: 1.5rem;
        margin-right: 20px;
    }
    .btnNext{
        font-size: 1.5rem;
        margin-left: 20px;
    }
    .popNotice{
        display: none;
    }
    .introText6{
        font-size: 0.8rem;
    }
    .testDetail .title, .testDetail .title2{
        font-size: 0.8rem;
    }
    .testDetail .data{
        font-size: 0.9rem;
    }
    .testDetail .data1{
        font-size: 0.9rem;
    }
    .testDetail .data2{
        font-size: 0.9rem;
    }
    .testDetailBody{
        padding: 10px;
    }
    .testRef {
        font-size: 0.8rem;
    }
    .tubeImg{
        width: calc(var(--app-width) - (var(--app-width)*0.2));
    }
    .tubeImg2{
        width: 60%;
    }
    .topIconSize{
        color: #fff;
    }
    .topIconSize.active{
        color: #fff;
    }
    .btn-normal-group{
        display: none;
    }
    .btn-mobile-group{
        display: flex;
    }
    .introcontent {
        width: 100%;
    }    
    .enMenuArea{
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .enMenuGroup{
        width: 100%;
        padding: 10px 10px 10px 10px;
        margin-right: 10px;   
    }
    .enMenuGroup .title{
        background-color: #00355e; 
        color: #fff;
    }
    .width900{
        width: 100%;
    }
    .width1000{
        width: 100%;
        padding-left: 0px;
    }
    .width1100{
        width: 100%;
        padding-left: 0px;
    }
    .width950{
        width: 100%;
    }
    .listHeightDefault{
        min-height: 70px;
    }
    .hist-area{
        flex-direction: column;
    }
    .hist-contents{
        width: 100%;
    }

    #mySidenavsub{
        flex-direction: column;
    }

    .mContents01{
        width: var(--app-width);
        font-size: 1.0rem;
        flex-basis: 100%;
        margin: 0px 10px 0px 10px;
    }
    .mContents01-1{
        width: var(--app-width);
        font-size: 1.0rem;
        flex-basis: 100%;
        margin: 0px 10px 0px 10px;
    }
    .mContents02{
        width: var(--app-width);
        font-size: 1.2rem;
        flex-basis: 100%;
        margin: 0px 10px 0px 10px;
    }
    .mContents03{
        width: var(--app-width);
        font-size: 1.2rem;
        flex-basis: 100%;
        margin: 0px 10px 0px 10px;
    }
    .mainInputFormResult input[type='text']{
        border: #c0c0c0 1px solid;
    }
    .mainInputFormTest select{
        width: 100px;
        height: 30px;
        border: 1px solid #e5e6e7;
        background-color: #fff;
        font-size: 1rem;
        color: #303030;
    }
    .sidesearch {
        height: 410px;
        width: 100%;
        z-index: 1;
        overflow-x: hidden;
        transition: 0.5s;
    }
    .mContents02 .mainInputFormResult .btnSubmit{
        background-color: #df2323;
        color: #fff
    }
    .mContents02 .mainInputFormResult .btnSubmit:hover{
        background-color: #df2323;
        color: #fff;
    }

    .mContents01-1 .morebtn{  
        background-color: #ed9955;
        color: #fff;
    }
    .mContents01 .morebtn{  
        /*background-color: #55a9ed;*/
        background-color: #ff9741;
        color: #fff;
    }
    
    /*검사항목조회*/
    .mainInputFormTest{
        width: 98%;
        padding: 0px;
        margin-bottom: 10px;
    }
    .mainInputFormResult{
        width: 98%;
        padding: 0px;
    }
    .mainInputFormResult input[type='checkbox']{
        display: none;
    }
    .mainInputFormResult span{
        display: none;
    }

    /*대외공문 */
    .mainBottom{
        width: 100%;
        height: 300px;  
        background-color:#303030;
        padding: 0px 10px 0px 10px;
    }    
    .mainBottom .contents .address{
        font-size: 0.9rem;
        color: #fff;
        margin-top: 30px 0px 10px 0px;  
        display: flex;      
        flex-direction: column;
    }
    .mainBottom .contents .address .divline{
        display: none;
    }
    .mainBottom .contents .lang{
        font-size: 0.9rem;
        color: #fff;
        margin-top: 30px 0px 10px 0px;        
    }

    .mainOfficialPaper.listbox{
        width: 98%;
        padding: 0px;
    }
    .mainOfficialPaper.listbox .body .card-body{
        font-size: 0.9rem;
    }
    .mainOfficialPaper.listbox .listrow{
        width: 100%;
    }
    .mainOfficialPaper.listbox .listrow .body .date{
        font-size: 0.9rem;
    }
    .mainOfficialPaper.listbox .listrow .contents{
        width: 50%;
        height: 30px;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space:unset;
    }

    .mainOfficialPaper.gridbox{
        width: 98%;
        padding: 0px;
    }
    .mainOfficialPaper.gridbox .listrow{
        width: 100%;
    }
    .mainOfficialPaper.gridbox .listrow .title{
        font-size: 0.9rem;
    }
    .mainOfficialPaper.gridbox .listrow .contents{
        font-size: 0.9rem;
    }

    /*뉴스레터 */
    .mainNewsLetter.listbox{
        display: flex;
        flex-direction: row;
        width: 98%;
        padding: 0px;
    }
    .mainNewsLetter.listbox .body .card-body{
        font-size: 0.9rem;
    }
    .mainNewsLetter.listbox .listrow{
        width: 100%;
    }
    .mainNewsLetter.listbox .title .date{
        display: none;
    }

    
    /*임삼검사*/
    .mainResearchTest{
        width: 98%;
        padding: 0px;
    }
    .mContents03 .conText{
        display: none;
    }
    .mContents03 .animargin{
        padding: 0px 0px 0px 30px;
    }
    .mainResearchTest .aniarea{
        width: 100%;
        height: 300px;
    }


    /* main 2 */
    .mainContent11{
        height: 300px;  
    }
    .boxColor3{display: none;}
    .boxColor5{display: none;}
    .boxColor1{display: none;}
    .boxColor2{display: none;}
    .boxColor4{display: none;}
    
    .mainScreen01-1{
        width: 130px;
        height: 300px;
        border-left: #f0f0f0 0px solid;
        border-top: #f0f0f0 0px solid;
    }
    .mainScreen01-1 .title{
        padding: 10px;
        font-size: 1.8rem;
    }
    .mainScreen01-1 .title span::before{
        content: "\a";
        white-space: pre;
    }
    .mainScreen01-1 .desc{
        padding-left: 10px;
        font-size: 1.1rem;
    }
    .mainScreen02-1{
        width: 120px;
        height: 300px;
    }
    .mainScreen02-1 .title{
        padding: 10px;
        font-size: 1.8rem;
    }
    .mainScreen02-1 .title span::before{
        content: "\a";
        white-space: pre;
    }
    .mainScreen02-1 .desc{
        padding-left: 10px;
        font-size: 1.1rem;
    }
    
    .mainScreen05-1{
        width: 120px;
        height: 300px;
    }
    .mainScreen05-1 .title{
        padding: 10px;
        font-size: 1.8rem;
    }
    .mainScreen05-1 .title span::before{
        content: "\a";
        white-space: pre;
    }
    .mainScreen05-1 .desc{
        padding-left: 10px;
        font-size: 1.1rem;
    }

    .mainScreen04-1{
        width: 130px;
        height: 300px;
    }
    .mainScreen04-1 .title{
        padding: 10px;
        font-size: 1.8rem;
    }
    .mainScreen04-1 .title span::before{
        content: "\a";
        white-space: pre;
    }
    .mainScreen04-1 .desc{
        padding-left: 10px;
        font-size: 1.1rem;
    }

    
    .sitelist{
        padding-left: 10px;
        padding-right: 10px;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
        display: block;
        
        overflow-x: auto;
        white-space: nowrap;
    }
    .sitelist::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }
    .tablescroll{
        width: Calc(var(--app-width) - 25px);
        overflow-x: auto;
        min-height:230px
    }
    
    .testmech {
        width: 100%;
        border: #d3d3d3 1px solid;
    }
    .modelname{
        width: 100%;
        padding-top: 10px;
        color: #303030;
        background-color: #fff;
        font-size: 0.9rem;
        font-weight: bold;
    }
    .modeltest{
        width: 100%;
        padding-bottom: 10px;
        color: #303030;
        background-color: #fff;
        font-size: 0.9rem;
    }
    .modelname2{
        width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;
        color: #303030;
        background-color: #fff;
        font-size: 0.9rem;
        font-weight: bold;
    }
    .rndbbox3{
        width: 100%;
        min-width:00px
    }
    .rndboxarea{
        flex-direction: column;
    }
    .rndbbox{
        width: 100%;
        min-width:250px
    }

    .certarea{
        height: 270px;
    }
    .certarea2{
        height: 350px;
    }
    .testmech2 {
        width: 180px;
    }
    .arrowarea{
        padding: 0px 5px 0px 5px;
        width: 100%;
    }
    .qclist{
        width: calc(var(--app-width) - 20px);
        overflow-x: auto;
    }
    .qclist img{
        width: 100%;
        height: 200px;
    }
    .arrowbutton{
        position: relative;
        top: -220px;
    }
    .nav-link.sqlab {
        border-bottom: 1px dashed #303030;
        color: #303030;
    }

    .arrowleft{
        display: none;
    }
    .arrowright{
        display: none;
    }
    
    .paging{
       padding-left: 0px;
       padding-right: 0px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .paging .page{
        
        margin: 5px;
        padding: 7px 5px 7px 5px;
    }


    .introText-ci2{
        font-size: 1.2rem;
    }
    .introText-ci21{
        font-size: 1.2rem;
    }
    .introText-ci22{
        font-size: 1.5rem;
    }
    .introText-ci3{
        font-size: 1.2rem;
    }

    .introText4{
        min-width: 100px;
    }
}
/* 768 끝 */


@media (max-width:500px){
    .mainBox3{display: none;}
    .mainBox5{display: none;}

}


.modal-body{
    max-height: 600px;
    white-space: nowrap;
    overflow: auto;
    margin-bottom: 50px;

}

.policy-title1{
    color: rgb(117, 117, 117);
}
.policy-left20{
    padding-left: 18px;
}