/* Override */
#logoWrap { opacity: 1; }
#logoWrap * { display: block; }
#main_top { background: #F2F4F8; }
.main-bottom { padding: 150px 20%; }

/* Guide */
.guide-main .guide-background-image { height: 920px; display: flex; justify-content: center;
    background-image: url(../../img/learn/guide-opacity-background.png); background-size: cover;
    background-position: center; background-repeat: no-repeat; align-items: center; }

.guide-main .guide-content-default { max-width: 1920px; height: 650px; width: 1050px; text-align: center;
    margin-top: 40px; border: 10px solid #436ea5; background-color: #FFF; }
.guide-main .guide-sub-title { color: #2C077C; text-align: center; font-size: 25px;
    line-height: 20px; letter-spacing: 1px;  font-weight: 700; padding: 60px 0 0 0; }
.guide-main .guide-sub-title:after { content: ""; display: block; width: 50px; border-bottom: #ff0002 2px solid;
    margin: 20px auto 60px auto; }

.guide-main .guide-nav-title { font-size: 60px; color: transparent; padding-bottom: 40px; }
.guide-main .guide-nav-title span:nth-child(1) { background: linear-gradient(to right top, #861657, #ffa69e); -webkit-background-clip: text; }
.guide-main .guide-nav-title span:nth-child(2) { background: linear-gradient(to right top, #0c1eb7, #28b3ff); -webkit-background-clip: text; }

.guide-main .guide-button-bar { display: inline-flex; justify-content: center; }
.guide-main .guide-button-bar > div { width: 190px; height: 100px; margin: 0 20px; display: flex; align-items: center;
    justify-content: center; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
    color: #1D192B; text-align: center;  font-weight: 700; font-size: 20px; line-height: 30px; letter-spacing: 1px;
    cursor: pointer; }
.guide-main .guide-button-bar > div.guide-button { border-radius: 16px; background: #E8DEF8; }
.guide-main .guide-button-bar > div.keyword-button { border-radius: 16px; background: #F0A3A3; }

.guide-main .guide-notice { font-size: 18px; text-align: start; margin: 75px; }
.guide-main .guide-notice:before { content: ""; display: block; width: 880px; border-bottom: #1869B9 2px solid;
    margin: 40px auto 20px 0; }
.guide-main .guide-notice span.font-color-blue { color: #1869B9; }
.guide-main .guide-notice span.font-color-red { color: #ff0002; }

.guide-main .guide-explain { display: flex; justify-content: center; }
.guide-main .guide-img { max-width: 1920px; padding: 100px 0; width: 1030px; display: flex; justify-content: center; }
.guide-main .guide-img > img { width: 100%; }

/* Exam */
#exam{
    display: flex;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 185px 10% 90px 10%;
    flex: 1;
    font-weight: 400;
    color: #222;
    font-size: 1rem;
}
.exam-container{
    display: inline-block;
    max-width: none;
    position: relative;
    padding-right: 0;
}
.exam-container .row .col-12{
    padding-left: 0;
    padding-right: 0;
}
.exam-title-div{
    border-bottom: 2px solid #222;
    padding-bottom: 0.5rem;
}
.exam-title-div h2{
    font-weight: 700;
    font-size: 1.7rem;
}
.exam-top-div{
    height: auto;
    margin-top : 2rem;
    margin-bottom: 4rem;
}
.exam-bottom-div { position: absolute; width: 100%; bottom: 0; }
.exam-bottom-div .exam-select-content-div { position: relative}
.exam-bottom-div .exam-select { background-color: #fff }
.exam-bottom-search-div { display: flex; align-items: center; justify-content: end; background-color: #F2F4F8; height: 100px; padding: 0 12px !important }

.exam-long-select {
    width: 430px;
}

.exam-select-content-div{
    position: absolute;
    right: 0;
}
.exam-select-cov-div{
    position: relative;
    display: inline-block;
    margin-left: 2rem;
}
.exam-search-cov-div{
    position: relative;
    display: inline-block;
    margin-left: 2rem;
}
.exam-select{
    border: 1px solid #aaa;
    height: 3rem;
    width: 200px;
    cursor: pointer;
    position: relative;
    padding: 10px 15px;
    border-radius: 5px;
}
.exam-select::before{
    content: url("../../img/cust/select_icon.png");
    position: absolute;
    right: 20px;
    top:14px;
    width: 10px;
    height: 20px;
}
.exam-select.open::before{
    right: 22px;
    top:16px;
    transform: rotate(180deg);
}
.exam-select-p{
    padding-top:3px;
}
.exam-select-p.selected{
    color: black;
}
.exam-select-cont-div{
    border: 1px solid #e8e8e8;
    width: 200px;
    height: fit-content;
    position: absolute;
    top: 3rem;
    left: 0px;
    z-index: 3;
    display: none;
    background-color: white;
    border-bottom: 1px solid lightgray;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
.exam-select-cont-div.open{
    display: block;
}
.exam-select-cont{
    display: inline-block;
    width: 100%;
    height: 2.5rem;
    padding: 10px 15px;
    font-size: 1rem;
    color: #aaa;
    cursor: pointer;
}
.exam-select-cont:hover{
    background-color: #f6f6f6;
}
.exam-select-cont:last-child{
    border-bottom: none;
}
.search-group-div{
    position: relative;
    display: inline-block;
    color: #222;
    width: 200px;
    /*max-width: 200px;*/
    height: 3rem;
    border: 1px solid #aaa;
    border-radius: 5px;
}
.search-group{
     width: 100%;
}
#searchWord, #searchWord2{
    width:100%;
    max-width: 200px;
    height:2.8rem;
    line-height:29px;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    position: relative;
    top: 1px;
    padding-right: 40px;
    padding-left: 45px;
    padding-top: 13px;
}
#searchWord:active, #searchWord:focus{
    outline: 3px solid #2742A0;
}
#searchWord:-webkit-autofill,
#searchWord:-webkit-autofill:hover,
#searchWord:-webkit-autofill:focus,
#searchWord:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
#searchWord::placeholder{
    color: #aaa;
}
.btn-search-init{
    display: none;
    position: absolute;
    vertical-align:middle;
    cursor:pointer;
    background: none;
    border: none;
    width: 30px;
    height: 30px;
    top: 8px;
    right: 8px;
}
.btn-search-init:focus{
    outline: none;
}
.init-i{
    display: block;
    background-color: #ddd;
    border-radius: 50%;
    margin:0 auto;
    width: 20px;
    height: 20px;
}
.btn-search-init:hover svg{
    filter: invert(50%);
}
.exam-search-btn-cov-div{
    position: relative;
    display: inline-block;
    margin-right: 0.2rem;
    margin-left: 2rem;
}
.exam-search-btn{
    display: flex;
    width: 100px;
    height: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    transition: background-color 0.2s;
}
.exam-search-btn:hover{
    background-color: var(--color-new-orange);
}
.exam-search-btn:active, .exam-search-btn:focus{
    outline: none;
}
.exam-content-div{
    margin-top: 1rem;
}
.exam-content-text-div p{
}
.exam-count-div{
    display: inline-block;
    margin-right: 0.5rem;
}
.exam-count-div span{
     font-weight: 700;
    font-size: 1.5rem;
    color: var(--color-new-orange);
}
.exam-page-div{
    display: inline-block;
}
#examTable{
    width: 100%;
    text-align: center;
    color: #222;
    font-size: 1.2rem;
    font-weight: 600;
}
#examTable>:not(caption)>*>*{
    padding: 32px 10px;
    border-bottom: 1px solid #dee2e6;
}
#examTable thead{
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
}
#examTable tbody{
    font-size: 1rem;
    border-top: none;
}
#examTable tbody td{

    font-weight: 400;
}
#examTable:not(.hidden-row) tbody tr:hover * {
    cursor: pointer;
    text-decoration: underline;
}
#examTable.hidden-row tbody tr:nth-child(2n-1):hover * {
    cursor: pointer;
    text-decoration: underline;
     font-weight: 700;
}
#examTable.hidden-row tbody tr:nth-child(2n) {
    cursor: initial;
    text-align: initial;
}
#examTable.hidden-row tbody tr:nth-child(2n) > * {
    padding: 32px;
}
#examTable tbody tr td:nth-child(2){
    padding-left: 2rem;
}
#examTable tbody tr td:nth-child(2) > div{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break:break-all;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}
#examTable tbody tr td:nth-child(3) > div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break:break-all;
    width: 80%;
    margin: 0 auto;
}
#examTable .mob-show-div { display: none; }
#examTable .table-exam-foot { text-align: right ; padding-top: 0}
table .row-btn-down:after { content: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M12 1L6.5 5.85L1 1' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); float: right;}
table .row-btn-up:after { content: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M7 3.5L4 1L1 3.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); float: right; }
.exam-empty-div{
}
.exam-empty-div.empty{
    padding-top: 4rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #e5e5e5;
}
.exam-pagination-div{
    text-align: center;
    margin-top : 2rem;
}
.exam-pagination {
    display: inline-block;
}
.exam-pagination li{
    display: inline-block;
    width: 36px;
    height: 37px;
    font-size: 1.3rem;
}
.exam-pagination li a{
    color: #121212;
    width: 100%;
}
.exam-pagination li a:hover{
    color: #1869B9;
    cursor: pointer;
}
.exam-pagination li.active a{
    color: #1869B9;
    /*text-decoration: none;*/
}
.exam-pagination li.active::after{
    display: none;
}
#pagingList .first{width: 45px;}
#pagingList .last{width: 65px;}
#pagingList .page-item strong {
    color: #1869B9;
    /*text-decoration: underline;*/
}

