@charset "UTF-8";
@import url('font.css');

/*reset*/
:root{font-size:10px}
* {-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust: none;box-sizing: content-box}
*, ::after, ::before {box-sizing: border-box}
html, body {width:100%; height:100%;}
body {height:100%;font-family:'Pretendard';font-size:1.6rem;line-height:1.5}/*font-size:16px*/

:where(html, body,
div,dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td):not(.ck-content *) {margin:0;padding:0;}

:where(h1, h2, h3, h4, h5, h6):not(.ck-content *) {font-size:100%;font-weight:normal}

:where(fieldset, img, abbr,acronym, input, select, button):not(.ck-content *) { border:0 none; background:none}
:where(ol, ul):not(.ck-content *) { list-style:none}

:where(table):not(.ck-content *) {border-collapse: separate;border-spacing:0;border:0 none;}
:where(caption, th, td):not(.ck-content *) {text-align:left;font-weight: normal;border:0}

:where(address, caption, i, em, cite):not(.ck-content *) {font-weight:normal;font-style:normal}
:where(ins):not(.ck-content *) { text-decoration:none; }
:where(del):not(.ck-content *) { text-decoration:line-through; }

blockquote:before, blockquote:after, q:before, q:after { content:""}
:where(blockquote,q):not(.ck-content *) { quotes:"" ""; }

