.index_wrap{
    background: linear-gradient(to bottom, #FF5608, #FF922F);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    height: 100vh;
}
.index_cont {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    gap: 3rem;
}
.index_cont img:nth-of-type(1) {
    width: 15%
}
.index_cont img:nth-of-type(2) {
    width: 80%;
}
/* header */
header{
    display: flex;
    height: 6rem;
    width: 100%;
    background-color: #fff;
    z-index: 200;
    position: fixed;
    left: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    border-bottom: 1px #DCDCDC solid;
}
header a {
    width: 60%;
}
header a img {
    width: 100%;
}
footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    z-index: 500;
    border-top: 1px #DCDCDC solid;
}
footer a {
    width: 34%;
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    gap: 1rem;
}
footer a img {
    height: 3rem;
}
footer a span {
    font-size: 1.6rem;
    color: #9F9F9F;
    font-family: 'SUIT-Medium';

}
.padding_width {
    padding:6rem 2rem 10rem
}
.home_top_btn {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 2rem 0;
}
.home_top_btn .home_btn_1{
    width: 61%;
    display: flex;
    
}

.home_top_btn .home_btn_1 img {
    width: 6rem;
}


.home_top_btn a:nth-of-type(2){
    display: flex;
    width: 35%;
        align-items: center;

}
.home_top_btn a:nth-of-type(2) img{
    width: 4rem;
}
.home_top_btn  a {
    display: flex;
    flex-flow: column;
    /* align-items: center; */
    padding: 1.5rem;
    border-radius: 1rem;
    border: 1px solid #F5F0EF;
    gap: 1rem;
    height: 15rem;
    justify-content: space-between
}
.home_top_btn  a span {
    font-family: 'SUIT-Bold';
    color: #4C4745;
    font-size: 1.8rem;
    line-height: 1.2;
}
.home_img_box {
    display: flex;
    width: 100%;
    justify-content: right !important;
}
.home_btn_2{
    width: 48% !important;
    background: linear-gradient(to bottom, #fff, #FFF3E8);
}
.mid_img{
    width: 6rem !important;
}

.home_top_btn2{
padding-top: 0;
}
.qna_box{
    display: flex;
    align-items: center;   
    padding: 1.5rem;
    border: 1px solid #F2EEED;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
    gap: 1rem;
    padding-right: 6rem;
    background-image: url(../img/qna-arrow.png);
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: 1rem;
}
.q_im {
    font-size: 2.8rem;
    font-family: 'SUIT-Bold';
    color: #FF7A20 ;
}
.qna_titles{
    font-size: 1.6rem;
    line-height: 1.2;
    color: #4E4947;
    font-family: 'SUIT-Medium';

}
.qna_sub{
    display: flex;
    flex-flow: column;
    padding: 2rem 1.5rem;
    gap: 2rem;
    border: 1px solid #F2EEED;
    border-radius: 1rem;
}
.qna_sub h3 {
    font-size: 2.8rem;
    font-family: 'SUIT-Bold';
    color: #FF7A20 ;
}
.qna_sub pre{
    font-size: 1.6rem;
    line-height: 1.2;
    /* font-family: 'SUIT-SemiBold'; */
    color: #4E4947;
}

.qna_back{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    font-size: 1.8rem;
    color: #Fff;
    background-color: #FF7E27;
    border-radius: 3rem;
}
.main_titles2{
    padding: 2rem 0;
    font-size: 1.8rem ;
    font-family: 'SUIT-SemiBold';
    color: #4C4745;
}

.main_titles2 em{
    font-size: 1.8rem;
    color: #FF7A20 ;
    font-family: 'SUIT-SemiBold';
}
/* dan */
.btn_box{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 2rem 0;
}
.btn_box a{
    width: 48%;
    color: #C5BEBC;
    /* background-color: #FF7E27; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    font-size: 1.6rem;
    border: 1px solid #EAE2E0;
    border-radius: 3rem;
}
.dan_box{
    padding: 2rem;
    border: 1px solid #F2EDEC;
    border-radius: 1rem;
    margin-bottom: 2rem;
}
.dan_box h3 {
    font-size: 1.9rem;
    color: #514C4A;
    font-family: 'SUIT-SemiBold';
    padding-bottom: 1.5rem;
}
.dan_box pre {
    font-size: 1.6rem;
    color: #ADA4A1;
    line-height: 1.4;
}
.dan_box pre span{
    font-size: 1.6rem;
    color: #FF7E27;
    font-family: 'SUIT-SemiBold';   
}
.dan_info {
    display: flex;
    align-items: center;
    padding: 2rem;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #F2EDEC;
    border-radius: 1rem;
    margin-bottom: 2rem;
}
.dan_info_left {
    display: flex;
    flex-flow:  column nowrap;
}

.dan_info img {
    width: 20%;
    margin-right: 1rem;
}
.dan_info h3 {
    font-size: 1.8rem;
    color: #514C4A;
    font-family: 'SUIT-SemiBold';
    padding-bottom: 1.5rem;
}
.dan_info span {
    font-size: 1.6rem;
    color: #ADA4A1;
    line-height: 1.4;
    padding-bottom: 1.5rem;
}
.dan_info a {
    font-size: 1.6rem;
    color: #fff;
    background-color: #FF7E27;width: 65%;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
}
.dan_active {
    background-color: #FF7E27;
    color: #fff !important;
}
.dan_box_btm{
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}
.dan_box_btm img {
    width: 16%;
}
.dan_box_btm p {
    font-size: 1.7rem;
    font-family: 'SUIT-SemiBold';
    
}
.dan_box_btm pre {
    font-size: 1.5rem;
}
.dan_btm_right {
    display: flex;
    flex-flow: column;
    gap: .5rem;
}
.subp_titles {
    padding-bottom: 2rem;
    font-size: 1.6rem;
    font-family: 'SUIT-Bold';
}
.sub1_box {
    padding: 2rem;
    border: 1px solid #F2EDEC;
    border-radius: 1rem;
    width: 100%;
    margin-bottom: 3rem;
}
.sub1_titls {
    font-size: 1.6rem;
    font-family: 'SUIT-Bold';
    color: #FF7E27;
    margin-bottom: 1rem;
}
.sub_contents {
    font-size: 1.7rem;
    font-family: 'SUIT-Bold';
    line-height: 1.2;
    color: #4C4745;
}
.sub_contents span {
    display: block;
    font-size: 1.6rem;
    color: #ADA4A1;
    padding-top: 1rem;
    line-height: 1.4;
}
.sub2_titles {
    font-size: 1.7rem;
    font-family: 'SUIT-SemiBold';
    margin-bottom: 2rem;
}
.sub2_links {
    display: flex;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    background-color: #F5EFEB ;
    justify-content: center;
    padding: 1rem;
    font-size: 1.6rem;
    color: #0A48AE;
    font-family: 'SUIT-SemiBold';
    margin-bottom: 2rem;
    text-decoration: underline;
    border-radius: 2rem;
}
.contents_sub {
    padding: 0 1rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    color: #A49A97;
    font-family: 'SUIT-SemiBold';
    line-height: 1.4;
}
.sub2_contents {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #ADA4A1;
    font-family: 'SUIT-Medium';


}
.sub2_contents span {
    font-size: 1.7rem;
    font-family: 'SUIT-SemiBold';
    display: inline-block;
    padding: .5rem .4rem;
    line-height: 1.2;
}
.search_box {
    display: flex;
    align-items: center;
    padding: 2rem;
    border: 1px solid #F2EEED;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
    justify-content: space-between;
}
.search_box h3{
    font-size: 1.6rem;
    line-height: 1.2;
    color: #4E4947;
    font-family: 'SUIT-Bold';
}
.search_box pre {
    font-size: 1.6rem;
    color: #C0B9B7;
}
.search_box_left {
    display: flex;
    flex-flow: column nowrap;
    gap: .5rem;
}
.search_box_right p {
    font-size: 1.6rem;
    color: #fff;
    background-color: #FF7E27;
    padding: 1rem;
    border-radius: 2rem;
}
.search_titles {
    font-size: 1.6rem;
    font-family: 'SUIT-SemiBold';
    padding: 2rem 0 0;
}
.online {
    font-size: 1.8rem;
    font-family: 'SUIT-Bold';
    color: #FF7E27;
    /* margin-bottom: 1rem; */
    padding: 1.5rem 0;
}
#pagination {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    padding: 1rem 0 ;
}
#pagination  a{
    font-size: 1.7rem;
    color: #A29895;
}
#pagination img {
width: .8rem;
}
.arrow_2 {
    width: 1.2rem !important;
}

