@charset "UTF-8";

body.register .register-content {
    padding-top: 80px;
}

body.register .content-wrap {
    padding-top: 200px;
    padding-bottom: 88px;
}

body.register .content-wrap .login-wrap, .certified-wrap {
    margin: 0 auto;
}

body.register footer {
    width: 100%;
    height: 88px; /* footer의 높이 */
}

/*새로운 소스*/
/* 초기화 */
html {overflow-y:scroll;font-size:10px;}
body {margin:0;padding:0;font-size:15px;font-family:Pretendard, MalgunGotic,"맑은 고딕", gulim,"굴림", dotum,"돋움",sans-serif !important;background:#fff; color:#444;-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-font-smoothing: antialiased; -webkit-overflow-scrolling: touch;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img,pre {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:Pretendard, MalgunGotic,"맑은 고딕", sans-serif; color:000;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul,li, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:Pretendard, MalgunGotic,sans-serif; font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
button:focus{outline:0;}
button:focus-visible{outline:auto;}

img {width:100%;}
textarea, select {font-family:Pretendard, MalgunGotic, gulim,"굴림", dotum,"돋움",sans-serif sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {text-decoration:none; color:#444;cursor:pointer;}
a:hover{text-decoration:none !important;}

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

.block{display:block;}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
/*-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;*/
}

.placeholdersjs {color:#aaa !important}
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}
.inner { max-width:1200px; margin:0 auto}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {max-width:1200px}

.flex{display:flex;flex-wrap:wrap;}
.gap-40{gap:40px;}

.pos_r{position:relative;}

body select {
    padding: 0;
    border: 0;
    background: #fff;
}

/*body.admin footer {
    width: 100%;
    height: 88px; /* footer의 높이 *
}
*/
body.popup{height:100vh;overflow:hidden;}

.align_c{text-align:center !important;}

/*spacing*/
.mt0{margin-top:0 !important;}
.mt16{margin-top:16px !important;}
.mt24{margin-top:24px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}
.mb0{margin-bottom:0px !important;}
.mb32{margin-bottom:32px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.ml10{margin-left:10px !important;}
.pt0{padding-top:0 !important}
.pb0{padding-bottom:0 !important}
.pl0{padding-left:0px !important;}
.pl40{padding-left:40px !important;}
.pr0{padding-right:0px !important;}
.pr40{padding-right:40px !important;}
.gap40{gap:40px !important;}
.nogap{gap:0 !important;}
/*spacing*/
.nogap .btn{flex:1 1 40% !important;}

/*버튼*/
.w240{flex:0 1 240px !important;}
.w140{flex:0 1 140px !important;}
.w100{flex:0 1 100% !important;}
.btn_group{width:100%;text-align:center;}
.btn_group.flex{gap:16px;justify-content:center;}
.btn_group .btn{padding-top:0;padding-bottom:0;}
.btn_group.flex .btn:first-child{flex:0 1 180px;}
.btn_group.flex .btn:nth-child(2){flex:0 1 180px;}
.btn_group.flex.asy .btn:first-child{flex:0 1 128px;}
.btn_group.flex.asy .btn:nth-child(2){flex:0 1 240px;}
.list_btn{width:240px;line-height:56px;text-align:center;color:#2a2c31;font-size:20px;background:#dfe4ec;border-radius:8px;display:inline-block;}
.list_btn:hover,.list_btn:focus{background:#c9cdd4;}
.line_btn{font-weight:600;width:184px;line-height:56px;text-align:center;color:#2a2c31;font-size:20px;border:1px solid #898f9f;background:#fff;border-radius:8px;display:inline-block;}
.line_btn:hover,.line_btn:active{background:#f4f7fb;}
.primary_btn{font-weight:600;width:184px;width:240px;line-height:56px;text-align:center;color:#fff;font-size:20px;background:#ff4c00;border-radius:8px;display:inline-block;}
.primary_btn:hover,.primary_btn:focus{color:#fff !important;background:linear-gradient(0deg,rgba(0,0,0,.2) 0%, rgba(0,0,0,.2) 100%) #ff3d00 !important;}
.gray_btn{font-weight:600;width:240px;line-height:56px;text-align:center;color:#a7adbe;font-size:20px;background:#dfe4ec;border-radius:8px;display:inline-block;}
/*.gray_btn:hover,.gray_btn:focus{color:#a7adbe;background:#c9cdd4;}*/
.gray_btn:hover,.gray_btn:focus{color:#a7adbe;background:#dfe4ec;}
.gray_btn2{font-weight:600;width:240px;line-height:56px;text-align:center;color:#2a2c31;font-size:20px;background:#dfe4ec;border-radius:8px;display:inline-block;}
.gray_btn2:hover,.gray_btn2:focus{color:#2a2c31;background:#c9cdd4;}
.gray_btn2:disabled{color:#a7adbe;background:#f4f7fb;}
.send_btn:before{display:inline-block;content:"";width:20px;height:20px;background:url('../../images/send_icon.png') no-repeat;background-size:100%;margin-right:10px;vertical-align:middle;margin-top:-4px;}
/*버튼*/

body select{border-radius:100px;height:28px;border:0;padding:0 16px;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url('../../images/bottom_arrow.png') no-repeat !important;background-position:right 16px center !important;background-size:20px 20px !important;background-color:#fff;}
select:focus{background:#f4f7fb;outline:0;border:0;box-shadow: none;border:1px solid #2a2c31;}
select:disabled{background-color:#f4f7fb !important;}
select option{color:#2a2c31;font-size:16px;line-height:42px;height:42px;border:0;}
select option:hover{background:#f4f7fb;}
.dropdown{z-index:10;position:relative;}
.dropdown.active{}
.dropdown.active ul{display:block;background:#f4f7fb;}
.dropdown.active .selected{background:#f4f7fb;border-radius:14px 14px 0 0;}
.dropdown .selected{background:none;border-radius:14px;overflow:hidden;padding:0 36px 0 10px;height:28px;color:#2a2c31;font-size:15px;border:0;position:relative;display:block;}
.dropdown .selected:after{content:"";display:block;width:20px;height:20px;background:url('../../images/bottom_arrow.png') no-repeat;background-size:100%;position:absolute;right:4px;top:4px;}
.dropdown ul{padding:6px 0 8px;width:100%;display:none;position:absolute;left:0;top:28px;overflow:hidden;border-radius:0 0 14px 14px;z-index:8;}
.dropdown ul li{}
.dropdown ul li button{height:28px;color:#2a2c31;font-size:15px;width:100%;border:0;background:none;text-align:left;padding:0 0 0 10px;display:block;}


/*table*/

table{table-layout:fixed;border-collapse:collapse;width:100%;}
caption{font-size:0;height:0;overflow:hidden;}
.info_table{border-top:1px solid #595d68;}
.info_table th{color:#2a2c31;font-size:16px;font-weight:600;line-height:24px;height:72px;border-bottom:1px solid #d2d6e0;padding:0 16px;text-align:left;}
.info_table td{color:#595d68;font-size:16px;font-weight:400;line-height:24px;height:72px;border-bottom:1px solid #d2d6e0;padding:0 16px;text-align:left;}
.data_table{border-top:1px solid #595d68;}
.data_table th{color:#2a2c31;font-size:16px;font-weight:600;line-height:24px;height:54px;text-align:center;border:1px solid #d2d6e0;border-top:0;border-bottom: 0;}
.data_table th:first-child{border-left:0;}
.data_table th:last-child{border-right:0;}
.data_table td{border:1px solid #d2d6e0;color:#595d68;font-size:16px;text-align:left;padding:12px 16px;}
.data_table td:first-child{border-left:0;}
.data_table td:last-child{border-right:0;}

/*table*/

/*form*/
.radio{position:relative;display:inline-block;}
.radio input{width:24px;height:24px;font-size:0;position:absolute;left:0;top:0;border:0;z-index:-1;opacity:0;}
.radio input + label{color:#2a2c31;font-size:16px;padding-left:32px;line-height:25px;margin:0;cursor:pointer;position:relative;}
.radio input + label:before{content:"";display:block;width:24px;height:25px;background:url('../../images/radio_off.png') no-repeat;background-size:100%;z-index:10;position:absolute;left:0;top:0;}
.radio input:checked + label:before{background:url('../../images/radio_on.png') no-repeat;background-size:100%;}
.radio input:checked:disabled + label:before{background:url('../../images/radio_disabled.png') no-repeat;background-size:100%;opacity:1;}
.radio input:disabled + label:before{opacity:.4;}
.radio input:focus-visible + label{outline:auto;}
label.radio{padding-left:30px;line-height:25px;}
label.radio span{display:block;width:24px;height:25px;background:url('../../images/radio_off.png') no-repeat;background-size:100%;z-index:10;position:absolute;left:0;top:0;}
label.radio input:checked + span{background:url('../../images/radio_on.png') no-repeat;background-size:100%;}
.custom-radio input{width:24px;height:24px;font-size:0;position:absolute;left:0;top:0;border:0;z-index:-1;opacity:0;}
.custom-radio input + label{color:#2a2c31;font-size:16px;padding-left:32px;line-height:25px;margin:0;cursor:pointer;position:relative;}
.custom-radio input + label:before{content:"";display:block;width:24px;height:25px;background:url('../../images/radio_off.png') no-repeat;background-size:100%;z-index:10;position:absolute;left:0;top:0;background-color:initial !important;border-color:initial !important;border:0;}
.custom-radio input:checked + label:before{background:url('../../images/radio_on.png') no-repeat;background-size:100%;}
.custom-radio input:checked:disabled + label:before{background:url('../../images/radio_disabled.png') no-repeat;background-size:100%;opacity:1;}
.custom-radio input:disabled + label:before{opacity:.4;}
.custom-radio input:focus-visible + label{outline:auto;}
.radio_form input{width:24px;height:24px;font-size:0;position:absolute;left:0;top:0;border:0;z-index:-1;opacity:0;}
.radio_form input + label{color:#2a2c31;font-size:16px;padding-left:32px;line-height:25px;margin:0;cursor:pointer;position:relative;}
.radio_form input + label:before{content:"";display:block;width:24px;height:25px;background:url('../../images/radio_off.png') no-repeat;background-size:100%;z-index:10;position:absolute;left:0;top:0;background-color:initial !important;border-color:initial !important;border:0;}
.radio_form input:checked + label:before{background:url('../../images/radio_on.png') no-repeat;background-size:100%;}
.radio_form input:checked:disabled + label:before{background:url('../../images/radio_disabled.png') no-repeat;background-size:100%;opacity:1;}
.radio_form input:disabled + label:before{opacity:.4;}
.radio_form label ~ label{margin-left:16px;}

.checkbox input{width:24px;height:24px;font-size:0;position:absolute;left:0;top:0;border:0;z-index:-1;opacity:0;}
.checkbox{cursor:pointer;position:relative;padding-right:40px;line-height:25px;height:25px;display:inline-block;}
/*.checkbox:before{display:block;width:24px;height:25px;background:url('../../images/check_icon_off.png') no-repeat;background-size:100%;content:"";position:absolute;right:0;top:0;}
.checkbox:has(input:checked):before{background:url('../../images/check_icon.png') no-repeat;background-size:100%;}*/
.checkbox.left{padding-left:40px;padding-right:0;}
.checkbox.left:before{left:0;right:auto;}
.checkbox.non_txt{padding:0;width:24px;margin:0;}
.checkbox:before{display:block;width:24px;height:25px;background:url('../../images/check_icon_off.png') no-repeat;background-size:100%;content:"";position:absolute;right:0;top:0;}
.checkbox.checked:before{background:url('../../images/check_icon.png') no-repeat;background-size:100%;}

.custom-checkbox label{padding-left:32px !important;padding-right:0;color:#2a2c31;font-size:16px;line-height:25px;margin:0;cursor:pointer;position:relative;}
.custom-checkbox input:focus-visible + label{outline:auto;}
.custom-checkbox input{width:24px;height:24px;font-size:0;position:absolute;left:0;top:0;border:0;z-index:-1;opacity:0;}
.custom-checkbox label:before{display:none;}
.custom-checkbox label:after{display:block;width:24px;height:25px;background: url('../../images/check_icon_off.png') no-repeat !important;background-size:100% !important;content:"";position:absolute;left:0;top:0;}
.custom-checkbox input:checked + label:after{background: url('../../images/check_icon.png') no-repeat !important;background-size:100% !important;}

#apiAuthTableBody label{padding-left:32px !important;padding-right:0;color:#2a2c31;font-size:16px;line-height:25px;margin:0;cursor:pointer;position:relative;}
#apiAuthTableBody input:focus-visible + label{outline:auto;}
#apiAuthTableBody input{width:24px;height:24px;font-size:0;position:absolute;left:0;top:0;border:0;z-index:-1;opacity:0;}
#apiAuthTableBody label:before{display:none;}
#apiAuthTableBody label:after{display:block;width:24px;height:25px;background: url('../../images/check_icon_off.png') no-repeat !important;background-size:100% !important;content:"";position:absolute;left:0;top:0;}
#apiAuthTableBody input:checked +input + input + label:after{background: url('../../images/check_icon.png') no-repeat !important;background-size:100% !important;}
/*input[name=appCheckbox]{background: url('../../images/check_icon_off.png') no-repeat !important;background-size:100% !important;width:24px !important;height:24px !important;}
input[name=appCheckbox]:checked{background: url('../../images/check_icon.png') no-repeat !important;background-size:100% !important;}*/
#stateCheckbox{width:24px;height:24px;font-size:0;position:absolute;left:0;top:0;border:0;z-index:-1;opacity:0;}
#stateCheckbox + label{padding-left:20px;}
#stateCheckbox + label:before{display:none;}
#stateCheckbox + label:after{display:block;width:24px;height:25px;background: url('../../images/check_icon_off.png') no-repeat !important;background-size:100% !important;content:"";position:absolute;left:0;top:0;}
#stateCheckbox:checked + label:after{background: url('../../images/check_icon.png') no-repeat !important;background-size:100% !important;}

input[type=text],input[type=password],input[type=num]{border-radius: 6px;border: 1px solid #d2d6e0;border-radius: 6px;font-size: 16px;color: #2a2c31;height: 48px;padding: 0 16px;}
input[type=text]:focus,input[type=password]:focus,input[type=num]:focus{border: 1px solid #2a2c31;}
input.error{border:1px solid #ef2222 !important;}
input:read-only{background:#f4f7fb;}

.form_box div{position:relative;}
.form_box label{margin: 0;color: #2a2c31;font-size: 16px;transition: all .5s;position: absolute;left: 17px;top: 23px;}
.form_box input:focus ~ label {color: #595d68;font-size: 13px;line-height: 13px;top: 12px;}
.form_box input:focus {padding-top: 30px;padding-bottom: 14px;border: 1px solid #2a2c31;}
.form_box input:not(:placeholder-shown) {padding-top: 30px;padding-bottom: 14px;opacity: 1;}
.form_box input:not(:placeholder-shown) ~ label {color: #595d68;font-size: 13px;line-height: 13px;top: 12px;}
.form_box input {border: 1px solid #d2d6e0;border-radius: 6px;padding: 22px 16px;height: 67px;color: #2a2c31;font-size: 16px;line-height: 21px;margin-bottom: 16px;width: 100%;box-sizing: border-box;}
.form_box input::placeholder {color: #898f9f;opacity: 0;font-size: 16px;}

input[type=text]:disabled,input[type=num]:disabled,select:disabled{background:#f4f7fb;}
/*form*/

.badge{color:#0086ff;font-size:14px;line-height:22px;padding:0 8px;border:1px solid #d2d6e0;border-radius:4px;display:inline-block;width:auto !important;font-weight:400;}
.badge.fill{background:#edf3ff;border-radius:100px;border:0;padding:0 12px;}

/*결과없음*/
.empty{color:#595d68;font-size:16px;line-height:24px;text-align:center;padding:40px 0;line-height: normal !important;}
.empty:before{display:block;width:40px;height:40px;content:"";margin:0 auto 16px;background:url('../../images/empty_icon.png') no-repeat;background-size:100%;}
.mo .empty{color:#595d68;font-size:1.6rem;line-height:2.4rem;text-align:center;padding:4rem 0;}
.mo .empty:before{display:block;width:4rem;height:4rem;content:"";margin:0 auto 1.6rem;background:url('../../images/empty_icon.png') no-repeat;background-size:100%;}

/*datepicker*/
.pc .datepicker{width:360px;background:#fff;z-index:5;border-radius:8px;box-shadow:0px 4px 8px 0px rgba(0,0,0,.2);padding:24px 24px 38px 24px;}
.pc .datepicker:before,.pc .datepicker:after{display:none;}
.pc .datepicker .ui-datepicker-calendar{border-spacing:0 7px;border-collapse: separate;}
.pc .datepicker .ui-datepicker-calendar th{text-align:center;font-size:16px;color:#898f9f;line-height:24px;}
.pc .datepicker .ui-state-default{width:36px !important;height:36px;margin:0 auto;border-radius:100px;color:#2a2c31;font-size:16px;line-height:36px;display:block;padding:0 !important;text-align:center;}
.pc .datepicker .ui-datepicker-today .ui-state-default{color:#ff4c00;}
.pc .datepicker .ui-state-active{background:#ff4c00 !important;color:#fff !important;}
.pc .datepicker .ui-datepicker-today .ui-state-active{background:#ff4c00;color:#fff;}
.pc .datepicker .ui-state-default:hover{background:#dfe4ec;}
.pc .datepicker .ui-datepicker-other-month span{color:#a7adbe;}
.pc .datepicker .ui-datepicker-other-month a{color:#a7adbe;}
.pc .datepicker .ui-state-disabled{background:none;}
.pc .datepicker .ui-datepicker-prev{position:absolute;left:30px;top:24px;}
.pc .datepicker th.prev{display:block;background:url('../../images/right_arrow.png') no-repeat center;background-size:25px;text-indent:-999em;transform:rotate(180deg);}
.pc .datepicker .ui-datepicker-next{position:absolute;right:30px;top:24px;}
.pc .datepicker th.next{display:block;background:url('../../images/right_arrow.png') no-repeat center;background-size:25px;text-indent:-999em;}
.pc .datepicker .ui-datepicker-title{color:#2a2c31;font-size:18px;text-align:center;font-weight:600;line-height:27px;margin-bottom:24px;}
.datepicker table{}
.datepicker table tfoot{display:none;}
.datepicker-switch{color:#2a2c31;font-size:16px;font-weight:600;line-height:27px;}
.datepicker table tr td{font-size:16px;color:#2a2c31;width:36px;height:44px;border-radius:100px;}
.datepicker-months table tr td{border-radius:0px;}
.datepicker-months table tr td:hover{background:none !important;}
.datepicker table tr td.range{background:#f4f7fb;border-radius:0;}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active{border:0;background:#ff4c00 !important;}
.datepicker table tr td:hover{border:0;background:#dfe4ec;}
.datepicker table tr td.active.active.focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active:hover{background:#dfe4ec;}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active{background:#595d68;}
.datepicker table tr td span.focused, .datepicker table tr td span:hover{background:#f4f7fb;}
/*datepicker*/