/***************************
fonts
****************************/
@charset "UTF-8";
@import url('fonts.css');
/**/


body {
    font-size: 16px;
    color: #333;
    font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif, '맑은고딕', 'Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "FangSong", "仿宋", STFangSong, "华文仿宋", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", AppleGothic, Dotum, arial, sans-serif;
    letter-spacing: -0.25px;
}



/*****************
1. <button> 태그 안에는 <a href="#"></a> 를 사용하지 않는다. (링크가 필요한 버튼은 div사용. button에 url넣고싶으면 onclick)
2. ul > li안에 <div>를 사용하지 않도록 한다. (표준엔 맞지 않지만 사용하는 경우 있다)
3. display: block 형태가 필요하면, <span> 사용 후, span에게 따로 지정해준다.
4. (참고) background-color: transparent; 는 html 표준에 맞지않음. (rgba로 지정한다)
****************/

/**** [크로스브라우징] 브라우저별 벤터프리픽스
크롬 : -webkit-
사파리 : -webkit-
파이어폭스 : moz- 
오페라 : -o-, -webkit-
익스플로러 : -ms- 
*/


button {
    font-size: 15px;
}

button:hover,
#lbl_file_add:hover,
.lbl_file_add:hover {
    cursor: pointer;
}

button:disabled,
.lbl_file_add:disabled,
.disabled {
    opacity: 0.5;
    cursor: text;
}

.lbl_file_add:disabled:hover,
#lbl_file_add:disabled:hover,
button:disabled:hover,
.disabled:hover {
    cursor: text !important;
}


/**/
/* revert와 unset의 차이
revert: 
 - 현재 엘리먼트에서 선언 된 속성으로 되돌리기
unset: 
 - 부모 요소로부터 상속할 갑싱 존재하는 경우, 상속값 적용 (inherit)
 - 부모 요소로부터 상속할 값이 없다면 초기값 적용 (initial) */

input,
select,
textarea {
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    width: -webkit-fill-available;
    background-color: #fff;
    width: 100%;
    vertical-align: middle;
}

textarea {
    width: 100%;
    line-height: 1.5;
    resize: none;
}

textarea[readonly]:active,
textarea[readonly]:focus,
textarea:-moz-read-only:active,
textarea:-moz-read-only:focus,
textarea:read-only:active,
textarea:read-only:focus,
textarea[readonly='readonly']:active,
textarea[readonly='readonly']:focus,
textarea:read-only,
textarea:-moz-read-only {
    border: unset !important;
    background-color: revert !important;
    pointer-events: none !important;
    outline: none !important;
}


/*----- 달력 -----*/
#ui-datepicker-div.ui-datepicker {
    /* 달력 전체 감싸는 영역 */
    box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.175);
    -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.175);
    border: unset !important;
    padding: 6px !important;
}

.ui-datepicker .ui-datepicker-next {
    /* 양쪽 화살표 */
    top: 5px !important;
}

.ui-widget-header {
    /* 연도, 월 선택 셀렉트박스를 감싸는 영역 */
    background-color: #FFF !important;
    border: unset !important;
}

#ui-datepicker-div .ui-datepicker-title select.ui-datepicker-year,
#ui-datepicker-div .ui-datepicker-title select.ui-datepicker-month {
    /* 연도, 월 선택 셀렉트박스 */
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none !important;
    width: auto;
    height: 30px;
    line-height: 30px;
    background: url(../images/icon-selectbtn.png) no-repeat 90% 50%/15px auto !important;
    background-size: 20px;
    padding: 0 3px 0 5px;
    border-radius: 2px;
    outline: 0 none;
    padding: 0 5px 5px !important;
    background-color: #fff !important;
    width: 70px !important;
    border: unset !important;
}

.ui-datepicker .ui-datepicker-title select {
    /* 연-월 텍스트 설정 */
    font-size: 15px !important;
    font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif, 'Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "FangSong", STFangSong, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", AppleGothic, Dotum, arial, sans-serif;
}

.ui-datepicker th {
    /* 요일 */
    background-color: #FAFAFA !important;
    padding: 0 !important;
    height: 30px !important;
    border-radius: 4px;
}

.ui-datepicker td a {
    /* 각각 dates의 박스 */
    border: 1px solid rgba(0, 0, 0, 0) !important;
    background: rgba(0, 0, 0, 0) !important;
    font-size: 15px !important;
    text-align: center !important;
    font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif, 'Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "FangSong", STFangSong, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", AppleGothic, Dotum, arial, sans-serif;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    /* 활성화된 날짜 */
    background-color: #033A78 !important;
    border-radius: 4px;
    color: #FFF !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    /* 오늘 날짜 표시 */
    color: #033A78 !important;
    /*background-color: #F8F8F8!important;*/
    border-radius: 4px;
    font-weight: 500 !important;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
    /* 보여지는 이전달, 다음달 날짜 색상 */
    opacity: 0.3 !important;
}


/**/

/* [접근성] 본문으로 이동하기, Go Main(index) page */
.link-to-main,
.link-to-main:focus {
    position: fixed;
    top: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background: #333;
    color: #fff;
    line-height: 40px;
    text-align: center;
    z-index: 111111;
}

/* 경고문구 */
.warning {
    font-size: 14px;
    color: red;
}

/******************************* 
button 버튼 설정
*******************************/

.btn_fullcolored {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #245396;
    color: #fff;
    line-height: 48px;
    font-size: 16px;
}

