@charset "UTF-8";
@import "fonts.css";

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body, html {
    margin: 0;
    padding: 0;
    font-family: Noto Sans Korean, sans-serif;
    font-size: 13px;
    color: #666;
    height: 100%;
    line-height: 15px;
    /*overflow-x: hidden;*/
    overflow-y: auto;
}

a, abbr, acronym, address, applet, b, big, blockquote, button, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, embed, fieldset, form, h1, h2, h3, h4, h5, h6, i, iframe, img, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-style:normal;
    font-weight:normal;
    box-sizing: border-box
}

html {
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

li, ol, ul {
    list-style: none
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

input, select, td, textarea, th {
    font-family: Noto Sans Korean, sans-serif;
    font-size: 14px;
    vertical-align: middle;
    line-height: 1.3
}

textarea {
    overflow: auto
}

abbr, acronym, fieldset, img {
    border: 0 none
}

img{
    vertical-align:middle;
    border:0;
    border-style:none;
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

label {
    cursor: pointer
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

hr, legend {
    position: absolute;
    top: 0;
    left: -9999px;
    height: 1px;
    line-height: 1px
}

caption, hr, legend {
    visibility: hidden;
    overflow: hidden;
    width: 1px;
    margin: 0;
    padding: 0
}

caption {
    height: 0;
    line-height: 0
}

.hidden {
    visibility: hidden;
}


* html input, :first-child + html input {
    margin: -1px 0
}

input {
    border: 1px solid #ccc;
    border-radius: 4px
}

input.border_radius_0 {
    border-radius: 0
}

input[type=checkbox] {
    width: 16px;
    height: 16px;
    vertical-align: -2px
}

input[type=text] {
    color: #000;
    height: 32px;
    line-height: 30px;
    padding: 0 9px;
}

input[type=text].small {
    height: 24px;
    line-height: 24px
}

input[type=text].medium {
    height: 26px;
    line-height: 26px
}

input[type=text]::placeholder {
    color: #888 !important
}

input[type=text].placeholder_black::placeholder {
    color: #000 !important
}

input[type=text]:disabled {
    background-color: #eee
}

input[type=password] {
    height: 30px;
    line-height: 30px;
    padding-left: 9px
}

input[type=button] {
    padding: 0;
    border: none
}

input[type=date]::-webkit-calendar-picker-indicator {
    opacity: .5;
    display: block;
    background-size: 20px;
    background-position-x: -5px;
    height: 20px
}

input:focus {
    outline: none
}

input:focus:-ms-input-placeholder, input:focus::-moz-placeholder, input:focus::-ms-input-placeholder, input:focus::-webkit-input-placeholder {
    color: transparent
}

textarea {
    padding: 8px 10px;
    border: 1px solid #c6cacc
}

textarea.text_area {
    min-height: 51px;
    max-height: 630px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    letter-spacing: -.56px;
    border-radius: 4px;
}

textarea.text_area.placeholder_black::placeholder {
    color: #000 !important
}

textarea.text_area:disabled {
    background-color: #eee
}

/* 로딩  css */
.loading {
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding-top: 0%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
}
.loading i {
    color: #fff;
    font-size: 70px;
}

.radio_box {
    font-size: 14px;
    color: #000;
}

.radio_box input[type=radio] {
    position: relative;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    outline: none;
    border: 1px solid #ccc;
    margin-right: 1px;
    background-color: #fff;
    cursor: pointer
}

.radio_box input:first-child {
    margin-left: 0;
}

.radio_box > input  {
    margin-left: 5px;
}

.radio_box input[type=radio]:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.radio_box input[type=radio]:checked:before {
    background: #24a148;
}

.radio_box input[type=radio]:checked {
    border-color: #24a148
}

.radio_box input[type=radio].small {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    margin-top: 3px
}

.radio_box input[type=radio].small:before {
    content: '';
    width: 7px;
    height: 7px
}

.radio_box label, select {
    color: #000
}
/* 시험지 목록 상세 탭 부분 영역 */
.radio_box.radio_box_wrap {}

.radio_box_wrap .tab-content > div {
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
}

.radio_box_wrap .tab-content .question_item_area {
    padding: 20px;
}

.radio_box.radio_box_wrap .fixed_tab .tab_con .question_item_area {
    padding: 20px;
}

.radio_box.radio_box_wrap .tbl_scroll_box {
    border-top: 0;
    border-left: 0;
}

select {
    border: 1px solid #ccc;
    background: url(../images/ic_drop.svg) no-repeat 97% 50%;
    background-color: #fff;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 4px;
    padding-left: 10px;
    height: 32px;
}

select:focus {
    outline: 0
}

select::-ms-expand {
    display: none
}

select.small {
    line-height: 24px
}

select:disabled {
    background-color: #eee
}

.select_box {
    line-height: 30px
}

.select_type {
    position: relative
}

.select_type dt {
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
    color: #000;
    background: #fff url(../images/ic_drop.svg) no-repeat 95% 50%;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 4px;
    padding-left: 10px;
    cursor: pointer
}

.select_type dd {
    position: absolute;
    top: 32px;
    left: 0;
    width: 100%;
    display: none;
    opacity: 0;
    max-height: 226px;
    padding: 9px 10px;
    background-color: #eee;
    overflow-y: auto;
    z-index: 999
}

.select_type dd.open {
    display: block;
    opacity: 1
}

.select_type dd li a:not(.btn) {
    margin-bottom: 13px;
    display: block;
    font-size: 14px;
    letter-spacing: -.56px;
    color: #000
}

.select_type dd li:hover a:not(.btn) {
    color: #24a148
}

.check_box {
    padding-top: 3px;
    position: relative
}

.check_box input[type=checkbox] {
    display: none
}

.check_box input[type=checkbox] + label {
    height: 18px;
    padding-left: 21px;
    font-size: 14px;
    color: #000;
    letter-spacing: -.5px;
    background-image: url(../images/checkbox.png);
    background-repeat: no-repeat;
    background-position-y: 2px;
    cursor: pointer
}

.check_box input[type=checkbox] + label.pl16 {
    padding-left: 16px !important
}

.check_box input[type=checkbox] + label.pl21 {
    padding-left: 21px !important
}

.check_box input[type=checkbox]:checked + label {
    background-image: url(../images/checkbox_active.png);
    background-repeat: no-repeat
}

.check_box input[type=number] {
    padding-left: 3px;
    width: 40px;
}

input[type=text].hasDatepicker {
    text-decoration: underline;
    text-align: center;
}

input[type=text].hasDatepicker::placeholder {
    text-decoration: underline
}

.hide, input[type=file].input_file_button {
    display: none
}

.inline_block {
    display: inline-block;
}

.fl {
    float: left
}

.fr {
    float: right
}

.bor_0 {
    border: 0 !important
}

.w400 {
    width: 400px !important
}

.w300 {
    width: 300px !important
}

.w290 {
    width: 290px !important
}

.w270 {
    width: 270px !important
}

.w220 {
    width: 220px !important
}

.w200 {
    width: 200px !important
}

.w180 {
    width: 180px !important
}

.w160 {
    width: 160px !important
}

.w150 {
    width: 150px !important
}

.w140 {
    width: 140px !important
}

.w145 {
    width: 145px !important
}

.w130 {
    width: 130px !important
}

.w120 {
    width: 120px !important
}

.w110 {
    width: 110px !important
}

.w100 {
    width: 100px !important
}

.w95 {
    width: 95px !important
}

.w90 {
    width: 90px !important
}

.w88 {
    width: 88px !important
}

.w80 {
    width: 80px !important
}

.w70 {
    width: 70px !important
}

.w64 {
    width: 64px !important
}

.w60 {
    width: 60px !important
}

.w52 {
    width: 52px !important
}

.w10p {
    width: 10% !important
}

.w45p {
    width: 45% !important
}

.w50p {
    width: 50% !important
}

.w80p {
    width: 80% !important
}

.w100p {
    width: 100% !important
}

.m00 {
    margin: 0 !important
}

.p00 {
    padding: 0 !important
}

.pt00 {
    padding-top: 0 !important
}

.pt05 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt55 {
    padding-top: 55px !important
}

.pt60 {
    padding-top: 60px !important
}

.pl00 {
    padding-left: 0 !important
}

.pl05 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl17 {
    padding-left: 17px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl55 {
    padding-left: 55px !important
}

.pl60 {
    padding-left: 60px !important
}

.pr00 {
    padding-right: 0 !important
}

.pr05 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pr55 {
    padding-right: 55px !important
}

.pr60 {
    padding-right: 60px !important
}

.pb00 {
    padding-bottom: 0 !important
}

.pb05 {
    padding-bottom: 5px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb55 {
    padding-bottom: 55px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.mt00 {
    margin-top: 0 !important
}

.mt02 {
    margin-top: 2px !important
}

.mt04 {
    margin-top: 4px !important
}

.mt05 {
    margin-top: 5px !important
}

.mt08 {
    margin-top: 8px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt12 {
    margin-top: 12px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt32 {
    margin-top: 32px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt55 {
    margin-top: 55px !important
}

.mt60 {
    margin-top: 60px !important
}

.ml00 {
    margin-left: 0 !important
}

.ml04 {
    margin-left: 4px !important
}

.ml05 {
    margin-left: 5px !important
}

.ml08 {
    margin-left: 8px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml12 {
    margin-left: 12px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml45 {
    margin-left: 45px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml55 {
    margin-left: 55px !important
}

.ml60 {
    margin-left: 60px !important
}

.mr00 {
    margin-right: 0 !important
}

.mr04 {
    margin-right: 4px !important
}

.mr05 {
    margin-right: 5px !important
}

.mr08 {
    margin-right: 8px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr38 {
    margin-right: 38px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr55 {
    margin-right: 55px !important
}

.mr60 {
    margin-right: 60px !important
}

.mb00 {
    margin-bottom: 0 !important
}

.mb05 {
    margin-bottom: 5px !important
}

.mb08 {
    margin-bottom: 8px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb12 {
    margin-bottom: 12px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb55 {
    margin-bottom: 55px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb135 {
    margin-bottom: 135px !important
}

.bold {
    font-weight: bold;
}

.h100 {
    height: 100px !important;
}

.justify_between_center {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.justify_between {
    align-items: center
}

.justify_between, .justify_between_start {
    display: flex;
    justify-content: space-between
}

.justify_between_start {
    align-items: flex-start
}

.justify_center {
    display: flex;
    justify-content: center;
    align-items: center
}

.justify_center_top {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.justify_start {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.justify_start_wrap {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.justify_start_top {
    display: flex;
    justify-content: start;
    align-items: flex-start
}

.justify_end {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.baseline {
    display: flex;
    align-items: baseline;
}

.flex_grow {
    flex-grow: 1
}

.left {
    text-align: left !important
}

.right {
    text-align: right !important
}

.center {
    text-align: center !important
}

.t_underline {
    text-decoration: underline
}

body {
    background-color: #f6f6f6
}

/*#wrap {*/
/*    padding-bottom: 20px*/
/*}*/

.login_area {
    position: relative;
    width: 500px;
    margin: 0 auto;
    padding-top: 245px;
    text-align: center
}

.login_area h1 {
    margin: 35px auto 60px;
    font-size: 35px;
    line-height: 45px;
    color: #000;
    font-weight: 600;
    letter-spacing: -2.4px
}

.login_area img {
    width: 60%;
}

.login_area .sub_tit {
    font-size: 16px
}

.login_area .login_box > input {
    width: 500px;
    height: 60px;
    padding-left: 20px;
    font-size: 18px;
    color: #000
}

.login_area .login_box > input::placeholder {
    font-size: 18px;
    color: #aaa !important;
    line-height: 50px;
    padding-top: 8px
}

.login_area .id_save {
    width: 100%;
    text-align: right
}

.login_area .login_btn {
    margin-top: 46px;
    margin-bottom: 24px
}

.login_area .login_btn a {
    width: 100%;
    height: 60px;
    font-size: 18px;
    font-weight: 500
}

.login_area .login_notice {
    display: flex;
    text-align: left
}

.login_area .login_notice span {
    line-height: 24px;
    font-size: 14px;
    letter-spacing: -1px
}

.login_area .login_notice .notice_txt {
    padding-left: 3px
}

.login_area .psw_box {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    width: 500px;
    height: 250px;
    padding-top: 75px
}

.login_area .psw_box label {
    display: inline-block;
    width: 100px;
    font-size: 14px;
    text-align: left;
    color: #000
}

.login_area .psw_box input {
    width: 300px;
    height: 32px
}

.login_area .psw_box .val_check_wrap {
    position: relative
}

.login_area .psw_box .val_check {
    position: absolute;
    left: 150px;
    line-height: 32px;
    font-size: 14px;
    color: #fa4d56
}

.container {
    position: relative;
    /*min-width: 1200px;*/
    margin: 0 auto 60px;
}

.container.pop_container h2.title {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    font-weight: 700;
    letter-spacing: -.8px;
    margin-bottom: 25px;
}

.window_pop h2.title.type_bar span {
    font-weight: 500;
}

.window_pop h2.title.type_bar span::after {
    content: '';
    width: 1px;
    height: 15px;
    background: #000;
    display: inline-block;
    margin: 0 10px;
}

.window_pop h2.title .total_num {
    color: #777;
    display: inline-block;
    font-weight: 500;
}

.container .page_tit {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 600;
    padding: 40px 0 20px;
}

.container .page_tit .s_tit {
    font-size: 14px;
    color: #777;
    font-weight: 400
}

.container .section_tit {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    padding: 45px 0 24px;
    display: none;
}
.container .index_tit {
    font-size: 14px;
    color: #999;
    font-weight: 600;
    padding: 20px 0 10px;
}

.container .sec_tit {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    padding: 15px 0;
}

.container .guide_txt, .window_pop .guide_txt {
    font-size: 13px;
    display: inline-block;
    margin: 0 0 10px 5px;
}

.container .sec_tit.column_tit {
    padding: 0
}

.container .sec_tit .s_tit {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.28px;
    color: #555
}

.container .section_tit.column_tit {
    padding: 0
}

.container .section_tit .s_tit {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.28px;
    color: #555
}

.container .sub_tit {
    margin: 40px 0 10px;
    font-size: 20px;
    line-height: 21px;
    color: #000;
}

.container .title_box {
    background-color: #ddd;
    height: 48px;
    border-radius: 4px;
    padding-right: 12px;
    margin-bottom: 25px
}

.container .title_box .tit_name {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.container .title_box .title {
    display: flex;
    align-items: center;
    padding-right: 8px;
    font-size: 20px;
    color: #777;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -.8px
}

.container .title_box .title:after {
    content: "|";
    font-size: 16px;
    padding-left: 8px;
    font-weight: 300;
    color: #aaa;
    margin-top: -3px
}

.container .title_box .total {
    line-height: 28px;
    font-size: 20px;
    color: #777
}

.contents {
    /*min-width: 1200px;*/
    margin: 0 auto
}

.contents .sub_tit {
    font-size: 20px;
    line-height: 21px;
    font-weight: 600;
    color: #000;
}

section {
    width: 100%;
}

section .tui_max {
    max-width: 980px;
}

.right_section {
    width: 100%;
    margin-left: 10px
}

.left_section {
    position: relative;
    min-width: 283px;
    background-color: #fff;
    padding: 12px 0;
    border: 1px solid #ccc;
    border-radius: 4px
}

.left_section h2 {
    font-size: 20px;
    color: #000;
    line-height: 29px;
    font-weight: 600;
    padding-left: 21px;
    margin-bottom: 8px
}

.left_section .info_txt {
    font-size: 12px;
    color: #555;
    padding-left: 21px;
    line-height: 17px;
    letter-spacing: -.8px
}

.left_section .paper_info {
    margin-left: 21px;
    margin-top: 21px
}

.left_section .paper_info > ul > li {
    margin-bottom: 6px
}

.left_section .paper_info h4 {
    width: 89px;
    font-size: 14px;
    color: #777;
    line-height: 32px
}

.left_section .paper_info .auto {
    font-size: 14px;
    color: #888;
    padding-left: 3px
}

.left_section .paper_info .auto.on {
    color: #000
}

.left_section .paper_info .select_box {
    line-height: 32px
}

.left_section .paper_info label {
    font-size: 13px;
    padding-right: 8px
}

.left_section .file_box {
    width: 240px;
    margin: 0 auto;
    background-color: #eee;
    border-radius: 4px;
    height: 190px;
}

.left_section .file_box .file_list {
    height: 142px;
    overflow-y: auto
}

.left_section .file_box .file_list .empty {
    font-size: 14px;
    line-height: 142px;
    color: #777;
    letter-spacing: -.5px
}

.left_section .file_box .file_list .file_upload {
    padding: 8px;
    text-align: left
}

.left_section .file_box .file_list .file_upload li {
    font-size: 13px;
    line-height: 27px;
    color: #000
}

.left_section .file_box .file_list .file_upload li span {
    margin-right: 5px
}

.left_section .file_box .file_list .file_upload .done span {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/ic_close.svg) no-repeat;
    background-position-y: 2px;
    cursor: pointer
}

.left_section .file_box .file_list .file_upload .ing {
    color: #888
}

.left_section .file_box .file_list .file_upload .ing span {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/ic_upload.svg) no-repeat;
    background-position-y: 2px
}

.company_list {
    min-width: 274px;
    background-color: #fff;
    padding: 20px 25px;
    margin-right: 13px;
    border-radius: 4px;
    border: 1px solid #ccc
}

.company_list span {
    font-size: 14px;
    color: #000
}

/* 문항 목록 메뉴 */
.menu_wrap {
    width: 100%;
    height: 80px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.menu_wrap > li {
   flex: 1;
}
.menu_wrap li {
    position: relative;
}

.menu_wrap li + li:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 57px;
    top: 0px;
    left: 0px;
    background: #e4e4e4;
}

.menu_wrap li:last-child:after {
    top: -5px;
}

.menu_wrap .menu_list {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    width: 100%;
}

.menu_wrap .square {
    display: inline-block;
    margin-bottom: 8px;
}

.menu_wrap .square img {
    width: 100%;
    height: 100%;
    max-width: 30px;
    object-fit: contain;
}

.menu_wrap .square_tit {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #333;
    display: inline-block;
}

.menu_box {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 25px 0;
}

.menu_box > li {
    width: 142px
}

.menu_box .menu_list {
    display: block;
    text-align: center;
}

.menu_box .add-folder {
    font-size: 14px;
    line-height: 14px;
    white-space: nowrap;
}

.menu_box .add-folder a::before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    background: url(../images/btn_add_folder.png);
}

.menu_box .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    line-height: 68px;
    background-color: #fff;
    border: 1px solid #24a148;
    border-radius: 50%;
    margin: 0 auto;
}

.menu_box .circle img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.menu_box .circle_tit {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #333;
    margin-top: 7px;
}

.menu_box .menu_list span.folder {
    cursor: pointer;
    position: relative;
    width: 46px;
    height: 46px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #efefef;
    display: inline-block;
    background: url(../images/ic_myfolder_off.png) no-repeat;
    background-size: contain;
}

.menu_box .menu_list span.folder.active {
    background: url(../images/ic_myfolder_on.png);
}

.menu_box .menu_list span.folder .del_btn {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: -1px;
    border: none;
    background-color: transparent;
    align-items: center;
}

.menu_box .menu_list span.folder:hover .del_btn {
    background: url(../images/ic_delBtn.png);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.menu_box .menu_list input.folder_tit {
    font-size: 14px;
    color: #333;
    border: none;
    background: transparent;
    width: 100px;
    height: 45px;
    padding: 15px 10px;
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.menu_box .menu_list span.folder_tit {
    font-size: 14px;
    color: #333;
    border: none;
    background: transparent;
    width: 100px;
    height: 45px;
    padding: 15px 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    cursor: pointer;
}

.menu_box .menu_list span.folder_tit.active {
    color: blue;
}

.menu_box .menu_list input.folder_tit:focus {
    border: 1px solid #ccc;
}



.view_box {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    position: relative;
    padding: 20px;
}

.right_section.view_box {
    max-width: 1330px;
}

.view_box .area_title {
    font-size: 15px;
    line-height: 29px;
    color: #000;
    font-weight: 600;
    letter-spacing: -.8px
}

.view_box .inner {
    padding: 0 20px
}

.view_box .inner .title {
    font-size: 20px;
    line-height: 29px;
    color: #000;
    font-weight: 600;
    letter-spacing: -.8px
}

.view_box .inner .sub_title {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    letter-spacing: -.64px
}

.view_box .total {
    font-size: 20px;
    line-height: 29px;
    color: #888;
    font-weight: 600;
    letter-spacing: -.8px
}

.view_box .total.on {
    color: #24a148
}

.view_box .rotate {
    width: 20px;
    height: 20px
}

.view_box .crop_box {
    width: 100%;
    height: 732px;
    bottom: 0;
    overflow-y: auto;
    padding-bottom: 20px
}

.view_box .crop_box .img_box {
    position: relative;
    width: 430px;
    margin: 0 auto;
    height: 620px;
    overflow: auto;
    border: 1px solid #777
}

.view_box .crop_box .img_box .size_btn {
    position: absolute;
    top: 20px;
    right: 0
}

.view_box .crop_box .img_box .size_btn a {
    margin-right: 4px
}

.view_box .question_box {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 13px
}

.view_box .question_box .question {
    font-size: 14px;
    color: #000;
    line-height: 24px;
    margin-right: 8px
}

.view_box .question_box .question .q_line {
    margin-bottom: 8px
}

.view_box .question_box .question_btn {
    display: flex;
    flex-direction: column
}

.view_box .f_question {
    width: 853px;
    margin: 0 auto;
    padding: 16px 20px 20px;
    margin-bottom: 20px
}

.view_box .f_question h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #000
}

.view_box .r_question {
    width: 1159px;
    margin: 0 auto;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 12px 20px 20px
}

.view_box .r_question + .r_question {
    margin-top: 20px
}

.view_box .r_question .top {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    margin-bottom: 16px
}

.view_box .r_question .drag {
    cursor: grab
}

.view_box .r_question .question {
    background-color: #fff;
    margin-right: 0
}

.scroll_box {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll_box .similar_question_box {
    width: 546px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px
}

.scroll_box .similar_question_box.checked {
    border-color: #24a148;
    background-color: #defbe6
}

.scroll_box .similar_question_box .question {
    padding: 17px;
    margin-right: 0;
    background-color: #fff
}

.scroll_box .similar_question_box label {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    line-height: 18px
}

.scroll_box .similar_question_box input:checked ~ label {
    color: #24a148
}

.scroll_box .similar_question_box .similarity .tit {
    font-size: 14px;
    line-height: 20px;
    color: #888;
    padding-right: 12px
}

.scroll_box .similar_question_box .similarity label input[type=radio] {
    display: none
}

.scroll_box .similar_question_box .similarity label input[type=radio]:checked + span {
    background-color: #24a148;
    color: #fff
}

.scroll_box .similar_question_box .similarity label input[type=radio] + span {
    display: inline-block;
    height: 28px;
    line-height: 26px;
    background-color: #ddd;
    color: #555;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    width: 52px;
    font-weight: 400;
    margin-right: -3px
}

.scroll_box .similar_question_box .similarity label span.first {
    border-radius: 4px 0 0 4px
}

.scroll_box .similar_question_box .similarity label span.last {
    border-radius: 0 4px 4px 0
}

.scroll_box .q_empty p {
    text-align: center;
    margin-top: 136px;
    font-size: 16px;
    line-height: 24px;
    color: #777;
    font-weight: 600
}

.total {
    color: #000
}

.more_info p, .total, .total.sm {
    font-size: 14px;
    display: inline-block;
}

.more_info p {
    line-height: 24px;
    color: #555
}

.tooltip_btn {
    display: inline-block;
    margin-left: 2px
}

.tooltip_con {
    display: none;
    position: absolute;
    top: -64px;
    left: 139px;
    width: 236px;
    height: 52px;
    background-color: #24a148;
    color: #fff;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.7px;
    font-weight: 300;
    border-radius: 4px;
    transform: translate(-50%);
    z-index: 10
}

.tooltip_con.on {
    display: block
}

.tooltip_con.on:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #24a148 transparent transparent
}

.swiper-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 24px
}

.swiper-container.sw01 {
    width: 648px
}

.swiper-container.sw02 {
    width: 546px
}

.swiper-container .swiper-wrpper {
    height: 50px
}

.swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
    /*top: 25px !important;*/
    justify-content: flex-start !important;
    background-image: none !important
}

.swiper-container .swiper-button-next {
    right: -8px !important
}

.swiper-container .swiper-button-prev {
    left: 0 !important
}

.swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after {
    content: "" !important;
    width: 20px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #ddd;
    z-index: 3
}

.swiper-container .swiper-button-prev:after {
    background-image: url(../images/ic_previous.svg);
    border-radius: 4px 0 0 4px
}

.swiper-container .swiper-button-next:after {
    background-image: url(../images/ic_next.svg);
    border-radius: 0 4px 4px 0
}

.swiper-container .slideitem label {
    display: inline-block;
    width: 55px;
    height: 50px;
    border-radius: 4px;
    text-align: center;
    background-color: #eee;
    background-image: url(../images/check_empty.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-position-y: 28px
}

.swiper-container .slideitem label:hover {
    background-color: #defbe6
}

.swiper-container .slideitem label:hover p {
    color: #24a148;
    font-weight: 600
}

.swiper-container .slideitem label p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.5px;
    padding-top: 5px
}

.swiper-container .slideitem input[type=checkbox] {
    display: none
}

.swiper-container .slideitem input[type=checkbox]:checked + label {
    background-image: url(../images/check_active.png)
}

.paging {
    text-align: center;
    font-size: 0;
    margin-bottom: 40px
}

.paging a {
    display: inline-block;
    font-size: 13px;
    color: #aaa;
    vertical-align: top;
    margin-right: 20px
}

/*.paging a:first-child {*/
/*    margin-right: 0;*/
/*}*/

.paging a.pprev {
    margin-right: 10px;
    color: #000
}

.paging a.prev {
    margin-right: 20px;
    color: #000
}

.paging a.next {
    margin-left: 6px;
    margin-right: 10px;
    color: #000
}

.paging a.nnext {
    color: #000
}

.paging a.on {
    color: #000;
    font-weight: bolder;
    text-decoration: none
}

.paging a img {
    padding-top: 3px
}

.ic {
    display: inline-block;
    vertical-align: middle;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #777;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.ellipsis, .sel_question .navigation .nav ul li label.tit, .select_box {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p_text {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -.28px;
    text-align: left;
    color: #555
}

.p_text.col_light_gray {
    color: #777
}



:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}


.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-slide-visible .swiper-lazy-preloader {
    animation: a 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}


.tabmenu {
    min-width: 1200px;
    margin: 0 auto;
    position: relative
}

.tabmenu > ul > li {
    display: inline-block;
    width: 164px;
    text-align: center;
    background: #ddd
}

.tabmenu > ul > li:first-child {
    border-radius: 4px 0 0 0
}

.tabmenu > ul > li:first-child .label {
    border-radius: 4px 0 0
}

.tabmenu > ul > li:last-child, .tabmenu > ul > li:last-child .label {
    border-radius: 0 4px 0 0
}

.tabmenu > ul > li + li {
    margin-left: -3px
}

.tabmenu > ul > li .label {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #777
}

.tabmenu > ul > li .tab_con .title {
    color: #000;
    font-size: 14px
}

.tabmenu .tab_btn > input {
    display: none
}

.tabmenu input.tab:checked ~ label {
    background: #24a148;
    font-weight: 600;
    color: #fff
}

.tabmenu input.tab:checked ~ .tab_con {
    display: block;
}

.tabmenu .type_title {
    font-size: 16px;
    color: #000;
    letter-spacing: -.6px
}

.tabmenu .type_title span {
    font-weight: 600
}

.window_pop {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    padding: 25px 29px;
}

.window_pop .pop_scroll {
    overflow-y: scroll;
}

.window_pop .btn_wrap {
    display: flex;
}

.window_pop .btn_wrap a + a {
    margin-left: 5px;
}

.window_pop .btn_wrap a {
    cursor: pointer;
}

.window_pop .title, .setting_device .title {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    font-weight: 700;
    letter-spacing: -.8px
}

.window_pop .title .bar {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0;
    width: 1px;
    height: 14px;
    background-color: #ccc
}

.window_pop .s_title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #777;
    line-height: 29px;
    letter-spacing: -.64px
}

.window_pop .s_title > span {
    display: inline-block
}

.window_pop .s_title > span.bar {
    vertical-align: middle;
    margin: -3px 8px 0;
    width: 1px;
    height: 14px;
    background-color: #ccc
}

.window_pop .summary {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    letter-spacing: -.28px;
    text-align: left;
    color: #555
}

.window_pop .summary.sm {
    font-size: 12px;
    line-height: 18px
}

.window_pop .txt {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.56px;
    color: #000
}

.window_pop .list_box {
    margin: 0 auto;
    padding: 13px 15px;
    line-height: 24px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.window_pop .list_box p {
    color: #000
}

.window_pop .tbl_tit {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -.64px;
    color: #000
}

.window_pop .list_tit {
    font-size: 16px;
    font-weight: 600;
    color: #777;
    line-height: 24px
}

.window_pop .btn, .window_pop input[type=file].input_file_button + label {
    letter-spacing: -.5px
}

.window_pop .tbl_view.tbl_pop td {
    padding: 4px 5px
}

.window_pop .tbl_pop_wrap {
    position: relative
}

.window_pop .tbl_pop_wrap .val_check {
    position: absolute;
    left: 22%;
    line-height: 30px;
    font-size: 14px;
    color: #fa4d56
}

.window_pop .tbl_pop_wrap .tbl_view.tbl_access tbody td {
    vertical-align: top
}

.window_pop .tbl_pop_wrap .tbl_view.tbl_access tbody td .check_box + .check_box {
    margin-top: 17px
}

.window_pop .tbl_pop_wrap .tbl_view.tbl_access th {
    padding: 12px
}

.window_pop .tbl_pop_wrap .tbl_view.tbl_access td {
    padding: 16px 5px 20px 12px
}

.window_pop .view_question_toggle .view_question_box .guide_txt {
    margin: 0 25px 10px;
}

.window_pop .view_question_toggle .view_question_box .guide_txt.type01{
    margin: 0 0 10px 5px;
}

.window_pop .question_box {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 15px;
}

.window_pop .view_question_toggle .view_question_box .question_box {
    padding: 0;
}

.window_pop .question_box + .question_box {
    margin-top: 24px
}

.window_pop .question_box .q_detail p {
    font-size: 14px;
    color: #000;
    line-height: 22px
}

.window_pop .question_box .q_detail .tit {
    font-size: 16px;
    color: #24a148;
    letter-spacing: -.64px
}

.window_pop .question_box .q_detail .item_info, .window_pop .question_item .q_detail .item_info,
.item_box .q_detail .item_info {
    width: 100%;
    background: #f5f5f5;
    padding: 10px 15px;
}

.window_pop .download_area {
    font-size: 14px;
    color: #000
}

.window_pop .download_area h4 {
    min-width: 112px;
    margin-right: 24px;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    letter-spacing: -.6px
}

.window_pop .download_area .select_box {
    line-height: 32px
}

.window_pop .download_area label {
    padding-right: 8px
}

.window_pop .download_area .check_list {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 16px
}

.window_pop .download_area .check_list .list_line input[type=checkbox] + label {
    display: inline-block;
    width: 120px;
    height: 18px;
    line-height: 18px
}

.window_pop .tbl_folder td, .window_pop .tbl_folder th {
    border-left: none
}

.window_pop .tbl_folder th {
    padding: 7px
}

.window_pop .tbl_folder td {
    padding: 5px;
    border-right: 1px solid #ccc;
}

.window_pop .tbl_folder textarea {
    overflow: hidden;
    width: 100%;
    min-height: 30px;
    line-height: 22px;
    margin: 5px 0
}

.window_pop .disable_text {
    width: 100%;
    min-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    resize: none;
}

.window_pop .inner.tbl_scroll_box {
    padding: 25px 30px;
}


/* 출제마법사 출제옵션 박스 */

.option_box_wrap {
    width: 100%;
    margin-left: 20px;
}

.option_box_wrap .option_box {
    height: 565px;
}

.option_box {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 20px;
}

.option_box.none {
    border: none;
    padding: 0;
}

.option_box .terms span {
    min-width: 65px
}

.option_box .check_box input[type=checkbox] + label {
    padding: 0 5px 0 22px;
    white-space: nowrap;
    margin-bottom: 7px;
    display: inline-block;
}

.option_box .exam_type {
    width: 400px;
    height: 130px;
    margin: 10px 0;
}

.option_box .chk_list .check_box {
    display: inline-block;
    margin: 0 10px 5px 0;
}

.option_box .chk_list .check_box input[type=checkbox] + label {
    width: 55px;
    text-align: center;
}

.option_box .chk_list .check_box label {
    padding-right: 5px;
}

#questionsOptionDiv .tbl_view.tbl_wide tr:last-child td {
    height: 105px;
}


.pop_all_upload .input_box {
    width: 100%;
    height: 32px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-bottom: 4px;
}

.pop_all_upload .file_name {
    display: block;
    padding: 0 9px;
    height: 32px;
    line-height: 31px;
    font-size: 14px;
    letter-spacing: -.56px;
    color: #24a148;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
}

.pop_all_upload .info_txt {
    margin-top: 12px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.3px;
    text-align: right
}

.pop_all_upload .result {
    width: 600px;
    margin: 0 auto;
    padding: 33px;
    font-size: 16px;
    line-height: 29px;
    font-weight: 700;
    text-align: center;
    background: #eee;
    letter-spacing: -.64px;
    border-radius: 4px;
    box-sizing: border-box
}

.pop_all_upload .result .complete {
    color: #24a148
}

.pop_all_upload .result .error {
    color: #000
}

.pop_all_upload .left_area {
    min-width: 240px;
    width: 240px
}

.pop_all_upload .left_area .terms > span {
    display: block;
    margin-bottom: 4px
}

.pop_all_upload .preview_box, .pop_all_upload .upload_box {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.pop_all_upload .preview_box.scroll_box, .pop_all_upload .upload_box.scroll_box {
    overflow-y: scroll;
    overflow-x: hidden;
}

.pop_all_upload .complete_upload .tit_id, .pop_all_upload .preview_box .box_tit, .pop_all_upload .upload_box .box_tit {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.64px;
    color: #000
}

.pop_all_upload .complete_upload .tit_id {
    display: block
}

.pop_all_upload .complete_upload .exam_area {
    min-width: 440px
}

.pop_info_change, .pop_question_regist {
    width: 100%
}

.pop_info_change .tabmenu, .pop_question_regist .tabmenu {
    min-width: 100%
}

.pop_info_change .tab_con, .pop_question_regist .tab_con {
    margin-top: 20px;
    padding: 20px 24px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.pop_info_change .sel_tit, .pop_question_regist .sel_tit {
    min-width: 75px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    letter-spacing: -.56px
}

.pop_info_change .select_box, .pop_question_regist .select_box {
    width: 220px;
    height: 32px
}

.pop_info_change .select_box select, .pop_question_regist .select_box select {
    color: #000
}

.pop_info_change .tabmenu > ul > li:first-child, .pop_info_change .tabmenu > ul > li:first-child .label {
    border-radius: 4px 0 0 4px
}

.pop_info_change .tabmenu > ul > li:last-child, .pop_info_change .tabmenu > ul > li:last-child .label {
    border-radius: 0 4px 4px 0
}

.pop_info_change .tab_con {
    padding: 0;
    border: 0
}

.pop_info_change .scroll_border_box {
    overflow-y: scroll;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 18px;
    font-size: 14px;
    color: #000;
    letter-spacing: -.56px
}

.pop_info_change .result {
    width: 100%;
    padding: 22px 0;
    background: #eee;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.64px;
    color: #000;
    border-radius: 4px
}

.pop_info_change .radio_box .tit_box {
    width: 100%;
    margin-bottom: 13px;
    padding: 12px 16px 9px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff
}

.pop_question_regist {
    width: 100%
}

.pop_question_regist .paging_id .next, .pop_question_regist .paging_id .prev {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    font-size: 0
}

.pop_question_regist .paging_id .next:before, .pop_question_regist .paging_id .prev:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    border: 2px solid #000;
    border-left-width: 0;
    border-bottom-width: 0;
    display: inline-block;
    border-radius: 0 3px 0 0;
    margin-top: -7px;
    transform: rotate(-135deg)
}

.pop_question_regist .paging_id .next:before {
    transform: rotate(45deg);
    right: 0
}

.pop_question_regist .paging_id label {
    margin-right: 7px;
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.pop_question_regist .exam_type_box {
    padding: 0 20px;
    height: 40px;
    line-height: 38px;
    border-radius: 4px;
    border: 1px solid #ccc
}

.pop_question_regist .exam_type_box > span {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.pop_question_regist .edit_area {
    flex-grow: 1;
    min-width: 670px;
    height: 998px;
    width: 100%;
    max-width: 1200px;
}

.pop_question_regist .edit_area.type01 {
    margin-right: 10px;
    height: 998px;
    min-width: 100%;
}

#HwpCtrl {
    width: 100%;
}

.pop_question_regist .tabmenu {
    min-width: 500px;
    width: 40%;
}

.pop_question_regist .tabmenu > ul {
    text-align: center
}

.pop_question_regist .tabmenu > ul > li {
    margin: 0 1px;
    width: 30%;
}

.pop_question_regist .tabmenu > ul > li, .pop_question_regist .tabmenu > ul > li .label {
    height: 32px;
    line-height: 32px;
    border-radius: 4px 4px 0 0
}

.pop_question_regist .tabmenu > ul > li:first-child, .pop_question_regist .tabmenu > ul > li:first-child .label, .pop_question_regist .tabmenu > ul > li:last-child, .pop_question_regist .tabmenu > ul > li:last-child .label {
    border-radius: 4px 4px 0 0
}

.pop_question_regist .tabmenu .tab_con {
    margin: 0;
    padding: 20px;
    top: 32px
}

.pop_question_regist .tabmenu .tab_con .con_sec {
    margin-bottom: 27px
}

.pop_question_regist .tabmenu .tab_con .con_sec:last-child {
    margin-bottom: 0
}

.pop_question_regist .tabmenu .tab_con .con_sec h4 {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.64px;
    color: #000;
    word-break: break-all;
    display: inline-block;
}

.pop_question_regist .tabmenu .tab_con .con_sec h4 .bar {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
    width: 1px;
    height: 14px;
    background: #ccc;
    word-break: break-all;
}

.pop_question_regist .tabmenu .tab_con .con_sec h4 span {
    font-weight: 400;
    word-break: break-all;
    display: inline-block;
}

.pop_question_regist .tabmenu .tab_con .con_sec h4 > div {
    word-break: break-all;
    display: inline;
    line-height: 22px;
}

.pop_question_regist .tabmenu .tab_con .con_sec h4 > div > span {
    word-break: break-all;
    display: inline;
}


/*.pop_question_regist .tabmenu .tab_con .con_sec h4 .triangle {*/
/*    display: inline-block;*/
/*    margin-left: 7px;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-bottom: 6px solid transparent;*/
/*    border-top: 6px solid transparent;*/
/*    border-left: 10px solid #777;*/
/*    border-right: 10px solid transparent;*/
/*    border-radius: 2px*
/*}*/

.pop_question_regist .tabmenu .tab_con .con_sec .sel_tit {
    min-width: 61px
}

.pop_question_regist .tabmenu .tab_con .con_sec .sel_tit.lg {
    min-width: 67px
}

.pop_question_regist .tabmenu .tab_con .con_sec .line {
    height: 1px;
    background-color: #cccccc;
    margin-top: 20px;
}



.pop_question_regist .tabmenu .tab_con .con_sec .select_box {
    width: 258px;
    padding-right: 34px;
}

.pop_question_regist .tabmenu .tab_con .keyword_txt {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.24px;
    color: #555
}

.pop_question_regist .tabmenu .tab_con .btn_plus {
    min-width: 24px;
    height: 24px
}

.pop_question_regist .tabmenu .tab_con .btn_add, .pop_question_regist .tabmenu .tab_con .btn_del {
    min-width: 32px
}

.pop_question_regist .tabmenu .tab_con .btn_latex {
    font-size: 13px;
    letter-spacing: -.52px;
    white-space: nowrap;
    margin: 0 5px;
}

.pop_question_regist .tabmenu .tab_con .btn_latex .check_box {
    margin-left: 5px;
    padding-top: 2px;
}

.pop_question_regist .tabmenu .tab_con .btn_latex .check_box input[type=checkbox] + label {
    padding: 0 8px;
}

.pop_question_regist .tabmenu .tab_con input.w165 {
    min-width: 165px
}

.pop_question_regist .tabmenu .tab_con input.h24 {
    height: 24px
}

/*.pop_question_regist .tabmenu .tab_con .file_name {
    width: 189px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    height: 32px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 0 20px 0 10px;
}


.pop_question_regist .tabmenu .tab_con .file_name .del_btn {
    position: absolute;
    right: 8px;
}*/

.pop_question_regist .tabmenu .tab_con .tbl_list.correct td, .pop_question_regist .tabmenu .tab_con .tbl_list.correct th {
    padding: 4px
}

.pop_question_regist .tabmenu .tab_con .tbl_list.correct input[type="text"] {
    width: 100%;
}

.pop_question_regist .tabmenu .tab_con .tbl_list.correct td.left .check_box {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.pop_question_regist .tabmenu .tab_con .tbl_list.correct .btn_del {
    min-width: 24px;
    height: 24px;
}

.pop_question_regist .similar_question_box dl {
    margin-bottom: 20px
}

.pop_question_regist .similar_question_box dt span {
    font-size: 14px;
    color: #000;
    letter-spacing: -.56px
}

.pop_question_regist .similar_question_box dt .bar {
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #ccc;
    margin: 0 5px
}

.pop_question_regist .similar_question_box dt .percent {
    margin-right: 3px
}

.pop_question_regist .similar_question_box dt .ques_id {
    font-size: 14px;
    color: #000;
    letter-spacing: -.56px;
    font-weight: 400
}

.pop_question_regist .similar_question_box dt .ques_id span {
    margin-left: 5px;
    color: #24a148;
    text-decoration: underline
}

.pop_question_regist .similar_question_box dt .sel_sm_box {
    border: 0;
    width: 80px;
    box-sizing: border-box
}

.pop_question_regist .similar_question_box dt .btn_except {
    margin-left: 16px;
    width: 44px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: #555;
    background: #d6d6d6;
    text-align: center;
    border-radius: 4px
}

.pop_question_regist .gray_box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 9px 19px;
    background: #eee;
    z-index: 99
}

.pop_question_regist .view_ques_tab {
    margin-bottom: 12px
}

.pop_question_regist .view_ques_tab a {
    position: relative;
    margin-left: 18px;
    font-size: 16px;
    letter-spacing: -.64px;
    color: #000
}


.pop_question_regist .view_ques_tab a:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    left: -9px;
    top: 50%;
    margin-top: -6px;
    background: #ccc
}

.pop_question_regist .view_ques_tab a:first-child {
    margin-left: 0
}

.pop_question_regist .view_ques_tab a:first-child:before {
    content: none
}

.pop_question_regist .view_ques_tab a.active {
    font-weight: 700;
    color: #24a148
}

.pop_question_regist .check_paper_slide {
    position: relative;
    padding: 34px 0;
    margin-right: 8px;
    min-width: 100px;
    width: 100px;
    max-height: 900px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.pop_question_regist .check_paper_slide .swiper-button-next, .pop_question_regist .check_paper_slide .swiper-button-prev {
    width: 22px;
    height: 12px;
    left: 50%;
    margin: 0 0 0 -11px
}

.pop_question_regist .check_paper_slide .swiper-button-next:after, .pop_question_regist .check_paper_slide .swiper-button-prev:after {
    width: 100%;
    height: 12px;
    background-color: transparent;
    background-position: 50% 50%;
    font-size: 0
}

.pop_question_regist .check_paper_slide .swiper-button-prev {
    top: 10px
}

.pop_question_regist .check_paper_slide .swiper-button-prev:after {
    background-image: url(../images/ic_slide_up.png)
}

.pop_question_regist .check_paper_slide .swiper-button-next {
    bottom: 10px;
    top: auto !important
}

.pop_question_regist .check_paper_slide .swiper-button-next:after {
    background-image: url(../images/ic_slide_down.png)
}

.pop_question_regist .check_paper_slide .swiper-container {
    padding: 0;
    max-height: 900px;
}

.pop_question_regist .check_paper_slide .swiper-wrapper {
    width: 84px;
    max-height: 800px;
    margin: 0 auto;
    align-items: flex-start;
    flex-direction: column;
}

.pop_question_regist .check_paper_slide .swiper-wrapper .slideitem {
    width: 84px;
    height: 53px !important;
    background-color: #e7e7e7;
    line-height: 50px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.pop_question_regist .check_paper_slide .swiper-wrapper .swiper-slide-active {
    background: #24a148;
    color: #fff;
}

.pop_question_regist .check_paper_slide .swiper-wrapper .swiper-slide-active a {
    color: #fff;
}

.pop_question_regist .check_paper_slide .swiper-wrapper .slideitem:last-child {
    margin-bottom: 0 !important;
}

.pop_question_regist .check_paper_slide .swiper-wrapper .slideitem:after {
    content: '';
    display: block;
    width: 83px;
    height: 1px;
    background: #ccc;
    margin: 15px 0;
}

.pop_question_regist .check_paper_slide .swiper-wrapper .slideitem:last-child:after {
    content: '';
    display: none;
}

.pop_download .terms span {
    min-width: 120px
}

.pop_download .search_box {
    min-width: 407px;
    padding: 16px
}

.pop_download .search_box .check_box {
    width: 98px
}

.pop_template_select .tabmenu {
    min-width: 100%
}

.pop_template_select .tabmenu .tab_con {
    top: 70px
}

.pop_template_select .tabmenu .quiz_lst {
    min-height: 800px
}

.pop_template_select .tabmenu ul > li {
    width: 25%
}

.pop_template_select .tabmenu .quiz_lst li {
    margin-bottom: 10px;
    padding: 12px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px
}

.pop_template_select .tabmenu .quiz_lst li img {
    display: block;
    margin-top: 8px
}

.pop_template_select .tabmenu .btn_wrap {
    margin-bottom: 30px
}

.pop_serach_txt .tbl_list .txt_keyword {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.56px;
    color: #24a148
}

.pop_search_media .tabmenu {
    min-width: 100%
}

.pop_search_media .tab_con {
    top: 70px
}

.pop_search_img .scroll_box {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 21px 5px;
    background-color: #fff
}

.pop_search_img .select_img_list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    height: 100%;
}

.pop_search_img .select_img_list .none_data {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.pop_search_img .select_img_list li {
    margin: 0 4px 15px
}

.pop_search_img .select_img_list .check_box {
    margin-top: 1px
}

.pop_search_img .select_img_list .img_area {
    position: relative;
    width: 236px;
    height: 200px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.pop_search_img .select_img_list .img_area.active{
    position: relative;
    width: 236px;
    height: 200px;
    border-radius: 4px;
    border: 2px solid #24a148;
}

.pop_search_img .select_img_list .img_area > img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.pop_search_img .select_img_list .img_area .btn_expand {
    position: absolute;
    top: 6px;
    right: 9px
}

.pop_write_form .tbl_list tfoot td {
    background: #ffffe7;
    text-align: center
}

.pop_write_form .tbl_list tfoot td:first-child {
    border-left: 0
}

.pop_exam_status .chart_area {
    min-width: 507px;
    min-height: 330px;
    border: 1px solid #ccc;
    text-align: center
}

.footer_type_fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #eee;
    padding: 24px 60px
}

.seperate {
    width: calc(100% - 300px);
}

.seperate02 {
    width: calc(100% - 200px);
}

.exam_box.type01 {
    width: 100%;
    padding-right: 0;
    margin-top: 0;
}

.exam_box.type01 .item_question img {
    /*max-width: 300px;*/
    /*max-height: 250px;*/
}

.exam_box.type01 table {
    max-width: 550px;
    word-break: break-all;
    display: inline-table;
}

.exam_box.type01 .item_explain table {
    max-width: 100%;
    max-height: 180px;
    display: inline-table;
}

.exam_box.type02 .img_box img {
    width: 35%;
}

.exam_box.type03 .img_box img {
    width: 350px;
}

/*.exam_box table tr:hover td {*/
/*    background-color: transparent !important;*/
/*}*/


.exam_box {
    height: auto;
    min-height: 300px;
    width: 100%;
}

.exam_box .tit {
    line-height: 1.5;
    margin-bottom: 10px;
    display: inline-block;
}

.exam_box .top {
    line-height: 1.5;
}

.exam_box .img_box {
    margin: 10px 0;
    display: inline;
}

.exam_box .img_box > div {
    margin: 0 auto;
    /*text-align: center;*/
}

.exam_box .img_box > div > table {
    position: relative;
    transform: translateX(-50%);
    left: 50%;
}

.exam_box .img_box img {
    /*width: 100%;*/
    object-fit: contain;
}

.exam_box .img_box img.container-component-image {
    object-fit: initial;
}

.window_pop .exam_box .img_box img {
    width: 100%;
    min-width: 5px;
}

.exam_box .item_area .item_question img {
    /*max-width: 350px;*/
    /*width: 100%;*/
    /*max-height: 250px;*/
    /*object-fit: contain;*/
}

.exam_box .item_area .item_question .img_box img {
    /*max-width: 350px;*/
    /*width: 100%;*/
    /*max-height: 250px;*/
}

/*.exam_box .item_area .item_question table .img_box img {*/
/*    max-width: 120px;*/
/*    max-height: 150px;*/
/*    object-fit: contain;*/
/*}*/

.exam_box .item_area .item_answer img {
    /*max-width: 350px;*/
    /*width: 100%;*/
}

.exam_box .item_area .item_explain .img_box img {
    /*max-width: 300px;*/
    /*max-height: 250px;*/
    /*width: 100%;*/
    /*width: 100%;*/
}

.exam_box .item_area .item_passage img {
    /*max-width: 300px;*/
    /*max-height: 250px;*/
    /*width: 100%;*/
}

.exam_box .item_area .paragraph .txt {
    /*vertical-align: middle; */
}

.exam_box .answer {
}

.exam_box .commentary {
}

.exam_box .txt {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: normal;
}

.exam_box .latex_equation {
    font-size: 15px;
}

.exam_box table {
    margin: 10px 0 10px 0px;
    /*min-width: 300px;
    max-width: 900px;*/
    width: 100%;
}

/*.exam_box table tr {*/
/*    border-bottom: 1px solid #000;*/
/*}*/

.exam_box table td {
    padding: 10px 5px;
    border: 1px solid #000;
}

.exam_box table.text-box {
    max-width: 500px;
    border: 1px solid #000;
    margin: 0 auto;
}

.exam_box table.text-box tr, .exam_box table.text-box td {
    border: none;
}

/*문항 미리보기 팝업*/

.item_box .item_number {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.item_box .passage_number {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* 정답 레이어 팝업 */
.item_box .answer_box {
    position: relative;
    text-align: right;
}
.item_box .que_layer {
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    max-width: 570px;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 10;
}
.item_box .que_layer.on {
    display: block;
}
.item_box .que_layer .title_wrap {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background-color: #24a148;
}
.item_box .que_layer .layer_close {
    width:13px;
    height: 13px;
    background: url(../images/ic_white_plus.png) no-repeat;
    transform: rotate(45deg);
    border: 0;
    background-size: cover;
    cursor: pointer;
}
.item_box .que_layer .que_cnt {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 30px;
    background: #fff;
}
.item_box .que_layer .que_cnt button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    padding: 10px 3px;
    font-size: 14px;
    border: 1px solid #777;
    border-radius: 4px;
    cursor: pointer;
    background-color: #fff;
}
.item_box .que_layer .que_cnt button.active {
    color: #fff;
    border-color: #24a148;
    background-color: #24a148;
}
/*
management 화면 정답 팝업
*/
/* 정답 레이어 팝업 */
.item_area .answer_box {
    position: relative;
    text-align: right;
}
.item_area .que_layer {
    display: none;
    overflow: hidden;
    position: absolute;
    right: 0;
    max-width: 570px;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 10;
}
.item_area .que_layer.on {
    display: block;
}
.item_area .que_layer .title_wrap {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background-color: #24a148;
}
.item_area .que_layer .layer_close {
    width:13px;
    height: 13px;
    background: url(../images/ic_white_plus.png) no-repeat;
    transform: rotate(45deg);
    border: 0;
    background-size: cover;
    cursor: pointer;
}
.item_area .que_layer .que_cnt {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 30px;
    background: #fff;
}
.item_area .que_layer .que_cnt button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    padding: 10px 3px;
    font-size: 14px;
    border: 1px solid #777;
    border-radius: 4px;
    cursor: pointer;
    background-color: #fff;
}
.item_area .que_layer .que_cnt button.active {
    color: #fff;
    border-color: #24a148;
    background-color: #24a148;
}

.ques_preview .exam_box .item_box .item_passage span.tit_id {
    font-size: 18px;
    display: block;
    margin: 12px 0;
    color: #24a148;
    font-weight: 700;
}
.item_box .item_passage .ques_id {
    font-weight: 700;
}

.ques_preview .exam_box .item_box .item_passage p.txt {
    margin-top: 10px;
}
.ques_preview .exam_box .item_box .item_passage .img_box {
    width: auto;
}


.ques_preview .exam_box .item_box .item_passage .img_box img {
    width: auto;
    object-fit: contain;
}

/*.ques_preview .exam_box .item_box .question_item {*/
/*    margin-top: 25px;*/
/*}*/
.ques_preview .exam_box .item_box .question_item .tit_id {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 20px;
    color: #24a148;
    font-weight: 700;
}

.q_detail .item_info .ques_id {
    color: #24a148;
    font-weight: 700;
    font-size: 16px;
}

.q_detail .item_info .ques_type {
    display: inline-block;
    color: #222;
    font-size: 14px;
}

.ques_preview .item_frame {
    font-size: 14px;
    margin: 20px 0;
}
.ques_preview .item_frame .exam_text {}
.ques_preview .item_frame .exam_text .exam_num {
    font-size: 16px;
    font-weight: 700;
    margin-right: 8px;
}

.exam_line {
    width: 100%;
    height: 1px;
    background: #ccc;
    margin-bottom: 40px;
}


/* s 220923 region 문항 내용 렌더링 */
.item_box { /*지문, 문항 공통 영역*/
    word-break: break-all;
    border: 1px dotted #ccc;
    padding: 20px;
    margin-bottom: 20px;
}

.item_question {
    position: relative;
}

.item_question::before {
    content: '';
    display: block;
    position: absolute;
    clear: both;
}

.item_question.answer::before {
    width: 50px;
    height: 50px;
    background: url("../images/answer_image.png") no-repeat;
    background-size: cover;
    top: 10px;
    left: -15px;
}

.item_question.wrong-answer::before {
    width: 50px;
    height: 50px;
    background: url("../images/wrong_answer_image.png") no-repeat;
    background-size: cover;
    top: 0px;
    left: 0px;
}

.item_question table {
    margin: 15px auto;
    /*min-width: 300px;
    max-width: 500px;*/
    max-height: 180px;
    width: 100%;
    display: inline-table;
}

/*.item_question table tr td div:first-child {*/
/*    text-align: center;*/
/*}*/

/*.item_question table tr {*/
/*    border-bottom: 1px solid #ccc;*/
/*}*/

.item_question table td {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ccc;
}

/*.item_question table tr td div span {*/
/*    line-height: 1.5;*/
/*}*/

.item_question table.text-box {
    max-width: 500px;
    border: 1px solid #ccc;
    margin: 0 auto;
}

.exam_box table.text-box tr, .exam_box table.text-box td {
    border: none;
}

.item_answer {
    line-height: 1.5;
    margin: 10px 0;
}

.item_answer div:first-child {
    padding-bottom: 7px;
}

.item_explain {
    line-height: 1.5;
    padding: 10px 0;
}

.item_explain div:first-child {
    padding-bottom: 7px;
}

/*.item_explain > div:first-child {*/
/*    display: block;*/
/*}*/
/*.item_explain > div {*/
/*    display: inline-block;*/
/*}*/

.item_explain table {
    margin: 10px 0 10px 5px;
    /*
    min-width: 300px;
    max-width: 600px;
    max-height: 100px;
     */
    width: 100%;
    display: inline-table;
}

/*.item_explain table tr {*/
/*    border-bottom: 1px solid #ccc;*/
/*}*/

.item_explain table td {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ccc;
}

/* */

.item_explain img {
    display: inline;
    /*max-height: 150px;*/
    /*max-width: 150px;*/
    object-fit: contain;

}

/* e 220923 region 문항 내용 렌더링 */


.tbl_view {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #ccc;
    background: #fff;
}

.tbl_view.type01 {
    max-width: 270px;
    min-width: 230px;
}

.tbl_view.type01 th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    white-space: nowrap;
    text-align: left;
}
.tbl_view.type01 td {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.tbl_view.type02 {
    width: 200px;
}

.tbl_view.type03 td {
    padding: 5px;
}


.tbl_view td, .tbl_view th {
    color: #000;
}

.tbl_view th {
    font-weight: 400;
    background: #f0f0f0;
    padding: 10px 20px;
}

.tbl_view thead th.title {
    padding: 10px 20px;
    text-align: left;
    font-size: 15px;
    line-height: 17px;
    color: #333
}

.tbl_view .msg_text_area {
    height: 400px
}

.tbl_view .msg_text_area textarea {
    width: 100%;
    height: 100%;
    min-height: 300px
}

.tbl_view .msg_text_area .msg_case {
    min-height: 400px;
    max-height: 500px;
    overflow-y: auto;
    line-height: 18px
}

.tbl_view .attached {
    display: inline-block;
    border-bottom: 1px solid #24a148;
    margin-bottom: 1px;
    color: #24a148;
    margin: 5px 0;
}

.tbl_view .delete {
    cursor: pointer
}

.tbl_view .t_link {
    text-decoration: underline;
    display: block;
    color: #24a148;
    border: none;
    background: transparent;
}

.tbl_view .file_box {
    padding: 10px;
}

/*시험지 상세 배점 넣기 팝업*/
.tbl_view.tbl_wide.tbl_info_box td {
    height: 47px;
}
/*시험지 상세 배점 넣기 팝업*/

.tbl_view.tbl_wide tr {
    border-bottom: 1px solid #ccc;
}
.tbl_view.tbl_wide th {
    padding: 12px;
    text-align: left;
    white-space: nowrap;
}

.tbl_view.tbl_wide td {
    padding: 12px;
    height: 57px;
}

.tbl_view.tbl_wide td label + label {
    margin-left: 5px;
}

.tbl_view.tbl_wide td label input {
    margin-right: 5px;
    vertical-align: middle;
}

.tbl_view.tbl_wide input[type="text"] {
    width: 100%;
}

.tbl_view.tbl_wide td .text_btn_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tbl_view.tbl_wide td .text_btn_box.start {
    justify-content: flex-start;
}

.tbl_view.tbl_wide td .text_btn_box span {
    white-space: nowrap;
}
.tbl_view.tbl_wide td .text_btn_box .select_box {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20px 0 10px;
}
.tbl_view.tbl_wide td .text_btn_box input[type="text"] {
    width: 100%;
}

.tbl_view.tbl_wide td .select_box {
    width: 100% !important;
}

.tbl_view.tbl_wide input[type="number"] {
    width: 100%;
    color: #000;
    height: 32px;
    line-height: 30px;
    padding: 0 9px;
}

.tbl_view.tbl_wide input[type="number"]::-webkit-outer-spin-button,
.tbl_view.tbl_wide input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tbl_view.tbl_wide textarea {
    width: 100%;
}

.tbl_view.tbl_wide.tbl_middle {}

.tbl_view.tbl_wide.tbl_middle input[type="text"] {
    width: 300px;
}

.tbl_view.tbl_wide.tbl_middle td .select_box {
    width: 300px !important;
}

.tbl_view.tbl_wide .chk_list input[type="text"]{
    width: 80px;
}

.tbl_view.tbl_wide .mark {
    color: #24a148;
}

.tbl_view.tbl_wide .print_type {
    font-size: 13px;
    margin-top: 6px;
}

.tbl_view.tbl_wide td .text_btn_box .item_file .del_btn, .tbl_view.tbl_wide td .text_btn_box .btn_border .del_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
    margin-left: 5px;
}

.text_btn_box .btn_border {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.pop_question_regist .text_btn_box .btn_border .file_name {
    border: none;
    display: block;
    padding-left: 9px;
    height: 32px;
    line-height: 31px;
    font-size: 14px;
    letter-spacing: -.56px;
    color: #24a148;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*width: 130px;*/
    width: 90%;
}

.text_btn_box .btn_border .file_name {
    border: none;
    display: block;
    padding-left: 9px;
    height: 32px;
    line-height: 31px;
    font-size: 14px;
    letter-spacing: -.56px;
    color: #24a148;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tbl_view.tbl_wide .text_btn_box #fileTextDiv {
    width: 600px;
}

.tbl_view.tbl_wide .text_btn_box .item_file {
    width: 100%;
}

.tbl_view.tbl_wide .text_btn_box #fileTextDiv .file_name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.tbl_view.tbl_wide .text_btn_box #sourceFileTextDiv {
    width:300px; !important;
}

/*.tbl_view.tbl_wide .text_btn_box .file_name {
    display: block;
    padding-left: 9px;
    height: 32px;
    line-height: 31px;
    font-size: 14px;
    letter-spacing: -.56px;
    color: #24a148;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tbl_view.tbl_wide .text_btn_box #fileTextDiv {
    width: 100%;
}*/

.tbl_list.option tbody td {
    padding: 5px 8px;
    height: 32px;
    border-left: 1px solid #ccc;
    color: #000;
    text-align: left;
    line-height: 18px;
    background-color: #fff
}

.tbl_list.option tbody td.first, .tbl_list.option thead th.first {
    border-left: 0;
    text-align: center;
    background: #eee;
}

.tbl_list .testTbody td:first-child {
    border-left: 0;
}

.tbl_list .testTbody tr.line {
    border-bottom: 2px solid #777;
}

.tbl_list {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #ccc;
}

.tbl_list .drag {
    cursor: grab
}
.tbl_list thead th.first {
    border-left: 0;
    border-bottom: 1px solid #ccc;
}

.tbl_list thead th {
    height: 32px;
    border-left: 1px solid #ccc;
    color: #000;
    background: #eee;
    text-align: center;
    font-weight: 400
}

.tbl_list thead th, .tbl_list thead th.bt {
    border-top: 1px solid #ccc
}

.tbl_list tbody th {
    font-weight: 400;
    color: #000;
    border-bottom: 1px solid #ccc
}

.tbl_list tbody tr:last-child th.first {
    border-bottom: 0;
}


.tbl_list tbody td, .tbl_list tbody th.bt {
    border-top: 1px solid #ccc
}

.tbl_list tbody td {
    padding: 5px 8px;
    height: 32px;
    border-left: 1px solid #ccc;
    color: #000;
    text-align: center;
    line-height: 18px;
    background-color: #fff;
    word-break: break-all;
}

/*.tbl_list tbody td:first-child {*/
/*    border-left: 0;*/
/*}*/

.tbl_list.tbl_wide tbody td {
    border-left: 1px solid #ccc;
}

.tbl_list tbody td.first a {
    color: #333
}

.tbl_list tfoot tr {
    height: 30px;
    background: #eee;
    border-top: 1px solid #ccc
}

.tbl_list tfoot tr td {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 0 8px
}

.tbl_list input.tbl_in {
    max-width: 100%;
    border: 0;
    padding-left: 0;
    height: 20px;
    text-align: center
}

.tbl_list input.tbl_in:focus {
    outline: 0
}

.tbl_list input.tbl_in::placeholder {
    text-align: center;
    color: #888
}

.tbl_list td.point {
    background-color: #fffce5
}

.tbl_list .t_link {
    text-decoration: underline;
    display: inline-block;
    color: #24a148;
    width: 100%;
    background: transparent;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

.tbl_list #data_none {
    border-left: 0;
}
.tbl_list #includeList td:first-child {
    border-left: 0;
}

.tbl_list .attach {
    cursor: pointer;
}

.tbl_list.score_input input {
    width: 40px;
    height: 24px
}

.tbl_list.tbl_wide th {
    padding: 10px;
}
.tbl_list.tbl_wide td {
    padding: 15px 8px;
}

.tbl_scroll_box {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ccc;
    background-color: #fff
}

.tbl_scroll_box .tbl_list {
    border: 0;
}

.tbl_scroll_box .tbl_list tbody td {
    padding: 5px 7px
}

.tbl_scroll_box .tbl_list tbody td.first {
    border-left: 0;
}

.tbl_scroll_box .tbl_view {
    border: 0;
    border-right: 1px solid #ccc
}

.tbl_scroll_box thead tr:first-child th {
    border-top: 0
}

.tbl_scroll_box thead th.bottom {
    border-bottom: 1px solid #ccc
}

.tbl_scroll_box tr:hover td {
    background-color: #ffffe7
}
.tbl_scroll_box tr.active td {
    background-color: #ffffe7
}

.tbl_scroll_box .question_box {
    border: 0;
}

.tbl_view.tbl_info_box {
    border-collapse: separate;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-bottom: none;
}

.tbl_view.tbl_info_box td, .tbl_view.tbl_info_box th {
    border-left: 0;
    height: 40px;
    border-bottom: 1px solid #ccc;
}

.tbl_view.tbl_info_box td {
    padding: 7px;
}

.tbl_view.tbl_info_box .msg_case {
    padding: 10px 20px;
}

.tbl_view.tbl_info_box .last .s_link {
    text-decoration: underline;
    display: inline-block;
    color: #24a148;
    border: none;
    background: transparent;
}

.tbl_view.tbl_info_box .s_link {
    text-decoration: underline;
    display: inline-block;
    color: #24a148;
    border: none;
    background: transparent;
}

.tbl_view.tbl_info_box tr.last {}



.tbl_img_info .title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    letter-spacing: -.8px;
    line-height: 32px
}

.tbl_img_info .tbl_view {
    border-collapse: separate;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-bottom: none
}

.tbl_img_info .tbl_view th {
    color: #777;
    font-weight: 300;
    border-left: 0;
    padding: 7px;
    background-color: #f5f5f5
}

.tbl_img_info .tbl_view td {
    border-left: 1px solid #ccc;
    padding: 7px
}

.tbl_img_info .tbl_view .last th, .tbl_img_info .tbl_view .last td {
    vertical-align: top;
}


.tbl_img_info .tbl_view .last td {
    display: block;
    overflow-y: scroll;
    height: 168px;
    width: 200px;
}

.tbl_img_info .tbl_view .file_name .f_name {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tbl_img_info .tbl_view .file_name .f_info {
    font-size: 12px;
    color: #777;
    letter-spacing: -.5px;
    margin: 8px 0
}

.tbl_list.history_box {}

.tbl_list.history_box tr {}

.tbl_list.history_box th, .tbl_list.history_box td {
    padding: 20px 25px;
    text-align: left;
}

.tbl_list.history_box tr th {
    border-left: 1px solid #ccc;
}

.tbl_list.history_box tr th.first {
    border-left: 0;
}

.tbl_box {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #ccc;
}

.tbl_box tbody th {
    font-weight: 400;
    color: #000;
    border-right: 1px solid #ccc;
    background: #f6f6f6;
}

.tbl_box tbody th.first {
    border-left: 0;
}

.tbl_box tbody th, .tbl_box tbody td {
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
}




.search_box_type .search_box_wrap {
    flex-grow: unset;
}
.search_box_type .search_box_wrap.left_area {
    width: 30%;
}
.search_box_type .search_box_wrap.right_area {
    width: 70%;
}
.search_box_wrap {
    position: relative;
    flex-grow: 1
}

.search_box_wrap .search_toggle_box {
    display: none
}

.search_box_wrap .search_toggle_box .search_box {
    margin-top: -3px;
    margin-bottom: 2px;
    border-radius: 0
}

.search_box_wrap .search_toggle_box .search_box:first-child {
    margin-top: -1px
}

.search_box_wrap .search_toggle_box .search_box:last-child {
    border-radius: 0 0 4px 4px
}

.search_box_wrap .search_toggle_box .search_box.chk_complete .sel_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.search_box_wrap .search_toggle_box .search_box.chk_complete .sel_list li {
    margin-right: 15px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.56px;
    color: #24a148
}

.search_box_wrap .search_toggle_box .search_box.chk_complete .sel_list .remove {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    background: url(../images/ic_close_24.svg) no-repeat 0 0;
    background-size: 12px
}

.search_box_wrap .search_toggle_box .search_box.input_line {
    padding: 15px 25px
}

.search_box_wrap .search_toggle_box .search_box.input_line span {
    line-height: 32px
}

.search_box_wrap .search_toggle_box .search_box .terms {
    height: 32px;
    display: flex;
    align-items: center;
}

.search_box {
    width: 100%;
    background-color: #fff;
    padding: 20px 25px;
    border-radius: 4px;
    border: 1px solid #ccc
}

.search_box span {
    min-width: 76px;
}

.search_box span.txt {
    min-width: initial;
    margin: 0 10px 0 20px;
}

.search_box .box_list .chk_list {
    display: flex;
    flex-direction: column
}

.search_box .btn_search_toggle {
    display: inline-block;
    vertical-align: middle;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #777;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    background: url(../images/ic_gray_plus.png) no-repeat 50% 50%;
    font-size: 0
}

.search_box .btn_search_toggle.close {
    background-image: url(../images/ic_gray_minus.png)
}

.terms h4 {
    padding-bottom: 6px
}

.terms h4, .terms span {
    font-size: 14px;
    line-height: 20px
}

.terms span {
    color: #000
}

.terms input[type=text] {
    width: 102px;
    height: 32px
}

.terms input[type=radio] {
    width: 16px;
    height: 16px
}

.terms input[type=date] {
    width: 130px;
    padding-left: 5px;
    height: 32px
}

.terms .select_box {
    min-width: 90px;
    width: 100%;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    padding: 0 20px 0 10px;
}

.terms .radio_box label {
    font-size: 14px;
    padding-right: 8px;
    color: #000;
    letter-spacing: -.8px
}

.terms .sel_item {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 60px;
    height: 32px;
    line-height: 1.3;
    padding: 0 10px;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0 5px 5px 0;
}

.terms .sel_item a {
    padding-top: 1px
}

.terms_list .terms {
    width: 257px
}

.source_list_wrap {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc
}

.source_list_wrap .search_box {
    border-radius: 0;
    border: 0;
    padding: 22px 25px;
    background-color: transparent
}

.source_list_wrap .search_box.input_line {
    padding: 16px 25px
}

.source_list_wrap .search_box.input_line span {
    line-height: 32px
}

.source_list_wrap .search_box + .search_box {
    border-top: 1px solid #ccc
}

.source_list_wrap .search_box span {
    min-width: 76px;
    letter-spacing: -.6px
}

.source_list_wrap .search_box .file_down {
    line-height: 20px;
    color: #24a148;
    text-decoration: underline;
    font-size: 14px
}

.source_list_wrap .search_box .delete {
    cursor: pointer
}

.source_list_wrap .search_box textarea {
    overflow: hidden;
    border-radius: 4px
}

.source_list_wrap .search_box .mark {
    color: #24a148
}

.ic_filter_wrap {
    position: relative;
    overflow: visible
}

.ic_filter_wrap .filter_box {
    padding: 10px 20px 15px 10px;
    display: none;
    position: absolute;
    top: -2px;
    left: 34px;
    background: #fff;
    border: 1px solid #ccc;
    text-align: left;
    z-index: 99
}
.ic_filter_wrap .filter_box.open {
    display: block
}

.filter_box input[type=radio] {
    position: relative;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    outline: none;
    border: 1px solid #ccc;
    margin-right: 1px;
    margin-bottom: 3px;
    background-color: #fff;
    cursor: pointer;
}

.filter_box input[type=radio]:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.ic_filter_wrap .filter_box input[type=radio]:checked:before {
    background: #24a148;
}
.ic_filter_wrap .filter_box input[type=radio]:checked {
    border-color: #24a148;
}

.ic_filter_wrap .filter_box em {
    font-style: normal
}

.ic_filter_wrap .filter_box label {
    white-space: nowrap;
    margin-right: 10px;
}



.total_number_box {
    border: 2px solid #24a148;
    padding: 18px 0;
    background: #fff;
    border-radius: 4px;
    min-width: 380px
}

.total_number_box .num_item {
    flex-grow: 1;
    text-align: center
}

.total_number_box .num_item + .num_item {
    border-left: 1px solid #ccc
}

.total_number_box .num_item .tit {
    font-size: 20px;
    line-height: 25px;
    color: #24a148;
    font-weight: 600
}

.total_number_box .num_item .num {
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 600
}

.number_box {
    border: 1px solid #ccc;
    padding: 19px 0;
    background: #fff;
    border-radius: 4px;
    min-width: 380px;
    flex-grow: 1
}

.number_box .num_item {
    flex-grow: 1;
    text-align: center
}

.number_box .num_item + .num_item {
    border-left: 1px solid #ccc
}

.number_box .num_item .tit {
    font-size: 14px;
    line-height: 25px;
    color: #000
}

.number_box .num_item .num {
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 600
}

.notice_box {
    width: 100%;
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 4px;
    border: 1px solid #ccc
}

.tbl_simple {
    width: 100%;
    table-layout: fixed;
    background: #fff
}

.tbl_simple td, .tbl_simple th {
    padding: 10px 0;
    color: #555;
    font-size: 16px
}

.tbl_simple tr {
    border-bottom: 1px solid #ccc
}

.tbl_simple tr:last-child {
    border-bottom: 0
}

.tbl_simple th {
    font-weight: 500;
    background: #f0f0f0
}

.tbl_simple .notice_tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 150px;
    color: #24a148;
    cursor: pointer;
    text-decoration: underline
}

.tbl_simple .notice_tit a{
    color: #24a148;
    cursor: pointer;
}

.left_section .inner {
    padding: 0 24px
}

.left_section .inner .total {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.8px
}

.left_section .inner .num, .left_section .inner .total {
    width: 50px;
    text-align: center
}

.radio_tab {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.radio_tab ul .tab_btn {
    display: inline-block;
}

.radio_tab ul .label {
    font-size: 14px;
    color: #000;
    line-height: 45px
}

.radio_tab ul .tab_con {
    top: 46px;
    height: 880px;
    overflow: scroll;
    overflow-x: hidden;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
}

.radio_tab ul input.tab:checked ~ .tab_con {
    display: block;
}

.radio_tab .tbl_scroll_box .tbl_list {
    border: 0;
    border-right: 1px solid #ccc;
}

.radio_tab .tbl_list {
    border: 0;
    border-bottom: 1px solid #ccc
}

.radio_tab .tbl_list thead th {
    border-top: 0;
}

.radio_tab .tbl_list thead th:first-child, .radio_tab .tbl_list tbody td:first-child {
    border-left: 0;
}

.window_pop .fixed_tab_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 1px solid #ccc;
}

.window_pop .fixed_tab_wrap .fixed_tab {
    border: none;
}

.fixed_tab {
    position: sticky;
    left: 0;
    top: 0;
    right: 0;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 100;
}

.tab_con {
    display: none;
    text-align: left;
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    box-sizing: border-box
}

.tab_menu {
    position:relative;
}
.tab_menu .list {
    overflow:hidden;
}
.tab_menu .list li {
    float: left;
}
.tab_menu .list .tab-btn {}
.tab_menu .list .tab-cont {
    display:none;
    position:absolute;
}
.tab_menu .list li.is_on .tab-btn {
    font-weight: bold;
    color: #24a148;

}
.tab_menu .list li.is_on .tab-cont {
    display:block;
}

.tab_navigation {
    max-width: 315px
}

.tab_navigation .navigation {
    height: 702px;
}

.tab_navigation .navigation.pop_navi {
    height: 610px;
}


.tab_navigation.item_navi .navigation {
    height: 830px
}

.nav_tabmenu ul {
    margin: 0 8px
}

.nav_tabmenu li {
    margin: 0 2px;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    letter-spacing: -.3px;
    background: #ddd;
    text-align: center;
    border-radius: 4px 4px 0 0
}

.nav_tabmenu li.active {
    background: #24a148
}

.nav_tabmenu li.active a {
    color: #fff;
    font-weight: 500
}

.nav_tabmenu li a {
    display: block;
    border-radius: 4px 4px 0 0
}

.tbl_tabmenu li {
    margin: 0 2px;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    letter-spacing: -.3px;
    background: #ddd;
    text-align: center;
    border-radius: 4px 4px 0 0
}

.tbl_tabmenu li:first-child {
    margin-left: 0
}

.tbl_tabmenu li:last-child {
    margin-right: 0
}

.tbl_tabmenu li.active {
    background: #24a148
}

.tbl_tabmenu li.active a {
    color: #fff;
    font-weight: 500
}

.tbl_tabmenu li a {
    display: block;
    border-radius: 4px 4px 0 0
}


/* 문항관리 레이아웃(임시)*/
.main_layout {
    width: 100%;
}

.main_layout .table_layout{

}

.main_layout .view_question_toggle {
    width: 100%;
}

.main_layout .view_question_toggle .view_question_box.wide {
    width: 100%;
}

.table_layout .resizable_box {
    /*width: 100%;*/
    max-height: 609px;
}

.table_layout .ui-icon-gripsmall-diagonal-se {
    visibility: hidden;
}

.table_layout .resizable_box:hover {
    cursor: e-resize;
}

/*.ui-resizable-s {*/
/*    cursor: auto;*/
/*}*/

/*.ui-resizable-se {*/
/*    cursor: auto;*/
/*}*/

/*.ui-icon, .ui-widget-content .ui-icon {*/
/*    background-image: none;*/
/*}*/

.table_layout .tbl_list:hover {
    cursor: default;
}

.main_layout .view_question_toggle {
    width: 100%;
}

.main_layout .view_question_toggle .view_question_box.wide {
    width: 100%;
}

.view_question_toggle .view_question_box {
    padding: 20px 25px 20px 16px;
    min-height: 609px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 415px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    min-width: 286px;
}

.window_pop.pop_question_regist .view_question_toggle .view_question_box {
    width: 500px;
}

.view_question_toggle .view_question_box.wide {
    width: 600px;
}

.view_question_box.wide .tab_content .item_question table tr {
    border-bottom: 0;
}

.view_question_box.wide .tab_content .exam_box table tr {
    border-bottom: 0;
}

/*.view_question_box.wide .tab_content .item_explain > div {*/
/*    margin-bottom: 15px;*/
/*}*/

.view_question_toggle .view_question_box .tit_id {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.64px;
    white-space: normal;
    word-break: break-all;
    display: inline-block;
}
.view_question_toggle .view_question_box .tit_id > span {
    color: #24a148;
    font-weight: 700;
}


.view_question_toggle .view_question_box .question_box {
    margin-bottom: 20px;
    width: 100%;
    min-height: 158px;
    border: 0;
    border-radius: 0
}

.view_question_toggle .view_question_box .question_box img {
    max-width: 235px !important;
}

.view_question_toggle .view_question_box .question_box mjx-container[jax="CHTML"][display="true"] {
    display: inline;
}

.view_question_toggle .view_question_box .btn_md {
    min-width: 40px
}

.view_question_toggle .view_question_box .btn_small {
    min-width: 34px;
    height: 26px;
    white-space: nowrap;
    font-size: 13px;
}


/* 검수하기 팝업 */
.view_question_box.type01 {
    background: #fff;
    box-sizing: border-box;
    color: #000;
    border: none;
    min-width: 286px;
    overflow: inherit;
    padding: 0;
}

.view_question_box.type01 .view_ques_tab {
    margin-bottom: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 2px solid #24a148;
}

.view_question_box.type01 .tab_content {
    position: relative;
    z-index: 100;
}

.view_question_box.type01 .tab_content:before {
    position: absolute;
    content: '';
    border: 1px solid #ccc;
    width: 100%;
    height: 70px;
    top: -26px;
    border-top: 0;
    border-bottom: 0;
}

.view_question_box.type01 .tab_content.auto-height:before {
    height: auto;
}

.view_question_box.type01 .tab_content .cnt_tap {
    padding: 0 20px;
}

.view_question_box.type01 .tab_content .tab_cnt {
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    max-height: 1298px;
    overflow-y: auto;
}

.view_question_box.type01 .tab_content .tab_cnt .cnt_box {
    margin: 0 20px 20px;
}

.view_question_box.type01 .tab_content .tabmenu .tab_con {
    border-top: 0;
}

.view_question_box.type01 .tab_content .tabmenu .tab_con:after {
    position: absolute;
    content: "";
    bottom: -25px;
    height: 25px;
    width: 1px;
}

.view_question_box.type01 .tab_content .tab_cnt  .no_exam_box {
    width: 100%;
    height: 442px;
    padding: 20px 15px;
    text-align: center;
}
.view_question_box .tab_content .tab_cnt  .no_exam_box span , .view_question_box .tab_cnt  .no_exam_box span {
    display: block;
    padding: 200px 0;
    text-align: center;
}



.view_question_box.type01 .tit_id {
    font-size: 14px;
}

.view_question_box.type01 .inputDiv {
    width: 188px;
}

/* 검수하기 팝업 */

.btn.btn_gray.outline.active {
    color: #fff;
    background: #777;
}


.view_question_toggle .view_question_box .view_ques_tab {
    margin-bottom: 25px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 2px solid #24a148;
}


.view_question_toggle .view_question_box .view_ques_tab li {
    flex: 1;
}

.view_question_toggle .view_question_box .view_ques_tab li a {
    position: relative;
    margin-left: 18px;
    font-size: 16px;
    letter-spacing: -.64px;
    color: #000;
    display: block;
    margin: 0;
}

.view_question_toggle .view_question_box .view_ques_tab li a:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    left: -9px;
    top: 50%;
    margin-top: -6px;
    background: #ccc
}

.view_question_toggle .view_question_box .view_ques_tab li:first-child a {
    border-radius: 4px 0 0 0;
}

.view_question_toggle .view_question_box .view_ques_tab li:last-child a {
    border-radius: 0 4px 0 0;
}

.view_question_toggle .view_question_box .view_ques_tab li a:first-child:before {
    content: none;
}

.view_question_toggle .view_question_box .view_ques_tab li a.active {
    font-weight: 700;
    background-color: #24a148;
    color: #fff;
}

.view_question_toggle .view_question_box .tab_content_list .tab_content .tab_cnt .tab_cnt_bottom .MJXc-display {
    display: inline-block;
    margin: 5px 0;
}

.view_question_toggle .view_question_box .tab_content .txt_before {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -.56px;
    color: #000;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.view_question_toggle .view_question_box .tab_content .tab_cnt {
    position: relative;
    height: 100%;
}

.view_question_toggle .view_question_box .tab_content .title {
    font-size: 16px;
    font-weight: 600
}

.view_question_toggle .view_question_box .tab_content .line {
    height: 1px;
    background-color: #cccccc;
    margin: 20px 0;
}

.view_question_toggle .view_question_box .tab_content .btn_plus {
    min-width: 24px;
    height: 24px
}

.btn_view_question i {
    display: inline-block;
    margin-left: 8px;
    width: 12px;
    height: 12px;
    background: url(../images/ic_gray_minus.png) no-repeat 50% 50%
}

.btn_view_question.open i {
    background-image: url(../images/ic_gray_plus.png)
}



.cnt_tap {
    font-size: 14px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 15px;
}

.cnt_tap a {
    position: relative;
    display: inline-block;
    height: 30px;
    letter-spacing: -.64px;
    background: #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    line-height: 30px;
    text-align: center;

}

.tab_cnt {}

.tab_cnt .cnt_box {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.tab_cnt .tab_cnt_top {
    padding: 25px 15px 0;
    border-bottom: 1px solid #ccc;
}

.tab_cnt .tab_cnt_bottom {
    padding: 20px 15px;
}


.tab_cnt .tit_id {
    position: relative;
    margin: 0 10px;
}
.tab_cnt .tit_id:first-child {
    margin-left: 0;
}

.tab_cnt .tit_id:first-child:after {
    position: absolute;
    content: "";
    display: none;
}

.tab_cnt .tit_id:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    left: -10%;
    top: 50%;
    margin-top: -6px;
    background: #999;
}

.tab_cnt .cnt_tit {
    position: relative;
    font-weight: 500;
}
.tab_cnt .cnt_tit:first-child {
    margin-right: 10px;
}
.tab_cnt .cnt_tit:last-child:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 13px;
    left: -10%;
    top: 50%;
    margin-top: -6px;
    background: #999;
}

.cnt_tap a:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.cnt_tap a:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.cnt_tap a.active {
    font-weight: 700;
    color: #24a148;
    background: #fff;
    border: 1px solid #ccc;
}
.cnt_tap a.active::after {
    position: absolute;
    content: '';
    background: url(../images/ic_tab_active.png) no-repeat;
    width: 40px;
    height: 15px;
    background-size: contain;
    top: 6px;
    margin-left: 5px;
}



.no_data {
    min-height: 550px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 18px;
    line-height: 2.45;
    letter-spacing: -.54px;
    text-align: center;
    color: #777
}

.search_result_location {
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.8;
    letter-spacing: -.8px;
    text-align: left;
    color: #000
}

.search_result_location .bar {
    display: inline-block;
    margin: 0 7px;
    width: 1px;
    height: 20px;
    background-color: #aaa
}

.edit_question_location {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: -.6px;
    text-align: left;
    color: #000
}

.edit_question_location .bar {
    display: inline-block;
    margin: 0 7px;
    width: 1px;
    height: 12px;
    background-color: #aaa
}

/* 230719 문항사용요청 추가*/

.section_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.section_top  .navi_top {
    min-width: 315px;
}

.section_top  .tit {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.question_list.type01 .scroll_box {
    min-height: 500px;
}

.question_list .select_box_wrap {
    width: 100%;
}

.question_list .select_box_wrap .select_wrap {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.question_list .select_box_wrap .select_box {
    width: 100%;
}


.question_list_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}


.question_wrap {
    width: 49.8%;
}

.question_list {
    height: auto;
    max-height: 745px;
    min-height: 745px;
    min-width: 692px;
    width: 100%;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-sizing: border-box;
}

.question_list_wrap .question_list {
    min-width: auto;
}

.question_wrap .question_list .item_question table tr,
.question_wrap .question_list .item_question table td,
.question_wrap .question_list .item_explain table tr {
    border: 0;
}


.question_list .tit {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.64px;
    color: #010100;
    white-space: nowrap;
}

.question_list .scroll_box {
    overflow-y: auto;
    max-height: 660px;
    min-height: 650px;
}

.question_list .item {
    margin-bottom: 15px;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    /*margin-right: 10px;*/
}

.view_question_toggle.type01  {
    min-height: 500px;
}
.view_question_toggle.type01 .txt_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.view_question_toggle.type01 .txt_wrap .info_txt {
    font-size: 15px;
    color: #999;
    text-align: center;
}

.view_question_toggle .item.view_question_box.wide {
    width: 100%;
}

.question_list .item.view_question_box {
    margin: 0 auto 15px;
}

.question_list .item.view_question_box:last-child {
    margin: 0;
}

.question_list .item .check_box label {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    background-position-y: 5px
}

.question_list .search_wrap {

}

.question_list .search_wrap .select_box {
    margin-right: 4px;
    padding: 0 20px 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.drag {
    cursor: grab
}

.zoom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.paging_id .next, .paging_id .prev {
    display: block;
    padding: 6px 15px
}

.paging_id .paper_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 550px;
    padding: 0 10px;
    line-height: 30px;
    background-color: #fff;
    font-size: 20px;
    color: #000;
    border: 1px solid #ccc
}

.paging_id label {
    margin-right: 7px;
    font-size: 20px;
    font-weight: 700;
    color: #000
}

.view_paper_box {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 20px;
    color: #000;
    font-size: 14px;
    width: 450px;
}

.view_paper_box.wide {
    width: 600px;
}

.view_paper_box li {
    line-height: 32px
}

.view_paper_box .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px
}

.view_paper_box h4 {
    width: 100px;
}

.view_paper_box .paper_name {
    border: 1px solid #ccc;
    padding-left: 10px;
    background-color: #fff
}

.view_paper_box .select_box {
    width: 100%;
}

.view_paper_box .tbl_view {}

.view_paper_box .tbl_view th {
    text-align: left;
}

.view_paper_box .tbl_view input[type="text"] {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}


.view_paper_box .tbl_view tr {
    border-bottom: 1px solid #ccc;
}
.view_paper_box .tbl_view th, .view_paper_box .tbl_view td {
    padding: 12px;
}
.view_paper_box .tbl_view th {
    white-space: nowrap;
}

.view_paper_box .tbl_view.tbl_wide th, .view_paper_box .tbl_view.tbl_wide td {
    padding: 9px 10px;
    height: auto;
}


/* 시험지 목록 상세 */
.question_item_area .check_box {
    display: flex;
    align-items: center;
}

.question_item_area {
    width: 100%;
    background-color: white;
}

.question_item_area .item_area {
    padding: 20px;
}

.question_item_area .item_box {
    margin-bottom: 0;
}

.question_item_area .question_item {
    width: 100%;
}

.question_item_area .question_item .q_detail .item_info {
    margin-top: 10px;
    line-height: 1.5;
}

/* s 시험지 목록 상세, 문항 미리보기 팝업 공통 영역 */
.item_box .question_item .q_detail p {
    font-size: 14px;
    color: #000;
    line-height: 22px;
}

.item_box .question_item .score {
    border: 1px solid #24a148;
    border-radius: 4px;
    line-height: 32px
}

.item_box .question_item .score .tit {
    display: inline-block;
    background-color: #24a148;
    color: #fff
}

.item_box .question_item .score .num {
    float: right;
    padding: 0 12px;
    color: #000;
    font-size: 14px
}

.item_area .item_guide_text, .item_box .item_guide_text {
    color: #24a148;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0;
}

.item_area .item_guide_text span ,.item_box .item_guide_text span {
    color: #000;
}

/* e 시험지 목록 상세, 문항 미리보기 팝업 공통 영역 */

.search_item_wrap {
    width: 100%;
    padding: 20px 15px
}

.setting_device .left_section {
    width: 450px;
}

.service_info {
    padding: 10px 15px;
    color: #000
}

.service_info .txt, .service_info h4 {
    font-size: 14px;
    color: #000;
    white-space: nowrap;
}

.service_info h4 {
    min-width: 91px;
    letter-spacing: -.56px;
    text-align: left
}

.service_info .radio_box input[type=radio] + label {
    margin: 0 5px 0 3px;
    font-size: 14px;
    letter-spacing: -.56px;
    color: #000
}

.service_info .check_box input[type=checkbox] + label {
    line-height: 18px;
    letter-spacing: -.56px
}

.service_info .check_box input[type=checkbox] + label span {
    padding-left: 21px
}

.concept_attr_box {
    padding: 20px 15px;
    min-width: 285px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #fff
}

.concept_attr_box h4 {
    font-size: 20px;
    font-weight: 700;
    color: #010101;
    letter-spacing: -.8px
}

.concept_attr_box .terms h5 {
    font-size: 14px;
    letter-spacing: -.56px;
    color: #000
}

.concept_attr_box .terms input, .concept_attr_box .terms textarea {
    min-width: 226px
}

.concept_attr_box .terms .btn, .concept_attr_box .terms input[type=file].input_file_button + label {
    min-width: 24px;
    height: 24px
}

.service_index_info {
    padding: 8px 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #eee
}

.service_index_info span {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.64px;
    color: #000
}

.service_index_info span.bar {
    display: inline-block;
    margin: 0 8px;
    width: 1px;
    height: 12px;
    background: #ccc
}

.access_name .tit {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-bottom: 4px;
    padding-left: 25px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.8px;
    cursor: pointer
}

.access_name .tit.on {
    display: block;
    background-color: #defbe6
}

.access_list_wrap {
    position: relative;
    width: 100%;
    overflow-y: auto;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    border: 1px solid #ccc
}

.access_list_wrap .access_list_top {
    background-color: #eee;
    height: 32px;
    line-height: 32px;
    text-align: center
}

.access_list_wrap .access_list_top .tit {
    width: 80%;
    border-right: 1px solid #ccc
}

.access_list_wrap .access_list_top .check {
    width: 20%
}

.access_list_wrap .nav {
    font-size: 14px;
    letter-spacing: -.84px
}

.access_list_wrap .nav ul.step1 > li > .tit {
    background-color: #c0f4cf;
    color: #24a148
}

.access_list_wrap .nav ul.step3 > li > p {
    background-color: #f4f4f4
}

.access_list_wrap .nav ul li {
    border-top: 1px solid #ccc;
    line-height: 30px;
    color: #000;
    clear: left
}

.access_list_wrap .nav ul li .tit, .access_list_wrap .nav ul li p {
    width: 80%;
    float: left;
    padding: 0 20px;
    border-right: 1px solid #ccc
}

.access_list_wrap .nav ul li .tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #000;
    height: 32px;
    line-height: 32px;
    cursor: pointer
}

.access_list_wrap .nav ul li .tit:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/ic_up.svg);
    background-repeat: no-repeat
}

.access_list_wrap .nav ul li input[type=checkbox], .access_list_wrap .nav ul li input[type=checkbox]:checked ~ ul {
    display: none
}

.access_list_wrap .nav ul li input[type=checkbox]:checked + label:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/ic_up.svg);
    background-repeat: no-repeat;
    background-position-y: -1px;
    transform: rotate(180deg)
}

.access_list_wrap .nav ul li .check_box {
    float: right;
    width: 20%;
    text-align: center
}

.access_list_wrap .nav ul li .check_box input[type=checkbox]:checked + label:after {
    display: none
}

.guide_coding {
    margin: 10px;
    font-size: 13px;
    color: #000;
    line-height: 1.5
}

.guide_coding_tit {
    padding-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    letter-spacing: -1px
}

.primary_color {
    color: #24a148 !important
}

.black_color {
    color: #000 !important;
}

.green_color {
    color: #24a148 !important;
}

.btn, input[type=file].input_file_button + label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 32px;
    line-height: 1.3;
    padding-left: 3px;
    padding-right: 3px;
    color: #fff;
    font-size: 14px;
    outline: none;
    border-radius: 4px;
    font-weight: 200;
    cursor: pointer;
    border: none;
}

.btn.small, input[type=file].input_file_button + label.small {
    height: 24px
}

.btn.small.square, input[type=file].input_file_button + label.small.square {
    min-width: 24px
}

.btn.medium, input[type=file].input_file_button + label.medium {
    height: 28px
}

.btn.large, input[type=file].input_file_button + label.large {
    height: 40px;
    font-size: 16px;
    font-weight: 700
}

.btn.square, input[type=file].input_file_button + label.square {
    min-width: 32px
}

.btn.btn_green, input[type=file].input_file_button + label.btn_green {
    background: #24a148
}

.btn.btn_green.outline, input[type=file].input_file_button + label.btn_green.outline {
    color: #24a148;
    background: #fff;
    border: 1px solid #24a148;
    font-weight: 400;
}

.btn.btn_green.outline a {
    color: #24a148;
}

.btn.btn_green.outline.large, input[type=file].input_file_button + label.btn_green.outline.large {
    font-weight: 700
}

.btn.btn_red, input[type=file].input_file_button + label.btn_red {
    background: #fa4d56
}

.btn.btn_red.outline, input[type=file].input_file_button + label.btn_red.outline {
    color: #fa4d56;
    background: #fff;
    border: 1px solid #fa4d56;
    font-weight: 400
}

.btn.btn_red.outline.large, input[type=file].input_file_button + label.btn_red.outline.large {
    font-weight: 700
}

.btn.btn_gray, input[type=file].input_file_button + label {
    background: #777
}

.btn.btn_gray.outline, input[type=file].input_file_button + label.outline {
    color: #777;
    background: #fff;
    border: 1px solid #ccc;
    font-weight: 400
}

.btn.btn_gray.outline.large, input[type=file].input_file_button + label.outline.large {
    font-weight: 700
}

.btn.btn_light, input[type=file].input_file_button + label.btn_light {
    background: #d5d5d5;
    color: #444;
    font-weight: 300
}

.btn.btn_light.outline, input[type=file].input_file_button + label.btn_light.outline {
    color: #d5d5d5;
    background: #fff;
    border: 1px solid #d5d5d5;
    font-weight: 400
}

.btn.btn_light.outline.large, input[type=file].input_file_button + label.btn_light.outline.large {
    font-weight: 700
}

.btn.btn_lgreen, input[type=file].input_file_button + label.btn_lgreen {
    background: #c0f4cf;
    color: #24a148;
    font-weight: 300
}

.btn.btn_lgreen a {
    color: #24a148;
}


.btn.btn_lgreen.outline, input[type=file].input_file_button + label.btn_lgreen.outline {
    color: #c0f4cf;
    background: #fff;
    border: 1px solid #c0f4cf;
    font-weight: 400
}

.btn.btn_lgreen.outline.large, input[type=file].input_file_button + label.btn_lgreen.outline.large {
    font-weight: 700
}

.btn.btn_lred, input[type=file].input_file_button + label.btn_lred {
    background: #fee6e6;
    color: #fa4d56
}

.btn.btn_lred.outline, input[type=file].input_file_button + label.btn_lred.outline {
    color: #fee6e6;
    background: #fff;
    border: 1px solid #fee6e6;
    font-weight: 400
}

.btn.btn_lred.outline.large, input[type=file].input_file_button + label.btn_lred.outline.large {
    font-weight: 700
}

.btn_use_toggle {
    width: 70px;
    height: 24px;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    background: #c1f4d0;
    transition: background-color .4s ease-in-out;
    cursor: pointer;
}

.btn_use_toggle.inactive {
    background: #d6d6d6
}

.btn_use_toggle.inactive .btn_round {
    left: 49px
}

.btn_use_toggle .btn_round {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -9px;
    transition: all .3s ease-in-out
}

.btn_use_toggle .cb_value {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer
}

.btn_use_toggle .text_use {
    margin-top: -1px;
    position: absolute;
    top: 50%;
    left: 29px;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
    letter-spacing: -.56px;
    text-align: center;
    color: #24a148
}

.btn_use_toggle .text_use.off {
    left: 8px;
    color: #777
}
.btn_prev, .btn_next {
    width: 18px;
    height: 16px;
    margin-right: 8px;
    background: url(../images/btn_previous.png);
}

.btn_next {
    margin-right: 0;
    margin-left: 8px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.inactivate {
    background-color: #ccc;
    color: #aaa
}

/*s 221230 gnb 수정*/
.header-wrap {
    width: 100%
}

.header-wrap .header {
    min-width: 1700px;
    width: 100%;
    background-color: #fff;
    border-bottom: 2px solid #eee
}

.header-wrap .header .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 1200px;
    width: 100%;
    margin: 0 auto;
    height: 64px;
    line-height: 16px
}


.header-wrap .header .top select.select_box {
    line-height: 22px;
    font-size: 13px
}

.header-wrap .header .top .logo h1 .logo_img {
    background: url(../images/logo.png) no-repeat;
    width: 100px;
    height: 22px;
    background-size: contain;
}
/* e 230103 gnb 로고 이미지 수정 */

.header-wrap .header .top .logo select.select_box {
    line-height: 24px;
    background-color: #eee;
    border: none
}
.header-wrap .header .top .logo {
    height: 64px;
}
.header-wrap .header .top .name {
    font-size: 13px;
    color: #555;
    padding-left: 2px;
    margin-right: 12px
}

.header-wrap .header .global_nav {
    position: relative;
    width: 100%;
    height: inherit;
    margin-left: 20px;
}

.header-wrap .header .global_nav ul.menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 850px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    gap: 50px;
}

.header-wrap .header .global_nav ul.menu li.more > a:after {
    content: '';
    position: absolute;
    background: url(../images/menu_arrow_off.png) no-repeat;
    width: 10px;
    height: 10px;
    top: 40%;
    margin-left: 10px;
}


.header-wrap .header .global_nav ul.menu li {
    flex-grow: 1;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-wrap .header .global_nav ul.menu li a {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #999;
    font-weight: 600;
    position: relative;
}

.header-wrap .header .global_nav ul.menu li .sub_menu {
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #24a148;
    position: absolute;
    display: none;
    z-index: 101;
    right: -30px;
    top: 60px;
}
.header-wrap .header .global_nav ul.menu li.active .sub_menu {
    display: block;
}
/*.header-wrap .header .global_nav ul.menu li:hover .sub_menu {*/
/*    display: block;*/
/*}*/

.header-wrap .header .global_nav .menu .sub_menu:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: -10px;
    right: 8px;
    background: url(../images/menu_arrow_on.png) no-repeat;
    transform: rotate(-180deg);

}

.header-wrap .header .global_nav .menu .sub_menu li a {
    display: block;
    white-space: nowrap;
    padding: 15px 20px;
}
/*s 230102 서브메뉴 클릭시 on 추가*/
.header-wrap .header .global_nav .menu .sub_menu li a.on {
    color: #24a148;
    font-weight: 600;
}
/*e 230102 서브메뉴 클릭시 on 추가*/

.header-wrap .header .global_nav ul.menu li a.on {
    color: #24a148;
    font-weight: 600;
}

.header-wrap .header .global_nav ul.menu li.more > a.on::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../images/menu_arrow_on.png) no-repeat;
}

.header .global_nav ul.menu li a.on,
.header .global_nav ul.menu li a:hover {
    color: #24a148;
}
.header .global_nav ul.menu li.more > a:hover:after {
    content: '';
    background: url(../images/menu_arrow_on.png) no-repeat;
    position: absolute;
    top: 40%;
}

.header .global_nav ul.menu li:after a.on {
    content: '';
    background: url(../images/menu_arrow_on.png) no-repeat;
    position: absolute;
    top: 40%;
    left: 64%;
}

.header .global_nav:hover .nav_box {
    display: flex;
}

.local_nav ul.menu li a:hover {
    color: #fff;
    font-weight: 700;
    background-color: #24a148
}

/*e 221230 gnb 수정*/

/* 추가 스타일*/
/*.navigation .nav ul li .step2 {*/
/*    background-color: #ffffff;*/
/*}*/

.local_nav ul.menu {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 1200px;
    height: 60px;
    margin: 20px auto 40px;
    display: none;
}

/*.local_nav ul.menu li {*/
/*    flex-grow: 1*/
/*}*/

/*.local_nav ul.menu li:first-child a {*/
/*    border-radius: 4px 0 0 4px*/
/*}*/

/*.local_nav ul.menu li:last-child a {*/
/*    border-radius: 0 4px 4px 0*/
/*}*/

/*.local_nav ul.menu li a {*/
/*    display: block;*/
/*    text-align: center;*/
/*    font-size: 18px;*/
/*    color: #000;*/
/*    line-height: 60px;*/
/*    font-weight: 300;*/
/*    background-color: #eee*/
/*}*/

/*.local_nav ul.menu li a.on {*/
/*    color: #fff;*/
/*    font-weight: 700;*/
/*    background-color: #24a148*/
/*}*/

.navigation {
    position: relative;
    min-width: 315px;
    min-height: 609px;
    overflow: scroll;
    background-color: #fff;
    padding: 12px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.navigation .nav {
    font-size: 14px;
    letter-spacing: -.84px;
    width: max-content;
    min-width: 100%;
}

.navigation .nav ul.step1 > li {
    margin-bottom: 3px
}

.navigation .nav ul.step1 > li .tit {
    padding-left: 12px
}

.navigation .nav ul.step2 > li .tit {
    padding-left: 32px
}

.navigation .nav ul.step3 > li .tit {
    padding-left: 52px
}

.navigation .nav ul.step4 > li .tit {
    padding-left: 72px
}

.navigation .nav ul.step5 > li .tit {
    padding-left: 92px
}

.navigation .nav ul.step6 > li .tit {
    padding-left: 112px
}

.navigation .nav ul.step7 > li .tit {
    padding-left: 132px
}

.navigation .nav ul.step8 > li .tit {
    padding-left: 152px;
    white-space: nowrap;
}

.navigation .nav ul.step2 li .sub li a {
    padding-left: 52px
}

.navigation .nav ul.step3 li .sub li a {
    padding-left: 72px
}

.navigation .nav ul.step4 li .sub li a {
    padding-left: 92px
}

.navigation .nav ul.step5 li .sub li a {
    padding-left: 112px
}

.navigation .nav ul.step6 li .sub li a {
    padding-left: 132px
}


.navigation .nav ul li a {
    display: inline-block;
    line-height: 35px;
    color: #000
}

.navigation .nav ul.step1 > li .fixed_tit {
    padding-left: 12px
}

.navigation .nav ul li .fixed_tit {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    height: 35px;
    line-height: 35px;
    margin-bottom: 4px;
    cursor: pointer
}

.navigation .nav ul li .fixed_tit:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/ic_drop.svg);
    background-repeat: no-repeat;
    background-position-y: 2px
}

.navigation .nav ul li .fixed_tit.on {
    display: block;
    background-color: #defbe6
}

.navigation .nav ul li .tit {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    height: 35px;
    line-height: 35px;
    cursor: pointer
}

.navigation .nav ul li .tit:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/ic_drop.svg);
    background-repeat: no-repeat;
    transform: rotate(270deg);
    background-position-x: -2px;
}

.navigation .nav ul li input[type="checkbox"]:checked + label.tit:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/ic_drop.svg);
    background-repeat: no-repeat;
    transform: rotate(360deg);
    background-position-y: 2px;
}

/*.navigation .nav ul li input[type="checkbox"]:checked {*/
/*    background-color: #defbe6;*/
/*}*/


.navigation .nav ul li .tit.on {
    display: block;
    background-color: #defbe6
}

.navigation .nav ul li input[type=checkbox] {
    display: none;
}

.navigation .nav ul li input[type=checkbox]:not(checked) ~ ul {
    display: none;
}

.navigation .nav ul li input[type=checkbox]:checked ~ ul {
    display: block;
}

/**
test point
 */



.navigation .nav ul li.on {
    background-color: #defbe6;
}

.navigation .nav ul li .sub {
    background-color: white;
    margin-top: -5px
}

.navigation .nav ul li .sub li.on a {
    color: #24a148
}

.navigation .nav ul li.first .sub li {
    display: none;
}

.navigation .nav ul li .sub li.on {
    background-color: #defbe6
}

.navigation .nav ul li .sub li a {
    padding-left: 32px;
    padding-right: 12px
}

.navigation .nav ul li .sub li:last-child {
    padding-bottom: 10px
}

.sel_question_wrap .sel_question_tit {
    border: 1px solid #ccc;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background-color: #eee
}

.sel_question_wrap .sel_question_tit span {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    letter-spacing: -.56px;
    text-align: center;
    color: #000
}

.sel_question_wrap .sel_question_tit span:first-child {
    width: 15%;
    text-align: center;
    padding: 0
}

.sel_question_wrap .sel_question_tit span:last-child {
    width: 55%;
    text-align: center;
    padding: 0
}

.sel_question {
    min-width: 383px;
    max-width: 383px;
    border: 1px solid #ccc;
    /*overflow-y: scroll*/
}

.sel_question .navigation {
    min-width: 383px;
    min-height: 745px;
    max-height: 745px;
    height: 528px;
    border: 0
}

.window_pop .sel_question .navigation {
    min-width: 383px;
    min-height: 520px;
    max-width: 445px;
    max-height: 530px;
    height: 528px;
    border: 0
}

.sel_question .navigation .nav ul li {
    position: relative;
}

.sel_question .navigation .nav ul li label.tit {
    max-width: 300px;
    vertical-align: middle
}

.sel_question .navigation .nav ul li .sel_subject_box {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    text-align: center;
}

.sel_question .navigation .nav ul li .sel_subject_box .check_box label:before {
    content: none !important
}

.sel_question .navigation .nav ul li .ques_count {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #000;
    width: 100px;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 25px;
}

.sel_question .navigation .nav ul li .sub li a {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0 !important;
}

.sel_question .navigation .nav ul li .sub li a + .sel_subject_box {
    margin-top: 2px
}

.sel_question .navigation .nav ul li .sub li:last-child {
    padding-bottom: 0px;
}



.step3_list_item {
    background-color: #ffffff;
}

.sub_node {
    background-color: #ffffff;
}

.list_click_on_change_background {
    background-color: #defbe6
}

.clicked {
    background-color: #defbe6;
}


/* tui 수정 (page btn) */
.tui-page-btn span {
    margin-top: 8px !important;
}


.table_padding #grid table tr td {
    padding: 0px 5px;
}

