/*reset start*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, br {margin:0; padding:0; border:0; box-sizing:border-box; font-size:16px; line-height:1.250; font-weight:400; font-family:'Noto Sans Kr', sans-serif; color:#333333; /* word-break:keep-all; */}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a {display:inline-block; text-decoration:none; color:inherit;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:none;}
img {border:none; vertical-align:middle;}
ol, ul, li {list-style:none;}
i, em {font-style:normal;}
table {border-collapse:collapse; border-spacing:0;}
fieldset {border:none;}
legend {width:1px; height:1px; overflow:hidden; visibility:hidden; line-height:0; font-size:0; position:absolute; left:-999px;}
button, input[type="button"] {padding:0; margin:0; border:none; vertical-align:middle; cursor:pointer; background:transparent;}
input {margin:0; padding:0; border:0;}
input[type=text]::-ms-clear {display:none;}
input[type=password]::-ms-clear {display:none;}
input, select, button, textarea {outline:none; -moz-appearance:none; -webkit-appearance: none;}
button:focus {outline:0;}



h3, .font_h3{font-size: 28px;}
h4, .font_h4{font-size: 1.25rem; line-height:1.375rem;}
h5, .font_h5{font-size: 1.125rem;}
h6, .font_h6{font-size: 1.0rem!important;}
h7, .font_h7{font-size: 0.875rem;}
h8, .font_h8{font-size: 0.750rem;}

p + table{margin-top: 7px!important;}