:where(legend, .blind):not(.ck-content *){position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
:where(.blind):not(.ck-content *) {position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px}

body:first-of-type caption { display:none}

:where(a):not(.ck-content *) { cursor:pointer;color:#000}
:where(a, a:hover, a:active):not(.ck-content *) {text-decoration:none;-webkit-tap-highlight-color: transparent}

/*form_style*/
input, select, textarea, button, a, label {font-family:'Pretendard';-webkit-tap-highlight-color:rgba(0,0,0,0)}
button,input[type=text],
input[type=button] {-webkit-appearance: none;-webkit-border-radius: 0;-webkit-appearance:none;appearance: none;border-radius: 0}
input[type=checkbox],
input[type=radio] {box-sizing: border-box;padding: 0}
input, select, button {border:0 none; outline:none;margin:0}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none}
select::-ms-expand {display: none;}
::-webkit-input-placeholder {line-height:1;font-weight:400;font-size:1.6rem;letter-spacing:-0.06rem;color:#767676}

/*****sr-only****/
.sr-only {display:none; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

/*****input box****/
.input-control {display: block;width: 100%;height: calc(4rem + 1rem);padding:1rem 2rem 1rem 1.5rem;background-color: #fff;background-clip: padding-box;border: 0.1rem solid #DEDEDE;border-radius:0.4rem!important;box-shadow: inset 0 0 0 transparent;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-size: 1.6rem;font-weight: 400;color: #000}
input:focus{border: 1px solid #a6cef5}
.form-group input:focus{border:0.1rem solid #a6cef5}
.input-group input:focus{border:0.1rem  solid #a6cef5}
.input-group{position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: stretch;align-items: stretch;width: 100%}
.input-group .input-control{position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%}
.input-group-append{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding:0 .3rem;align-items: center;border: 1px solid #e5e6e7;margin-left:-0.1rem;
border-radius:0 0.35rem 0.35rem 0}
.input-group-append span{font-size:1.3rem}
input.input-control:disabled {background:#e5e6e7;border:1px solid #d5d6d7;font-size:1.4rem}
input.input-control:read-only {background:#e5e6e7;border:1px solid #d5d6d7;font-size:1.4rem;color:#666}
.form-group input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0}

/***checkbox,radio*****/
.form-group{margin-bottom:10px;font-size:0}
.sort-form-check{position:relative;display:flex;line-height:1}
.sort-form-check-inline{display: -ms-inline-flexbox;display: inline-flex;-ms-flex-align: center;align-items: center;padding-left: 0;margin-right:1rem;line-height:1}
.d-check-box,
.d-check-radio{cursor:pointer;}

.sort-form-check label{padding-top: 0}
.sort-form-check-inline label{padding-top: 0}

.d-check-box input[type="checkbox"], 
.d-check-radio input[type="radio"]{position: static;margin-left:0;cursor: pointer;opacity: 0;z-index: 1;flex: 0 0 auto;}
.d-check-box label,
.d-check-radio label {cursor: pointer;display: inline;vertical-align: top;position: relative;padding-left: 1.2rem;margin-bottom:0;word-break:break-all;line-height:1.6;font-size:1.6rem;}

.d-check-box label::before{content: "";position: absolute;width:1.7rem;height:1.7rem;top:1px;left: 0;margin-left: -1rem;border: 0.1rem solid #ced4da;border-radius: 0.3rem;background-color: #fff;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;cursor: pointer;}
.d-check-box label::after{content: "";position: absolute;width: 16px;height: 16px;top:0;left: 0;margin-left: -1.3rem;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;cursor: pointer}
.d-check-box input[type="checkbox"]:checked + label::before{background-color: #007bff;border-color: #007bff}
.d-check-box input[type="checkbox"]:checked + label::after{content: "";position: absolute;top:-0.2rem;left: 0rem;width: 0.7rem;height: 1rem;border: 0.2rem solid #fff;border-left: none;border-top: none;transform: translate(0.775rem,0.45rem) rotate(45deg);-ms-transform: translate(7.75px,4.5px) rotate(45deg)}

.d-check-radio label::before{content: "";position: absolute;width: 1.7rem;height: 1.7rem;top:0px;left: 0;margin-left: -1.3rem;border: 0.1rem solid #ced4da;border-radius: 100%;background-color: #fff;text-align:center;font-size:1.6rem;line-height:1;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;cursor: pointer}
.d-check-radio label::after{content: "";position: absolute;width: 16px;height: 16px;top: 0px;left: 0;margin-left: -1.3rem;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;cursor: pointer}
.d-check-radio input[type="radio"]:checked + label::before{background-color:#007bff;border-color: #007bff}
.d-check-radio input[type="radio"]:checked + label::after{content: "";position: absolute;top:-0.3rem;left: -0.3rem;width: 0.7rem;height: 1rem;border: 0.2rem solid #fff;border-left: none;border-top: none;transform: translate(0.775rem,0.45rem) rotate(45deg);-ms-transform: translate(7.75px,4.5px) rotate(45deg)}

/***toogle****/
.d-check-box label.toogle{display:inline-block;position: relative;width: 6rem;height: 2.4rem;margin-left: -1.3rem;padding-left:0;background: #bfbfbf;border-radius:3rem}
.d-check-box.toogle .check-box{margin-top:0;margin-right:0}
.d-check-box.toogle input[type="checkbox"]{position: static;margin-left:0;opacity: 0;z-index: 1}
.d-check-box label.toogle::before {content: 'on';position: absolute;top: 50%;left: 1px;transform: translateY(-50%);width:2rem;height:2rem;background: #fff;border-radius: 100%;margin-left: 0;text-indent: -99999999px;transition: all .25s ease-in;z-index: 1}
.d-check-box label.toogle::after {content: '';position: absolute;width:100%!important;height: 2.4rem!important;border-radius:3rem;margin-left:0;transform:none!important;transition: all .25s ease-in}
.d-check-box input[type="checkbox"]:checked + label.toogle::before {left:3.7rem;background:#fff;border-color:#fff}
.d-check-box input[type="checkbox"]:checked + label.toogle::after{content: 'ON';top:auto!important;left:auto!important;margin-left:0;border:none!important;background:#007bff;padding-left:0.4rem;line-height:2.4rem;color:#fff}

/****select box****/
.sort-form-select{display: block;width: 100%;height: calc(4rem + 1rem);background:#fff url(../images/common/sel_icon.svg) calc(100% - 2rem) center no-repeat; background-size:1.3rem 1.4rem;padding: 0.375rem 2.6rem 0.375rem 1.5rem;border: 0.1rem solid #DEDEDE;border-radius:0.3rem;box-shadow: inset 0 0 0 transparent;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size:1.6rem;font-weight: 400;color:#5C6670}
select:focus{border:0.1rem solid #a6cef5}
.form-group select:focus{border: 1px solid #a6cef5}
.sort-form-select.test{color:#767676}
.sort-form-select.test select{color:#000}
.sort-form-select.test option:checked{color:#000}
 
/****textarea******/
.form-textarea{border:0.1rem solid #e0e0e0;border-radius:0.3rem}
textarea{resize: none;border:none;outline:0;padding:1rem}
textarea.block{width:100%;}
/* button:focus{border: 0.1rem solid #a6cef5} */

/**** datepicker ****/
input.datepicker{width: 22rem; height: 5rem}
input.datepicker,
input.datetimepicker{ background:#fff url('../images/common/calendar.svg') 96% 50% no-repeat; font-size: 1.6rem;  cursor:pointer; color: #5C6670; font-family:'Pretendard' }


/****btn*****/
.btn-frame{display:inline-block;padding:0 2.4rem;height:5rem;line-height:4.5rem;border-radius:0.4rem;text-align:center;cursor:pointer;font-weight:600;font-size:1.6rem;color:#fff}
.btn-frame_intable{display:inline-block;padding:0 1.5rem;height:4rem;line-height:4rem;border-radius:0.4rem;text-align:center;cursor:pointer;font-weight:400;font-size:1.6rem;color:#fff}
.line_black{border:0.1rem solid #2A2A2A!important}
.line-blue{border:0.1rem solid #003b99!important}
.line-orange{border:0.1rem solid #f95318!important}
.line-gray{border:0.1rem solid #dedede!important}
.default{min-width:9.2rem}
.small{min-width:5.4rem}
.small1{min-width:5.9rem;padding:0 2.4rem}
.middle{min-width:8rem}
.middle0{min-width:9rem}
.semiiddle{min-width:10rem}
.large{min-width:14rem!important}
.block{display:block;width:100%;}

/****bgcolor*****/
.bg-white{background:#fff!important}
.bg-black{background:#000!important}
.bg-black0{background:#2A2A2A!important}
.bg-gray{background:#939393!important}
.bg-gray2 {background: #f7f7f7!important}
.bg-red{background:#DB2C00!important}
.bg-blue{background:#4466E3!important}
.bg-blue0{background:#193289!important}
.bg-blue01{background:#2F68C2!important}
.bg-bluedark{background:#36425f!important}
.bg-orange{background:#f95318!important;}
.bg-green{background:#007529!important;}
.bg-purple{background:#8325D0!important;}

/****font-color*****/
.font-white{color:#fff!important}
.font-black{color:#000!important}
.font-black1{color:#333!important}
.font-black2{color:#2A2A2A!important}
.font-blue{color:#1c7ff2!important}
.font-blue02{color:#4466E3!important}
.font-red{color:#f21c1c!important}
.font-red2 {color: #C93152!important}
.font-orange{color:#f95318!important}

/*badge*/
.badge{display:inline-block;padding:0.2rem 0.9rem;border-radius:0.4rem;text-align:center;cursor:pointer;font-weight:600;font-size:1.4rem;color:#fff}
.red_line{border:1px solid #DF3A3A}
.blue_line{border:1px solid #2F68C2}
.font_red{color:#DF3A3A}
.font_blue{color:#1C5DB1}
.bg_white{background:#fff!important}

/* margin */
.mr5{margin-right: 0.5rem !important}
.mr10{margin-right: 1rem !important}
.ml10{margin-left:10px !important;}

/* align */
.c{text-align:center;}
.l{text-align:left;}
.r{text-align:right;}

@media (max-width:950px){
	input.datepicker{width: 100%}
}

@media (max-width:640px){
	.sort-form-select{background: #fff url(../images/common/sel_icon.svg) calc(100% - 1.5rem) center no-repeat}
	.sort-form-select,
	.input-control{height: calc(3.5rem + 0.4rem);padding-left:1.5rem;padding-right:1.5rem}
	.input-control,
	.sort-form-select{font-size:1.4rem}
	.btn-frame{height:3.9rem;line-height:3.9rem;font-size:1.4rem;padding: 0 1.4rem}
    ::-webkit-input-placeholder {font-size:1.4rem;}  
    .sort-form-check{margin-bottom:0.5rem;}
    .d-check-box label,
	.d-check-radio label{letter-spacing: -0.07rem;font-size:1.2rem} 
	.d-check-box label::before{top: -1.9px;}
	.d-check-box input[type="checkbox"]:checked + label::after{top: -0.5rem}
	.small1{padding-left:1.45rem;padding-right:1.45rem}
    .middle{min-width:7.4rem!important}
    .middle0{min-width:7.4rem!important}
    .large{min-width:10.4rem!important}
    .btn-frame_intable{font-size:1.4rem}
	input.datepicker{font-size: 1.4rem; height: calc(3.5rem + 0.4rem)}
}

@media (max-width:640px){
	.badge{padding:0.04rem  0.5rem  0.05rem;line-height:2rem;font-size:1.2rem}
}

/*23.12.18*/
.board-detail-cont{min-height:400px;}