/* 코드 관리 tui 데이터 없을 때 */
#primary_code_list .tui-grid-layer-state {
    border-left: 1px solid #ccc;
}

/*체크박스 드롭다운*/
.dropDown {
    position: relative;
    display: inline-block;
}

.btn_drop {
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    line-height: 32px;
    margin-bottom: 0;
    padding: 0 0 0 10px;
    font-size: 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 5px;
    z-index: 1;
    cursor: pointer;
    min-width: 145px;
    width: auto;
}

.btn_drop span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btn_drop::after {
    content: '';
    position: absolute;
    clear: both;
    width: 16px;
    height: 16px;
    display: block;
    background: url(../images/ic_drop.svg) no-repeat;
    top: 50%;
    right: 5px;
    margin-top: -9px;
}

.btn_drop.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn_drop.active::after {
    transform: rotate(-180deg);
}

.dropBox {
    display: none;
    overflow-y: overlay;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #b2b2b2;
    box-sizing: border-box;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    z-index: 16;
}

.dropBox .chkWrap {
    height: auto;
    min-height: 50px;
    max-height: 200px;
    overflow-y: auto;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.dropBox::-webkit-scrollbar {
    width: 7px;
}

.dropBox::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 10px;
}

.dropBox ul li {
    padding: 5px 0;
}