.arrow_3 {
    transform: rotate(180deg);
}
.search_bar{
    padding: 1rem 2rem;
    border: 1px solid #F1EDEC;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search_bar img{
    width: 2.5rem;
}
.search_bar input {
    width: 70%;
    font-size: 1.6rem;
    /* padding: 1rem 0; */
}
.search_bar input::placeholder{
    color: #D5CAC7;
}
.select_box {
    display: flex;
    align-items: center;
    border: 1px solid  #F1EDEC;
    width: 42%;
    padding: 1rem 1rem;
    border-radius: 1rem;
    margin: 1.5rem 0;
    background-image: url(../img/sub-arrow-down.png);
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: 94%;
}
#selectedTitle {
    font-size: 1.6rem;
    width: 100%;
    font-family: 'SUIT-Medium';

}
.active5 {
    background-image: url(../img/sub-arrow-up.png);
    border: 0;
    border-left: 1px solid #F1EDEC;;
    border-top: 1px solid #F1EDEC;;
    border-right: 1px solid #F1EDEC;;
}
.active5 .dropdown {
    border-top: 0;
}
#noDataMessage {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding: 10rem 0;
    gap: 1rem;
}
#noDataMessage p{
    font-size: 1.8rem;
    color: #A49A97;
}

.news-cont  img{
    width: 40%;
    border-radius: .5rem;
    height: 14rem;
    object-fit: cover;
}
.news-link {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1.5rem;
    justify-content: space-between;
    border: 1px solid #F2EDEC;
    border-radius: 1rem;
    margin-bottom: 2rem;
    height: 17rem;
}
.news-link h2 {
    font-size: 1.7rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'SUIT-Bold';
    line-height: 1.4;

}
.news-link p{
    font-size: 1.6rem;
    color: #AAA19E;
    white-space: normal;
    display: -webkit-box;   
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;   
    word-break: break-all;
    line-height: 1.4;
}
.news-txt{
    display: flex;
    flex-flow: column nowrap;
    width: 55%;justify-content: space-between;
    height: 14rem;
}
.news-txt span {
    font-size: 1.6rem;
    color: #AAA19E;
    text-align: right;
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    gap: 1.5rem;
}
.pagination-img {
    height: auto !important;
    width: .8rem !important;
}
.pagination .arrow{
    width: .8rem !important;
    height: auto !important;
}
.pagination-link  {
    font-size: 1.6rem;
    color: #A49A97;
}
.home_news_titles{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding:0 1.5rem; */
}
.home_news_titles h3 {
    font-family: 'SUIT-Bold';
    color: #4C4745;
    font-size: 1.8rem;
    line-height: 1.2;
}
.home_news_titles span{
    font-size: 1.6rem;
    color: #AAA19E;
}
.home_news_titles a {
    gap: .5rem;
    display: flex;
    align-items: center;
}
.home_news_titles img {
    width: 1rem;
} 

.home_img_box2 {
    display: flex;
    width: 100%;
    justify-content: left !important;
}
.home_img_box2 img{
    width: 4rem !important;
}
.qna_img_set {
    width: 10rem !important;
}