/* Exam View */
#examView{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 185px 10% 50px 10%;

    font-weight: 400;
    color: #222;
    font-size: 1rem;
}
.exam-view-container{
    max-width: none;
    position: relative;
}
.exam-view-head-div{
    width: 100%;
}
.exam-view-category{
    background-color: var(--color-new-orange);
    width: fit-content;
    min-width: 120px;
    height: 35px;
    border-radius: 5px;
    padding: 7px 20px;
    text-align: center;
}
.exam-view-category p{
    color: white;
    font-size: 1rem;
}
.exam-view-title{
    margin-top: 2rem;
}
.exam-view-title h2{
     font-weight: 700;
    font-size: 1.5rem;
}
.exam-view-info{
    position: relative;
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-top: 2rem;
}
.exam-info-div-2{
    position: absolute;
    top: 0;
    right: 0;
}
.exam-info{
    display: inline-block;
}
.exam-info-div-1 .exam-info{
    margin-left: 0.5rem;
}
.exam-info-div-2 .exam-info{
    margin-right: 1rem;
}
.exam-info-left{
    display: inline-block;
    padding: 15px 15px;
    padding-top: 17px;
}
.exam-info-right{
    display: inline-block;
    padding: 15px 15px;
    padding-top: 17px;
}
.exam-info-left p{
    margin-bottom: 0;
     font-weight: 700;
}
.exam-info-right p{
    margin-bottom: 0;
}
.exam-view-content-div{
    margin-top: 2rem;
    border-bottom: 1px solid #dee2e6;
}
.exam-view-content{
    width: 100%;
    min-height: 10rem;
    margin: 0 auto;
    padding: 1rem 1rem 3rem 1rem;
}
.exam-view-content.null{
    text-align: center;
    margin-top: 8rem;
}
.exam-view-content img {
    max-width: 100%;
}
.exam-view-foot-div{
    border: 1px solid #dee2e6;
    border-top: 1px solid grey;
    margin-top: 2rem;
}
.exam-view-foot-left{
    height: auto;
    min-height: 4rem;
    background-color: #f6f6f6;
    border-right: 1px solid #dee2e6;
    padding: 1.5rem 1.5rem;
    text-align: center;
}
.exam-view-foot-right{
    height: 4rem;
    padding: 1.5rem 1.5rem;
}
.exam-view-foot-left p{
    margin-bottom: 0;
     font-weight: 700;
}
.exam-view-foot-right a{
    margin-bottom: 0;
    color: grey;
}
.exam-view-foot-right a:hover{
    cursor: pointer;
    color: black;
}
.exam-view-btn-div{
    margin-top: 3rem;
    text-align: center;
}
.exam-reply-btn{
    display: flex;
    width: 150px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    padding-top: 5px;
    transition: background-color 0.2s;
    margin: 0 auto;
}
.exam-reply-btn:active, .exam-reply-btn:focus{
    outline: none;
}
.exam-list-btn{
    display: flex;
    width: 150px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    background-color: #9a9a9a;
    border: none;
    color: white;
    position: relative;
    padding-top: 5px;
    transition: background-color 0.2s;
    margin: 0 auto;
}
.exam-list-btn:active, .exam-list-btn:focus{
    outline: none;
}
#codeList{
    width: 430px;
    height: 200px;
    overflow-y: auto;
}
.exam-write-btn{
    display: inline-block;
    width: 70px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    transition: background-color 0.2s;
}
.exam-write-btn:active, .exam-write-btn:focus{
    outline: none;
}
.exam-btn-div{
    text-align: right;
    padding-right: 1rem;
    position: relative;
    bottom:6rem;
}