.dropBox ul li:hover,
.dropBox ul li.on {
    background: #eee;
}

.dropBox ul li label,
.dropBox ul li a {
    display: block;
    padding: 0 5px;
}

.dropBox ul li label input {
    margin-right: 5px;
}

.dropBox ul li input[type=checkbox] {
    display: none;
}

.dropBox input[type=checkbox]:checked+label {
    background-image: url(../images/checkbox_active.png);
    background-repeat: no-repeat;
}

.dropBox input[type=checkbox]+label {
    margin: 0 10px;
    padding-left: 21px;
    line-height: 20px;
    font-size: 14px;
    color: #000;
    letter-spacing: -.5px;
    background-image: url(../images/checkbox.png);
    background-repeat: no-repeat;
    background-position-y: 2px;
    cursor: pointer;
}

.dropBox .btn_wrap {
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dropBox .btn {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    color: #777;
    font-size: 13px;
}

.dropBox .btn_wrap a+a {
    margin-left: 5px;
}

.btn_wrap a + a {
    margin-left: 5px;
}

.pop_btn_wrap {
    display: flex;
    width: 315px;
    margin: 0 auto;
    justify-content: space-between;

}


/* 내폴더 슬라이드 영역 */
.swiper-container.menu_box {
    width: 100%;
    height: 100%;
}

/*.swiper-container.menu_box .swiper-wrapper {*/
/*    padding: 0 35px;*/
/*}*/

.menu_box .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    /* Center slide text vertically */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}

