@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;}

img[src$=".gif"], img[src$=".png"] {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    }

/* 사이드메뉴 */
.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: 60px;}
.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-left-size.best2{background-color: #C85F7D;}

.scan01-right{width: 68%;}
.scan01-title{margin-bottom: 20px; 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; height: 34px;}
.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:last-child{padding-left: 8px;}
.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{width: calc(100% / 4 - 0.5rem); margin: 0; margin-right: 8px; margin-bottom: 8px; box-sizing: border-box; height: max-content; text-align: center; font-weight: 500;}
.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-btn.setting-tab-btns{flex-wrap: wrap; width: 100%;}
.setting-tab-btn.setting-tab-btns li{width: calc(100% / 5 - 0.5rem); margin: 0; margin-right: 8px; margin-bottom: 8px;}
.setting-tab-btn.setting-tab-btns li:last-child{margin-right: 0;}

.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: 50px;}
.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-inner2{display: flex; align-items: center; justify-content: center;}

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

.setting-tab-inner2{display: flex; align-items: center; justify-content: center;}
.setting-info-inner>img{width: 100%;}

.setting-info-inner-textbox h3{font-size: 20px; font-weight: 500; margin-bottom: 8px;}
.setting-info-inner-textbox span{display: block; font-size: 18px; line-height: 30px;}
.setting-info-inner-textbox span b{color: #2a62d2;}
.setting-info-inner-textbox h3 b{color: #2a62d2;}
.textbox-error{color: red;}

.setting-info-inner .img-first{margin-bottom: 40px;}
.img-first.mini{margin: 0 auto; display: flex; width: 50%; margin-bottom: 40px;}

/* 스캐너자료실 페이지 */
.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; border-radius: 10px;}
.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;}