/* Exam Register */
#examRegister{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 185px 10% 50px 10%;

    font-weight: 400;
    color: #222;
    font-size: 1rem;
}
.exam-reg-container{
    max-width: none;
    position: relative;
    padding: 0;
}
.exam-reg-head-div{
    padding: 0 .75rem;
    margin-bottom: 2rem;
}
.exam-reg-head-div h3{
     font-weight: 700;
    font-size: 1.5rem;
}
.exam-reg-btn{
    display: inline-block;
    width: 100px;
    height: 40px;
    border-radius: 5px;
    background-color: var(--color-new-orange);
    border: none;
    color: white;
    position: relative;
    transition: background-color 0.2s;
    margin: 0 auto;
}
.exam-reg-btn:hover{
    background-color: var(--color-new-orange);
}
.exam-reg-btn:active, .exam-reg-btn:focus{
    outline: none;
}
.exam-del-btn{
    display: inline-block;
    width: 100px;
    height: 40px;
    border-radius: 5px;
    background-color: #9a9a9a;
    border: none;
    color: white;
    position: relative;
    transition: background-color 0.2s;
    margin: 0 auto;
}
.exam-del-btn:active, .exam-del-btn:focus{
    outline: none;
}
.exam-reg-btn-div{
    text-align: center;
    position: relative;
    margin-top:2rem;
}
.exam-reg-select-cov-div{
    position: relative;
    width: 100%;
}
.exam-reg-select{
    border: 1px solid #E5E5E5;
    height: calc(1.3em + 1rem);
    cursor: pointer;
    position: relative;
    padding: 5px 15px;
    border-radius: 5px;
    transition: border-color 0.15s;
    width: 100%;
}
.exam-reg-select:hover, .exam-reg-select:active, .exam-reg-select:focus{
}
.exam-reg-select::before{
    content: url("../../img/cust/select_icon.png");
    position: absolute;
    right: 20px;
    top:7px;
    width: 10px;
    height: 20px;
}
.exam-reg-select:focus{
    border: 1px solid var(--color-new-orange);
    outline: none;
}
.form-control:focus{
    border: 1px solid var(--color-new-orange);
}
.exam-reg-select.open::before{
    right: 22px;
    top:9px;
    transform: rotate(180deg);
}
.exam-reg-select-p{
    padding-top:3px;
    font-size: 0.8125rem;
}
.exam-reg-select-p.selected{
    color: black;
}
.exam-reg-select-cont-div{
    border: 1px solid #e8e8e8;
    width: 100% !important;
    height: fit-content;
    position: absolute;
    top: 2.3rem;
    left: 0px;
    z-index: 2;
    display: none;
    background-color: white;
    border-bottom: 1px solid lightgray;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
}
.exam-reg-select-cont-div.open{
    display: block;
}
.exam-reg-select-cont{
    display: inline-block;
    width: 100%;
    height: 2.0rem;
    padding: 8px 15px;
    font-size: 0.8125rem;
    color: #aaa;
    cursor: pointer;
}
.exam-reg-select-cont.hover{
    background-color: #f6f6f6;
}
.exam-reg-select-cont:hover{
    background-color: #f6f6f6;
}
.exam-reg-select-cont:last-child{
    border-bottom: none;
}
.exam-edit-btn{
    display: inline-block;
    width: 80px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 5px;
    background-color: #1869B9;
    border: none;
    color: white;
    position: relative;
    padding-top: 5px;
    transition: background-color 0.2s;
}
.exam-edit-btn:hover{
    background-color: #085aac;
}
.exam-edit-btn:active, .exam-edit-btn:focus{
    outline: none;
}

