@charset "utf-8"; /*font*/
@import url('fonts.css');
:root {	
	--text-color: #333333;
    --primary-color: #0014BA;
    --success-color: #5F24EB;
    --secondary-color: #0061D1;
    --info-color: #00A9DE;
    --warning-color: #FF9900;
    --danger-color: #FE5B83;
    --default-color: #4C526E;
    --white-color: #ffffff;
    --gray-color: #F7F8FB;
    --light-color: #f5f5f5;
    --light-blue-color: #F5F8FF;
    --dark-color:#4C526E;
    --primary-light-color: rgba(0,20,186,.08);
    --success-light-color: rgba(95,36,235,.1);
    --secondary-light-color: rgba(0,97,209,.1);
    --info-light-color: rgba(0,169,222,.1);
    --warning-light-color: rgba(255,153,0,.1);
    --danger-light-color: rgba(254,91,131,.1);
    --default-light-color: rgba(76,82,110,.1);
    --normal-border-radius: 20px;
    --round-border-radius: 100px;
    --normal-border: 1px solid #eee;
    --xsmall-font-size: 12px;
	--small-font-size: 14px;
	--medium-font-size: 16px;
	--large-font-size: 18px;
	--xlarge-font-size: 20px;
	--desc-font-size: 22px;
	--stit-font-size: 25px;
	--mtit-font-size: 28px;
	--tit-font-size: 36px;
	--intro-font-size: 48px;
	--spage-font-size: 60px;
	--page-font-size: 68px;
	--normal-box-shadow: -3px 1px 10px rgb(0 0 0 / 10%);
}
/*Reset*/
* {
   font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif/* , 'Font Awesome 5 Free' */ ;
}
*, *:after, *:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-break: keep-all;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, address, strong, i, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, figure, figcaption, footer, header, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, main, nav, section, samp, cite {
    display: block;
}

ul, ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

