@charset "utf-8";
/* 모바일 코딩 필수 공통영역 */
* {
 margin:0;
 padding:0;
 -webkit-text-size-adjust:none; }
body {
 color:#333;
 font-size:16px;
 font-family: 'Noto Sans KR', sans-serif;
 letter-spacing: -1px;
 }
img, fieldset { border:0; vertical-align:top }
ul, ol, li, dl { list-style:none; }
h1, h2, h3, h4, h5, h6 {
 font-size:100%;
 font-weight:normal; }
hr { display:none; }
a { color:inherit; }
a, a:link {
 color:#333;
 text-decoration:none; }
a:visited { color:#333; }
a:hover, a:active {
 color:#333;
 text-decoration:none; }
em, i, address {
 font-style:normal;
 font-weight:normal; }
legend, caption {
 display:none;
 clear:both; }
input, textarea, select, button, table {
 font-size:inherit;
 font-family:inherit;
 line-height:inherit; }
section, nav, article, aside, hgroup, header, footer { display:block }
textarea, input {
 border-radius:1px;}
table {border-collapse: collapse;}
textarea { resize:none; }
label { cursor:pointer; }
.hidden,.skip-nav{display: block; position: absolute; left:-1000%;top:0; width: 1px; height: 1px; overflow: hidden; color: #fff}

.clear {clear: both}


/* 전체 공통 */
.wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
}


/* 헤더공통 */

.header {
    background: #fff;
    width: 100%;
    height: 3.75rem;
    z-index: 19;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #10798C;
}

.header .header-area {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    height: 100%;
    padding: 0 1rem 0 1.25rem;
}


.header .header-area__logo a {
    display: block;
    overflow: hidden;
    width: 100px;
    height: 40px;
    color: #424242;
    font-size: 1.625rem;
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
    
} 

.header-area__logo {
    background: url(../img/main/logo.svg) no-repeat center;
    width: 96px;
    height: 38px;
    position: relative;
    top: -2px;
   
   
}


.header .header-area__logo a span {
    color: #10798C;
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
}

.header-area__right { 
    display: flex;
    height: 100%;
    align-items: center;
}

.header-area__right>.welcome-area {
    background-color: rgba(0, 0, 0, 0);
    padding: 0.313rem;

}

.header-area__right>.welcome-area .label-top{
    color: #333;
    font-size: 0.813rem ;
}

.header .header-area__login {
    display: block;
    height: 100%;
    width: 3rem;
    background: url(../img/main/top-profile.svg)  center no-repeat;
}

.header .header-area__menu_ham {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 100%;
}

.header .header-area__menu_ham span {
    width: 50%;
    height:1.75px;
    background: #10798C;
    position: relative;
    text-indent: -150%inherit;
    color: transparent;
    font-size:0;
    display: block;
    border-radius: 10px;
    transition: all .3s;
}

.header .header-area__menu_ham span::before {
    content: '';
    display: block;
    width: 100%;
    height: 1.75px;
    background: #10798C;
    position: absolute;
    top: -6px;
    left: 0;
    border-radius: 10px;
    transition: all .3s;
}

.header .header-area__menu_ham span::after {
    content: '';
    display: block;
    width: 100%;
    height: 1.75px;
    background: #10798C;
    position: absolute;
    top: 6px;
    left: 0;
    border-radius: 10px;
    transition: all .3s;
}



/* 메뉴가 열렸을때 */
.header.mn_open .header-area__menu_ham span,
.header.mn_open .header-area__menu_ham span::before,
.header.mn_open .header-area__menu_ham span::after {
    background: #10798C;
    transition: all .3s;
}

.header.mn_open .header-area__menu_ham span {
    background: rgba(0, 0, 0, 0);
    transition: all .3s;
}

.header.mn_open .header-area__menu_ham span::before {
    transform: rotate(45deg);
    top: 0;
    transition: all .3s;
}

.header.mn_open .header-area__menu_ham span::after {
    transform: rotate(-45deg);
    top: 0;
    transition: all .3s;
}

.modal-box {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0,.3);
    z-index: 10;
    top: 61px;
    display: none;
}


/* 네비공통*/
.gnb {
    position: fixed;
    width: 100%;
    height: 100%;
    right: -100%;
    top: 61px;
    opacity: 0;
    background: #fff;
    z-index: 20;
}

.gnb .main-menu {
    margin-top: .5rem;
}

.gnb .main-menu .main-menu__depth1 {
    text-align: justify;
    font-size: .875rem;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}

.gnb .main-menu__depth1 a{
    display: block;
    padding: .75rem 0 .75rem  1.25rem;
    
}

.fa-chevron-right {
    float: right;
    line-height: 1.438rem;  
    color: #10798C;
    margin-right: 1.65rem;
}

/*이미지교체*/
.gnb .main-menu__depth1 ul {
    display: none;
    background: #dddddd;
}

.gnb .main-menu__depth1 ul li {
    font-size: .875rem;
    font-weight: 400;
    text-align: justify;
    border-bottom: none;
    margin-left: 5px;
}


/* 푸터공통 */

.footerArea {
    position: relative;
    text-align: center;
    margin-bottom: 2.813rem;
    margin: 0 auto;
    border-top: 0;
    padding: .625rem 0 3.75rem ; 
    background-color: #fff;
} 

/*푸터로고*/

.footer-logo {
    background: url(../img/main/logo.svg) no-repeat center;
    margin: 2.813rem auto .938rem;
    width: 6rem;
    height: 2.313rem;
}

/*메뉴 텍스트*/

 .menu-text {
    font-size: .688rem;
    color: #757575;
    line-height: 1.313rem;
    word-spacing: 0;

}

 .menu-text a {
    font-size: .688rem;
    color: #757575;
}

 .copyright {
    font-size: .688rem;
    color: #757575;
}


/* 퀵메뉴*/
  .main_board__quick {
    margin-bottom: 1rem;
  }
  
  .quick-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }
  
  .quick-item {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;     
    text-align: center;
    margin: 0 .813rem;
  }

 .quick-item a {
    display: block;
    padding: 1.25rem 0;
    font-size: .875rem;
  }
  
 .quick-item .sta-btn {

    border-radius: 30px;
    display: block;
    color: #10798C;
    font-size: .85rem;
    background-color:#F5F5F5 ;

  }



/** 2025.01.14 추가**/
.account_box {padding-bottom:2rem; text-align: center;}
.account_box dl dt {margin-bottom:10px;}
.account_box dl dd {font-size:14px; font-weight: 600; line-height: 1.8; letter-spacing: 0;}
.account_box dl dd span {font-weight: 400; letter-spacing: -0.5px;;}