/* 큰 사이즈 */
.button_lg {
    height: 48px !important;
    line-height: 47px !important;
    font-size: 16px;
    padding: 0 28px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.button_md {
    font-size: 15px;
    height: 36px !important;
    line-height: 35px !important;
    vertical-align: middle;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.button_sm {
    vertical-align: middle !important;
    font-size: 15px !important;
    height: 32px !important;
    line-height: 31px !important;
    padding: 0 10px !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.btn_grey {
    background-color: #e1e1e1;
    color:
        /*#A2A2A2;*/
        #444;
    cursor: pointer;
    vertical-align: middle;
}

.btn_slt {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #245396;
    color: #fff;
    line-height: 48px;
    font-size: 16px;
    cursor: pointer;
    vertical-align: middle;
}

.btn_slt:disabled {
    opacity: 0.5;
}

.btn_gray {
    background-color: #6b6b6b;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    line-height: 48px;
}

.btn_grayline {
    color: #646464;
    border: 1px solid #646464;
    background-color: #F8F8F8;
    line-height: 48px;
    border-radius: 4px;
}

.btn_grayline_clear {
    color: #646464;
    border: 1px solid #646464;
    background-color: #fff;
    line-height: 48px;
}

.btn_slt span {
    vertical-align: middle;
}

.btn_slt a,
.btn_back a {
    color: #fff;
}

.btn_close {
    /* &#10799; */
    background-color: #fff;
    border: 1px solid #333;
    color: #333;
    cursor: pointer;
    vertical-align: middle;
    font-size: 24px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
}


/******************************* 
좌측과 우측이 분리되어있는 
*******************************/
.wrap_contents {
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}

/**/


/* 마이페이지 메뉴 상단 타이틀 */
.menu_left {
    width: 20%;
}

/**/


/******************************* 
페이지제목 section
*******************************/
.hero {
    background-size: cover;
}

.spot_title_01 {
    width: 100%;
    height: 300px;
    color: #FFF;
    background-image: url(../images/web_title_02.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center;
    display: table;
}

.spot_title_02 {
    margin-top: 20px;
    width: 100%;
    height: 300px;
    color: #FFF;
    background-image: url(../images/web_title_02.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center;
    display: table;
}

.spot_title_03 {
    margin-top: 20px;
    width: 100%;
    height: 300px;
    color: #FFF;
    background-image: url(../images/web_title_03.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center;
    display: table;
}

.spot_title_01 > div,
.spot_title_02 > div,
.spot_title_03 > div {
    display: table-cell;
    vertical-align: middle;
}

.apply_title {
    margin-top: 50px;
    font-size: 36px;
    text-align: center;
    display: block;
    color: #333;
}

/******************************* 
우측 컨텐츠
*******************************/
.contents {
    width: 100%;
}

.contents_right {
    width: 80%;
    float: right;
}

.wrap_contents .contents_right {
    margin-left: 50px;
}

.contents_right:after {
    content: '';
    clear: both;
}

.container {
    margin: 0 auto;
    height: auto;
    width: 100%;
}

.max1060 {
    max-width: 1060px;
}


/* 우측 상단 [수험번호 + 이름 + 로그아웃 버튼 */
.user_login {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.name {
    text-align: right;
    margin-left: 20px;
    margin-right: 10px;
    font-size: 16px;
    color: #222;
}




/******************************* 
상단 제목
*******************************/
h1 {
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 60px;
}

h1.sel_nm {
    border-left: 0px;
    font-size: 36px;
    font-weight: 900;
}

h1.unset:after {
    border-left: unset;
    padding-left: unset;
    margin-bottom: unset;
    position: unset;
}

h2.unset {
    border-left: unset;
}

h2.unset:before,
h3.unset:before {
    content: '';
    width: unset;
    height: unset;
    background-color: unset;
    color: unset;
    position: unset;
    left: unset;
    top: unset;
}

h1.title img,
h2.title img,
h3.title img {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

p.h2_sub {
    font-weight: 600;
    font-size: 20px;
    margin-top: -5px;
}


/******************************* 
select 설정
*******************************/
/* select */
select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    appearance: none !important;
    -o-appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-transform: none;
    border-radius: 0;
    border: 1px solid #B8B8B8;
    padding: 0 10px;
    /*12px 14px;*/
    height: 30px;
    cursor: pointer;
    line-height: 28px;
}

select:focus {
    border: 1px solid #245396;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

select,
option {
    width: fit-content !important;
    width: -webkit-fill-available !important;
}

.custom-select select {
    width: 100%;
    background: url('../images/icon-selectbtn.png') no-repeat 95% 50%;
    user-select: none;
    font-family: inherit;
}

.custom-select.login-input:after {
    top: 60%;
}

.custom-select select {
    padding: 0 24px 0 10px !important;
}

option {
    width: 100%;
}

option {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/******************************* 
input 설정
*******************************/
input[type="checkbox"] {
    background-color: unset !important;
    box-shadow: unset !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 0;
    /* margin-right: 8px; */
}

input[type="radio"] {
    margin-right: 8px;
    background-color: rgba(0, 0, 0, 0);
    height: unset !important;
    box-shadow: unset;
    margin-left: 30px;
    width: 24px;
    height: 24px;
}

input[type="radio"]:nth-child(1) {
    margin-left: 0px;
}

/* 이미지 넣기 */
.profile-pic {
    width: 94.4px;
    height: 113.3px;
    background: url('../images/profile_default.png') no-repeat center !important;
    object-fit: cover;
}

/* 달력배경이미지(아이콘화) */
.bg-icon_calendar {
    position: relative;
}

.bg-icon_calendar img.ui-datepicker-trigger {
    position: absolute;
    top: 2px;
    right: 10px;
    content: '';
    width: 20px;
    height: 20px;
    z-index: 0;
    cursor: pointer;
}

.bg-icon_calendar img.ui-monthpicker-trigger {
    position: absolute;
    top: 2px;
    right: 10px;
    content: '';
    width: 20px;
    height: 20px;
    z-index: 0;
    cursor: pointer;
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="text"]::-webkit-clear-button,
input[type="text"]::-webkit-inner-spin-button {
    display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="text"]::-webkit-calendar-picker-indicator {
    background: transparent;
    z-index: 1;
}

input,
input[type="text"].cal_mth_format_kr,
input[type="text"].cal_format_apply,
input[type="date"].cal_format_apply {
    position: relative;
    height: 30px;
    width: 100%;
    border: 1px solid #B8B8B8;
    padding: 0 10px;
}

.bg-icon_calendar input:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url('../images/icon-calendar.png') no-repeat center;
    z-index: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.bg-icon_calendar input:after:hover,
.bg-icon_select select:after:hover {
    cursor: pointer;
}

.bg-icon_select select:after {
    position: absolute;
    top: 50%;
    right: 4px;
    content: '';
    width: 20px;
    height: 20px;
    background: url('../images/icon-selectbtn.png') no-repeat center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 1 !important;
}

/**/
.wrap_calc_grid3,
.font-size_unset {
    font-size: 0;
}

.calc_grid2 {
    width: calc(100% / 2 - 10px) !important;
    margin-right: 10px;
    display: inline-block;
    font-size: 16px;
}

.calc_grid2:nth-last-child(1) {
    margin-right: 0px;
}

.calc_grid3 {
    width: calc(100% / 3 - 10px) !important;
    margin-right: 10px;
    display: inline-block;
    font-size: 16px;
}

.calc_grid3:nth-last-child(1) {
    margin-right: 0px;
}

/**/


/* jQuery setting */

/* input 내부 jQuery 달력 이미지 */
.multi_inputs {
    position: relative;
}

.multi_inputs img.ui-datepicker-trigger {
    width: 20px;
    height: 20px;
    margin: 0px;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.ui-widget.ui-widget-content.ui-autocomplete {
    padding: 5px 10px !important;
    max-height: 375px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-widget.ui-widget-content {
    border: 1px solid #DDD;
    background-color: #FFF;
    border-radius: 6px;
}

.custom-combobox,
.custom-combobox-input {
    width: 100% !important;
}

.custom-combobox-toggle {
    width: unset !important;
    border: unset !important;
    background-color: unset !important;
    right: 22px !important;
}

.ui-button .ui-icon {
    /* apply에 위치하는 combobox*/
    background: url('../images/icon-selectbtn.png') no-repeat center !important;
    height: 16px;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-left: 0 !important;
}

.ui-widget.ui-widget-content {
    padding: 0 10px !important;
}

.ui-menu {
    margin-top: 5px;
}

.ui-widget.ui-widget-content li {
    border: unset !important;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 5px 10px;
}

span.custom-combobox:hover input.custom-combobox-input,
span.custom-combobox:hover a.ui-button.ui-button-icon-only {
    border: unset !important;
}

/* 폰트 재설정 */
.ui-widget,
.custom-combobox,
.custom-combobox-input,
ul.ui-widget.ui-widget-content,
.ui-menu .ui-menu-item-wrapper,
.custom-combobox input {
    font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif, 'Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "FangSong", STFangSong, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", AppleGothic, Dotum, arial, sans-serif;
    font-size: 15px;
}

/* 콤보박스 리스트 */
ul li.ui-menu-item {
    border-radius: 0 !important;
    border: unset !important;
    background-color: #fff !important;
    padding: 0px !important;
    line-height: 2em;
    padding: 0 2px;
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li div:hover {
    background-color: #f5f5f5 !important;
    border-radius: 4px;
    border: unset !important;
    color: #000 !important;
    margin: 0 !important;
    border: unset !important;
}


/* 비활성화 된 입력창 클릭 안되게 */
input[disabled="disabled"],
input:disabled,
.multi_inputs input:disabled ~ img,
.multi_inputs input[disabled="disabled"] ~ img {
    pointer-events: none !important;
}

.custom label:hover input[disabled="disabled"] ~ .checkmark {
    cursor: text !important;
}

.custom-combobox input[disabled="disabled"] ~ a span {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

.custom-combobox:focus ~ input[disabled="disabled"],
.custom-combobox:active ~ input[disabled="disabled"] {
    border: unset !important;
}

/**/

/*******************************************************************
*******************************************************************
************* 한국문학번역원 
**********************************************************
**********************************************************/
/* 공통 --- 에러페이지 */
.wrap-error {
    background-color: rgba(0, 0, 0, 0) !important;
}

.wrap-error,
.wrap-error .container-error {
    padding: 20px 30px;
}

p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
table tr td,
table tr th,
ul li,
button,
label,
input,
ol li {
    transform: rotate(0.04deg);
    -ms-transform: rotate(0.04deg);
    -webkit-transform: rotate(0.04deg);
    /* 텍스트를 부드럽게 */
}

input:focus:placeholder {
    opacity: 0;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color: #F8F8F8 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* 공통영역 --- 모달 */
#modal {
    z-index: 11111111111;
}

/* 공통영역 --- 네비게이션 */
.gnb {
    width: 100%;
    height: 42px;
    text-align: right;
    vertical-align: middle;
}

.gnb .inner_contents {
    line-height: 42px;
}

.gnb .nm_kor {
    vertical-align: middle;
    margin-right: 6px;
    color: #646464;
    font-size: 15px;
}

.gnb button {
    color: #003A78;
    background-color: #EEF5FF;
    padding: 0px 10px !important;
    border-radius: 50px;
}

.header {
    position: relative;
}

.container-hero {
    position: relative;
}

.brand {
    font-family: inherit;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #D5164D;
}

.header {
    /*position: fixed;
    top: 0;
    left: 0;*/
    width: 100%;
    height: auto;
    margin: 0 auto;
    /*box-shadow: var(--shadow-medium);*/
    background-color: #fff;
    z-index: 11111111111 !important;
}

.header .top_logo a img {
    height: 54px;
}

.wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 2rem;
    max-width: 1440px;
    height: 100px;
    margin: 0 auto;
    padding: 0 20px;
}

@media screen and (max-width: 992px) {
    .navbar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 0;
        overflow-y: auto;
        visibility: hidden;
        background-color: #003A78;
        transition: all 0.5s ease;
    }

    .navbar.active {
        left: 0rem;
        opacity: 1;
        visibility: visible;
    }
}

.menu-item {
    position: relative;
    display: inline-block;
    margin-left: 50px;
}

.menu-item:nth-child(1) {
    margin-left: 0;
}

.menu-link {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
    font-size: 18px;
    font-weight: 400;
    line-height: inherit;
    cursor: pointer;
    text-transform: capitalize;
    color: #000;
    transition: all 0.3s ease-in-out;
}

.menu-link > i.bx {
    font-size: 1.35rem;
    line-height: 1.5;
    color: inherit;
}

.menu-link:hover {
    outline: none;
    color: #245396;
    font-weight: 600;
    transition: 0.3s;
}

@media only screen and (min-width: 993px) {
    .menu-dropdown:hover > .submenu {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@media only screen and (max-width: 992px) {
    .menu {
        width: 100%;
        height: auto;
        padding: 1rem 0;
        margin-top: 0px;
        position: relative;
        top: 40%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .menu-item {
        display: block;
        margin: 0 auto;
    }

    .menu-link {
        padding: 1.2rem 1.25rem;
        font-size: 24px;
        font-weight: 600;
        color: #fff;
    }

    .menu-link:hover,
    .menu-link:focus,
    .menu-link:active {
        color: #245396;
    }
}

.submenu {
    position: absolute;
    top: 2.35rem;
    left: -1rem;
    min-width: 13rem;
    height: auto;
    padding: 0 1rem 1rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    border-radius: 0 0 0.25rem 0.25rem;
    border-top: 2px solid #245396;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 1440px) {
    .submenu {
        padding: 0;
        min-width: 8rem;
    }

    .submenu .submenu-item:nth-last-child(1) {
        margin-bottom: 0.75rem;
    }
}

.submenu-item {
    display: block;
    margin-top: 0.75rem;
    padding: 10px 16px;
}

.submenu-link {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: inherit;
    cursor: pointer;
    color: #000;
    transition: all 0.35s ease;
}

.submenu-link:hover {
    outline: none;
    font-weight: 500;
    color: #245396;
}

@media only screen and (max-width: 992px) {
    .submenu {
        position: relative;
        top: -0.5rem;
        left: 0;
        width: 100%;
        max-height: 0;
        padding: 0px;
        border: none;
        outline: none;
        opacity: 1;
        overflow: hidden;
        visibility: visible;
        transform: translateY(0px);
        box-shadow: none;
        background: transparent;
    }

    .submenu-item {
        text-align: center;
        margin-top: 0;
    }

    .submenu-item:nth-last-child(1) {
        margin-bottom: 0.75rem;
    }

    .submenu-link {
        color: #E9E9E9;
    }
}

.burger {
    position: relative;
    display: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1.75rem;
    height: 1rem;
    opacity: 0;
    visibility: hidden;
    background: transparent;
    margin-right: 0px;
}

.burger-line {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 1;
    border: none;
    outline: none;
    background: #000;
}

.burger-line:nth-child(1) {
    top: 0px;
}

.burger-line:nth-child(2) {
    top: 0.5rem;
}

.burger-line:nth-child(3) {
    top: 1rem;
}

@media only screen and (max-width: 992px) {
    .burger {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}

.header .btnclose {
    /* 닫기 아이콘 */
    position: fixed;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 40px;
    right: 20px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease-in-out;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 111;
    background: url('../images/icon-close_fff.png') no-repeat center;
    cursor: pointer;
    background-size: cover;

}

@media only screen and (max-width: 992px) {
    .header .btnclose.active {
        display: block;
        opacity: 1;
        position: fixed;
        visibility: visible;
    }
}

/**/


/* 공통영역 --- 타이포 */
.subtxt {
    color: #646464;
    text-indent: 20px;
    font-size: 15px;
}

h1 {
    text-align: left;
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 60px;
}

h2 {
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    margin-top: 60px;
    margin-bottom: 40px;
    position: relative;
}

h2.title {
    /* bullet이 들어가는 텍스트 */
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 24px;
}

h2.title:before,
h3.title:before {
    content: '';
    background: url('../images/bullet-main.png') no-repeat center;
    width: 20px;
    height: 20px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 6px;
}

h3 {
    margin-top: 40px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
}

h3.title {
    margin-bottom: 6px;
    padding-left: 20px;
}

h4 {
    font-size: 16px;
}

/**/

/* 정렬 */
.flexCenter {
    display: flex;
    justify-content: center;
    align-content: center;
}

.noShrink {
    flex-basis: 30%;
    flex-grow: 1;
    flex-shrink: 1;
    flex: 1 1 30%;
}

.noShrink_80 {
    flex: 1 1 80%;
    flex-basis: 80%;
}

.noShrink_45 {
    flex: 1 1 45%;
    flex-basis: 45%;
}

.noShrink_35 {
    flex: 1 1 35%;
    flex-basis: 35%;
}

.noShrink_20 {
    flex: 1 1 20%;
    flex-basis: 20%;
}

.noShrink_10 {
    flex: 1 1 10%;
    flex-basis: 10%;
}

.noResizing {
    display: flex;
    flex-wrap: wrap;
    flex-direction: inherit;
    flex: none;
    vertical-align: middle;
    align-items: center;
}

/**/

.form-basic table tr td button {
    margin-left: 6px !important;
    /*인풋과 버튼 사이의 갭 */
}

.width_unset {
    width: unset !important;
}

/* div사이의 미새한 여백 설정법 : 부모 div에 font-size: 0; 자식에게 폰트사이즈 설정*/
.fontsize_reset {
    font-size: 0;
}

.fontsize_default {
    font-size: 15px;
}

/**/
/* 공통 --- 마이페이지 좌측메뉴 */
.mypage_bar .toggle-menu-wrap > .toggle-menu > li {
    position: relative;
}

/* 메뉴당 높이 지정 */
.mypage_bar .toggle-menu-wrap > .toggle-menu > li a {
    padding: 0px;
    width: 100%;
    font-size: 16px;
    color: #646464;
    font-weight: 400;
}

.mypage_bar .toggle-menu-wrap > .toggle-menu > li.active a {
    color: #003A78;
    font-weight: 500;
}

.mypage_bar .toggle-menu-wrap > .toggle-menu > li a:hover {
    cursor: pointer !important;
}

.mypage_bar .toggle-menu-wrap.active ul li.active:before {
    content: '';
    width: 46px;
    height: 3px;
    background-color: #D5164D;
    position: absolute;
    top: 0%;
    left: 20px;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* 공통 --- 표 table */
table {
    /*
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border: 0;*/
}

.form-basic table {
    width: 100%;
    border-collapse:
        /* collapse; */
        separate;
}

.form-basic table tr th {
    background-color: #F8F8F8;
    font-size: 16px;
    font-weight: 500;
    padding: 0 10px;
    height: 48px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    letter-spacing: 0;
}

.form-basic .fake_th {
    background-color: #F8F8F8 !important;
    border-bottom: 1px solid #DDDDDD;
    font-size: 15px;
    font-weight: 400;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    letter-spacing: 0;
    height: 40px;
}

.form-basic table tr td {
    font-size: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    display: table-cell;
    padding: 8px 10px;
    /*height: 48px;*/
    /* 표 안에 form 이 있는 경우 */
    background-color: unset !important;
    border-bottom: 1px solid #DDD;
}

/* 하나의 .form-basic안에 2개이상의 table이 있는 경우 */
.form-basic table {
    border-top: 2px solid #000;
}

/*.form-basic:nth-child(n+2) table*/
.form-basic .bdr_top_unset {
    border-top: none !important;
}

.form-basic table {
    font-size: 0;
}

.form-basic table tr th,
.form-basic table tr td {
    font-size: 15px;
}

/* 표의 border값이 보이지 않는 경우 */
.form-basic table.table_showBorder {
    /* table에 보여야 할 보더값이 안보일 때 */
    width: 100%;
    border-collapse: separate !important;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border-spacing: 0;
}

/**/

/* 폼 */
.form-basic table .ui-widget.ui-widget-content,
.form-basic input,
.form-basic select,
.form-basic textarea,
.form-basic .fake_td {
    background-color: #F8F8F8;
    border-radius: 4px;
    height: 32px;
    box-shadow: unset;
    color: #646464;
    border: 1px solid #f8f8f8;
    padding: 0 10px;
}

input[type="radio"] {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    background-color: #000;
    margin-right: 0;
}

.form-basic .fake_td {
    line-height: 31px;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    margin-top: 0px;
    max-height: 32px;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.form-basic textarea {
    height: unset !important;
    padding: 10px !important;
}

.form-basic table .ui-widget.ui-widget-content:active,
.form-basic table .ui-widget.ui-widget-content:focus,
.form-basic input:active,
.form-basic select:active,
.form-basic textarea:active,
.form-basic input:focus,
.form-basic select:focus,
.form-basic textarea:focus {
    border: 1px solid #003A78 !important;
    outline: 0;
    background-color: #FFF !important;
    font-size: 15px !important;
}

.form-basic input:vistied,
input:-internal-autofill-selected {
    background-color: #f5f5f5 !important;
}

.form-basic .bg-icon_calendar input {
    /*border: 1px solid #E9E9E9 !important;*/
}

.form-basic .bg-icon_calendar input:focus,
.form-basic .bg-icon_calendar input:active {
    font-weight: normal !important;
    border: 1px solid #003A78 !important;
    font-size: 15px !important;
    letter-spacing: unset !important;
}

.form-basic table .ui-widget.ui-widget-content:disabled,
.form-basic input:disabled,
.form-basic select:disabled,
.form-basic textarea:disabled {
    background-color: #EEEEEE !important;
    color: #B8B8B8 !important;
    border: unset !important;
    cursor: unset !important;
    opacity: 1;
}

input:disabled::placeholder {
    color: #B8B8B8;
}

/*
input:disabled::-webkit-input-placeholder {color:  #B8B8B8;}
input:disabled:-ms-input-placeholder {color: #B8B8B8;}*/

.custom-select.disabled:after {
    content: '';
    opacity: 0.5;
}


/* 특정 textarea 내부 palceholder 색상 변경 */
/*
.form-basic textarea.txt_default::placeholder::-webkit-input-placeholder ,
.form-basic textarea.txt_default::placeholder::-ms-input-placeholder ,*/
.form-basic textarea.txt_default::placeholder {
    color: rgba(100, 100, 100, 0.6) !important;
}

/**/


/* 경고문구 */
.warning_sm {
    color: red;
    font-size: 10px;
    line-height: 1.2;
    margin-top: 4px;
}

.warning_md {
    color: red;
    font-size: 13px;
    line-height: 1.2;
    margin-top: 4px;
}

.warning_lg {
    color: red;
    font-size: 15px;
    line-height: 1.3;
    margin-top: 4px;
}

/* 경고박스 --- 파란색 배경 */
.infobox {
    background-color: #F8FBFF;
    padding: 20px 22px;
    border-radius: 6px;
}

.infobox .arrange {
    align-items: center;
    justify-content: flex-start;
    display: flex;
    width: 100%;
}

.infobox .arrange img {
    margin-right: 10px;
}

.infobox .title {
    color: #003A78;
    margin-bottom: 2px;
    font-size: 24px;
    font-weight: 500;
}

.infobox .text {
    font-size: 16px;
    color: #797979;
}

/**/

/* 박스 --- 회색배경 */
.box {
    background-color: #F8F8F8;
    border: unset !important;
    border-radius: 6px;
    color: #333;
    max-height: 250px;
    min-height: 0 !important;
    padding: 30px 40px 36px;
    overflow-y: auto;
}

/* 스크롤을 숨기려면 .box.noScroll 클래스를 사용 */
.noScroll {
    overflow-y: none;
    max-height: unset;
    max-height: unset;
}

.noScroll.box::-webkit-scrollbar-track,
.wrap_modal_contents::-webkit-scrollbar-track {
    background-color: unset !important;
}

/* 박스내 스크롤 */
.box::-webkit-scrollbar,
.wrap_modal_contents::-webkit-scrollbar {
    width: 6px;
}

.box::-webkit-scrollbar-thumb,
.wrap_modal_contents::-webkit-scrollbar-thumb {
    background-color: #646464;
    border-radius: 6px;
}

.box::-webkit-scrollbar-track,
.wrap_modal_contents::-webkit-scrollbar-track {
    background-color: #E9E9E9;
    border-radius: 6px;
    margin: 8px;
}


/* 작은사이즈 */
.box_sm {
    background-color: #F8F8F8;
    border: unset !important;
    border-radius: 6px;
    color: #333;
    padding: 12px 16px;
}

/**/
/* 박스 --- 전체 파란선 */
.box_blueline {
    border: 2px solid #003A78;
    padding: 30px 40px 36px;
}

.box_blueline .box_blueline_title {
    font-weight: 500;
    color: #003A78;
    font-size: 20px;
    margin-bottom: 20px;
}

.box_blueline .box_blueline_txt {
    color: #646464;
}

/**/
/* 박스 --- 상단 검정선 */
.box_blkline {
    border: 1px solid #DDDDDD;
    padding: 26px 30px 30px;
    border-top: 2px solid #000;
}

.box_blkline_sm {
    border: 1px solid #DDDDDD;
    padding: 15px 20px 18px;
    border-top: 2px solid #000;
}

.box_blkline .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}

/* 박스 --- 상단 제목(파랑배경)과 내용 텍스트(흰배경)가 있는 박스  */
.box_blueline_clear {
    border: 1px solid #B8B8B8;
    border-radius: 6px;
    padding: 0;
}

.box_blueline_clear .box_blueline_title {
    background-color: #F8FBFF;
    border-radius: 6px 6px 0 0;
    padding: 14px 20px;
    font-size: 20px;
    color: #003A78;
    font-weight: 500;
}

.box_blueline_clear .box_blueline_text {
    padding: 12px 20px;
    color: #797979;

}

/* 모든 박스 내부의 불러오는 글꼴 적용 */
.box *,
.box_sm *,
.box_blueline *,
.box_blueline_clear *,
.box_blkline *,
.box_blkline_clear * {
    font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif, '맑은고딕', 'Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "FangSong", "仿宋", STFangSong, "华文仿宋", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", AppleGothic, Dotum, arial, sans-serif !important;
    letter-spacing: 0px;
    font-weight: 400 !important;
}

@media (max-width: 500px) {

    .box_blkline,
    .box,
    .box_blueline {
        padding: 20px 20px 16px;
    }
}


/*--- button ---*/
button:disabled {
    opacity: 0.5;
    cursor: text;
}

button.btn_gray:disabled {
    /* 기본값이 진하여 오파시티 조정함 */
    opacity: 0.3;
}

.button_full {
    width: 100% !important;
}

.radius {
    border-radius: 4px;
}

.button_xl {
    width: 200px;
    line-height: 47px !important;
    vertical-align: middle;
}

/* 어두운색 버튼 */
.btn_gray {
    background-color: #3B3B3B;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

/* 배경색이 채워진 버튼 */
.btn_slt {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #003A78;
    color: #fff;
    line-height: 48px;
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
}

/*선으로 이루어진 버튼 */
.btn-outline_blue {
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #003A78;
    color: #003A78;
    text-align: center;
    cursor: pointer;
}

.btn-outline_blue.disabled {
    background-color: #EEEEEE;
    border-radius: 2px;
    border: 1px solid #DCDCDC;
    color: #B8B8B8;
    text-align: center;
    cursor: default;
}

/*--- badge ---*/
.badge {
    display: inline;
}

.badge-fullblue {
    background-color: #003A78;
    padding: 4px 8px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
}

.badge-fullblue_disabled {
    background-color: #EEEEEE;
    padding: 4px 8px;
    font-size: 14px;
    color: #E9E9E9;
    border-radius: 4px;
}

/*--- form input  입력폼 ---*/
/* label+input에서 input의 기본 항목. 클래스를 추가해서 높이 지정하면 됨. */
/* input을 div로 감싼다 */
.form-basic > div {
    margin-top: 4px;
}

.form-basic.form-inactive > div input:active,
.form-basic.form-inactive > div input:focus,
.form-basic.form-default > div input:active,
.form-basic.form-default > div input:focus {
    /* 에러, 비활성화를 제외한 폼에 추가 */
    border: 1px solid #003A78;
    background-color: #fff;
    outline: unset;
    color: #646464;
}

.form-basic ::placeholder {
    color: #646464;
    font-weight: 400;
}

.form-basic label {
    font-size: 16px;
    font-weight: 400;
    margin-top: 16px;
}

.form-basic .custom label {
    margin-top: 0;
    font-size: 15px;
}

.form-basic .form-msg {
    font-size: 14px;
    text-align: left;
}

/* ---상황별--- */
/* 에러 */
.form-error div input {
    border: 1px solid #D5164D !important;
    padding: 0 10px;
}

.form-error div input::placeholder,
.form-error div input:valid,
.form-msg {
    color: #D5164D;
}

.form-error div input:focus,
.form-error div input:active,
.form-disabled div input:focus,
.form-disabled div input:active {
    outline: unset !important;
}

/* 비활성화 일때 라벨 */
.form-disabled label {
    color: #646464;
}

.form-disabled div input:disabled {
    background-color: #EEEEEE !important;
    opacity: 1 !important;
}

.form-disabled div input:disabled::placeholder {
    color: #B8B8B8 !important;
    opacity: 1 !important;
}

/* 입력됨 */
.form-inactive input::placeholder {
    color: #646464;
}

/**/

/* 공통영역 --- 푸터 */
footer {
    background-color: #303030;
    margin-top: 200px !important;
}

footer .inner_contents {
    position: relative;
    padding: 30px 0;
}

footer .footer_top {
    padding: 10px 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #B8B8B8;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .footer_top .footer-logo img {
    margin-right: 20px;
}

footer .footer_top .footer-logo img:nth-last-child(1) {
    margin-right: 0;
}

footer .footer_top ul li {
    display: inline-block;
    text-align: right;
    padding: 0 10px;
    color: #DDDDDD;
    cursor: pointer;
}

footer .footer_top ul li:nth-last-child(1) {
    padding-right: 0;
}

footer .footer_btm {
    padding: 0 20px 20px;
}

footer .footer_btm .infoarea {
    color: #B8B8B8;
}

footer .footer_btm .infoarea .address {
    margin-bottom: 16px;
    font-size: 14px;
}

footer .footer_btm .infoarea .runningtime {
    font-size: 16px;
    margin-bottom: 30px;
}

footer .copyright {
    color: #E9E9E9;
    font-size: 14px;
}

.btn-fab {
    /* 상단으로 이동하는 버튼 */
    background-color: #D5164D;
    color: #fff;
    width: 64px;
    height: 64px;
    border-radius: 6px;
    vertical-align: middle;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.btn-fab > div {
    display: flex;
    align-items: center;
    justify-items: center;
    text-align: center;
    width: 64px;
    height: 64px;
}

.btn-fab:hover {
    cursor: pointer;
}

.btn-fab p {
    text-orientation: upright;
    display: inline-block;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    letter-spacing: 6px;
    font-size: 15px;
    height: 20px;
}

.btn-fab img {
    height: 32px;
    vertical-align: middle;
    margin-left: -10px;
}

#myBtn {
    display: none;
    /* position: fixed;*/
}

/**/

/*----- Contents area. -----*/
/* 공통 --- 컨텐츠 영역 */
.container-page-contents,
.inner_contents {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.container-page-contents > div {
    margin-top: 60px;
}

/**/
/* 공통영역--- 현재 페이지 타이틀 감싸는 div */
.page_hero {
    padding-top: 50px;
    padding-bottom: 30px;
}

/* 공통영역--- 현재 페이지 타이틀을 감싸는 div */
.page-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* 공통영역--- 현재 페이지 타이틀*/
.page-title {
    font-size: 36px;
    font-weight: 500;
    text-align: left;
}

.page-title-wrap {
    animation: animatetop 2.5s;
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.spot_title_01 {
    animation: animatetop_1 3s;
}

@keyframes animatetop_1 {
    from {
        top: -350px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/**/
/* 공통영역--- breadcrumbs */
.page_hero .breadcrumbs {
    margin-bottom: 6px;
}

.page_hero .breadcrumbs ul li img.icon-home {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
}

.page_hero .breadcrumbs ul li {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 10px;
    color: #999;
    cursor: pointer;
    font-size: 14px;
}

.page_hero .breadcrumbs ul li:after {
    content: '';
    /* 화살표 아이콘*/
    background: url('../images/icon-arrow_b8.png') center no-repeat;
    width: 4px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: unset;
    right: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.page_hero .breadcrumbs ul li:nth-last-child(1):after {
    content: '';
    background: unset !important;
}

.page_hero .breadcrumbs ul li:nth-child(1) {
    padding-left: 0;
}

.page_hero .breadcrumbs ul li.current {
    /* 현재페이지 */
    padding-right: 0;
    background: unset !important;
    color: #000;
    font-weight: 500;
    cursor: text;
}

/**/
/* 공통영역--- 탭 */
.page-tab {
    margin-top: 20px;
}

.page-tab ul li:after {
    content: '|';
    color: #E9E9E9;
    padding: 0 20px;
    font-size: 14px;
    vertical-align: middle;
}

.page-tab ul li:nth-last-child(1):after {
    content: '';
}

.page-tab ul li {
    display: inline-block;
    color: #646464;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

.page-tab ul li.active {
    font-weight: 500;
    color: #003A78;
}

.page-tab ul li:nth-child(1) {
    margin-left: 0;
}

.page-tab ul li:nth-last-child(1) {
    margin-right: 0;
}

/**/
/* 공통영역--- 팝업 */
/*팝업내부 입력칸*/
.popup-contents .form-basic select,
.popup-contents .form-basic input {
    height: 36px !important;
    padding: 0 10px;
}

.btn-popupClose {
    background: url('../images/icon-close_fff.png') no-repeat center;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    background-size: cover;
    cursor: pointer;
}

.msg-state {
    font-size: 15px;
    border-radius: 6px;
    text-align: center;
    padding-top: 20px;
    color: #D5164D;
}

.msg-state span {
    font-weight: 600;
}

.wrap-popup {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.wrap-popup .popup-bg {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

.wrap-popup-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.popup-contents {
    width: 600px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

@media (max-width:500px) {
    .wrap-popup-contents {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }

    .popup-contents {
        width: 100%;
    }
}

/*--- 유효시간 ---*/
.msg-code {
    margin-top: -5px !important;
}

.msg-code,
.msg-code > div,
.msg-code button {
    display: inline-block;
    vertical-align: middle;
}

.msg-code > div,
.btn-text {
    font-size: 14px;
    color: #D5164D;
}

.msg-code button.btn-text {
    color: #000;
    margin-left: 6px;
}

.msg-code button.btn-text:disabled {
    color: #B8B8B8;
}

/**/

/*----- 전형 하단 버튼 여백 -----*/
.wrap_page_button {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}


/*------ 페이지별 ------*/
/*--- EN2102P ---*/
.EN2102P .popup-contents .form-basic input { margin-right: 4px; }

/*---  EN0210M ---*/
/* 모집전형선택 */
.EN0210M .infobox {
    margin-bottom: 20px;
}

.wrap-course {
    text-align: center;
}

.wrap-course .course-box {
    font-size: 0;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.wrap-course .course-box > div {
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
    background-size: cover;
    font-size: 15px;
    box-shadow: 1px 5px 10px rgba(36, 83, 150, 0.12);
    border-radius: 10px;
    height: 550px;
    padding: 36px 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
    border: 1px solid #fff;
    position: relative;
    margin-bottom: 20px;
}

.wrap-course .course-box > div:hover {
    cursor: pointer;
}

.wrap-course .course-box > div:hover button {
    background-color: #003A78;
    color: #FFF;
    transition: 0.5s;
}

.wrap-course .course-box > div.disabled {
    cursor: text !important;
    border: 1px solid unset;
    transition: 0.3s;
    opacity: 0.6;
}

.wrap-course .course-box > div.disabled button {
    /* 비활성화 일 때 버튼 */
    cursor: text;
    border: 1px solid #DCDCDC;
    background-color: #EEEEEE;
    color: #BEBEBE;
}

.wrap-course .course-box > div:nth-last-child(1) {
    margin-right: 0px;
}

.wrap-course .course-box > div button {
    position: absolute;
    bottom: 20px;
    left: 0;
    margin: 0 40px;
    max-width: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
}

.wrap-course .course-box > .disabled:hover {
    cursor: text;
    border: 1px solid rgba(255, 255, 255, 0) !important;
}

.wrap-course .course-box .disabled .sec_1,
.wrap-course .course-box .disabled .sec_2 {
    opacity: 0.4;
}

.wrap-course .sec_1 {
    margin-top: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}

.wrap-course .course-name {
    font-size: 18px;
    color: #000;
    margin-bottom: 4px;
    font-weight: 500;
    line-height: 1.3;
}

.wrap-course .course-due {
    font-size: 14px;
    color: #797979;
    padding-bottom: 4px;
}

.wrap-course ul.sec_2 li {
    display: inline-block;
    margin-top: 12px;
    font-size: 16px;
    width: 100%;
}

.wrap-course ul.sec_2 li .course-info-title {
    color: #b8b8b8;
    margin-right: 0px;
    display: block;
    font-size: 15px;
    line-height: 1.1;
}

.wrap-course ul.sec_2 li .course-info-text {
    color: #333;
}

.wrap-course .btn-outline_blue {
    width: 100%;
    padding: 16px 0;
}

/**/
ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    border: 1px solid #B8B8B8 !important;
    margin-top: 5px;
}

/**/

/*----- EN0211M -----*/
.EN0211M table {
    table-layout: unset !important;
}

.EN0211M #wrap_div #div_inp1 div .box {
    margin-bottom: 10px;
}

/**/

/*--- 로그인 입력폼 (EN0212M) ---*/
.klti-form {
    width: 100%;
    height: 100%;
    display: table;
    /*overflow: hidden;*/
}

.klti-form form {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
}

.klti-form div label {
    margin-top: 20px;
}

.klti-form .wrap-klti-form {
    margin: 0 auto;
    display: table;
    height: 100%;
}

.klti-form .wrap-klti-form img {
    /* 로고 이미지 */
    width: 300px;
    margin-bottom: 20px;
}

.klti-form .wrap-klti-form .loginform {
    height: 100%;
    margin: 0 auto;
    vertical-align: middle;
    display: table-cell;
    width: 500px;
    padding: 0 20px;
    text-align: left;
}

h1.form_h1 {
    margin-bottom: 60px;
    font-weight: 500;
    font-size: 28px;
}

.klti-form .wrap-klti-form .loginform div input,
.klti-form .wrap-klti-form input {
    width: 500px;
    height: 60px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 12px;
    padding: 0 16px;
}

.klti-form .wrap-klti-form button {
    height: 47px;
}

.klti-form .wrap-custom {
    margin-top: 12px;
}

.klti-form .custom-checkbox .checkmark {
    width: 22px;
    height: 22px;
}

.klti-form .custom-checkbox .checkmark:before,
.klti-form .custom-checkbox .checkmark:after {
    width: 12px;
    height: 8px;
    background-size: cover;
    top: 6px;
}

.klti-form button.button_xl {
    margin-top: 60px;
}

.klti-form .find {
    text-align: center;
    margin-top: 20px;
}

.klti-form .find span {
    display: inline-block;
    color: #9A9A9A;
    margin-right: 10px;
    cursor: pointer;
    font-size: 15px;
}

.klti-form .find span:nth-last-child(1) {
    margin-right: 0;
}

.klti-form h1.form_h1 {
    font-weight: bold;
    font-size: 32px;
    color: #1F0D68;
    margin-bottom: 50px;
}

.klti-form .form-error {
    margin-bottom: 60px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    border: 0;
    clip: rect(0 0 0 0);
}

@media (max-width:500px) {
    .klti-form {
        overflow: unset;
    }

    .klti-form .wrap-klti-form img {
        height: 60px;
    }

    .klti-form .wrap-klti-form .loginform , .EN2100M form {
        width: 100%;
    }
    
    .EN2100M form { display: unset; }

    h1.form_h1 {
        font-size: 24px;
        margin-bottom: 30px;
    }
}

/**/

/*--- 아이디찾기 (EN0213P) ---*/
.wrap-popup.EN0213P .popup-contents {
    min-height: 550px;
}

/*--- 비밀번호 찾기 EN0214P ----*/
.EN0214P.wrap-popup {
    display: table;
}

.wrap-popup.EN0214P .popup-contents {
    min-height: 550px;
    height: unset;
}

.EN0214P .form-basic button {
    margin-left: 6px;
}

.EN0214P .wrap-popup-contents {
    position: unset;
    top: unset;
    margin-right: unset;
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    vertical-align: middle;
    margin: 0 auto;
    display: table-cell;
}




/**/

/*--- 이메일인증 EN0220P ---*/
.div_top_gap_10.div_wrap_col1.klti-form.height_unset {
    margin-top: 0 !important;
}

.wrap-popup.EN0220P .form-basic select,
.wrap-popup.EN0220P .form-basic input {
    height: 36px !important;
}

/*--- 특정 팝업 패딩적용 ---*/
.wrap-popup.EN0220P {
    padding: 10px 20px;
}

/*--- EN0220C ---*/
.EN0220C #wrap_div:nth-child(n+1) {
    margin-top: 20px;
}

/*--- 선이 없는 좌측 메뉴 ---*/
/* progress 용 */
.sidemenu_type_1 ul li {
    border: unset !important;
    padding: 6px 0;
}

.sidemenu_type_1 ul li span {
    vertical-align: middle;
    opacity: 0;
}

.sidemenu_type_1 ul li span,
.sidemenu_type_1 ul li a {
    display: inline !important;
}

.sidemenu_type_1 ul li a {
    height: unset !important;
    font-size: 16px !important;
    padding: 0 !important;
    color: #333 !important;
}

.sidemenu_type_1 .active ul li.active a {
    color: #003A78 !important;
    border-bottom: 2px solid #003A78;
    padding-bottom: 4px !important;
}

.sidemenu_type_1 .active ul li.active span {
    opacity: 1;
    color: #003A78;
    letter-spacing: 1px;
    font-weight: 500;
}

.sidemenu_type_1 li.active ~ li a {
    /* 활성화 이후의 메뉴 */
    color: #B8B8B8 !important;
    font-weight: 400;
}

/*--- 메뉴용 - 마이페이지 ---*/
.mypage_bar {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #E9E9E9;
    padding: 1px 20px 10px 20px;
}

.mypage_bar .toggle-menu-wrap.active ul li {
    border-bottom: 1px solid #E9E9E9;
    width: 100%;
    padding: 16px 0;
}

.mypage_bar .toggle-menu-wrap.active ul li:nth-last-child(1) {
    border-bottom: unset;
}

/*--- EN0230M 마이페이지 내부 특정 combobox ---*/
.custom-combobox {
    border-radius: 0px !important;
    outline: none;
}

.custom-combobox input {
    background-color: #FFF !important;
    height: 42px;
    border: unset !important;
    font-size: 15px;
    border-radius: 0px !important;
    border: unset !important;

}

.custom-combobox a.ui-button .ui-icon {
    width: 20px;
    margin-left: -6px !important;
    height: 20px;
    margin-top: -10px;
}

.mypage_select,
.mypage_select .custom-combobox input {
    outline: none;
}

.mypage_select .custom-combobox input,
.mypage_select span.custom-combobox:hover input.custom-combobox-input {
    background-color: #FFF !important;
    height: 48px;
    border: unset !important;
    font-size: 17px;
    border-radius: 0px !important;
    border: unset !important;
    border-bottom: 1px solid #000 !important;
}


/**/

/*--- 주소 검색 CO0141 ---*/
.list div table {
    border: 1px solid #DDDDDD;
    border-top: 2px solid #000 !important;
    border: unset;
}

.list div table th {
    background-color: #f5f5f5;
    padding: 10px;
}

.list div table tbody tr td {
    border-bottom: 1px solid #DDDDDD;
}

.list div table tbody tr td {
    text-align: left;
    padding: 10px;
}

.paging span {
    color: #646464;
}

.paging ul {
    text-align: center;
    margin-top: 5px;
}

.paging ul li {
    width: 1.8em;
    height: 1.8em;
    text-align: center;
    margin: 2px;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
}

.paging ul li.first,
.paging ul li.prev {
    width: 24px !important;
    height: 28px !important;
    line-height: 1.2;
    margin: 0;
}

.paging ul li.active {
    font-weight: 500;
    color: #003A78;
    background-color: #f5f5f5;
}

.paging ul li:hover,
.list button:hover {
    cursor: pointer;
}

.paging ul li span {
    display: block;
    height: 16px;
}

/*.paging ul li.first:nth-child(1) span , */
.paging ul li:nth-child(1) span {
    /* 맨처음 */
    background: url(../images/icon-arrow_sm.png) repeat left;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    margin: 6px 0;
    background-size: contain;
}

/*.paging ul li.prev:nth-child(1) span , */
.paging ul li:nth-child(2) span {
    /* 이전 */
    background: url(../images/icon-arrow_sm.png) no-repeat center;
    width: 9px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    margin: 6px 0;
    background-size: contain;
}

/*.paging ul li.first:nth-child(2) span ,  */
.paging ul li:nth-last-child(2) span {
    /* 다음 */
    background: url(../images/icon-arrow_sm.png) no-repeat center;
    width: 9px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    margin: 6px 0;
    transform: scaleX(-1);
    transition: .3s;
    background-size: contain;
}

/*.paging ul li.prev:nth-child(2) span , */
.paging ul li:nth-last-child(1) span {
    /* 마지막 */
    background: url(../images/icon-arrow_sm.png) repeat left;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-align: center;
    margin: 6px 0;
    transform: scaleX(-1);
    transition: .3s;
    background-size: contain;
}


.list table tbody tr:hover {
    background-color: rgba(238, 245, 255, 0.8);
    cursor: pointer;
    color: #003A78;
}

.list table tbody tr:focus {
    background-color: rgba(238, 245, 255, 0.5);
    font-weight: 500;
    cursor: pointer;
}

.klti-form .wrap-klti-form input#keyword {
    height: 36px !important;
}




/*--- 입력폼이 포함된 페이지 전체 항목 비활성화 ---*/
.disabled_all button,
.disabled_all input,
.disabled_all select,
.disabled_all label,
.disabled_all textarea {
    pointer-events: none !important;
}

.disabled_all textarea {
    min-height: 100px;
}

.disabled_all button,
.disabled_all .ui-button-icon-only .ui-icon,
.disabled_all .multi_inputs img.ui-datepicker-trigger,
.disabled_all label {
    opacity: 0.3;
}

.disabled_all input,
table.disabled_all .ui-widget.ui-widget-content,
.form-basic .disabled_all .custom-combobox,
.form-basic .disabled_all .custom-combobox input,
.form-basic .disabled_all .custom-combobox input:disabled,
.form-basic .disabled_all input,
.disabled_all select,
.disabled_all textarea {
    background-color: #F8F8F8 !important;
    color: #646464 !important;
}

.disabled_all textarea:scroll {
    overlfow-y: auto !important;
}

.disabled_all textarea:active,
.disabled_all textarea:focus {
    border: unset !important;
}



/*************
팝업 modal
****************/
/*--- 팝업 상단 좌측 타이틀 제거 ---*/
#title {
    display: none !important;
}

.wrap_modal_all {
    z-index: 111 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-right: -50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    max-width: 800px !important;
}

.modalset {
    /* 모달 내부 iframe 하위 첫번쨰 div에만 클래스명을 부여한다 */
    padding-right: 20px !important;
}

/**/

.wrap_modal_all ul.wrap_icons {
    text-align: right;
}

.wrap_modal_all ul.wrap_icons li {
    display: inline-block;
    margin: 6px;
}

.wrap_modal_all ul.wrap_icons li img {
    width: 20px;
    height: 20px;
}

.wrap_modal_all ul.wrap_icons li img:hover {
    cursor: pointer;
}

.wrap_modal_contents {
    
}

iframe#popup_modal > html {
    padding-right: 10px;
}

/**/



/*=== 번역원 mediaQuery ===*/
/*
** 번역원 컨텐츠 영역 1440 (좌우양쪽 패딩값 20px포함 - 실 컨텐츠: 1400px)
*/


/* 태블릿 영역에 충족되는 것 */

/* Mobile all */
@media all and (max-width: 575px) {
    /*--- 비밀번호찾기 ---*/
    .EN2102P .wrap-popup-contents .popup-contents .form-id.form-basic.form-default label {height: unset!important; line-height: unset!important;}
    .EN2102P .wrap-popup-contents .popup-contents .form-id.form-basic.form-default .flexCenter { display: block; width: 100%; }
    .EN2102P .wrap-popup-contents .popup-contents .form-id.form-basic.form-default .flexCenter button {margin-top: 4px;}

}

/* no perticular devices */
@media all and (min-width: 576px) and (max-width: 767px) {

    /*=== 하단 1개 버튼이 있는 팝업 / 모바일 일 때 100% , 기타 desktop일 때 auto ===*/
    /* 자가문단문진표 - 팝업*/
    .EN0236P .wrap_page_button,
    /* 기본정보 - 팝업 */
    .EN0231P .wrap_page_button,
    /* 자기소개서 지원어 - 팝업 */
    .EN0235P .wrap_page_button,
    /* 학력사항-  팝업 */
    .EN0232P .wrap_page_button,
    /* 활동이력 - 팝업 */
    .EN0233P .wrap_page_button,
    /* 자기소개서 한국어 - 팝업 */
    .EN0234P .wrap_page_button {
        display: revert;
        flex-wrap: unset;
        flex-direction: unset;
        margin: 0 auto;
        margin-top: 60px;
        width: auto;
    }

}

@media all and (max-width: 700px) {
    /* 팝업 띄우는 부분 */

    /* table tr td가 block이 되었을 때 td의 높이 조절 */

    .EN0221M table tr td:nth-child(odd) {
        margin-top: 4px;
    }

    .form-basic table tr td .custom,
    .form-basic table tr td .custom-combobox,
    .form-basic table tr td .custom input,
    .form-basic table tr td .custom-combobox input,
    .form-basic table tr td input,
    .form-basic table tr td button,
    .form-basic table .ui-widget.ui-widget-content,
    .form-basic label,
    .form-basic table tr td div {
        height: 42px !important;
        line-height: 41px !important;
        max-height: revert !important;
    }

    /**/
    /*** 공통영역 테이블 반응형 ***/

    table colgroup {
        display: none;
    }

    .form-basic table tr td {
        display: block;
        padding-left: unset;
        padding-right: unset;
    }

    .form-basic table tr:nth-child(1) td:nth-child(1) {
        margin-top: 10px;
    }

    .form-basic table tr td:nth-child(odd) {
        padding-bottom: 0;
        padding-top: 6px;
    }

    .form-basic table tr td:nth-child(even) {
        padding-top: 4px;
    }

    .form-basic table tr th {
        height: 36px;
    }

    .EN0222M .form-basic table tr:nth-child(1) td:nth-child(4) {
        padding-bottom: 0;
    }

    .EN0226M .form-basic table tr td.align_center {
        text-align: left !important;
        margin-bottom: 10px;
    }

    .EN0226M .form-basic table tr th {
        display: none;
    }

    .EN0226M .form-basic table tr td {
        display: block !important;
        width: 100%;
    }

    .EN0240M .form-basic table colgroup,
    .EN0240M .form-basic table thead {
        display: none;
    }

    .EN0240M .form-basic table tr td {
        display: block !important;
    }

    .EN0240M .form-basic table tr td:nth-last-child(1) {
        margin-bottom: 16px;
    }

    .EN0240M .form-basic table tr td:nth-child(even) {
        padding-bottom: 4px;
    }

    .EN0236P .form-basic table tr td {
        border-bottom: 1px solid #ddd;
        padding: 6px 4px !important;
    }

    .EN0236P .form-basic table tr td,
    .EN0236P .form-basic table tr td:nth-child(odd) {
        display: revert;
    }

    .EN0236P .form-basic table tr:nth-last-child(1) td {
        padding-bottom: 0px;
    }

    .EN0236P .wrap_page_button button {
        width: 100%;
    }

    .EN1150M table tbody tr,
    .EN1250M table tbody tr {}

    .EN1150M table tbody tr:nth-last-child(1),
    .EN1250M table tbody tr:nth-last-child(1) {
        border-bottom: unset;
    }

    .EN0236P .title,
    .EN0236P .title {
        margin-top: 0;
    }

    .EN0230M table colgroup,
    .EN0230M .form-basic table tr td {
        display: revert;
    }

    .EN0230M .list .form-basic table tr td button {
        height: unset !important;
        max-height: unset !important;
        line-height: unset !important;
    }

    .EN0230M .list .form-basic table tr td {
        padding: 6px 10px;
    }

    .form-basic table tr td {
        border-bottom: unset;
    }
}

/* 모바일 모든 영역에 충족하는 것 */
@media all and (max-width: 767px) {
    
    /*로그인페이지*/
    .klti-form .wrap-klti-form { width: 100%; }
    .klti-form .wrap-klti-form img {object-fit: contain;}
    
    /* 하단 푸터 */
    footer {
        margin-top: 100px !important;
    }

    footer .footer_top {
        display: block;
    }

    footer .inner_contents {
        padding-top: 20px;
    }

    footer .footer_top {
        display: block;
        margin-bottom: 20px;
    }

    footer .footer_top .footer-logo {
        margin-bottom: 10px;
    }

    footer .footer_top .footer-logo img {
        display: inline-block;
        margin-right: 10px;
        width: 30%;
    }

    footer .footer_top ul li {
        font-size: 15px;
        padding: 0 5px;
    }

    footer .footer_top ul li:nth-child(1) {
        padding-left: 0;
    }

    footer .footer_top ul li:nth-last-child(1) {
        padding-right: 0;
    }

    /* 모바일 - 햄버거 메뉴 */
    .burger {
        width: 1.3rem;
    }

    /* gnb */
    .gnb .inner_contents {
        line-height: unset;
    }

    /* gnb - 로그인버튼 */
    .gnb button {
        background-color: unset;
        padding: 0 !important;
    }

    /*=== 컨텐츠 공통 영역 ===*/

    h2.title,
    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
    }

    /* 모든 컨텐츠에 존재 */
    .container-page-contents > div {
        margin-top: 0;
    }

    /* breadcrumbs 정렬 */
    .page-title-wrap {
        display: block;
    }

    /* 정보 박스 */
    .infobox .arrange {
        display: block;
    }

    .infobox .arrange img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .infobox .title {
        font-size: 20px;
    }

    /* 페이지타이틀 제목 */
    .page-title {
        font-size: 24px;
    }

    .page_hero {
        padding-bottom: 50px;
    }

    /* 공통 이미지 제거 */
    .hero {
        display: none;
    }

    /* 컨텐츠 하단 버튼 정렬 */
    .wrap_page_button {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        flex: none;
        height: 48px;
    }

    .wrap_page_button button {
        flex-shrink: 1;
        flex-grow: 1;
        margin-right: 10px;
    }

    .wrap_page_button button:nth-last-child(1) {
        margin-right: 0;
    }


    /*** 공통영역 컨텐츠 정렬 리셋 ***/
    .wrap_contents {
        max-width: unset;
        display: block;
        height: unset;
    }

    .menu_left.type_2 {
        width: 100%;
        margin-bottom: 60px;
    }

    .mypage_bar {
        padding: 1px 16px 5px 16px;
    }

    .mypage_bar .toggle-menu-wrap.active ul li {
        padding: 10px 0;
    }

    .wrap_contents .contents_right {
        width: 100%;
        float: unset;
        margin-left: unset;
    }

    /* 팝업*/
    .wrap_modal_all {
        width: 100% !important;
        height: 100% !important;
    }

    .wrap_modal_all ul.wrap_icons {
        padding-bottom: 10px;
        padding-right: 20px;
    }

    .wrap_modal_contents {
        padding: 0;
    }

    /* 주소 검색 */
    .list div table th {
        padding: 5px 10px;
    }

    /*=== 개별 ===*/
    /* 에디터로 작성한 표에 가로 스크롤 넣기 */
    /* 전형정보 */
    .EN0210C .text {
        overflow-x: auto;
        /* 가로 스크롤의 기능은 하지만 눈에는 보이지 않게 */
        -ms-overflow-style: none;
        /* IE , Edge */
        scrollbar-width: none;
        /* firefox */
    }

    .EN0210C .text::-webkit-scrollbar {
        display: none;
        /* chrome, safari, opera */
    }

    .text table.__se_tbl_ext {
        width: auto !important;
        white-space: nowrap;
        position: relative;
        margin-bottom: 20px;
    }

    .text table.__se_tbl_ext:after {
        content: '→ 오른쪽으로 스크롤하세요';
        font-size: 14px;
        color: #B8B8B8;
        position: absolute;
        left: 0;
    }

    /**/

    /* 전형선택 */
    .wrap-course .course-box {
        display: block;
    }

    .wrap-course .course-box > div {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 26px 20px;
        height: unset;
    }

    .wrap-course .course-box > div button {
        margin: 0;
        padding: 0;
        height: 36px;
        width: 100%;
        margin-top: 20px;
        position: unset;
        bottom: unset;
    }

    .wrap-course ul.sec_2 li .course-info-title {
        width: 100%;
        display: block;
        font-size: 15px;
    }

    .col_nth_nm course-info-text {
        display: inline-block;
    }




    .EN0221M table tr td div.multi_inputs width_50 {
        width: unset;
    }

    .EN0221M .wrap_page_button button[title="Previous"] {
        /* 숨겨진 이전 버튼 */
        display: none;
        /*visibility: hidden말고*/
    }

    /* 페이지별 - 마이페이지 > 지원서확인 */
    .mypage_select .custom-combobox {
        border: 1px solid #000 !important;
        font-size: 15px;
    }

    .mypage_select .custom-combobox .ui-widget.ui-widget-content {
        border-radius: 0;
    }

    .mypage_select .custom-combobox:hover {
        box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.175);
        -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.175);
        -moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.175);
        transition: 0.3s;
    }

    .mypage_select .custom-combobox:hover input {
        border-bottom: unset !important;
    }

    .mypage_select span.custom-combobox:hover input.custom-combobox-input,
    .mypage_select .custom-combobox input {
        border-bottom: unset !important;
        font-size: 15px;
    }

    .list div table tbody tr td {
        padding-bottom: 0;
    }

    .EN0230M .list .flexCenter {
        flex-wrap: wrap;
    }

    .EN0230M .list .flexCenter button {
        margin-bottom: 6px !important;
        flex-grow: 1;
        width: 49%;
    }

    .EN0230M .list .flexCenter button:nth-child(2) {
        margin-right: 0 !important;
    }

    .EN0230M .list .wrap_page_button {
        margin-top: 0;
    }

    .EN0230M .list .wrap_page_button button.btn_grey {
        width: 100%;
    }

    .EN0230M .list .wrap_page_button button#btn_next {
        width: 50%;
        text-align: center !important;
    }

    /* 자가문단진단표 */
    .EN0226M table colgroup {
        display: revert;
    }

    .EN0226M .form-basic table tr td {
        display: revert;
        border-bottom: 1px solid #DDD;
    }

    .EN0226M .form-basic table tr td:nth-child(odd),
    .EN0226M .form-basic table tr td:nth-child(even) {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* 제출서류확인 */
    .EN0240M table tr td {
        border-bottom: unset;
    }

}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 991px) {

    /* 공통 */
    footer {
        margin-top: 100px;
    }

    footer .inner_contents {
        padding: 20px 0 10px;
    }

    footer .footer-logo {
        padding-bottom: 10px;
    }

    footer .footer_top {
        display: block;
        align-items: unset;
        justify-content: unset;
    }


    /* 컨텐츠 영역*/
    .container-page-contents {
        padding: 20px;
    }

    h2.title {
        font-size: 22px;
    }

    /* 공통영역 - 공통이미지 */
    .page-title {
        font-size: 32px;
    }

    .hero {
        height: 200px;
    }

    /* 모집전형선택 */
    .wrap-course .course-box > div {
        width: calc(100% / 2 - 20px);
        padding: 26px 20px;
        height: 520px;
    }

    .box_blueline {
        padding: 20px;
    }

    /* 좌-우측 컨텐츠 정렬 제거 */
    .wrap_contents {
        display: unset;
        justify-content: unset;
    }

    /* 좌측메뉴 + 우측컨텐츠 */
    .mypage_bar {
        padding: 1px 16px 10px 16px;
    }

    .mypage_bar ul.toggle-menu li:nth-last-child(1) {
        padding-bottom: 0 !important;
    }

    .menu_left,
    .contents_right {
        width: 100%;
    }

    .menu_left {
        margin-bottom: 50px;
    }

    .contents_right {
        float: unset;
    }

    .wrap_contents .contents_right {
        margin-left: 0;
    }

    .mypage_bar .toggle-menu-wrap.active ul li {
        padding: 10px 0;
    }

    /* 자가문단진단표 EN0226M */
    /* 이 구간에서는 table을 반응형이 되도록 만들지 않을 때(= desktop의 표와 같은 형태를 할 때 ) */
    .EN0226M table colgroup {
        display: revert !important;
    }

    .EN0226M .form-basic table tr td {
        display: revert;
        border-bottom: revert;
        padding-left: revert;
        padding-right: revertt;
    }

    .EN0226M .form-basic table tr:nth-child(1) td:nth-child(1) {
        margin-top: inherit;
    }

    .EN0226M .form-basic table tr td:nth-child(odd) {
        /* 홀수 */
        height: revert;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .EN0226M .form-basic table tr td:nth-child(even) {
        /* 짝수 */
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /*마이페이지 학력사항*/
    .EN0222M .form-basic p {
        font-size: 15px !important;
    }

}

@media all and (max-width: 991px) {

    /* 반응형이 필요없는 테이블은 클래스명 추가 후 작업 */
    /*
    .EN0230M table colgroup ,
    .EN0240M table colgroup ,
    .EN1150M table colgroup ,
    .EN1250M table colgroup ,
    .EN1620M table colgroup ,
    .EN0236P table colgroup {
    display: revert;
}
    .EN0230M .form-basic table tr td ,
    .EN0240M .form-basic table tr td ,
    .EN1150M .form-basic table tr td ,
    .EN1250M .form-basic table tr td ,
    .EN1620M .form-basic table tr td ,
    .EN0236P .form-basic table tr td {
    display: revert;
}
    .EN0230M .form-basic table tr:nth-child(1) td:nth-child(1) ,
    .EN1150M .form-basic table tr:nth-child(1) td:nth-child(1) ,
    .EN1250M .form-basic table tr:nth-child(1) td:nth-child(1) ,
    .EN0236P .form-basic table tr:nth-child(1) td:nth-child(1)  {
    margin-top: 0px!important;
} 
    .EN0230M .form-basic table tr td:nth-child(odd)  ,
    .EN1150M .form-basic table tr td:nth-child(odd) ,
    .EN1250M .form-basic table tr td:nth-child(odd) ,
    .EN0236P .form-basic table tr td:nth-child(odd) ,
    .EN1620M  .form-basic table tr td:nth-child(odd)  { 
    padding-top: 4px;
    padding-bottom: 4px;
}
    .EN0230M .form-basic table tr td:nth-child(even) ,
    .EN1150M .form-basic table tr td:nth-child(even) ,
    .EN0236P .form-basic table tr td:nth-child(even) ,
    .EN1250M .form-basic table tr td:nth-child(even)   {

}
    .EN0240M .form-basic table tr td ,
    .EN1150M .form-basic table tr td ,
    .EN1250M .form-basic table tr td ,
    .EN0236P .form-basic table tr td ,
    .EN1620M .form-basic table tr td {
    padding: 4px;
}*/

}

/* Desktop - small */
@media (min-width: 992px) and (max-width: 1199px) {



    /*=== 공통영역 ===*/
    * {
        line-height: 1.3;
    }

    /*=== 컨텐츠 영역 ===*/
    .page-title {
        font-size: 32px;
    }

    .infobox {
        padding: 20px 22px;
    }

    /* 모집전형선택 */
    .wrap-course .course-box > div {
        width: calc(100% / 3 - 20px);
        padding: 26px 20px;
        height: 530px;
    }

    .wrap-course ul.sec_2 li .course-info-title {
        margin-right: 0;
        display: block;
        width: 100%;
    }

    .wrap-course .course-box > div button {
        padding: 0;
        height: 42px;
        margin: 0 20px;
    }

    /* 좌측메뉴 + 우측컨텐츠 비율 */
    .menu_left {
        width: 25%;
    }

    .contents_right {
        width: 75%;
    }


}

/* Desktop */
@media (min-width: 1200px) {}

@media all and (max-width: 1439px) {
    .inner_contents {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }

    .page_hero {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}