em, i {
    font-style: normal;
}
hr {
	height: 1px;
	border: 0px;
	background: var(--default-light-color);
}
input, select, textarea {
    -webkit-border-radius: 0;
    padding: 5px 10px;
    vertical-align: middle;
    border: var(--normal-border);
	font-family:'pretendard';
    outline: 0;
    border-radius: var(--normal-border-radius);
    font-size: var(--medium-font-size);
}
input.err, 
select.err,
textarea.err {
	border:1px solid var(--danger-color);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	 transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
input[type="checkbox"]{
	margin-right: 5px;
	border: var(--normal-border);
}
select {
	-webkit-appearance:none;/*select 내부 스타일 제거 (화살표 제거)*/ 
	-moz-appearance:none; 
	-o-appearance:none; 
	appearance:none; 
	background:var(--white-color) url('../images/common/bg_select.png')no-repeat center right 9px;   
}
button {
    border: 0;
    outline: 0;
    background: none;
    cursor: pointer;
	font-family:'pretendard';
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}
img {
    vertical-align: middle;
    border: 0
}
html {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
body {
    font-family: 'Pretendard', 'Montserrat', sans-serif;
    font-weight: 400;
    color: var(--text-color);
    letter-spacing: 0;
    overflow: hidden;
}
/* 스크롤바 커스텀 */
*::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
    height:8px; 
}
*::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: rgba(0, 0, 0, .2); /* 스크롤바의 색상 */
    border-radius:var(--normal-border-radius);
}
*::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);  /*스크롤바 뒷 배경 색상*/
}
*::-webkit-scrollbar-corner {
	background: rgba(0, 0, 0, .1);
}
.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.1 * var(--bs-gutter-x));
	margin-left: calc(-0.1 * var(--bs-gutter-x));
    padding-left: 0px;
    /* justify-content: center; */
    /* align-items: center; */
}
.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 1);
	padding-left: calc(var(--bs-gutter-x) * 1);
	margin-top: var(--bs-gutter-y);
}
.col {
	flex: 1 0 0%;
}
.col-1 {
	flex: 0 0 auto;
	width: 8.333333%;
}
.col-2 {
	flex: 0 0 auto;
	width: 16.66666%;
}
.col-3 {
	flex: 0 0 auto;
	width: 25%;
}
.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}
.col-6 {
	flex: 0 0 auto;
	width: 50%;
}
.col-8 {
	flex: 0 0 auto;
	width: 66.6666666%;
}
.col-9 {
	flex: 0 0 auto;
	width: 75%;
}
.col-12 {
	flex: 0 0 auto;
	width: 100%;
}
.gap50 {
	width:100%;
	height:50px;
}
.gap100 {
	width:100%;
	height:100px;
}
.clear {
	clear:both;
}
.flex_column {
	flex-direction: column;
}
/*slide 공통*/
.slick-track div {
    display: inline-block;
    vertical-align: top;
}
.slick-slide {
    outline: 0;
}
/* button */
.btn {
	border-radius:var(--round-border-radius);
	cursor: pointer;
}
.btn_round {
	border-radius:100px;
}
.btn_small {
	font-size: var(--small-font-size) !important;
	padding: 6px 13px;
}
.btn_medium {
	font-size: var(--medium-font-size) !important;
	padding: 8px 17px; 
}
.btn_large {
	font-size: var(--large-font-size) !important;
	padding: 15px 27px;
}
.btn_primary {
	color:var(--white-color);
	background:var(--primary-color);
}
.btn_success {
	color:var(--white-color);
	background:var(--success-color);
}
.btn_secondary {
	color:var(--white-color);
	background:var(--secondary-color);
}
.btn_info {
	color:var(--white-color);
	background:var(--info-color);
}
.btn_warning {
	color: var(--white-color);
	background: var(--warning-color);
}
.btn_danger {
	color: var(--white-color);
	background: var(--danger-color);
}
.btn_default {
	color: var(--white-color);
	background: var(--default-color);
}
.btn_white {
	color: var(--default-color);
	background: var(--white-color);
}
.btn_primary_light {
	background: var(--primary-light-color);
	color: var(--primary-color);
}
.btn_primary_line {
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	background: var(--white-color);
}
.btn_primary_line:hover {
	background: var(--primary-color);
	color: var(--white-color);
	transition: .2s;
}
.btn_success_line {
	color: var(--success-color);
	border: 1px solid var(--success-color);
	background: var(--white-color);
}
.btn_secondary_line {
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
	background: var(--white-color);
}
.btn_info_line {
	color: var(--info-color);
	border: 1px solid var(--info-color);
	background: var(--white-color);
}
.btn_default_line {
	color: var(--default-color);
	border: 1px solid var(--default-color);
	background: var(--white-color);
}
.btn_line {
	border: 1px solid var(--white-color);
	color: var(--white-color);
}
.btnError{
	margin-bottom: 100px;
}
.select {
	border-radius:var(--round-border-radius);
	border:var(--normal-border);
	padding:10px 30px 10px 15px;
	-webkit-appearance:none;/*select 내부 스타일 제거 (화살표 제거)*/ 
	-moz-appearance:none; 
	-o-appearance:none; 
	appearance:none; 
	background:var(--white-color) url('../images/common/bg_select.png')no-repeat center right 13px;
}
.select_small {
	border-radius:3px;
	border: var(--normal-border);
	padding:3px 25px 3px 10px;
	-webkit-appearance:none;/*select 내부 스타일 제거 (화살표 제거)*/ 
	-moz-appearance:none; 
	-o-appearance:none; 
	appearance:none; 
	background:var(--white-color) url('../images/common/bg_select.png')no-repeat center right 9px;
}
.select option {
	font-family:'pretendard';
}
.input_text {
	border-radius: var(--round-border-radius);
	border: var(--normal-border);
	padding: 10px 15px;
	background: var(--white-color);
	list-style: none;
}
.input_title {
	 width: 100%;
}
.input_text_large {
	font-size: var(--large-font-size);
	border-radius: var(--round-border-radius);
	border: var(--normal-border);
	padding:12px 15px;
}
.input_calendar {
	background: #fff url(../images/common/icon_calendar.png) no-repeat 105px center;
	width: 130px !important;
    cursor: pointer;
}
.input_underline {
	border-bottom: var(--normal-border);
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-radius: 0px;
}
.label_primary {
	background:#4A87EB;
	color:var(--white-color);
	font-size:12px;
	padding:2px 8px;
    display: inline-block;
}
.label_success {
	background:#00C49F;
	color:var(--white-color);
	font-size:12px;	
	padding:2px 8px;
    display: inline-block;
}
.tab {
	display: flex;
	flex-direction: row;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    border-radius: var(--round-border-radius);
    border: var(--normal-border);
    padding: 10px;
}
.tab li {
	color: var(--default-color);
	padding: 18px 50px;
    font-size: var(--large-font-size);
	cursor: pointer;
	font-weight: 400;
	border-radius: var(--round-border-radius);
}
.tab li:last-child {
}
.tab li:hover {
	background: var(--primary-light-color);
	transition: .2s;
}
.tab li.active {
	color: var(--white-color);
	font-weight: 700;
	background: var(--primary-color);
	border: none;
}
.tab_round {
	width: 100%;
	border-radius: var(--round-border-radius);
	border: var(--normal-border);
	background: var(--white-color);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 10px;
	padding: 10px 15px;
}
.tab_round li {
	font-size: var(--medium-font-size);
	border-radius: var(--round-border-radius);
	color: var(--default-color);
	padding: 18px 70px;
	text-align: center;
	cursor:pointer;
}
.tab_round li.on {
	background: var(--primary-color);
	color: var(--white-color);
	font-weight: 700;
}
/* pagination */
.pagination ul {
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:35px;
}
.pagination ul li {
	width:25px;
	height:25px;
	text-align:center;
	font-size:16px;
	color:#999;	
	line-height:25px;
	cursor:pointer;
}
.pagination ul li.on {
	color:var(--text-color);
	font-weight:700;
}
.pagination ul li.previous {
	width:25px;
	height:25px;
	background:url('../images/common/page_prev.png');
}
.pagination ul li.next {
	width:25px;
	height:25px;
	background:url('../images/common/page_next.png');	
}
.pagination ul li.first {
	width:25px;
	height:25px;
	background:url('../images/common/page_first.png');
}
.pagination ul li.last {
	width:25px;
	height:25px;
	background:url('../images/common/page_last.png');	
}
.pagination ul li.disable {
    filter: grayscale(1);
    opacity: .5;
}
.board_list {
	display:flex;
    flex-direction: column;
    width:100%;
}
.board_list li {
	display:flex;
	border-radius:var(--normal-border-radius);
	border:var(--normal-border);
	padding:25px 40px;
    margin-bottom:10px;
}
.board_list li .num {
	width:50px;
	font-size:18px;
	font-weight:400;
}
.board_list li .tit {
	width:calc(100% - 50px);
	font-size:18px;
	font-weight:700;
	color:var(--primary-color);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}