input[type="text"], input[type="password"], input[type="number"], textarea, select {width:100%; height:50px; padding:12px 16px; border:1px solid #C9C9C9; background-color:#FFFFFF; font-size:1rem; color:#333333; transition: all 0.3s;}
input[type="password"] {height:50px;}
textarea {height: auto; resize:none; font-family:'Noto Sans Kr', sans-serif; box-sizing:border-box;}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {border-color:#999999;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border-color:#00AFAD;}
input[type="text"]:read-only, input[type="password"]:read-only, textarea:read-only {background-color:#F9F9F9; color:#c2c2c2;}
input[type="text"]:read-only:hover, textarea:read-only:hover {border-color:#C9C9C9;}
input[type="text"]:read-only:focus, textarea:read-only:focus {border-color:#C9C9C9;}
input::placeholder, textarea::placeholder {color:#c2c2c2;}
input[type="checkbox"], input[type="radio"], input[type="file"] {display:none;}
select {background:#ffffff url('../img/icon/icon_arrow_down.svg') no-repeat right 16px center / auto ; padding-right:28px; font-family:'Noto Sans Kr', sans-serif; color:#333333;}
/*reset end*/

/*기타*/
.txt-center, .al_center {text-align: center;}
.txt-left,   .al_left   {text-align: left;}
.txt-right,  .al_right  {text-align: right;}

.left_t {text-align:left;}
.bold {font-weight:bold !important;}
.td_p {text-align:left; font-size:14px; font-weight:300; color:inherit;}
.td_p:not(:first-of-type) {margin-top:8px;}


/*배경색상*/


/* 미리보기 레이아웃 */
body {background-color:#F6F6F6;}
.preview-layout {width:100%;}
.preview-inner {width:640px;  min-width:640px; margin:0 auto; padding:32px 20px;}
.preview-header {padding:40px 0 24px 20px; position:relative;}
.preview-header::before {content:''; display:inline-block; width:18px; height:18px; border-top:6px solid #00AFAD; border-left:6px solid #00AFAD; position:absolute; top:0; left:0;}
.preview-header.inone{padding:40px 20px 24px 20px;}
.preview-header.inone::before{display: none;}
.preview-content {background-color:#FFFFFF; border:1px solid #DADCE0; border-top:4px solid #00AFAD; padding:20px 10px;}
.preview-step-header {padding-left:20px;}
.preview-title {font-size:2.125rem; line-height:2.391rem; color:#000000; font-weight:bold; margin-bottom:15px; letter-spacing:-0.05em;}
.preview-title-desc {font-size:0.875rem; line-height:0.984rem; color:#666666; font-weight:300; margin-bottom:8px;}
.preview-area:not(:first-child) {margin-top:50px;}
.preview-area-title {margin-bottom:8px;}
.preview-area-title h3 {font-size:1.5rem; line-height:1.688rem; font-weight:500;}
.preview-form-title {margin-bottom:8px;}
.preview-form-title h4 {font-size:1.25rem; line-height:1.406rem; font-weight:500; letter-spacing:-0.094rem;}
.preview-form-title h4 span {font-size:inherit; line-height:inherit; font-weight:inherit;}


.preview-form-title .btn {font-size:0.875rem; height:24px; line-height:1.375rem; min-width:unset; padding:0 8px; border-radius:4px;}
.preview-bottom {margin-top:20px;}
.preview-inner-area {margin-top:50px;}
.step-round {text-align:right;}
.step-round .step-end{display:inline-block; padding: 0 15px; height:40px; line-height:2.125rem; text-align:center; font-size:0.875rem; font-weight:bold; border-radius:40px; border:3px solid #00afad; color:#00afad;}
.step-round li {display:inline-block; width:40px; height:40px; line-height:2.125rem; text-align:center; font-size:0.875rem; font-weight:bold; border-radius:50%; border:3px solid #cfd5de; color:#a6adb6;}
.step-round li:not(:first-child) {margin-left:6px;}
.step-round li.active {border:6px solid #00afad; color:#00afad; line-height:1.75rem;}

/* flex */
.flex-between {display:flex; align-items:center; justify-content:space-between;}

/* table */
.preview-layout table, .preview-layout th, .preview-layout td {word-break:keep-all;}
.preview-layout table.wd_ba, .preview-layout .wd_ba th, .preview-layout .wd_ba td {word-break: break-all!important;}


.preview-layout table {width:100%; border:1px solid #C9C9C9; border-top:2px solid #000000;}
.preview-layout table + table {margin-top:20px;}
.preview-layout table thead tr:not(:first-child) {border-top:1px solid #E1E1E1;}
.preview-layout table thead tr:last-child {border-bottom:1px solid #E1E1E1;}
.preview-layout table thead th:not(:last-child) {border-right:1px solid #E1E1E1;}
.preview-layout table tbody tr:not(:first-child) {border-top:1px solid #E1E1E1;}
.preview-layout table tbody th {border-right: 1px solid #E1E1E1;}
.preview-layout table tbody td:not(:last-child) {border-right:1px solid #E1E1E1;}
.preview-layout table th, table td {padding:12px 7px;}
.preview-layout table th {background-color:#F9F9F9; text-align:center;}
.preview-layout table input[type="text"], table input[type="password"], table input[type="number"] {height:38px; padding:10px 12px;}
.preview-layout table select {height:38px; padding:6px 28px 6px 12px; background-position:right 8px center;}
.tbody-td-center tbody td {text-align:center;}
.tbody-td-center tbody td.point {background-color:#f0fefd; color: #00afad; font-weight: 500;}

.light-bg {background-color:#F9F9F9;}
.point-bg {background-color:#f0fefd;}

.point_tr td {background-color:#F7FBFB;}

.color_table, .color_table > thead > tr:last-child, .color_table > tbody > tr:not(:first-child) {border-color:#00afad;}
.color_table > thead >  tr > th, .color_table > tbody > tr > th {background-color:#f7fbfb; border-color:#;}
.inner_table {border-top:none; table-layout:fixed; margin-top:20px;}
.preview-layout table .gray_th {background-color:#999; color:#fff;}

.preview-layout table.tb_md *{ font-size: 0.875rem; }
.preview-layout table.tb_md th, .preview-layout table.tb_md td{ padding: 10px 8px;}

.preview-layout table.tb_sd *{ font-size: 0.750rem; line-height: 0.875rem; }
.preview-layout table.tb_sd th, .preview-layout table.tb_sd td{ padding: 8px 6px;}

.form_search_school table { height: auto!important;}
.form_search_school table th, .form_search_school table td {padding:10px 10px;word-break: break-all!important; font-size: 0.875rem;}
.form_search_school table tbody{ }
.form_search_school .search_school_con{ max-height: 206px; overflow-y: auto; border-bottom: 1px solid #c9c9c9;}
.form_search_school .search_school_con table{ margin-top: 0; border-top: 0px solid #c9c9c9;border-bottom: 0px solid #c9c9c9; height: 100px; overflow-y: scroll;}
.form_search_school .search_school_con table button{text-align: left; font-size: 0.875rem;}



/* radio / checkbox */
.form-gap {display:flex; flex-wrap:wrap;}
.form-label {display:flex; align-items:center; cursor:pointer;}
.form-label:not(:last-child) {margin-right:20px;}
.form-label .radio + i {display:inline-block; width:25px; height:25px; border-radius:50%; background:#ffffff url('../img/icon/icon_check_gray.svg') no-repeat center / auto; border:1px solid #999999; margin-right:6px; flex-shrink:0;}
.form-label .radio:checked + i {background-color:#00B2AD; background-image:url('../img/icon/icon_check_white.svg'); border-color:#00B2AD;}
.form-label .checkbox + i {display:inline-block; width:25px; height:25px; background:#ffffff url('../img/icon/icon_check_gray.svg') no-repeat center / auto; border:1px solid #E0E0E0; margin-right:7px; flex-shrink:0;}
.form-label .checkbox:checked + i {background-color:#00B2AD; background-image:url('../img/icon/icon_check_white.svg'); border-color:#00B2AD;}
table .form-label {padding:6px 0;}

.form-label.disabled{ cursor:default; opacity: .6;}
.form-label.disabled-line{ cursor:default; opacity: .6; text-decoration:line-through}


/* input */
.form-col > *:not(:first-child) {margin-top:10px;}
.form-btn {display:flex; align-items:center;}
.form-btn > *:not(:last-child) {margin-right:5px;}
.form-btn button {flex-shrink:0;}

/* 설명글 */
.desc {font-size:0.875rem; font-weight:300; color:#666666; margin-top:10px;}
.desc-sm {font-size:0.75rem; color:#999999; margin-top:8px;}

/* text */
.red-t {color:#f2433e;}
.red-t2 {color:#fa5f4f;}
.green-t {color:#00afad;}

/* font-small */
.font-small {font-size:0.875rem; line-height:0.984rem;}

/* button (기본) */
.btn {height:50px; line-height:3rem; padding:0 20px;}
.btn.full {width:100%;}
.btn.min_none {min-width:unset; padding:0 16px;}
/* button (테이블 내 버튼) */
table .btn {height:38px; line-height:2.25rem; min-width:100px;}
/* button color */
.btn-gray {background-color:#e0e0e0; border:1px solid #d9d9d9; color:#333333;}
.btn-gray.red-t{background-color:#ffffff; border:1px solid #e0e0e0; color:#f2433e;}
.btn-gray.green-t{ color:#00afad;}
.btn-gray-line {background-color:#f8f8f8; border:1px solid #d9d9d9; color:#333333;}
.btn-white-line {background-color:#ffffff; border:1px solid #d9d9d9; color:#333333;}
.btn-green {background-color:#00afad; border:1px solid #00afad; color:#ffffff;}
.btn-green-line {background-color:#f7fbfb; border:1px solid #00afad; color:#00afad;}
.btn-navy {background-color:#2b333b; border:1px solid #2b333b; color:#ffffff;}
.btn-blue {background-color:#5985ee; border:1px solid #5985ee; color:#ffffff;}
.btn-blue-line {background-color:#f7fbfb; border:1px solid #5985ee; color:#5985ee;}
.btn-red {background-color:#fa5f4f; border:1px solid #fa5f4f; color:#ffffff;}
.btn-red-line {background-color:#faf0ef; border:1px solid #fa5f4f; color:#fa5f4f;}

/* button group */
.half-btn.bottom {margin-top:7px;}
.half-btn {font-size:0 !important;}
.half-btn .btn {width:calc(50% - 5px);}
.half-btn .btn:not(:first-child) {margin-left:10px;}

/* 사진영역 */
.photo-upload {display:flex; align-items:center; }
.photo-upload.jc_center{justify-content: center;}
.photo-area {width:100%; height: 150px; border:1px solid #c9c9c9; position: relative; overflow: hidden;}
.photo-area img{ width: 100%; max-height:100%;  object-fit: contain;}
.photo-label {display:inline-block; width:100%; height:38px; line-height:2.25rem; text-align:center; background-color:#e0e0e0; border:1px solid #d9d9d9; margin-top:5px;}
.photo-upload .photo-box {margin-right:10px; width:35%; max-width:151px; min-width:100px;}
.photo-upload.jc_center .photo-box{margin-right: 0;}
.photo-upload .desc-box {padding:5px 0;}

/* 파일추가 */
.file-upload-append {display:flex; align-items:center; width:100%;}
.file-upload-append button {flex-shrink:0; margin-left:5px;}
.file-upload {width:100%; display:flex; align-items:center; position:relative;}
.file-upload input[type="text"] {padding-right:100px;}
.file-upload .file-label {height:34px; line-height:2rem; width:80px; text-align:center; position:absolute; top:50%; right:8px; transform:translateY(-50%); font-size:0.875rem; background-color:#999999; border:1px solid #999999; border-radius:4px; color:#ffffff; cursor:pointer;}

/* 개인정보 수집 및 이용 동의 */
.term-box {background-color:#ffffff;}
.term-box:not(:first-child) {margin-top:20px;}
.term-title {position:relative;}
.term-title .form-label {padding:12px 10px 12px 44px; border:1px solid #c9c9c9; font-size:1.25rem; line-height:1.406rem; font-weight:500;}
.term-title .form-label i {display:inline-block; width:25px; height:25px; background:#ffffff url('../img/icon/icon_check_gray.svg') no-repeat center / auto; border:1px solid #E0E0E0; margin-right:9px; position:absolute; top:50%; left:10px; transform:translateY(-50%); flex-shrink:0;}
.term-title .checkbox:checked + .form-label {background-color:#F6FAFA; border-color:#00afad; color:#00afad;}
.term-title .checkbox:checked + .form-label i {background-color:#00afad; border-color: #00afad; background-image:url('../img/icon/icon_check_white.svg');}
.term-content {padding:20px 10px 10px; border:1px solid #c9c9c9; border-top:none;}
.term-content .text-box {margin-bottom:10px;}
.term-ul > .term-list {padding:10px 0 0;}
.term-ul > .term-list:first-child {padding-top:0;}
.term-ul > .term-list:not(:last-child) {border-bottom:1px solid #E1E1E1;}
.term-ul > .term-list.on {padding-bottom:10px;}
.term-ul > .term-list.on .term-bottom {max-height:100px;}
.term-ul > .term-list.on .btn-detail {background-color:#ffffff;}
.term-ul > .term-list.on .btn-detail i {background-image:url('../img/icon/icon_arrow_up.svg');}
.term-text {font-size:0.875rem; line-height:1.125rem; background-color:#f8f8f8; max-height:100px; overflow-y:auto; padding:20px; color:#666666;}
.btn-detail {height:28px; line-height:calc(1.75rem - 2px); min-width:92px; padding:0 8px; font-size:0.875rem; background-color:#e0e0e0; border:1px solid #d9d9d9; color:#333333; border-radius:4px; text-align:center;}
.btn-detail i {display:inline-block; width:12px; height:8px; background:url('../img/icon/icon_arrow_down.svg') no-repeat center / 100%; margin-left:6px; transform:translateY(-1px);}
.term-index {display:flex; align-items:center; justify-content:space-between;}
.term-index .form-label {max-width:calc(100% - 100px);}
.term-index .form-label:not(:last-child) {margin-right:0;}
.term-sub {padding-left:36px; margin-top:6px;}
.term-bottom {padding-top:10px; max-height:0; overflow: hidden; transition:max-height 0.2s ease-out;}

/* 텍스트 박스 */
.text-box {padding:20px; background-color:#F5F5F5;}
.text-box p, .text-line-box p {font-size:0.875rem; line-height:1.25rem; color:#666666; letter-spacing:-0.7px;}
.text-line-box {padding:20px 15px; background-color:#F5F5F5; border:1px solid #c9c9c9;}
.text-line-box.font_h6 p{ font-size: 1rem; line-height: 1.375rem;}
.text-line-box.green-box {background-color:#F7FBFB; border:1px solid #00afad;}
.text-line-box.whi { background: #fff;}



/* 라인형식의 radio 선택 */
.radio-chk-wrap {display:flex;}
.radio-chk {width:50%; position:relative;}
.radio-chk .form-label {display:inline-block; width:100%; height:50px; line-height:1.125rem; padding:14px 16px 13px 49px; background-color:#ffffff; border:1px solid #d9d9d9; text-align:center;}
.radio-chk .radio + .form-label i {display:inline-block; width:25px; height:25px; border-radius:50%; background:#ffffff url('../img/icon/icon_check_gray.svg') no-repeat center / auto; border:1px solid #999999; flex-shrink:0; position:absolute; top:50%; left:16px; transform:translateY(-50%);}
.radio-chk .radio:checked + .form-label {background-color:#F6FAFA; border-color:#00afad; color:#00afad;}
.radio-chk .radio:checked + .form-label i {background-color:#00afad; border-color: #00afad; background-image:url('../img/icon/icon_check_white.svg');}

/* 하단 동의사항 */
.under-chk {margin-top:32px;}
.under-chk-list {line-height:1.5rem;}
.under-chk-list .under-chk-label {display:inline-block;}
.under-chk-list .under-chk-label i {margin-right:0; margin-left:8px;}

/* 과목선택 */
.chk-btn-list {display:flex; flex-wrap:wrap;}
.chk-btn {width:calc(100% / 3);}
.chk-btn label {display:inline-block; width:100%; height:50px; line-height:3rem; padding:0 12px; font-weight:500; text-align:center; cursor:pointer; border:1px solid #d9d9d9;}
.chk-btn input[type="radio"]:checked + label {background-color:#00AFAD; color:#ffffff;}


/* half-form */
.half-form {display:flex; align-items:center;}
.half-form > * {flex:1;}
.half-form > .sign {flex:none; margin:0 7px;}

/* 합격자 등록 안내문 */
.preview-center-header {text-align:center;}
.preview-center-header .preview-title {font-size:34px; font-weight:bold; color:#000;}
.preview-center-header .point-span {display:inline-block; font-size:20px; font-weight:bold; color:#fff; background-color:#00afad; line-height:24px; padding:0 8px; margin:0 auto 10px;}



.wd_100{ width:100%!important;}

.mt_30 { margin-top: 30px!important;}
.mt_25 { margin-top: 25px!important;}
.mt_20 { margin-top: 20px!important;}
.mt_15 { margin-top: 15px!important;}
.mt_10 { margin-top: 10px!important;}
.mt_5  { margin-top: 5px!important;}
.mt_0  { margin-top: 0px!important;}

.mb_30 { margin-bottom: 30px!important;}
.mb_25 { margin-bottom: 25px!important;}
.mb_20 { margin-bottom: 20px!important;}
.mb_15 { margin-bottom: 15px!important;}
.mb_10 { margin-bottom: 10px!important;}
.mb_5  { margin-bottom: 5px!important;}
.mb_0  { margin-bottom: 0px!important;}

.ml_10{ margin-left: 10px;}

.cl_mint{ color:#00afad!important; }



.form-rel{ position: relative; width: 100%;}
.form-time{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #fa5f4f;font-size: 0.875rem; letter-spacing: -1px;}

.prepop-layout{ position: fixed; left: 0; top: 0; right: 0;  background:rgba(0,0,0,0.6);; z-index: 2; width: 100%; height: 100vh; }
.prepop-inner{  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 560px; height: 50vh; max-height: 448px; background: #fff; padding: 20px 10px;}

.prepop-header{position: relative; width: 100%;}
.prepop-header .prepop-title{font-size: 1.5rem; font-weight: 500; }

.prepop-header .prepop-colse{ position: absolute; top: -5px; right: 5px; text-indent: -9999px; width: 25px; height: 25px;}
.prepop-header .prepop-colse:before{ content: ''; position:absolute; left:50%; margin-left:-12px; width:25px; height:3px; color:#000;top: 49%; transform: rotate(45deg);background-color: #333;}
.prepop-header .prepop-colse:after{ content: ''; position:absolute; left:50%; margin-left:-12px; width:25px; height:3px; color:#000;top: 49%; transform: rotate(-45deg);background-color: #333;}


.prepop-content{ margin-top: 30px;}




/* flex - sjy */
.nform-col{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;}
.nform-col.wrap{flex-wrap: wrap;}

.nform-col.jc-sb{justify-content: space-between;}
.nform-col.jc-sa{justify-content: space-around;}

.nform-col.ai-fs{align-items: flex-start;}
.nform-col.ai-fe{align-items: flex-end;}

.nform-col.gap-10{gap:10px;}
.nform-col.gap-5{gap:5px;}

.wd-auto{width:auto!important;}

.wd-auto.m-wd-40{ min-width: 40px;}
.wd-auto.m-wd-50{ min-width: 50px;}
.wd-auto.m-wd-60{ min-width: 60px;}

.wd-auto.mx-wd-40{ max-width: 40px;}
.wd-auto.mx-wd-50{ max-width: 50px;}
.wd-auto.mx-wd-60{ max-width: 60px;}
.wd-auto.mx-wd-80{ max-width: 100px;}
.wd-auto.mx-wd-100{ max-width: 100px;}

.wd-60px{ width: 60px !important;}
.wd-80px{ width: 80px !important;}
.wd-100px{ width: 100px !important;}




@page {
    size: auto;  /* auto is the initial value */
    margin: 20px;  /* this affects the margin in the printer settings */

}
@media print {

	* {-webkit-print-color-adjust: exact; print-color-adjust: exact;  } /* 테이블 배경색상 나오게 하는 용도 */
	
   .page-break { page-break-inside:avoid; page-break-after:auto } /* 페이지 분할 필요시 추가 : 페이지 넘김 */
   /*테이블 폰터 사이즈 제어 필요시 
    table, table td, table th {font-size: 10.5pt !important;}
    table p, table span{font-size: 10.5pt !important;}*/
}