.menu_box .add-folder a {
    font-size: 14px;
}

.swiper-container {
    width: 100%;
    margin: 20px auto;
}

.append-buttons {
    text-align: center;
    margin-top: 20px;
}

.append-buttons button {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 13px;
    white-space: nowrap;
}

.swiper-container.menu_box .swiper-button-next:after {
    background: url(../images/btn_next.png) no-repeat;
    background-position: center;
}

.swiper-container.menu_box .swiper-button-prev:after {
    background: url(../images/btn_prev.png) no-repeat;
    background-position: center;
}

.swiper-container.menu_box .swiper-button-next:after, .swiper-container.menu_box .swiper-button-prev:after {
    content: "" !important;
    width: 25px;
    height: 50px;
    background-repeat: no-repeat;
    background-color: transparent;
    z-index: 3;
    background-size: auto;
}

.swiper-container.menu_box .swiper-button-next {
    background-color: #fff;
    width: 40px;
    height: 100%;
    right: 0px !important;
    padding-left: 5px;
    top: 22px;
}

.swiper-container.menu_box .swiper-button-prev {
    background-color: #fff;
    width: 40px;
    height: 100%;
    padding-left: 10px;
    top: 22px;
    opacity: 1;
}


/* 응시용 시험지 템플릿 */
.scroll-inner {
    overflow: auto;
    position: relative;
}