/* table */
.table_list {
	border-top: 2px solid var(--primary-color);
	border-bottom: var(--normal-border);
	width: 100%;
	background: var(--white-color);
}
.table_list tr.disable td {
	background:rgba(0,0,0,.05);
}
.table_list tr th {
	padding:15px 0px;
	vertical-align:middle;
	font-weight:700;
}
.table_list.table_list_small tr th {
    padding: 6px 0px !important;
    height: 40px;
}
.table_list.table_next tr th {
    padding: 6px 0px !important;
    height: 35px;
}
.table_list.table_comm_card tr th {
    padding: 6px 0px !important;
    height: 35px;
    background: var(--white-color);
}
.table_list tr td {
	padding: 10px 0px;
	vertical-align: middle;
	text-align: center;
	word-break: break-word;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.table_list.table_list_small tr:nth-child(even) td {
    background-color: #fafafa;
}
.table_list.table_list_small tr:nth-child(odd) td {
    background-color: var(--white-color);
}
.table_list.table_comm_card tr td {
    background-color: var(--white-color);
}
.table_list tr td .sortIcon {
	font-size: 10px;
    padding-left: 3px;
    color: #4A87EB;
}
.table_list thead tr th,
.table_list thead tr td {
	text-align: center;
	font-size: var(--medium-font-size);
	font-weight: 700;
	background: var(--primary-light-color);
}
.table_list tbody tr td {
	border-bottom: var(--normal-border);
	font-size: var(--medium-font-size);
	word-break: break-all;
    white-space: normal;
}
.table_list tbody tr td.emphasis {
	color: var(--wraning-color);
	text-decoration: underline;
	cursor: pointer;
}
.table_list tbody tr td a {
	text-decoration:underline;
	color: var(--primary-color);
}
.table_list_small tr td {
	padding:8px 0px;
	font-size: 14px;
}
.table_subject {
	width:100%;
	border-top:2px solid var(--primary-color);
	border-bottom: var(--normal-border);
}
.table_subject .vscomp-toggle-button {
	padding: 8px 25px 8px 15px;
}
.table_subject dl {
	display: flex;
	border-bottom: var(--normal-border);
	align-items: center;
	min-height: 50px;
}
.table_subject dl:last-child {
	border-bottom:0px !important;
}
.table_subject dl dt,.table_subject dl dd {
	padding:0px 10px;
}
.table_subject dl dt {
	font-weight:700;
	width:180px;
}
.table_subject dl dd {
	width:calc(100% - 180px) !important;
	padding:5px 10px;
	vertical-align:middle;
}
.table_subject dl dd.sel_option {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 5px;
}
.table_subject dl dd.sel_agree {
	display: flex;
	column-gap: 10px;
}
.table_subject dl dd .errorMsg {
	margin-left: 10px;
}
.table_subject dl dt.emphasis::after {
	content:"*";
	color:#ff5858;
}
.table_subject dl.half dd {
	width:calc(50% - 180px) !important;
}
span.emphasis::after {
	content:"*";
	color:#ff5858;
}
.table_subject_half dl dt {
	width: 180px !important;
}
.table_subject_half dl dd {
	width:calc(50% - 180px) !important;
}
.table_subject_half dl dd.full {
	width:calc(50% - 180px) !important;
}
.table_subject .table_list {
	border:none !important;
}
.table_subject .table_list * {
	font-size: 14px !important;
}
.table_subject .table_list thead tr th {
	border: none !important;
	background: var(--light-color);
	height: 30px;
}
.innerDl dd {
	padding: 0px !important;
}
.align_left {
	text-align: left !important;
}
.align_right {
	text-align:right !important;
}
.align_center {
	text-align:center !important;
}
.line {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 80px 0px;
}
ul.addedListStyle{
	list-style-type: disc;
	padding-inline-start : 40px;
}
ol.addedListStyle{
	list-style-type: decimal;
	padding-inline-start : 40px;
}
.summernoteConTb table {
   border-top: 1px solid #ddd;
   border-left: 1px solid #ddd;
}
.summernoteConTb table tr td {
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
}
@media all and (max-width:1024px) {
	:root {	
		--small-font-size: 12px;
		--medium-font-size: 14px;
		--large-font-size: 16px;
		--xlarge-font-size: 18px;
		--desc-font-size: 20px;
		--stit-font-size: 22px;
		--mtit-font-size: 24px;
		--tit-font-size: 28px;
		--intro-font-size: 32px;
		--spage-font-size: 40px;
	    --page-font-size: 48px;
   	}
   	.row > * {
   		padding-left:0px;
   		padding-right:0px;
   	}
	.col-2 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-3 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-4 {
		flex: 0 0 auto;
		width: 100% !important;
	}	
	.col-6 {
		flex: 0 0 auto;
		width: 100%;
	}
	.col-8 {
		flex: 0 0 auto;
		width: 100%;
	}
	.col-9 {
		flex: 0 0 auto;
		width: 100%;
	}
	.tab li {
		padding: 10px;
	} 
	.line {
		margin: 50px 0px;
	}
}

@media all and (max-width:768px) {
	.tab_round {
        justify-content: center;
        border-radius: 30px;
	}
	.tab_round li {
		width: 100%;
		padding: 8px 20px;
	} 
	
}