@charset "UTF-8";
/* omr스캐너 */
.wrap{position: relative; top: 90px; margin-bottom: 100px;}
.heading2 {font-size:21px;font-weight:bold; margin-bottom:10px;}
table tr td{vertical-align: middle;}

/* 사이드메뉴 */
.sub-content{max-width: 1400px; margin: 0 auto; height: auto; display: flex; justify-content: space-between; padding-top: 2.5rem;}

.left-side-menu{width: 300px; margin-bottom: 40px;}
.left-side-menu h2{display: flex; justify-content: center; align-items: center; min-height: 140px; border-radius: 1rem 1rem 0 0; padding: 1.5rem 2rem 2.5rem; text-align: center; overflow: hidden; background-image: url(../img/menu01/side-menu-back.png); background-repeat: no-repeat;}
.left-side-menu h2 span{display: block; font-size: 24px; color: #fff; font-weight: 600; z-index: 1; text-shadow: 0 0 5px rgba(34, 34, 34, 0.5);}
.left-side-menu nav{padding: 1.2rem 1.2rem 1rem 1rem; margin-top: -1rem; border-radius: 1rem 0 1rem 1rem; background-color: #fff; z-index: 1; border: 1px solid #ccc; position: relative;}
#lnb .dep01 > li > a {padding: 10px 0px 10px 0; font-size: 20px; color: #333; font-weight: 600; display: block; transition: .2s;}
#lnb .dep01 > li.dep{padding: 10px 0; border-bottom: 1px solid #ddd;}
#lnb .dep01 > li.dep:last-child{border-bottom: 0;}
#lnb .dep01 > li:hover > a{color: #045C8E;}
#lnb .dep01 > li.active > a{color: #045C8E;}

.side-menu-dropdown li > a{padding-left: 15px; display: block; transition: .2s; line-height: 30px;}
.side-menu-dropdown li > a::before{content: "-"; margin-right: 5px;}
.side-menu-dropdown li:hover a{font-weight: 600;}

.color-01{background-color: #2F89BC;}
.color-02{background-color: #F2B90C;}
.color-03{background-color: #DC76AB;}
.color-04{background-color: #659E48;}
.color-05{background-color: #41BCB1;}
.color-06{background-color: #7463B1;}
.color-07{background-color: #F89933;}
.color-08{background-color: #B4CF66;}

.right-content{width: calc(100% - 15rem); padding-top: 0.5rem; margin-left: 3rem; position: relative; margin-bottom: 2rem;}

.content-title{margin-bottom: 30px;}
.plus-text > h2{font-size: 16px; font-family: 'SCDream';}
.content-title > h2{font-size: 28px; font-weight: 600; font-family: 'SCDream';}
.content-title-plus{background-color: #f5f5f5; color: #333; width: 100%; height: auto; border-radius: 20px; margin-bottom: 20px; padding: 1rem;}
.content-title-plus-textbox{display: flex; justify-content: space-between;}
.content-title-plus-textbox > h2{font-size: 16px; font-family: 'SCDream';}
.content-title-plus-btns{display: flex; align-items: center;}
.content-title-plus-btn{border: 1px solid #2a62d2; border-radius: 5px; box-sizing: border-box; background-color: #fff; text-align: center;}
.content-title-plus-btn>a{font-weight: 500; font-family: 'SCDream'; color: #2a62d2; display: block; width: 100%; transition: .2s; height: 100%; padding: 0.5rem 1rem;}
.content-title-plus-btn:hover a{background-color: #2a62d2; color: #fff;}
.content-title-plus-btn:first-child{margin-right: 20px;}

.scanner{margin-bottom: 90px;}
.scan01{display: flex; align-items: self-start; justify-content: space-between; width: 100%; height: auto;}
.scan01-left{width: 30%; border: 1px solid #ddd; position: relative; height: 100%;}
.scan01-left-size{z-index: 1; position: absolute; top: 5px; left: 5px; height: 50px; width: 50px; color: #fff; border-radius: 50px; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 500;}
.scan01-left img{width: 100%; height: 100%; display: block;}

.scan01-left-size.small{background-color: #5FC8B3;}
.scan01-left-size.middle{background-color: #70A5C1;}
.scan01-left-size.lage{background-color: #FFAF48;}
.scan01-left-size.best{background-color: #C85F7D; left: 60px;}

.scan01-right{width: 68%;}
.scan01-title{margin-bottom: 15px; display: flex; align-items: center; font-family: 'SCDream'}
.scan01-title h2{font-weight: 500; margin-right: 10px;}

.view-more-btn,.pdf-down-btn,.retern{margin-left: 10px; border: 1px solid #333; padding: 6px 10px; box-sizing: border-box; border-radius: 5px; font-weight: 500; font-size: 18px; transition: .2s; font-family: 'SCDream'}
.view-more-btn{background-color: #2a62d2; color: #FFD55F; border: none; padding: 7px 10px;}
.view-more-btn:hover{background-color: #FFD55F; color: #2a62d2;}
.pdf-down-btn,.retern{cursor: pointer;}
.pdf-down-btn:hover,.retern:hover{background-color: #8e8e8e; color: #fff; border: 1px solid #8e8e8e;}

.scan-table{border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; height: 213px;}
.scan-table tr > td{border-bottom: 1px solid #ddd; line-height: 25px; box-sizing: border-box; padding: 0.3rem;}
.scan-table tr > td:first-child{border-right: 1px solid #ccc; text-align: center; background-color: #f5f5f5; font-weight: 500; width: 130px;}
.scan-table tr > td > b{color: #2F89BC;}

.school-shop{border: 1px solid #2a62d2; box-sizing: border-box; padding: 5px 10px; border-radius: 5px; transition: .2s; font-weight: 500; font-size: 18px; color: #2a62d2; font-family: 'SCDream'}
.school-shop:hover{background-color: #2a62d2; color: #fff;}
.school-shop:hover svg{fill: #FFD55F;}

.scan01-more{display: flex; align-items: center; justify-content: space-between; margin-top: 8px; font-family: 'SCDream'}
.scan01-more-btn01{border: 1px solid #ddd; flex: 1; margin-right: 10px; text-align: center; height: 42px; line-height: 42px; border-radius: 8px; cursor: pointer;  font-weight: 500; }
.scan01-more-btn01 a{display: block;}
.scan01-more-btn01:first-child{background-color: #ffb01d; transition: .2s;}
.scan01-more-btn01:first-child:hover{background-color: #F89933; color: #fff;}

.scan01-more-btn01:nth-child(2){background-color: #FFD36E; transition: .2s;}
.scan01-more-btn01:nth-child(2):hover{background-color: #f88800; color: #fff;}

.scan01-more-btn01:nth-child(3){background-color: #BDD9F2; transition: .2s;}
.scan01-more-btn01:nth-child(3):hover{background-color: #82B0D9; color: #fff;}

.scan01-more-btn01:last-child{margin-right: 0; background-color: #82B0D9; transition: .2s;}
.scan01-more-btn01:last-child:hover{background-color: #6380A6; color: #fff;}

/* 제품특징페이지 */
.tab{margin-bottom: 60px;}
.tab1 img{max-width: 100%; margin-top: 40px;}
.tab2 table{border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; width: 100%; margin-top: 40px;}
.tab2 table tr td{border-bottom: 1px solid #ccc; height: 40px; padding: 8px 0;}
.tab2 table tr td:first-child{border-right: 1px solid #ccc; background-color: #f5f5f5; text-align: center; font-weight: 500;}
.tab2 table tr td:last-child{padding-left: 10px;}
.tab3{margin-top: 40px; width: 100%; height: 500px;}

/* omr스캐너 설정페이지 */
.setting-tab-btn{display: flex; align-items: center; margin-bottom: 40px; width: calc(100% + 0.5rem); overflow: hidden;}
.setting-tab-btn li{box-sizing: border-box; height: max-content; text-align: center; font-weight: 500; width: calc(20% - 1rem); margin: 0.25rem 0.25rem;}
.setting-tab-btn li a{display: flex; align-items: center; justify-content: center; background-color: #fff; color: #333; border-radius: 0.5rem; height: 3rem; padding: 0 2rem 0 0.75rem; border: 2px solid #dedede; position: relative;}
.setting-tab-btn li.active a,.setting-tab-btn li:hover a{background-color: #0b3659; border-color: #0b3659; color: #fff; box-shadow: 0 0 7px rgba(35, 57, 88, 0.53);}
.setting-tab-btn li.active a::before{content: '\f0d7'; background: #fff; color: #0b3659; font-family: "FontAwesome";}
.setting-tab-btn li a::before{content: "\f068";  position: absolute; right: 0.75rem; top: 0.85rem; width: 1.1rem; height: 1.1rem; line-height: 1.1rem; font-family: "FontAwesome"; font-size: 0.9rem; color: #999; background: #eee; border-radius: 50%;}

.setting-tab-title{display: flex; align-items: center; margin-bottom: 20px;}
.setting-error-btn,.KV-S2087-plus li{border: 1px solid #ccc; margin-left: 10px; box-sizing: border-box; border-radius: 8px; background-color: #f5f5f5; font-size: 18px; font-weight: 500; transition: .2s;}
.setting-error-btn a,.KV-S2087-plus li a{padding: 8px 20px; transition: .1s;}
.setting-error-btn:hover,.KV-S2087-plus li:hover{background-color: #7c7c7c;}
.setting-error-btn:hover a,.KV-S2087-plus li:hover a{color: #fff;}

.setting-info1{margin-bottom: 80px;}
.setting-info-title{display: flex; align-items: center; background-color: #f5f5f5; box-sizing: border-box; padding: 10px 0; border-radius: 50px; margin-bottom: 20px;}
.setting-info-title .circle{border: 1px solid #ccc; background-color: #ccc; border-radius: 50px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; margin-right: 8px; margin-left: 20px;}
.setting-info-title span{font-size: 18px; font-weight: 500;}
.setting-info-inner{display: flex; align-items: center; justify-content: center;}

.setting-tab-btn.setting-tab-btns{flex-wrap: wrap; width: 100%;}
.setting-tab-btn.setting-tab-btns li{width: calc(100% / 4 - 0.5rem); margin: 0; margin-right: 8px; margin-bottom: 8px;}
.setting-tab-btn.setting-tab-btns li:last-child{margin-right: 0;}

.KV-S2087-PLUS{margin-bottom: 20px;}
.KV-S2087-plus{display: flex; align-items: center; justify-content: center;}

td.border-system {text-align: center; background: #f5f5f5; font-weight: 500; border-right: 1px solid #ccc;}

/* 스캐너자료실 페이지 */
.scanner-search{display: flex; align-items: stretch; justify-content: end; height: 40px; font-size: 18px; margin-bottom: 15px;}
.search-options{margin-right: 8px; box-sizing: border-box;}
.search-options select{color: #333; box-sizing: border-box; text-align: center; font-weight: 500; height: 40px; border: 1px solid #ccc;}
.search-inner{margin-right: 8px;}
.search-inner input{box-sizing: border-box; padding: 0; margin: 0; height: 40px; text-align: center; border: 1px solid #ccc;}
.search-btn{border: 1px solid #ccc; cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: #ccc; box-sizing: border-box; border-radius: 5px; transition: .2s;}
.search-btn span{padding: 0 20px; font-weight: 500;}
.search-btn:hover{background-color: #7c7c7c; color: #fff;}

.scanner-table table{border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-bottom: 20px; vertical-align: middle; text-align: center;}
.scanner-table table tr td{border-bottom: 1px solid #ccc; height: 50px; border-right: 1px solid #ccc; box-sizing: border-box; padding: 0 8px;}
.scanner-table table tr td:nth-child(2){text-align: left;}
.scanner-table table tr td:last-child{border-right: 0;}
.scanner-table table thead tr td{font-weight: 600; font-size: 18px;}
.scanner-notice-title{background-color: #f5f5f5;}
.file-icon{width: 50px;}
.file-icon img{width: 100%;}
.answer-no{color: #7c7c7c;}
.answer-yes{color: #2a62d2;}
.scanner-table table tr{cursor: pointer;}
.scanner-table table tr:hover{font-weight: 500;}

.page-number{display: flex; align-items: center; justify-content: center;}
.page-number li{margin-right: 20px; cursor: pointer; font-size: 18px;}
.page-number li:hover{font-weight: 600;}
.page-number li.active{color: #2a62d2; font-weight: 600;}

/* a/s페이지 */
.scan-as-title{margin-bottom: 10px;}
.scan-as-title h2{font-size: 18px; color: #2a62d2;}

.scan-as-info{background-color: #f5f5f5; margin-bottom: 30px;}
.scan-as-info01{display: flex; align-items: center; box-sizing: border-box; padding: 10px; font-size: 16px;}
.circle{margin-right: 8px;}
.circle div{width: 40px; height: 40px; border: 1px solid #ccc; border-radius: 50px; background-color: #ccc; font-weight: 500; color: #fff; display: flex; align-items: center; justify-content: center;}
.scan-as-info01 span b{font-weight: 400; color: #2a62d2;}

.as-table{margin-bottom: 30px;}
.as-table table{border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; margin-top: 8px; margin-bottom: 20px;}
.as-table table tr td{height: 50px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.as-table table tr td:last-child{border-right: 0;}
.as-table table thead,.as-table table tbody tr:first-child,.as-table table tbody tr td:first-child{background-color: #f5f5f5; font-style: 18px; font-weight: 500;}
.cash{color: red;}

.as-caution{background-color: #EBF0F3; box-sizing: border-box; padding: 10px 20px;}
.as-caution-title{text-align: center; margin-bottom: 8px;}
.as-caution-title h2{font-size: 18px; color: #2a62d2; font-weight: 600;}
.as-caution-inner{text-align: center;}
.as-caution-inner span{display: block; margin-bottom: 8px;}

/* index에 추가된 스캐너용 서치 문구 */
.scanner-text-plus-serch{border: 2px solid #e3e3e3; border-radius: 10px; padding: 0.5rem 1rem; box-sizing: border-box; text-align: left; margin-bottom: 1rem; line-height: 25px; font-size: 0.8rem;}



/* 반응형 */
/* 태블릿 가로모드 */
@media only screen and (min-width: 1024px) and (max-width: 1400px){
    body{overflow-x: hidden; width: 95%;}
    .wrap{top: 20px; width: 95%; margin: 0 auto;}
    .scan-table{height: 185px;}
    .scan-table tr > td{height: 31px;}
    .scan01-title{margin-bottom: 8px;}

    .content-title-plus{height: auto; line-height: 25px; padding: 10px; flex-direction: column; border-radius: 8px;}
    .content-title-plus h2{margin-bottom: 8px;}
    .content-title-plus-btn{text-align: center;}

    .right-content{width: 100%; margin-left: 1rem;}

    .scan01-title h2{font-size: 20px;}
    .scan01-title a{align-items: center;}
    .scan-table{height: auto;}

    /* 스캐너셋팅 */
    .setting-error-btn a, .KV-S2087-plus li a{padding: 8px 15px;}

    /* 타이틀에 견적문의 방문시연요청 버튼 추가 */
    .content-title-plus-textbox{flex-direction: column;}
}

/*태블릿 세로모드*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    body{overflow-x: hidden; width: 95%;}
    .wrap{top: 50px; width: 95%; margin: 0 auto;}

    .sub-content{flex-direction: column; padding-top: 0;}
    .left-side-menu{width: 100%; display: none;}
    .left-side-menu h2{background-position: center; background-size: cover; min-height: 100px;}
    .left-side-menu h2 span{font-size: 20px;}
    .left-side-menu nav{padding: 1rem;}

    .side-menu-dropdown{display: none; z-index: 1; left: 0; height: auto; width: 100%;}
    ul.dep01{width: 100%;}
    .dep01 > .dep{display: flex; flex-direction: column; width: 100%; box-sizing: border-box;}
    .dep01 > .dep:hover .side-menu-dropdown{display: block; width: 100%;}
    #lnb .dep01 > li.active .side-menu-dropdown{display: block; width: 100%;}
    #lnb .dep01 > li.dep{padding: 5px 0;}
    #lnb .dep01 > li > a{font-size: 18px; padding: 5px 0 5px 0;}

    .right-content{width: 100%; margin-left: 0;}
    .content-title-plus{height: auto; line-height: 25px; padding: 10px; flex-direction: column; border-radius: 8px;}
    .content-title-plus h2{margin-bottom: 8px;}
    .content-title-plus-btn{width: 50%; text-align: center;}

    .scan01{flex-direction: column; height: 100%; align-items: center;}
    .scan01-left{width: 60%;}
    .scan01-right{width: 100%; height: 100%; margin-top: 20px;}
    .scanner{margin-bottom: 80px;}

    .scan01-title{flex-wrap: wrap; justify-content: center;}
    .scan01-title h2{display: block; width: 100%; margin-bottom: 8px; text-align: center;}
    .scan01-title a{align-items: center;}
    .scan-table{height: auto;}

    /* 스캐너셋팅 */
    .setting-error-btn a, .KV-S2087-plus li a{padding: 8px 15px;}

    /* 타이틀에 견적문의 방문시연요청 버튼 추가 */
    .content-title-plus-textbox{flex-direction: column;}
}

/* 모바일 */
@media only screen and (max-width: 767px) and (min-width: 300px) {
    body{overflow-x: hidden; width: 95%;}
    .wrap{top: 50px; width: 95%; margin: 0 auto; top: 20px;}

    .sub-content{flex-direction: column; padding-top: 0;}
    .left-side-menu{width: 100%; display: none;}
    .left-side-menu h2{background-position: center; background-size: cover; min-height: 100px;}
    .left-side-menu h2 span{font-size: 20px;}
    .left-side-menu nav{padding: 1rem;}

    .side-menu-dropdown{display: none; z-index: 1; left: 0; height: auto; width: 100%;}
    ul.dep01{width: 100%;}
    .dep01 > .dep{display: flex; flex-direction: column; width: 100%; box-sizing: border-box;}
    .dep01 > .dep:hover .side-menu-dropdown{display: block; width: 100%;}
    #lnb .dep01 > li.active .side-menu-dropdown{display: block; width: 100%;}
    #lnb .dep01 > li.dep{padding: 5px 0;}
    #lnb .dep01 > li > a{font-size: 18px; padding: 5px 0 5px 0;}

    .content-title-plus{height: auto; line-height: 25px; padding: 10px; flex-direction: column; border-radius: 8px;}
    .content-title-plus h2{margin-bottom: 8px;}
    .content-title-plus-btn{width: 50%; text-align: center;}
    .school-shop{letter-spacing: -2px; margin-bottom: 8px;}

    .right-content{width: 100%; margin-left: 0;}
    .content-title h2{font-size: 21px; margin-bottom: 18px;}
    .content-title-plus h2{margin-left: 0;}

    .scan01{flex-direction: column; height: 100%; align-items: center;}
    .scan01-left{width: 70%;}
    .scan01-right{width: 100%; height: 100%; margin-top: 20px;}
    .scanner{margin-bottom: 80px;}

    .scan01-title{flex-wrap: wrap; justify-content: center;}
    .scan01-title h2{display: block; width: 100%; margin-bottom: 8px; text-align: center;}
    .scan01-title a{align-items: center;}

    .tab3{height: 350px;}

    /* 스캐너 셋팅 */
    .setting-tab-btn,.KV-S2087-plus{display: block;}
    .setting-tab-btn li,.KV-S2087-plus li{width: 100%; margin-bottom: 10px; margin-left: 0; margin-right: 0;}
    .setting-info-inner img{width: 85%;}
    .setting-tab-btn li a{height: 50px;}
    .setting-tab-title{flex-direction: column;}
    .setting-tab-title h2{margin-bottom: 15px;}
    .setting-info-title{padding: 10px;}
    .setting-info-title .circle{font-size: 16px; margin-left: 0px; margin-right: 5px;}
    .setting-info-title span{font-size: 18px; letter-spacing: -2px;}
    .setting-tab-btn.setting-tab-btns li{width: 100%;}

    /* 스캐너자료실 */
    .scanner-search{justify-content: space-around; height: 30px; margin-bottom: 25px; width: 100%;}
    .search-options select,.search-inner input{height: 30px; width: 100%;}
    .search-options{width: 25%;}
    .search-inner{width: 50%;}
    .search-btn{width: 25%;}
    .search-btn span{padding: 0;}
    /* 파일아이콘, 조회수 모바일에선 숨기기 */
    .file-icon,.view-number{display: none;}
    .scanner-table table tr td{font-size: 15px; letter-spacing: -2px;}
    .scanner-table table thead tr td{font-size: 16px; white-space: nowrap;}
    .page-number-btns{margin-bottom: 40px;}

    /* a/s */
    .as-caution-inner{text-align: left;}

    /* 타이틀에 견적문의 방문시연요청 버튼 추가 */
    .content-title-plus-textbox{flex-direction: column;}

}