.popup-wrap .pop-header {
    padding: 25px 29px;
}

.popup-wrap .pop-header .title {
    font-size: 20px;
    font-weight: 800;
}

.popup-wrap .pop-content {}

.popup-wrap .pop-content .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*width: 100%;*/
    max-height: 1181px;
    margin: 0px 29px;
}


.popup-wrap .pop-content .scroll-inner::-webkit-scrollbar-thumb {
    border: 5px solid #fff;
    background-color: #efefef;
}



.popup-wrap .pop-content .check-wrap {
    width: calc(100% - 470px);
    max-height: 680px;
}

.popup-wrap .pop-content .check-wrap .check-sheet {
    height: calc(100% - 37px);
    height: 100%;
    border: 1px solid #c6c6c6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-wrap .pop-content .check-wrap .check-sheet .scroll-wrap {
    height: calc(100% - 0px);
}

.popup-wrap .pop-content .check-wrap .check-sheet .scroll-inner {
    height: 100%;
}

.popup-wrap  .pop-content .check-wrap .check-sheet.completion {
    margin-top: 0;
    height: 100%;
}

.popup-wrap .pop-content table {
    border: 0;
    table-layout: inherit;
}

.popup-wrap .pop-content .check-wrap tr {
    width: 100%;
    border-bottom: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-wrap .pop-content .check-wrap tr td.check-num {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 41px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    background: #f5f5f5;
    border-left: 0;
    border-right: 1px solid #ccc;
}

.popup-wrap .pop-content .check-wrap tr td {
    width: 100%;
    box-sizing: border-box;
}

.popup-wrap .pop-content .check-wrap tr td:nth-child(2) {
    padding: 0 10px;
}

.popup-wrap .pop-content .check-wrap td input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.popup-wrap .pop-content .check-wrap td input[type="radio"]:checked + label {
    color: #fff;
    background-color: #4974b3;
}

.popup-wrap .pop-content .check-wrap td input[type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.popup-wrap .pop-content .check-wrap td input[type="checkbox"]:checked + label {
    color: #fff;
    background-color: #4974b3;
}

.popup-wrap .pop-content .check-wrap td label {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 1px 5px;
    line-height: 15px;
    margin-right: 3px;
    color: #8d8d8d;
    font-size: 14px;
    border-radius: 100%;
    border: 1px solid #8d8d8d;
    cursor: pointer;
}

.popup-wrap .pop-content .check-wrap td label:last-child {
    margin-right: 0;
}

.popup-wrap .pop-content .check-wrap td label::before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
}

.popup-wrap .pop-content .check-wrap td input[type="text"] {
    width: 100%;
    height: 20px;
    color: #777;
    line-height: 20px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

.popup-wrap .pop-content .check-wrap td input::placeholder {
    color: #ddd;
}

.popup-wrap .pop-content .cnt {
    padding-left: 20px;
    width: 100%;
    height: 100%;
    margin-right: 10px;
    border: 1px solid #c6c6c6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-wrap .pop-content .cnt .scroll-inner {
    padding: 0 15px;
    height: 680px;
}

.popup-wrap .pop-content .cnt .title-wrap {
    margin-top: 25px;
    font-size: 13px;
    font-family: "Noto Sans KR", sans-serif, Arial, "Helvetica Neue", Helvetica;
}

.popup-wrap .pop-content .cnt .test-cnt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 40px 0 100px;
}

.hyper_link {
    width: 100%;
}

.hyper_link a {
    text-decoration: underline;
    padding: 5px 7px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #24a148;
    background: transparent;
    border: none;
    text-align: left;
}

.hyper_link.wd50 a {
    width: 50%;
}


/* 지문 관리 페이지 */

.passage_wrap {
    width: 60%;
    margin-left: 8px;
}
.passage_wrap .scroll_box {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 21px 5px;
    background-color: #fff;
}

.passage_area {
    padding: 0 20px;
}

.passage_area .passage_box {
    width: 100%;
    height: 240px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.passage_area .passage_box .passage_tit {
    margin-bottom: 20px;
}
.passage_info .view_paper_box {
    width: 100%;
}

.passage_info {
    width: 40%;
    margin-left: 8px;
    margin-top: 30px;
}


.passage_info .view_paper_box .tbl_view th, .passage_info .view_paper_box .tbl_view td {
    height: 50px;
}

.sound_area audio {
    display: none;
}

.sound_area .sound_btn {
    cursor: pointer;
    font-size: 25px;
    color: #24a148;
}

.tbl_list .ui-sortable td.handle {
    width: 1%;
    white-space: nowrap;
}

.ui-sortable {
    min-width: 100%;
}

.ui-sortable-helper {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


/* toast ui grid 설정*/

.toastui-editor-contents hr {
    border-top: 1px solid #eee;
    /*width: 100%;*/ /*230110 공지사항 등록 부분 때문에 주석처리*/
    margin: 16px 0;
    position: inherit;
    height: 0px;
    visibility: visible;
}

.tui-grid-cell-has-input .tui-grid-cell-content {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 추가 사항 입력시 하단 추가*/

.pop_question_regist .inputDiv>input[type="text"] {
    border:none;
    display: block;
    letter-spacing: -.56px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
}

.inputDiv{
    width:194px;
    border:1px solid #ccc;
    border-radius: 4px;
    padding-right: 17px;
}

.pop_question_regist .inputDiv {
    width: 100%;
}


/* 그리드 row 헤더의 체크박스 적용 */
th.tui-grid-cell-header {
    background-color: #eee;
}
.complete_upload {
    margin: 0 auto;
    padding: 20px 0;
}

.complete_upload .item_question {
    margin-bottom: 30px;
}

.complete_upload .item_question > div {
    margin-bottom: 10px;
}
.complete_upload .exam_box .item_area .item_question .img_box img {
    /*
    max-width: 100%;
    max-height: 100%;
     */
    width: auto;
}

.exam_title {
    font-size: 15px;
    font-weight: 600;
    color: #24a148;
    margin-bottom: 5px;
}

.tui-grid-table tr td.active {
    background-color: #ffffe7;
}

.inspection_div .item_status {
    background-color: #e2f9e8;
    color: #24a148;
    font-weight: 700;
}

.tbl_info_txt {
    margin-top: 20px;
}

.paragraph table table {
    margin : 2px;
}

.paragraph table table td{
    padding : 2px;
}


/* latex */
/*
mjx-c.mjx-c2218::before {
    margin: 0 5px;
}

.complete_upload .mjx-chtml {
    white-space: inherit;
}

.window_pop mjx-box {
    padding: 0 7px;
}

#item_area .exam_area mjx-utext {
    word-break: break-all;
}

.mjx-container {
    word-break: break-all;
    display: inline;
}

mjx-container[jax="CHTML"] {
    word-break: break-all;
    display: inline;
}
*/

/* 5지 선지 스타일 */

.answer-input-type {}

.answer-input-type li {
    position: relative;
    padding: 10px 0;
    display: flex;
    align-items: baseline;
}

.answer-input-type li input {
    width: 0;
    height: 0;
    overflow: visible;
}

.answer-input-type li label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #222;
    text-align: center;
    line-height: 18px;
    padding: 0 5px;
}

.answer-input-type.checkbox li label {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #222;
    margin-right: 7px;
}

.answer-input-type li .txt {
    width: 100%;
}

.answer-input-type li input:checked+label {
    color: #fff;
    background-color: #0175be;
    border-color: #0175be;
}

.window_pop .answer-input-type.checkbox li label {
    line-height: 18px;
}

.window_pop .complete_upload .answer-input-type.checkbox li label {
    padding: 0 5px;
    line-height: 16px;
    text-align: center !important;
}

.choice_container img {
    width: 100%;
}

/* 자유 선지형 */

.choice-free-type {
    width: 100%;
}

.choice-free-type td {

}

.choice-free-type  td .txt input[type=checkbox] {
    width: 0;
    height: 0;
    overflow: visible;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #222;
    margin-right: 7px;
}

.choice-free-type td .paragraph .txt label {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #222;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 18px;
    padding: 0 5px;
}

.choice-free-type input:checked+label {
    color: #fff;
    background-color: #0175be;
    border-color: #0175be;
}

.answer-input-type li .txt {
    width: 100%;
}


/* media-query */

/* IE10+ */
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {*/
/*    .radio_box input[type=radio] {width: 16px; height: 16px;}*/
/*    .radio_box input[type=radio]:before {display:none;}*/
/*    .radio_box input[type=radio]:checked:before  {display:none;}*/
/*}*/

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Enter your style code */
    .radio_box input[type=radio] {
        position: relative;
        -webkit-appearance: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        outline: none;
        border: 1px solid #ccc;
        margin-right: 1px;
        margin-bottom: 3px;
        background-color: #fff;
        cursor: pointer;
    }

    .radio_box input[type=radio]:checked {
        background: #24a148;
        border-color: #24a148
    }

    .radio_box input[type="radio"]:checked + label {
        /*position: absolute;*/
        /*content: '';*/
        /*left: 50%;*/
        /*top: 50%;*/
        /*transform: translate(-50%, -50%);*/
        /*content: "";*/
        /*display: block;*/
        /*width: 10px;*/
        /*height: 10px;*/
        /*border-radius: 50%*/
    }

}

@media (min-width: 1320px) {
    .container {
        padding: 0 60px
    }
    /*.header .inner {*/
    /*    width: 1240px;*/
    /*}*/

    .header-wrap .header {
        padding: 0 60px
    }
}

@media (max-width: 1600px) {
    /*.menu_wrap > li {*/
    /*    width: 9%;*/
    /*}*/
}

/* 화면이 992px보다 크고 1200px 이하일 때 */
@media (min-width: 1100px) and (max-width: 1320px) {

    .contents {
        max-width: 1100px;
        margin: 0 auto
    }
}
@media (max-width: 1320px) {
    .header-wrap .header {
        padding: 0 60px
    }
}
@media (min-width: 993px) and (max-width: 1200px) {
    .container.pop_container {
        max-width: 1035px;
        min-width: 960px;
        padding: 25px 29px;
    }

    .container.pop_container .contents {
        max-width: 1020px;
        min-width: 960px;
    }

    .swiper-container {
        width: 100%;
    }
}

@media screen and (max-width: 1510px) {
    .popup-wrap .pop-content .inner {
        /*width: 100%;*/
        /*padding: 0 20px;*/
    }

    .popup-wrap .pop-content .cnt {
        width: calc(100% - 310px);
    }

    .popup-wrap .pop-content .cnt .test-cnt {
        width: 96%;
    }

    .popup-wrap .pop-content .cnt .test-cnt img {
        width: auto;
    }
    .popup-wrap .pop-content .check-wrap {
        width: 310px;
    }
}


@media screen and (max-width: 1023px) {
    .popup-wrap .pop-content .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .popup-wrap .pop-content .cnt {
        width: 100%;
        height: 460px;
        padding: 0 0 30px 10px;
    }

    .popup-wrap .pop-content .cnt .scroll-inner {
        height: 441px;
    }

    .popup-wrap .pop-content .cnt .scroll-inner > div {
        width: 95%;
    }

    .popup-wrap .pop-content .cnt .test-cnt {
        padding: 60px 0;
    }

    .popup-wrap .pop-content .check-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }

    .popup-wrap .pop-content .check-wrap .check-sheet {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        height: 200px;
        margin: 25px 0 30px;
    }

    .popup-wrap .pop-content .check-wrap .check-sheet .scroll-inner {
        height: 198px;
    }

    .popup-wrap .pop-content .check-wrap button {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 20px;
    }

    .popup-wrap .pop-content .check-wrap li label {
        margin-right: 15px;
    }

    .popup-wrap .pop-content .check-wrap li em {
        margin-right: 28px;
    }

    .popup-wrap .pop-content .check-wrap tr td .form-text {
        width: 100%;
    }
}


/* popup 반응형 */
@media screen and (max-width: 767px) {
    .popup-wrap .pop-header .title {
        font-size: 15px;
    }
    .popup-wrap .pop-content .cnt .title-wrap {
        font-size: 16px;
        font-family: "Noto Sans KR", sans-serif, Arial, "Helvetica Neue", Helvetica;
    }


    .popup-wrap .pop-content .check-wrap .check-sheet .title {
        font-size: 16px;
        font-family: "Noto Sans KR", sans-serif, Arial, "Helvetica Neue", Helvetica;
    }

    .popup-wrap .pop-content .check-wrap tr em {
        font-size: 16px;
        font-family: "Noto Sans KR", sans-serif, Arial, "Helvetica Neue", Helvetica;
    }


    .popup-wrap .pop-content .check-wrap tr label {
        width: 28px;
        height: 28px;
        line-height: 18px;
        padding: 3px 8px;
        font-size: 16px;
        font-family: "Noto Sans KR", sans-serif, Arial, "Helvetica Neue", Helvetica;
    }

    .popup-wrap .pop-content .check-wrap tr label.check::before {
        width: 26px;
        height: 27px;
        bottom: 10px;
    }


    .popup-wrap .pop-content .check-wrap tr td.check-num {
        width: 50px;
        height: 50px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        background: #f5f5f5;
        border-left: 0;
        flex-shrink: 0;
    }

}

.input_txt {
    /*display: inline-flex;*/
}

.hml-container .hml-component {
    display: contents;
}

.hml-component {
    display: inline-flex;
}

.hml-container .img_box {
    margin: 0px 0px 0px 0px;
}

.hml-component .input_question_text_box {
    width: 100%;
    height: 100%;
    margin-left: 1px;
    padding: 0px;
}


.drop-area{display:inline-flex;align-items: center;justify-content: center;}
.draggable-container img{max-width: 100% !important;max-height: 100% !important;}
.draggable-content{max-width: 100%;max-height: 100%;}


.answer_input_table {
    width: 50%;
    border-color: #FFFFFF;
}
.answer_input_table tr td {
    border-color: #FFFFFF;
}

.answer_input_type li {
    display : flex;
}
.draggable-container {
    display : inline-flex;
}


/* 240219 - 문항 등록 탭 수정 : start */
.pop_question_regist .tabmenu > ul {display:flex;justify-content: center;}
/* 240219 - 문항 등록 탭 수정 : end */


/* 출처관리 이미지 반응형 */
@media (max-width: 1870px) {
    .pop_search_img .select_img_list {
        gap: 7%;
    }
}
@media (max-width: 1820px) {
    .pop_search_img .select_img_list {
        gap: 5%;
    }
}
@media (max-width: 1710px) {
    .pop_search_img .select_img_list {
        gap: 3%;
    }
}
@media (max-width: 1685px) {
    .pop_search_img .select_img_list {
        gap: 1%;
    }
}
@media (max-width: 1630px) {
    .pop_search_img .select_img_list {
        gap: 0;
    }
}

@media (max-width: 1610px) {
    .pop_search_img .select_img_list {
        gap: 15%;
    }
}

@media (max-width: 1470px) {
    .pop_search_img .select_img_list {
        gap: 5%;
    }
}

@media (max-width: 1365px) {
    .pop_search_img .select_img_list {
        gap: 1%;
    }
}

@media (max-width: 1340px) {
    .pop_search_img .select_img_list {
        gap: 0%;
    }
}