.scan-as-info.scan-as-info-table{display: flex; align-items: center; justify-content: space-between; background-color: transparent; border-radius: inherit;}
.scan-as-info.scan-as-info-table2{background-color: transparent; border-radius: inherit;}
.scan-as-info-table table{width: 49%; border: 2px solid #ccc; text-align: center; box-sizing: border-box;}
.scan-as-info-table2 table{border: 2px solid #ccc; text-align: center; box-sizing: border-box;}
.scan-as-info-table table thead,.scan-as-info-table2 table thead{background-color: #f5f5f5;}
.scan-as-info-table table tr td,.scan-as-info-table2 table tr td{border-bottom: 1px solid #ccc; padding: 0.5rem 0; border-right: 1px solid #ccc;}
.scan-as-info-table table tr td:last-child{border-right: 0;}

/* omr카드 -popup*/
.omrcard-textbox{margin-bottom: 40px;}

.popup-btns{display: flex; align-items: center;}
.cheating-btn{margin-right: 10px;}
.cheating-btn,.sample-omrcard{margin-top: 30px; cursor: pointer;}
.cheating-btn span,.sample-omrcard span{box-sizing: border-box; padding: 10px 20px; border-radius: 10px; background-color: #ccc; transition: .2s; font-weight: 500; color: #fff;}
.cheating-btn span:hover,.sample-omrcard span:hover{background-color: #878787;}

.flow-omrcard{width: 100%; margin-bottom: 20px;}
.flow-omrcard img{width: 100%;}

.setting-info-inner p{margin-bottom: 8px; font-size: 18px; line-height: 25px;}
.setting-info-inner p a{display: inline-block; font-weight: 500;}
.setting-info-inner p:hover a{text-decoration: underline;}
.setting-info-inner p>b{color: #2a62d2; font-weight: 400;}

.setting-info-flex{display: flex; align-items: center; justify-content: space-around; margin-top: 40px;}
.setting-info-left:first-child{margin-right: 20px;}
.setting-info-left h3{ margin-bottom: 8px; letter-spacing: -1px;}

.setting-info-flex.last{justify-content: flex-start;}

.OMR-creation{border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; padding: 20px;}
.setting-OMRcard{display: flex; align-items: center; margin-bottom: 15px;}
.setting-OMRcard:last-child{margin-bottom: 0;}
.omr-number .circle{background-color: #ddd; color: #fff; border-radius: 50px; width: 40px; height: 40px; text-align: center; font-weight: 500; line-height: 40px;}
.omrcard-text p b{font-weight: 400; color: #2a62d2;}
.omrcard-text p a{display: inline; font-weight: 500;}

.setting-info-left-img{position: relative;}
.setting-info-left-img h2{position: absolute; bottom: 10px; right: 10px; font-weight: 600; color: #7b7b7b; font-size: 20px;}
.setting-info-left-img img{width: 100%; border: 1px solid #ccc; cursor: auto;}
.setting-info-left-img.pvc img{border: none;}

.test-envelope-textbox{border: 1px solid #ccc; padding: 20px 40px; box-sizing: border-box;}
.test-envelope-textbox span{display: block; white-space: nowrap; line-height: 25px;}
.test-envelope-textbox span:first-child{margin-bottom: 15px;}

/* omr 카드 쉬트지 */
.setting-info-left:last-child{margin-right: 0;}
.setting-info-left:nth-child(3){margin-left: 20px;}
.setting-info-left:nth-child(4){margin-left: 20px;}

/* 유니브 프로그램 */
.program-textbox {margin-bottom: 40px;}
.program-textbox .program-title{margin-bottom: 10px;}
.program-textbox span{line-height: 25px;}

.univ-sp-title{display: flex; align-items: center; margin-bottom: 10px;}
.univ-sp-title h2{font-weight: 500; font-size: 20px;}
.univ-sp-title-img{width: 5%; margin-right: 8px;}
.univ-sp-title-img img{width: 100%;}
.univ-sp-circle .circle{width: 20px; height: 20px; border-radius: 50px; background-color: #2a62d2;}
.univ-sp-inner{border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; padding: 0.5rem 1.4rem;}
.univ-sp-inner span{line-height: 25px; display: block; margin-bottom: 15px;}
.univ-sp-inner span:last-child{margin-bottom: 0;}
.univ-sp-inner span b{color: #2a62d2;}

.program-keywords{display: flex; align-items: center; justify-content: space-around; margin-top: 30px;}
.program-keyword01{ border-radius: 50%; width: 190px; height: 190px; text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative;}
.program-keyword-title h2{ font-size: 20px; font-weight: 500;}
.program-keyword01 .border{background-color: #ccc; height: 2px; width: 20%; margin-top: 10px; margin-bottom: 10px;}
.program-keyword-icon{position: absolute; top: 0; left: 0;}
.program-keywords:first-child .program-keyword01:first-child{border: 5px solid #4E9BC6;}
.program-keywords:first-child .program-keyword01:nth-child(2){border: 5px solid #F4C330}
.program-keywords:first-child .program-keyword01:last-child{border: 5px solid #E18AB8;}
.program-keywords:last-child .program-keyword01:first-child{border: 5px solid #5DC6BD;}
.program-keywords:last-child .program-keyword01:nth-child(2){border: 5px solid #7CAC63}
.program-keywords:last-child .program-keyword01:last-child{border: 5px solid #9989D1;}

.univ-infomation01{margin-bottom: 100px;}
.univ-infomation-title{display: flex; align-items: center; justify-content: space-between; font-family: "FontAwesome";}
.univ-infomation-title h2{font-size: 20px; font-weight: 500;}
.univ-infomation-title i{font-size: 30px; color: #E83630;}
.univ-infomation{margin-top: 20px; margin-bottom: 20px; background-color: #83ba67; width: 100%; padding: 1rem; border-radius: 50px; color: #fff;}
.univ-infomation-img{width: 100%; margin-bottom: 20px;}
.univ-infomation-img img{width: 100%;}

.sdp-pdf-btn a{border: 2px solid #fff; box-sizing: border-box; padding: 0.3rem 1rem; border-radius: 8px; font-weight: 500; font-size: 20px; transition: .2s; background-color: #E83630; color: #fff;}

.univ-info{border: 1px solid #ccc; border-radius: 10px; margin-bottom: 20px;}
.univ-info01{box-sizing: border-box; padding: 1rem;}
.univ-info01 p{line-height: 25px;}
.univ-info01 p:first-child{font-size: 18px; font-weight: 500; color: #2a62d2;}

.univ-use-info{display: flex; align-items: center; justify-content: space-between; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; padding: 1rem;}
.univ-use-text{width: 70%; padding:0 1rem;}
.univ-use-text span{line-height: 25px; display: block;}
.univ-use-text span b{color: #2a62d2; font-weight: normal;}
.univ-use-text span:first-child{margin-bottom: 10px;}
.univ-use-info img{width: 30%;}

.univ-use01-02{display: flex; align-items: start; justify-content: space-between;}
.univ-use01 iframe{margin-bottom: 20px; border: 1px solid #ccc;}

.univ-use01-02 .univ-use01{width: 49%;}
.univ-use01{margin-top: 80px;}
.univ-use-title{display: flex; align-items: center; margin-bottom: 10px;}
.univ-use-title .border{width: 6px; height: 20px; background-color: #076DA5; margin-right: 8px;}
.univ-use-title h3{font-weight: 500; font-size: 18px;}
.univ-use01-02 .univ-use01 .univ-use-inner{border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; padding: 1rem; height: 370px;}
.univ-use01 .univ-use-inner{border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; padding: 1rem;}
.univ-use-inner a{display: flex; align-items: center; margin-bottom: 10px; justify-content: space-between;}
.univ-use-inner-left{display: flex; align-items: center; font-size: 18px; font-weight: normal;}
.univ-use-inner-left .circle{margin-right: 8px;}
.univ-use-inner-left .circle::before{content: "●"; color: #076DA5; font-size: 16px;}
.univ-use-inner-left h3{margin-right: 8px;}
.univ-use-inner-left:last-child{color: #045C8E; font-weight: 600;}
.univ-use-inner-left i{margin-left: 8px; font-size: 30px; color: #E83630;}
.univ-use-inner a:hover span{text-decoration: underline 1px;}
.univ-use-inner a:last-child{border-top: 1px solid #ccc; padding-top: 10px; margin-bottom: 0;}
.univ-use-inner-left span b{color: #2a62d2;}

/* 사용학교 및 학원 */
.use-s-div{float:left; width:33.3%; box-sizing:border-box; text-align:left; line-height:23px; margin-bottom:25px; font-weight: normal;}
.use-s-h5{background:#43afe4; border-radius:50px; height:40px; color:#fff; font-size:18px; text-align:center; width:100%; display:block; line-height:40px; margin-bottom:10px;}

/* 온라인수강신청 신청페이지 */
.tableTypeView {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    text-align: left;
    box-sizing: border-box;
}

.tableTypeView th {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 0.5rem;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ccc;
}

.tableTypeView td {
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 0.5rem;
    border-right: 1px solid #ccc;
}
.tableTypeView td:last-child{border-right: 0;}

.tableTypeView li {
    margin: 0;
    float: none;
    padding-right: 7px;
    display: table-cell;
    vertical-align: middle;
}

.tableTypeView select {
    width: 100px; 
    height: 30px; 
    padding-left:10px;
    border: 1px solid #ccc;
}

.agreement .agreement_container .agreement_txt {
    position: relative;
    overflow: auto;
    height: 224px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    line-height: 22px;
    color: #636363;
}

.agreement_container .title {
    padding: 10px;
}

#submit_btn a{padding:0.5rem 1rem; font-size: 20px;}
.tableTypeView li input,.tableTypeView td input{border: 1px solid #ccc; box-sizing: border-box; height: 30px;}

/* 판독대행 */
.univ-infomation-img-coding{display: flex; align-items: center; justify-content: space-around;}
.univ-infomation-img-coding01{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.coding01-number{position: absolute; bottom: 0; left: 0; width: 50px; height: 50px; text-align: center; background-color: #FF6242; color: #fff; border-radius: 50px; line-height: 50px; font-size: 18px; font-weight: 500;}
.univ-infomation-img-coding01-inner img{width: 50%;}
.univ-infomation-img-coding01:first-child .univ-infomation-img-coding01-inner{background-color: #EF6C42;}
.univ-infomation-img-coding01:nth-child(2) .univ-infomation-img-coding01-inner{background-color: #FF9801;}
.univ-infomation-img-coding01:nth-child(3) .univ-infomation-img-coding01-inner{background-color: #FFC602;}
.univ-infomation-img-coding01:nth-child(4) .univ-infomation-img-coding01-inner{background-color: #A79684;}
.univ-infomation-img-coding01:nth-child(5) .univ-infomation-img-coding01-inner{background-color: #6CD4F1;}
.univ-infomation-img-coding01:nth-child(6) .univ-infomation-img-coding01-inner{background-color: #4F8CC3;}
.univ-infomation-img-coding01:nth-child(7) .univ-infomation-img-coding01-inner{background-color: #574BA1;}

.univ-infomation-img-coding01-inner{display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 150px; height: 150px; position: relative; }
.univ-infomation-img-coding01 span{font-size: 18px; font-weight: 500; margin-top: 8px;}

.edu-logos-1{margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
/* width: calc(100% / 5 - 1rem); */
.edu-logos-01>span{display: block; text-align: center; margin-top: 6px; font-size: 16px;}
.edu-logos-01{margin-right: 20px;}

.gangwon{padding: 20px 0; border-bottom: 1px solid #e4e6ea;}
.connection-title{margin-bottom: 10px; display: flex; align-items: center;}
.connection-title > .border{width: 8px; background-color: #2a62d2; height: 40px; margin-right: 5px;}

.map-texts{margin-top: 30px;}
.map-text-title{margin-bottom: 10px;}
.map-text-title h2{font-size: 20px; font-weight: 500; font-family: 'SCDream';}
.map-text{background-color: #f5f5f5; box-sizing: border-box; padding: 1rem; border-radius: 10px;}
.map-text p{font-family: "FontAwesome"; font-size: 18px; margin-bottom: 8px;}
.map-text p i{margin-right: 5px;}
.map-text p:last-child{margin-bottom: 0;}
.edu-logos-01:last-child{margin-right: 0;}
.edu-logos{width: 100%;}
.edu-logos-01 img{width: 100%;}

/* 반응형 */
/* 태블릿 가로모드 */
@media only screen and (min-width: 1024px) and (max-width: 1400px){
    .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{width: 50%; 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: 1023px) {
    .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;}

    /* omr카드 */
    .OMR-creation{margin-bottom: 50px;}
    .setting-info-left:nth-child(3){margin-left: 20px;}

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

}

/* 모바일 */
@media only screen and (max-width: 767px) and (min-width: 300px) {
    .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%; display: flex; margin: 0  auto;}
    .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-inner2{margin-bottom: 40px;}
    .setting-tab-inner2 img{width: 95%;}

    .setting-error-btn{margin-bottom: 10px;}
    .setting-info-inner-textbox h3{font-size: 18px;}
    .setting-info-inner-textbox span{font-size:16px;}
    .setting-info-title{margin-bottom: 10px;}

    .img-first.mini{width: 80%;}

    /* 스캐너자료실 */
    .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;}

    /* omr카드 */
    .popup-btns{flex-direction: column;}
    .cheating-btn{margin-right: 0;}
    .cheating-btn,.sample-omrcard{width: 100%; text-align: center; margin-top: 10px;}
    .cheating-btn span,.sample-omrcard span{width: 100%; display: block;}
    .setting-info-flex{flex-direction: column;}
    .setting-info-left:first-child{margin-right: 0; margin-bottom: 15px;}
    .setting-info-left:nth-child(3){margin-top: 15px;}
    .setting-OMRcard{align-items: start;}

    /* univ프로그램 */
    .setting-tab-btn.setting-tab-btns li{width: 100%;}
    .program-keywords{flex-direction: column; margin-top: 0;}
    .program-keyword01{margin-bottom: 10px;}
    .scan-as-info01{align-items: flex-start;}
    .univ-use01-02{flex-direction: column;}
    .univ-use01-02 .univ-use01{width: 100%;}
    .univ-use01-02 .univ-use01 .univ-use-inner{height: auto;}
    .univ-use-inner-left{font-size: 16px;}
    .univ-use01 .univ-use-inner{padding: 0.5rem;}

    .univ-use-inner a{flex-wrap: wrap;}
    .univ-use-inner-left:last-child{display: none;}
    .univ-use-inner-left span{letter-spacing: -1px;}
    .univ-use01 iframe{height: auto;}
    .univ-use-inner-left .circle,.univ-use-inner-left h3{margin-right: 5px;}
    .univ-use-inner-left .circle::before{font-size: 13px;}
    .univ-use-inner-left h3{white-space: nowrap;}
    .univ-use-info img{display: none;}
    .univ-use-text{width: 100%;}
    .univ-sp-title-img{width: 10%;}
    .univ-sp-title{flex-wrap: wrap;}
    .content-title-plus-btn.univ{width: 100%; margin-top: 8px; margin-left: 0;}
    .content-title-plus-btn.univ>a{padding: 0.5rem;}

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

    /* 판독대행 그림 코딩으로 */
    .univ-infomation-img-coding{flex-wrap: wrap; justify-content: space-between;}
    .univ-infomation-img-coding01-inner{width: 110px; height: 110px;}
    .univ-infomation-img-coding01{margin-bottom: 10px;}
}