@charset "UTF-8";
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 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: stretch;}
.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; display: flex; align-items: center; justify-content: center; overflow-wrap: anywhere; word-break: keep-all;}
.content-title-plus-btn:hover a{background-color: #2a62d2; color: #fff;}
.content-title-plus-btn:first-child{margin-right: 20px;}

.content-title-plus-btn.univ{width: 20%; margin-left: 10px; text-align: center; border: 1px solid #E83630;}
.content-title-plus-btn.univ>a{color: #E83630;}
.content-title-plus-btn.univ:hover a{background-color: #E83630; color: #fff;}

.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; overflow-wrap: anywhere; word-break: keep-all;}
.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-between; 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: pointer;}
.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; }
/* background: url(../img/menu05/hospital-01.png) no-repeat; height: 200px; background-position: center; */
.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: start; 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{border:2px solid #EF6C42;}
.univ-infomation-img-coding01:nth-child(2) .univ-infomation-img-coding01-inner{border:2px solid #FF9801;}
.univ-infomation-img-coding01:nth-child(3) .univ-infomation-img-coding01-inner{border:2px solid #FFC602;}
.univ-infomation-img-coding01:nth-child(4) .univ-infomation-img-coding01-inner{border:2px solid #A79684;}
.univ-infomation-img-coding01:nth-child(5) .univ-infomation-img-coding01-inner{border:2px solid #6CD4F1;}
.univ-infomation-img-coding01:nth-child(6) .univ-infomation-img-coding01-inner{border:2px solid #4F8CC3;}
.univ-infomation-img-coding01:nth-child(7) .univ-infomation-img-coding01-inner{border:2px solid #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 p{font-size: 18px; font-weight: 500; margin-top: 8px;}

.univ-infomation-img-coding01 span{text-align: center; font-size: 15px; font-weight: 400;}

/* 핑크펜 */
.univ-sp-title-img.pinkpen-logo{width: 25%;}

.pinkpen-sp{display: flex; align-items: center; justify-content: space-around; width: 100%;}
.pinkpen-sp01{display: flex; flex-direction: column; text-align: center; align-items: center; margin-top: 1rem;}
.pinkpen-sp01 img{width: 70%; margin-bottom: 8px;}

.pinkpen-info01{margin: 2rem 0 5rem;}
.pinkpen-info-title{display: flex; align-items: flex-start; margin-bottom: 10px;}
.pinkpen-info-num{padding: 0 0.4rem; background-color: #DF77AC; color: #fff; font-weight: 600; font-size: 16px; border-radius: 10px; margin-right: 8px;}
.pinkpen-info-num.jungneis{background-color: #2F89BC;}

.pinkpen-info-title-text{width: 100%; line-height: 25px;}
.pinkpen-info-title-text h2{font-family: 'ONE-Mobile-Title'; color: #DF77AC; font-size: 20px; margin-bottom: 3px;}
.pinkpen-info-title-text.jungneis h2{color: #2F89BC;}
.pinkpen-info-title-text p{font-size: 16px;}
.pinkpen-info-title-text span{font-size: 14px; text-align: right; display: block;}
.pinkpen-info-feature{background-color: #fff3f9; border-radius: 10px; padding: 8px 20px; margin-bottom: 10px;}
.pinkpen-info-feature.jungneis{background-color: #f5f5f5;}
.pinkpen-info-feature-item{display: flex; align-items: flex-start; margin: 8px 0;}
.pinkpen-info-feature-text{line-height: 25px;}
.pinkpen-info-feature-text p{font-size: 16px;}
.pinkpen-feature-num{padding: 0px 0.45rem; background-color: #636464; color: #fff; font-weight: 600; font-size: 12px; border-radius: 100%; margin-right: 8px;}
.pinkpen-info-feature-point{background-color: #FCEDF4; border-radius: 10px; padding: 20px; margin: 10px 0 10px;position: relative; z-index: -2;}
.pinkpen-info-point-text::after{content: ""; background: url(../img/menu05/pinkpen-info-icon.png) no-repeat; width: 106px; height: 109px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.pinkpen-info-point-text p{font-family: 'ONE-Mobile-Title'; color: #DF77AC; font-size: 18px; margin-bottom: 3px; text-align: center; line-height: 1.5;}
.pinkpen-info-procedure{display: flex; justify-content: center; flex-wrap: wrap; gap: 30px;}
.pinkpen-info-procedure-item{position: relative;}
.procedure-bg::before{content: ""; background: url(../img/menu05/pinkpen-procedure-arrow.png) no-repeat; position: absolute; top: 50%; transform: translateY(-50%); left: -50px; width: 70px; height: 70px; z-index: 1;}
.procedure-bg::after{content: ""; background: url(../img/menu05/pinkpen-procedure-arrow.png) no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: -50px; width: 70px; height: 70px; z-index: 1;}
.procedure-bg.arrow-none1::before{display: none;}
.procedure-bg.arrow-none2::after{display: none;}
.pinkpen-info-procedure .procedure-bg{background-color: #FCEDF4; border-radius: 10px;}
.pinkpen-info-procedure .procedure-img{padding: 20px; width: 225px;}
.pinkpen-info-procedure .procedure-img img {width: 100%; height: auto;}
.pinkpen-info-procedure .procedure-txt{font-size: 14px; background-color: #fad9e8; border-radius: 0 0 10px 10px; padding: 0 10px; text-align: center; font-weight: bold; height: 80px; display: flex; justify-content: center; align-items: center; }
.pinkpen-info-inner{max-width: 657px; overflow: hidden; margin: 0 auto;}
.pinkpen-info-inner img{width: 100%; border: 0.25px solid #333;}
.pinkpen-info-box{display: flex; justify-content: center; gap: 60px; text-align: center;}
.pinkpen-info-box.gap10{display: flex; justify-content: center; gap: 10px; text-align: center;}
.pinkpen-info-item{padding: 10px;}
.pinkpen-info-img img{width: 100%;}
.pinkpen-info-txt{padding: 0.3rem 0; background-color: #DF77AC; color: #fff; border-radius: 10px; font-size: 14px; text-align: center;}
.pinkpen-info-txt.jungneis{background-color: #2F89BC;}

.pinkpen-info01.school{margin-bottom: 1rem;}

.pinkpen-use01{margin-top: 1rem;}
.pinkpen-use-titles{display: flex; align-items: center;}
.pinkpen-use-num{background-color: #C6D3EC; color: #7A94C7; font-size: 20px; width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-weight: 600; z-index: 2;}
.pinkpen-use-title{z-index: 1; display: flex; background-color: #7A94C7; color: #fff; padding: 0.5rem 1rem; border-radius: 50px; margin-left: -5px; font-size: 20px; margin-right: 10px;}

.pinkpen-03-sp01{display: flex; align-items: center; margin-top: 0.3rem;}
.pinkpen-03-sp01-title{padding: 0.5rem; border: 1px solid #7A94C7; border-radius: 50px; font-size: 18px; margin-right: 10px; white-space: nowrap;}
.pinkpen-03-sp-text-plus{background-color: #f5f5f5; padding: 0.5rem;}
.pinkpen-03-sp-text-plus01 span img{width: 50%; display: block; margin-bottom: 0.5rem;}

.youtube-inner-pinkpen-title{font-size: 25px; font-family: 'ONE-Mobile-Title'; margin-bottom: 1rem; color: #636565;}
.youtube-inner-pinkpen iframe{border: 1px solid #ccc;}

.pink-pen-pdf{border-radius: 10px; border: 2px solid #DF77AC; margin-left: 1rem; transition: .2s; font-size: 16px; font-family: 'SCDream'; font-weight: 500;}
.pink-pen-pdf:hover{background-color: #DF77AC; color: #fff;}
.pink-pen-pdf a{display: block; padding: 0.5rem 1rem; }

.pink-pen-neis-baneer{background-color: #FFF5D5; border-radius: 20px; box-sizing: border-box; padding: 1rem; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}
.univ-sp-inner.pink-neis{background-color: #fff; border-radius: 10px; box-sizing: border-box; padding: 0.8rem; width: 100%;}
.pink-pen-neis-left{width: 70%;}
.pink-pen-pdf{background-color: #fff;}

.pink-pen-neis-baneer-right{width: 28%;}
.pink-pen-neis-baneer-right 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;}

    .pink-pen-neis-baneer-right{align-self: flex-end;}
}

/* 모바일 */
@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-keyword-inner{display: flex; justify-content: space-between;}
    .program-keywords{margin-top: 0; display: block; width: 49%;}
    /* .program-keywords{flex-direction: column; margin-top: 0;} */
    .program-keyword01{margin-bottom: 10px; width: 170px; height: 170px;}
    .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-title h2{font-size: 18px;}

    /* 판독대행 그림 코딩으로 */
    .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;}

    /* 핑크펜 */
    .univ-sp-title{justify-content: center;}
    .univ-sp-title-img.pinkpen-logo{width: 50%; margin: 0 auto; margin-bottom: 8px;}

    .pink-pen-pdf{margin-left: 0; text-align: center; margin-top: 10px;}

    .pinkpen-sp{flex-wrap: wrap;}
    .pinkpen-sp01{width: 50%;}

    .pinkpen-use-titles{flex-wrap: wrap;}
    .pinkpen-03-sp-text-plus01 span img{width: 100%;}

    .pinkpen-info-point-text p{font-size: 16px;}
    .pinkpen-info-procedure{display: flex; flex-wrap: wrap; gap: 30px; flex-direction: column; align-items: center;}
    .procedure-bg::before{content: ""; background: url(../img/menu05/pinkpen-procedure-arrow2.png) no-repeat; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; z-index: 1;}
    .procedure-bg::after{content: ""; background: url(../img/menu05/pinkpen-procedure-arrow2.png) no-repeat; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; z-index: 1;}
    .procedure-bg.arrow-none1::after{display: none;}
    .pinkpen-info-procedure .procedure-img{padding: 5px 20px; width: 292px;}
    .pinkpen-info-procedure .procedure-txt{height: 70px;}
    .pinkpen-info-box{display: flex; align-items: center; flex-direction: column; gap: 25px; text-align: center;}
    .pinkpen-info-feature{padding: 8px 10px;}
    .pinkpen-info-feature-item{margin: 6px 0;}
    .pinkpen-info-title-text h2{font-size: 17px;}
    .pinkpen-info-title-text p {font-size: 14px; line-height: 1.5;}
    .pinkpen-info-feature-text p {font-size: 14px; line-height: 1.5;}
    .pinkpen-feature-num{padding: 0px 6.2px; font-size: 12px; }
    .program-textbox span{line-height: normal;}

    .pink-pen-neis-baneer{flex-direction: column; padding: 0.5rem;}
    .pink-pen-neis-left{width: 100%;}
    .pink-pen-neis-left .univ-sp-title{flex-direction: column; align-items: center; padding: 0 !important;} 
    .pink-pen-neis-left .univ-sp-title-img.pinkpen-logo{width: 48%; margin-bottom: 0;}
    .pink-pen-neis-left .pink-pen-pdf{font-size: 15px; width: 100%;}
    .univ-sp-inner.pink-neis{padding: 0.5rem; font-size: 15px;}

    .pink-pen-neis-baneer-right{display: none;}
    .univ-sp-circle{display: none;}
    .univ-sp-title{padding: 0.8rem !important;}
    .pinkpen-info01{margin: 2rem 0 2rem;}
    .pinkpen-info-txt{padding: 0.3rem; overflow-wrap: anywhere; word-break: keep-all;}
}