@charset 'utf-8';
@import url('initialize.css');

html,body{height:100%;}
h1,h2{letter-spacing:-1px;white-space:nowrap;}
div,a{letter-spacing:-.3px}
div{box-sizing:border-box}
.fa-regular{font-size:1.25rem;vertical-align:middle}

#wrapper{display:flex;flex-direction:column;height:-webkit-fill-available;min-height:100%;min-width:1160px;}
#contents{overflow:hidden;display:flex;height:-webkit-fill-available;}
#contents.vertical-align{align-items:center;}
.column-left{width:17.5rem;border-right:1px solid #E5E5E5;background:#fff;}
.logo-aviv-ws{display:block;width:9.25rem;height:2.25rem;margin:2rem auto;background:url('../images/logo.svg') no-repeat 50% 50%;}

.column-right{display:flex;flex-direction:column;width:calc(100% - 17.5rem);}
.column-right-top{display:flex;align-items:center;justify-content:space-between;height:4.813rem;border-bottom:1px solid #E5E5E5;padding:0 2rem 0 2.5rem;}
.column-right-bottom{overflow-y:auto;height:100%;padding-bottom:5rem;}
.column-right-bottom-extra{display:flex;align-items:center;justify-content:space-between;height:4.813rem;border-top:1px solid #E5E5E5;padding:0 2rem 0 2.5rem;}

.header-tit h1{color:#777;font-size:1.25em;font-weight:600;}
.header-util{font-size:0.938em;white-space:nowrap;}
.header-util .btn{margin-left:1rem;}

.basic-pd{padding:0 1.875rem;}
.usr-info .usr-name{overflow:hidden;display:inline-block;width:calc(100% - 2.35rem);padding-left:.6rem;font-size:1.063em;font-weight:700;color:#555;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}

.gnb{margin-top:.5rem;}
.gnb .basic-pd{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:2.8rem;}
.gnb .gnb-depth1{color:#555;font-size:1em;font-weight:600;}

.gnb i{font-size:0.938rem;}
.gnb .basic-pd i{margin-right:.5rem;cursor:pointer;}
.gnb-depth1 i{width:0.938rem;padding:0 1rem 0 .15rem;}

.active,.active .gnb-depth1{color:#1A88FF !important}
.fa-chevron-down{transition:transform .2s;}
.active .fa-chevron-down{color:#1A88FF;transform:rotate(180deg);transition:transform .2s;}

.lnb{display:none;border-top:1px solid #E5E5E5;padding:.5rem 0;border-bottom:1px solid #E5E5E5;background:#F7F7F7;}
.lnb > li{display:flex;flex-direction:column;padding: 0 1.875rem;}
.lnb > li a:before{content:'';vertical-align: middle; margin: 0 0.8rem 0 0.5rem;   width: 4px;height:4px;display:inline-block;background:#999999;border-radius:50%;}
.lnb > li a.active:before{background:#1A88FF;}
.lnb a{color:#999999;font-size:0.938em;font-weight:400;}
.lnb a:hover{color:#000}
.lnb .basic-pd{justify-content:start;height:1.7rem;padding-left:2.4rem;}
.lnb .basic-pd:before{content:"";width:4px;height:4px;background:#1A88FF;border-radius:50%;}

.on .lnb{display:block;}

.content-top-area{display:flex;justify-content:space-between;min-height:4rem;padding:.9rem 1rem .9rem 0;background:#F3F9FF}
.content-top-left{width: -webkit-fill-available;}
.content-top-left input[type='text'].ipt-title{width:90%;border:none;background:none;padding:0 0 0 2.5rem;color:#999;font-size:1.125rem;font-weight:500;line-height:1}

.search_form{display:flex;width:100%;justify-content: space-around;}
.search_form .content-top-right{margin-top:0px !important;}

#footer{background:#4C4C4C}
#footer *{color:#E5E5E5;font-size:0.813rem;font-weight:300;}

.footer-con{display:flex;justify-content:space-between;align-items:center;padding:.5rem 3rem;}
.copyright{display:flex;flex-direction:column;align-items:end;}
.copyright .logo{width:7.625rem;height:1.8rem;background:url('../images/logo2.png') no-repeat 50% 50%;background-size:contain;}

.copy-info p span{display:inline-block;position:relative;padding:0 .3rem;}
.copy-info p span:before{content:"";position:absolute;top:50%;left:0;display:block;width:1px;height:0.813rem;background:#E5E5E5;transform:translateY(-50%);}
.copy-info p span:first-child{padding-left:0;}
.copy-info p span:first-child:before{display:none;}

.btn-wrap{margin-top:22px;}
.btn-wrap.top{margin-bottom:22px;margin-top:0;}
.btn-wrap button{}
.btn-wrap button + button{margin-left:15px;}

.tbl-result td{padding: 13px;color: #555;
text-align: center;
font-family: "Noto Sans KR";
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;}