/* Exam Edit*/
#examEdit{
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 185px 10% 50px 10%;

    font-weight: 400;
    color: #222;
    font-size: 1rem;
}
#regdate{
    margin: 0 auto;
    width: 100%;
    position: relative;
}
::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translateX(-10px);
    padding-left: 550px;
    padding-top:10px;
    height: 70%;
}
.search-svg{
    position: absolute;
    top: 13px;
    left: 14px;
    z-index: 2;
}

/* Industry Intro */

#industryIntro{
    flex: 1;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    font-weight: 400;
    padding: 185px 15% 90px 15%;
    color: #222;
    font-size: 1rem;
}
#industrySpeIntro {
    display: flex;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    font-weight: 400;
    padding: 185px 15% 90px 5%;
    color: #222;
    font-size: 1rem;
}
#categoryNameTree{
    display: inline-block;
    width: 250px;
    font-size: 16px;
    padding: 0 1rem;
}
#categoryNameTree h5 {
    padding-top: 18px;
    padding-bottom: 7px;
    font-size: 1.3rem;
    font-weight: 800;
    border-bottom: 1px solid #000;
    padding-left: 10px;
}
#categoryNameTree ul {
    list-style-type: none;
    padding-left: 5%;
    padding-top: 5px;
}
#categoryNameTree ul li a{
    font-family: 'Freesentation-6SemiBold';
    font-size: 17px;
    line-height: 30px;
    color: #000;
}
#categoryNameTree ul li a:hover{
    text-decoration: none;
}
#categoryNameTree ul li.selected a{
    font-family: 'Freesentation-8ExtraBold';
    color: var(--color-new-orange);
}
#categoryNameTree ul li.selected a:hover{
    cursor: default;
}
.ind-intro-title-div{
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #222;
    padding-bottom: 0.5rem;
}

.ind-intro-title-div h2{
    font-weight: 700;
    font-size: 1.7rem;
}

.ind-intro-subtitle-div {
    word-break: keep-all;
}

.ind-intro-subtitle-div h2{
    font-weight: 700;
    font-size: 1.7rem;
    margin-top: 3rem;
}

.ind-intro-container{
    max-width: none;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.ind-intro-container p {
    word-break: keep-all;
}
#industrySpeIntro .ind-intro-container {
    width: calc(100% - 250px);
}

.ind-intro-menu-div { color: #222; }
.ind-intro-menu-div div { border-bottom: 2px solid #222; height: 2.5rem; cursor: pointer; font-weight: 700  }
.ind-intro-menu-div div.selected { border-bottom: 2px solid var(--color-new-orange-active); color: var(--color-new-orange-active) }
.ind-intro-menu-div div:hover { border-color: var(--color-new-orange-active); color: var(--color-new-orange-active) }

#introSrc p:nth-child(1) {display: block}
#introSrc p:nth-child(2) {display: none}

#statUnitTbl caption { text-align: right; color: #222 }

#secActivityExamTbl tbody tr td:nth-child(1) {text-align: left; padding-left: 1.5rem}

#secAncDiffTbl thead tr th:nth-child(2) {background-color: white; border: none}
#secAncDiffTbl thead tr th:nth-child(3) {border-left: none}
#secAncDiffTbl tbody tr td {text-align: left; padding: 0.5rem 1rem;}
#secAncDiffTbl tbody tr td:nth-child(2) {border-bottom: none}
#secAncDiffTbl tbody tr td:nth-child(2) {border-left: none}
#secAncDiffTbl tbody tr td:nth-child(3) {border-left: none;}

#to-classification { position: absolute; top: 0; right: 1rem; }
#to-classification a { display: flex; gap: 15px; justify-content: center; padding: 0 10px 0 20px; align-items: center; width: 200px; height: 40px; border: none; background-color: var(--color-new-orange); border-radius: 15px; color: white;}
#to-classification a:hover { text-decoration: none }
#to-classification img { width: 15px; height: 15px; }

@media (max-width: 1680px) and (min-width: 768px) {
    .exam-select-content-div {text-align: right}
    .exam-select-cov-div {text-align: left; margin-bottom: 10px; }
    .exam-content-div {margin-top : 7rem}
}

@media (max-width: 1279px) {
    table .row-btn-down:after {display: none}
    table .row-btn-up:after { display: none;}
}

/* 미디엄 디바이스용 스타일 */
@media (max-width: 991px) {
    #to-classification{ position: absolute; display: flex; top: 4rem; right: 0; width: 100%; margin-top: 3rem; justify-content: end; }
    #to-classification a { display: flex; width: 100%; height: 40px; gap: 15px; justify-content: center; align-items: center; border: none; background-color: var(--color-new-orange); border-radius: 23px; color: white; }
    #to-classification img { position: absolute; right: 21px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* 한국표준산업분류 활용 사례 */
    .exam-select-content-div { position: static; text-align: left; justify-content: flex-start !important;}
    #exam { padding: 135px 10% 50px 10%; }
    #examView { padding: 135px 10% 50px 10%; }
    #examRegister { padding: 135px 15% 200px 15%; }
    #examEdit{ padding: 135px 15% 100px 15%; }
    .exam-long-select { width: 90vw; }
    .exam-top-div { margin: 0; margin-top : 2rem}
    .exam-select-cov-div { margin-bottom: 10px; margin-left: 0; margin-right: 2rem}
    /*.exam-search-cov-div{ margin-left: 0; margin-right: 2rem}*/
    #examTable { font-size: 1rem; }
    #examTable>:not(caption)>*>* { padding: 32px 0px; }
    .exam-pagination li { width: 20px; font-size: 1rem; }
    .exam-content-div {margin-top : 1rem}
    .exam-info-div-2 { position: relative; }
    .exam-search-btn-cov-div {margin-right : 0; margin-left: auto}

    .exam-search-cov-div{ margin-left: 0; margin-right: 1rem; width: calc(100% - 130px)}
    .search-group-div {width: 100%; max-width: 482px}
    #searchWord {max-width: none;}

    /* 한국표준산업분류 소개 */
    #industryIntro { padding: 135px 15% 90px 15% }

    /* 산업 특수분류 소개 */
    #industrySpeIntro { padding: 135px 15% 90px 15%; }
    #industrySpeIntro .ind-intro-container { width: 100% }
    #categoryNameTree { display: none }
}

/* 스몰 디바이스용 스타일 */
@media (max-width: 767px) {
    /* 산업분류코드가 중요한 이유 */
    .main-bottom { padding: 100px 5% 50px 5%; display: flex}

    /* 산업분류코드 가이드 */
    .guide-main .guide-content-default { width: 100%; height: auto; }
    .guide-main .guide-sub-title { padding: 30px 0 0 0; }
    .guide-main .guide-sub-title:after { margin: 20px auto 20px auto; }
    .guide-main .guide-nav-title { font-size: 35px; padding-bottom: 20px; }
    .guide-main .guide-background-image { padding-top: 25px; height: auto; }
    .guide-main .guide-button-bar { flex-direction: column; }
    .guide-main .guide-button-bar > div { margin: 10px 0; }
    .guide-main .guide-notice { margin: 50px 10px; }
    .guide-main .guide-notice:before { width: 100%; }
    .guide-main .guide-img { padding: 50px 0; }

    /* 한국표준산업분류 활용 사례 */
    .exam-select-content-div { position: static; }
    #exam { padding: 115px 5% 50px 5%; }
    #codeList { width: 90vw; }
    .exam-long-select { width: 90vw !important; }
    .exam-top-div { margin: 0; margin-top: 2rem}
    #examTable { font-size: 1rem; }
    #examTable>:not(caption)>*>* { padding: 32px 0px; }
    .exam-pagination li { width: 20px; font-size: 1rem; }
    .exam-content-div {margin-top : 1rem}
    #examTable tbody tr td:nth-child(2){
        padding-left: 0;
    }

    /* 질문하기 */
    .exam-select-cov-div { margin-bottom: 10px; margin-left: 0; margin-right: 2rem }
    .exam-search-cov-div{ margin-left: 0; margin-right: 1rem; width: calc(100% - 130px)}
    .exam-search-btn-cov-div {margin-right : 0; margin-left: auto}
    .search-group-div {width: 100%}
    #searchWord {max-width: none;}
    .exam-view-foot-left{
        padding: 1.5rem 0;
    }

    /* 한국표준산업분류 활용 사례 내용 */
    #examView { padding: 115px 3% 30px 3%; }
    .exam-info-div-1 .exam-info { margin-left: 0; }
    .exam-info-div-2 { position: relative; }

    /* 한국표준산업분류 활용 글쓰기 */
    #examRegister { padding: 115px 3% 100px 3%; }

    /* 한국표준산업분류 활용 수정하기 */
    #examEdit{ padding: 115px 3% 100px 3%; }

    /* 활용 사례 */
    #examTable .mob-show-div { display: block; color: rgb(150,150,150); }
    #examTable .mob-hide-td { display: none; }
    #examTable .table-exam-content * { font-size: 1rem !important; }
    #examTable.hidden-row tbody tr:nth-child(2n) > * { padding: 15px; }

    /* 한국표준산업분류 소개 */
    #industryIntro { padding: 115px 15% 90px 15% }
    #ksicRevisionHistTbl {display: table}
    #introSrc {font-size: 0.6rem}
    #introSrc p:nth-child(1) {display: none}
    #introSrc p:nth-child(2) {display: block}

    .ind-intro-menu-div { margin-top: 1rem !important;}
    .ind-intro-menu-div div { display: flex; font-size: 0.8rem; word-break: keep-all; justify-content: center; align-items: center; border-bottom: 1px solid #222;}
    .ind-intro-menu-div div.selected { border-bottom: 1px solid var(--color-new-orange-active); color: var(--color-new-orange-active) }

    /* 산업 특수분류 소개 */
    #industrySpeIntro { padding: 115px 15% 120px 15%; }
    #industrySpeIntro .ind-intro-container { width: 100% }
    #categoryNameTree { display: none }
}

@media (max-width: 575px) {
    .exam-long-select p
    {
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ind-intro-menu-div div { font-size: 0.7rem }
}