@charset "utf-8";

/****************************** Table ******************************/
.table{font-family: 'Noto Sans Korean', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; font-size: 14px; font-size: 0.875rem;}
.table caption{
	position: relative;
	height: 0;
	font-size: 0;
	font-weight: bold;
}
.table .table-title{background-color: #f5f6f8;}
.table thead tr th{text-align: center;}
.table tbody tr td{text-align: center; background-color: #fff;}
.table tbody tr td > ul > li{
    position: relative;
    line-height: 1.5;
    padding-left: 14px;
    margin-bottom: 10px;
}
.table tbody tr td > ul > li:last-child{margin-bottom: 0;}
.table tbody tr td > ul > li:before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
}
.table tbody tr td span.preface{
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    padding: 6px;
    margin-right: 10px;
}
.table tbody tr td span.preface-01{background-color: #0091d0;}
.table tbody tr td span.preface-02{background-color: #ff4f50;}
.table tbody tr td span.preface-03{background-color: #ffaa00;}
.table tbody tr td span.preface-04{background-color: #009f9d;}
.table tbody tr td span.preface-05{background-color: #027333;}
.table tbody tr td span.preface-06{background-color: #676892;}
.table tbody tr td span.preface-07{background-color: #2d2e5e;}
.table tbody tr td span.preface-08{background-color: #1228A6;}
.table tbody tr td span.preface-09{background-color: #6368BF;}
.table tbody tr td span.preface-10{background-color: #73553C}
.table tbody tr td span.preface-11{background-color: #403837;}
.table tbody tr td span.preface-12{background-color: #D93030;}
.table tbody tr td span.preface-13{background-color: #2E38F2;}
.table tbody tr td span.preface-14{color: #111235; background-color: #c2f2e5;}
.table tbody tr td span.preface-15{color: #111235; background-color: #f2e307;}
.table tbody tr td span.preface-16{background-color: #026873;}
.table tbody tr td span.preface-17{color: #111235; background-color: #F2994B;}
.table tbody tr td span.preface-18{background-color: #8B3DD9;}
.table tbody tr td span.preface-19{color: #111235; background-color: #F2B6B6;}
.table tbody tr td span.preface-99{color: #111235; background-color: #52cbd9;}
/* 테이블 스타일 1 */
.table.table-01 thead{border-top: 2px solid #1a3668; border-bottom: 1px solid #d6d9e0;}
.table.table-01 thead tr th{padding: 20px;}
.table.table-01 tbody tr{border-bottom: 1px solid #d6d9e0;}
.table.table-01 tbody tr td{padding: 20px;}
/* 테이블 스타일 2, 3 */
.table.table-02 tr th,
.table.table-02 tr td,
.table.table-03 tr th,
.table.table-03 tr td{border: 1px solid #d6d9e0; padding: 20px;}
/* 테이블 스타일 4 */
.table.table-04 tr th, .table.table-04 tr td{font-size: 13px; border: 1px solid #d6d9e0; padding: 10px;}
/* 필터 테이블 */
.filter-table > .filter-table-input{
    height: 42px !important;
    margin: 1px 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.filter-table > .filter-table-01{margin-top: 10px;}
.filter-table > .table > caption{display: none;}
/****************************** Button ******************************/
/********** a태그가 버튼으로 쓰이는 경우 **********/
a.button-large, a.button-medium, a.button-small{
    display: inline-block;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a.button-large{line-height: 50px;}
a.button-medium{line-height: 46px;}
a.button-small{line-height: 42px;}
a.button-smallest{line-height: 30px;}
/********** 버튼 기본 셋팅 **********/
.button-fill-active-01{color: #fff; background-color: #005faf;}
.button-fill-active-02{color: #fff; background-color: #0082c8;}
.button-fill-active-03{color: #fff; background-color: #32a9c7;}
.button-fill-active-04{color: #fff; background-color: #fc3552;}
.button-fill-active-05{color: #fff; background-color: #fcaf39;}
.button-fill-active-06{color: #fff; background-color: #13c79e;}
.button-fill-active-07{color: #fff; background-color: #7866dc;}
.button-fill-active-08{color: #fff; background-color: #888888;}
.button-inactive{
    color: #bec5d5;
    background-color: #f5f6f8;
    border: 1px solid #d6d9e0;
    cursor: initial;
}
.button-outline-active-01{color: #005faf; background-color: #fff; border: 1px solid #005faf;}
.button-outline-active-02{color: #0082c8; background-color: #fff; border: 1px solid #0082c8;}
.button-outline-active-03{color: #32a9c7; background-color: #fff; border: 1px solid #32a9c7;}
.button-outline-active-04{color: #fc3552; background-color: #fff; border: 1px solid #fc3552;}
.button-outline-active-05{color: #fcaf39; background-color: #fff; border: 1px solid #fcaf39;}
.button-outline-active-06{color: #13c79e; background-color: #fff; border: 1px solid #13c79e;}
.button-outline-active-07{color: #7866dc; background-color: #fff; border: 1px solid #7866dc;}
.button-outline-active-08{color: #888888; background-color: #fff; border: 1px solid #888888;}
.button-outline-active-09{color: #000; background-color: #fff; border: 1px solid #000;}
.button-large{
    height: 50px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 50px;
    padding: 0 26px;
}
.button-medium{
    height: 46px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 46px;
    padding: 0 22px;
}
.button-small{
    height: 42px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 42px;
    padding: 0 18px;
}
.button-smallest{
    height: 30px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 30px;
    padding: 0 14px;
}
/********** 아이콘 버튼 목록 **********/
.icon-button-large{width: 50px; height: 50px;}
.icon-button-medium{width: 46px; height: 46px;}
.icon-button-small{width: 42px; height: 42px;}
.icon-button-smallest{width: 30px; height: 30px;}
/* 삭제 아이콘 버튼 */
.icon-button-fill.remove-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 15' fill='white'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M4%2c5.5a.5.5%2c0%2c0%2c1%2c.5.5v6a.5.5%2c0%2c0%2c1-1%2c0V6A.5.5%2c0%2c0%2c1%2c4%2c5.5Zm2.5%2c0A.5.5%2c0%2c0%2c1%2c7%2c6v6a.5.5%2c0%2c0%2c1-1%2c0V6A.5.5%2c0%2c0%2c1%2c6.5%2c5.5Zm3%2c.5a.5.5%2c0%2c0%2c0-1%2c0v6a.5.5%2c0%2c0%2c0%2c1%2c0Z'/%3e%3cpath class='cls-1' d='M13%2c3a1%2c1%2c0%2c0%2c1-1%2c1h-.5v9a2%2c2%2c0%2c0%2c1-2%2c2h-6a2%2c2%2c0%2c0%2c1-2-2V4H1A1%2c1%2c0%2c0%2c1%2c0%2c3V2A1%2c1%2c0%2c0%2c1%2c1%2c1H4.5a1%2c1%2c0%2c0%2c1%2c1-1h2a1%2c1%2c0%2c0%2c1%2c1%2c1H12a1%2c1%2c0%2c0%2c1%2c1%2c1ZM2.62%2c4l-.12.06V13a1%2c1%2c0%2c0%2c0%2c1%2c1h6a1%2c1%2c0%2c0%2c0%2c1-1V4.06L10.38%2c4ZM1%2c3V2H12V3Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.remove-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 15' fill='%23005faf'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M4%2c5.5a.5.5%2c0%2c0%2c1%2c.5.5v6a.5.5%2c0%2c0%2c1-1%2c0V6A.5.5%2c0%2c0%2c1%2c4%2c5.5Zm2.5%2c0A.5.5%2c0%2c0%2c1%2c7%2c6v6a.5.5%2c0%2c0%2c1-1%2c0V6A.5.5%2c0%2c0%2c1%2c6.5%2c5.5Zm3%2c.5a.5.5%2c0%2c0%2c0-1%2c0v6a.5.5%2c0%2c0%2c0%2c1%2c0Z'/%3e%3cpath class='cls-1' d='M13%2c3a1%2c1%2c0%2c0%2c1-1%2c1h-.5v9a2%2c2%2c0%2c0%2c1-2%2c2h-6a2%2c2%2c0%2c0%2c1-2-2V4H1A1%2c1%2c0%2c0%2c1%2c0%2c3V2A1%2c1%2c0%2c0%2c1%2c1%2c1H4.5a1%2c1%2c0%2c0%2c1%2c1-1h2a1%2c1%2c0%2c0%2c1%2c1%2c1H12a1%2c1%2c0%2c0%2c1%2c1%2c1ZM2.62%2c4l-.12.06V13a1%2c1%2c0%2c0%2c0%2c1%2c1h6a1%2c1%2c0%2c0%2c0%2c1-1V4.06L10.38%2c4ZM1%2c3V2H12V3Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.remove-icon-button{background-size: auto 24px;}
.icon-button-medium.remove-icon-button{background-size: auto 22px;}
.icon-button-small.remove-icon-button{background-size: auto 18px;}
.icon-button-smallest.remove-icon-button{background-size: auto 14px;}
/* 좋아요 아이콘 버튼 */
.icon-button-fill.like-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M8%2c1.31C12.44-3.25%2c23.53%2c4.74%2c8%2c15-7.53%2c4.74%2c3.56-3.25%2c8%2c1.31Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.like-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M8%2c1.31C12.44-3.25%2c23.53%2c4.74%2c8%2c15-7.53%2c4.74%2c3.56-3.25%2c8%2c1.31Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.like-icon-button{background-size: auto 24px;}
.icon-button-medium.like-icon-button{background-size: auto 22px;}
.icon-button-small.like-icon-button{background-size: auto 18px;}
.icon-button-smallest.like-icon-button{background-size: auto 14px;}
/* 북마크 아이콘 버튼 */
.icon-button-fill.bookmark-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M0%2c2A2%2c2%2c0%2c0%2c1%2c2%2c0h8a2%2c2%2c0%2c0%2c1%2c2%2c2V15.5a.5.5%2c0%2c0%2c1-.5.5.54.54%2c0%2c0%2c1-.28-.08L6%2c13.1.78%2c15.92a.51.51%2c0%2c0%2c1-.7-.14A.57.57%2c0%2c0%2c1%2c0%2c15.5ZM2%2c1A1%2c1%2c0%2c0%2c0%2c1%2c2V14.57l4.72-2.49a.52.52%2c0%2c0%2c1%2c.56%2c0L11%2c14.57V2a1%2c1%2c0%2c0%2c0-1-1Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.bookmark-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M0%2c2A2%2c2%2c0%2c0%2c1%2c2%2c0h8a2%2c2%2c0%2c0%2c1%2c2%2c2V15.5a.5.5%2c0%2c0%2c1-.5.5.54.54%2c0%2c0%2c1-.28-.08L6%2c13.1.78%2c15.92a.51.51%2c0%2c0%2c1-.7-.14A.57.57%2c0%2c0%2c1%2c0%2c15.5ZM2%2c1A1%2c1%2c0%2c0%2c0%2c1%2c2V14.57l4.72-2.49a.52.52%2c0%2c0%2c1%2c.56%2c0L11%2c14.57V2a1%2c1%2c0%2c0%2c0-1-1Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.bookmark-icon-button{background-size: auto 24px;}
.icon-button-medium.bookmark-icon-button{background-size: auto 22px;}
.icon-button-small.bookmark-icon-button{background-size: auto 18px;}
.icon-button-smallest.bookmark-icon-button{background-size: auto 14px;}
/* 글쓰기 아이콘 버튼 */
.icon-button-fill.write-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.71 15.71' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M13.5.5l.15-.15a1.21%2c1.21%2c0%2c0%2c1%2c1.7%2c1.71l-.15.15a1.5%2c1.5%2c0%2c0%2c1%2c0%2c2.06L4.85%2c14.56a.41.41%2c0%2c0%2c1-.23.13l-4%2c1A.5.5%2c0%2c0%2c1%2c0%2c15.33a1%2c1%2c0%2c0%2c1%2c0-.24l1-4a.58.58%2c0%2c0%2c1%2c.14-.24l9.64-9.64a.5.5%2c0%2c0%2c0-.64.06L6.85%2c4.56a.48.48%2c0%2c0%2c1-.7%2c0%2c.5.5%2c0%2c0%2c1%2c0-.71L9.44.56A1.5%2c1.5%2c0%2c0%2c1%2c11.5.5%2c1.51%2c1.51%2c0%2c0%2c1%2c13.5.5Zm-.65.77a.48.48%2c0%2c0%2c0-.7%2c0L2%2c11.46l-.76%2c3.06%2c3.05-.76%2c10.2-10.2a.5.5%2c0%2c0%2c0%2c0-.71h0L12.85%2c1.27Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.write-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.71 15.71' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M13.5.5l.15-.15a1.21%2c1.21%2c0%2c0%2c1%2c1.7%2c1.71l-.15.15a1.5%2c1.5%2c0%2c0%2c1%2c0%2c2.06L4.85%2c14.56a.41.41%2c0%2c0%2c1-.23.13l-4%2c1A.5.5%2c0%2c0%2c1%2c0%2c15.33a1%2c1%2c0%2c0%2c1%2c0-.24l1-4a.58.58%2c0%2c0%2c1%2c.14-.24l9.64-9.64a.5.5%2c0%2c0%2c0-.64.06L6.85%2c4.56a.48.48%2c0%2c0%2c1-.7%2c0%2c.5.5%2c0%2c0%2c1%2c0-.71L9.44.56A1.5%2c1.5%2c0%2c0%2c1%2c11.5.5%2c1.51%2c1.51%2c0%2c0%2c1%2c13.5.5Zm-.65.77a.48.48%2c0%2c0%2c0-.7%2c0L2%2c11.46l-.76%2c3.06%2c3.05-.76%2c10.2-10.2a.5.5%2c0%2c0%2c0%2c0-.71h0L12.85%2c1.27Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.write-icon-button{background-size: auto 24px;}
.icon-button-medium.write-icon-button{background-size: auto 22px;}
.icon-button-small.write-icon-button{background-size: auto 18px;}
.icon-button-smallest.write-icon-button{background-size: auto 14px;}
/* 홈 아이콘 버튼 */
.icon-button-fill.home-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6A.47.47%2c0%2c0%2c1%2c13%2c6.5v7a.5.5%2c0%2c0%2c1-.5.5H8a.5.5%2c0%2c0%2c1-.5-.5v-4h-2v4A.5.5%2c0%2c0%2c1%2c5%2c14H.5a.5.5%2c0%2c0%2c1-.5-.5v-7a.47.47%2c0%2c0%2c1%2c.15-.35ZM1%2c6.71V13H4.5V9A.5.5%2c0%2c0%2c1%2c5%2c8.5H8a.5.5%2c0%2c0%2c1%2c.5.5v4H12V6.71L6.5%2c1.21Z'/%3e%3cpath class='cls-1' d='M11.5%2c1.5V5l-2-2V1.5A.5.5%2c0%2c0%2c1%2c10%2c1h1A.5.5%2c0%2c0%2c1%2c11.5%2c1.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.home-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6A.47.47%2c0%2c0%2c1%2c13%2c6.5v7a.5.5%2c0%2c0%2c1-.5.5H8a.5.5%2c0%2c0%2c1-.5-.5v-4h-2v4A.5.5%2c0%2c0%2c1%2c5%2c14H.5a.5.5%2c0%2c0%2c1-.5-.5v-7a.47.47%2c0%2c0%2c1%2c.15-.35ZM1%2c6.71V13H4.5V9A.5.5%2c0%2c0%2c1%2c5%2c8.5H8a.5.5%2c0%2c0%2c1%2c.5.5v4H12V6.71L6.5%2c1.21Z'/%3e%3cpath class='cls-1' d='M11.5%2c1.5V5l-2-2V1.5A.5.5%2c0%2c0%2c1%2c10%2c1h1A.5.5%2c0%2c0%2c1%2c11.5%2c1.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.home-icon-button{background-size: auto 24px;}
.icon-button-medium.home-icon-button{background-size: auto 22px;}
.icon-button-small.home-icon-button{background-size: auto 18px;}
.icon-button-smallest.home-icon-button{background-size: auto 14px;}
/* 검색 아이콘 버튼 */
.icon-button-fill.search-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M10.44%2c10.44a1%2c1%2c0%2c0%2c1%2c1.42%2c0h0l3.85%2c3.85a1%2c1%2c0%2c0%2c1-1.42%2c1.42l-3.85-3.85a1%2c1%2c0%2c0%2c1%2c0-1.42Z'/%3e%3cpath class='cls-1' d='M6.5%2c12a5.5%2c5.5%2c0%2c0%2c0%2c0-11h0a5.5%2c5.5%2c0%2c0%2c0%2c0%2c11ZM13%2c6.5A6.5%2c6.5%2c0%2c1%2c1%2c6.5%2c0%2c6.5%2c6.5%2c0%2c0%2c1%2c13%2c6.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.search-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M10.44%2c10.44a1%2c1%2c0%2c0%2c1%2c1.42%2c0h0l3.85%2c3.85a1%2c1%2c0%2c0%2c1-1.42%2c1.42l-3.85-3.85a1%2c1%2c0%2c0%2c1%2c0-1.42Z'/%3e%3cpath class='cls-1' d='M6.5%2c12a5.5%2c5.5%2c0%2c0%2c0%2c0-11h0a5.5%2c5.5%2c0%2c0%2c0%2c0%2c11ZM13%2c6.5A6.5%2c6.5%2c0%2c1%2c1%2c6.5%2c0%2c6.5%2c6.5%2c0%2c0%2c1%2c13%2c6.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.search-icon-button{background-size: auto 24px;}
.icon-button-medium.search-icon-button{background-size: auto 22px;}
.icon-button-small.search-icon-button{background-size: auto 18px;}
.icon-button-smallest.search-icon-button{background-size: auto 14px;}
/* 알림 아이콘 버튼 */
.icon-button-fill.alarm-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M16%2c8A8%2c8%2c0%2c1%2c1%2c8%2c0%2c8%2c8%2c0%2c0%2c1%2c16%2c8ZM8%2c4a.9.9%2c0%2c0%2c0-.9.91V5L7.45%2c8.5a.56.56%2c0%2c0%2c0%2c.6.51.56.56%2c0%2c0%2c0%2c.5-.51L8.9%2c5a.91.91%2c0%2c0%2c0-.81-1Zm0%2c6a1%2c1%2c0%2c1%2c0%2c1%2c1A1%2c1%2c0%2c0%2c0%2c8%2c10Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.alarm-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M16%2c8A8%2c8%2c0%2c1%2c1%2c8%2c0%2c8%2c8%2c0%2c0%2c1%2c16%2c8ZM8%2c4a.9.9%2c0%2c0%2c0-.9.91V5L7.45%2c8.5a.56.56%2c0%2c0%2c0%2c.6.51.56.56%2c0%2c0%2c0%2c.5-.51L8.9%2c5a.91.91%2c0%2c0%2c0-.81-1Zm0%2c6a1%2c1%2c0%2c1%2c0%2c1%2c1A1%2c1%2c0%2c0%2c0%2c8%2c10Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.alarm-icon-button{background-size: auto 24px;}
.icon-button-medium.alarm-icon-button{background-size: auto 22px;}
.icon-button-small.alarm-icon-button{background-size: auto 18px;}
.icon-button-smallest.alarm-icon-button{background-size: auto 14px;}
/* 생략 아이콘 버튼 */
.icon-button-fill.ellipsis-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 3' fill='white'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M1.5%2c3A1.5%2c1.5%2c0%2c1%2c1%2c3%2c1.5%2c1.5%2c1.5%2c0%2c0%2c1%2c1.5%2c3Zm5%2c0A1.5%2c1.5%2c0%2c1%2c1%2c8%2c1.5%2c1.5%2c1.5%2c0%2c0%2c1%2c6.5%2c3Zm5%2c0A1.5%2c1.5%2c0%2c1%2c1%2c13%2c1.5%2c1.5%2c1.5%2c0%2c0%2c1%2c11.5%2c3Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.ellipsis-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 3' fill='%23005faf'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M1.5%2c3A1.5%2c1.5%2c0%2c1%2c1%2c3%2c1.5%2c1.5%2c1.5%2c0%2c0%2c1%2c1.5%2c3Zm5%2c0A1.5%2c1.5%2c0%2c1%2c1%2c8%2c1.5%2c1.5%2c1.5%2c0%2c0%2c1%2c6.5%2c3Zm5%2c0A1.5%2c1.5%2c0%2c1%2c1%2c13%2c1.5%2c1.5%2c1.5%2c0%2c0%2c1%2c11.5%2c3Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.ellipsis-icon-button{background-size: 24px auto;}
.icon-button-medium.ellipsis-icon-button{background-size: 22px auto;}
.icon-button-small.ellipsis-icon-button{background-size: 18px auto;}
.icon-button-smallest.ellipsis-icon-button{background-size: 14px auto;}
/* 공유 아이콘 버튼 */
.icon-button-fill.share-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M11%2c2.5a2.49%2c2.49%2c0%2c1%2c1%2c.6%2c1.63L4.89%2c7.25a2.56%2c2.56%2c0%2c0%2c1%2c0%2c1.5l6.71%2c3.12a2.5%2c2.5%2c0%2c1%2c1%2c.27%2c3.53%2c2.48%2c2.48%2c0%2c0%2c1-.75-2.65L4.4%2c9.63A2.5%2c2.5%2c0%2c1%2c1%2c4.13%2c6.1l.27.27%2c6.72-3.12A2.36%2c2.36%2c0%2c0%2c1%2c11%2c2.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.share-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M11%2c2.5a2.49%2c2.49%2c0%2c1%2c1%2c.6%2c1.63L4.89%2c7.25a2.56%2c2.56%2c0%2c0%2c1%2c0%2c1.5l6.71%2c3.12a2.5%2c2.5%2c0%2c1%2c1%2c.27%2c3.53%2c2.48%2c2.48%2c0%2c0%2c1-.75-2.65L4.4%2c9.63A2.5%2c2.5%2c0%2c1%2c1%2c4.13%2c6.1l.27.27%2c6.72-3.12A2.36%2c2.36%2c0%2c0%2c1%2c11%2c2.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.share-icon-button{background-size: auto 24px;}
.icon-button-medium.share-icon-button{background-size: auto 22px;}
.icon-button-small.share-icon-button{background-size: auto 18px;}
.icon-button-smallest.share-icon-button{background-size: auto 14px;}
/* 다운로드 아이콘 버튼 */
.icon-button-fill.download-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13.9' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.5%2c8.9a.5.5%2c0%2c0%2c1%2c.5.5v2.5a1%2c1%2c0%2c0%2c0%2c1%2c1H14a1%2c1%2c0%2c0%2c0%2c1-1V9.4a.5.5%2c0%2c1%2c1%2c1%2c0v2.5a2%2c2%2c0%2c0%2c1-2%2c2H2a2%2c2%2c0%2c0%2c1-2-2V9.4A.5.5%2c0%2c0%2c1%2c.5%2c8.9Z'/%3e%3cpath class='cls-1' d='M7.65%2c10.85a.48.48%2c0%2c0%2c0%2c.7%2c0h0l3-3a.49.49%2c0%2c0%2c0-.7-.7L8.5%2c9.29V.5a.5.5%2c0%2c0%2c0-1%2c0V9.29L5.35%2c7.15a.49.49%2c0%2c0%2c0-.7.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.download-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13.9' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.5%2c8.9a.5.5%2c0%2c0%2c1%2c.5.5v2.5a1%2c1%2c0%2c0%2c0%2c1%2c1H14a1%2c1%2c0%2c0%2c0%2c1-1V9.4a.5.5%2c0%2c1%2c1%2c1%2c0v2.5a2%2c2%2c0%2c0%2c1-2%2c2H2a2%2c2%2c0%2c0%2c1-2-2V9.4A.5.5%2c0%2c0%2c1%2c.5%2c8.9Z'/%3e%3cpath class='cls-1' d='M7.65%2c10.85a.48.48%2c0%2c0%2c0%2c.7%2c0h0l3-3a.49.49%2c0%2c0%2c0-.7-.7L8.5%2c9.29V.5a.5.5%2c0%2c0%2c0-1%2c0V9.29L5.35%2c7.15a.49.49%2c0%2c0%2c0-.7.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.download-icon-button{background-size: auto 24px;}
.icon-button-medium.download-icon-button{background-size: auto 22px;}
.icon-button-small.download-icon-button{background-size: auto 18px;}
.icon-button-smallest.download-icon-button{background-size: auto 14px;}
/* 설정 아이콘 버튼 */
.icon-button-fill.setting-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M9.4%2c1.05a1.47%2c1.47%2c0%2c0%2c0-2.81%2c0l-.09.34a1.46%2c1.46%2c0%2c0%2c1-1.82%2c1%2c1.48%2c1.48%2c0%2c0%2c1-.29-.12l-.31-.17a1.47%2c1.47%2c0%2c0%2c0-2%2c2l.17.31a1.46%2c1.46%2c0%2c0%2c1-.87%2c2.1l-.34.1a1.47%2c1.47%2c0%2c0%2c0%2c0%2c2.81l.34.11a1.45%2c1.45%2c0%2c0%2c1%2c1%2c1.81%2c1.48%2c1.48%2c0%2c0%2c1-.12.29l-.17.31a1.47%2c1.47%2c0%2c0%2c0%2c2%2c2l.31-.17a1.46%2c1.46%2c0%2c0%2c1%2c2%2c.58%2c1%2c1%2c0%2c0%2c1%2c.11.29l.1.34A1.47%2c1.47%2c0%2c0%2c0%2c9.4%2c15l.1-.34a1.47%2c1.47%2c0%2c0%2c1%2c2.11-.87l.31.17a1.47%2c1.47%2c0%2c0%2c0%2c2-2l-.17-.31a1.46%2c1.46%2c0%2c0%2c1%2c.58-2%2c1%2c1%2c0%2c0%2c1%2c.29-.11l.34-.1A1.47%2c1.47%2c0%2c0%2c0%2c15%2c6.6l-.34-.1a1.47%2c1.47%2c0%2c0%2c1-.87-2.11l.17-.31a1.47%2c1.47%2c0%2c0%2c0-2-2l-.31.17A1.46%2c1.46%2c0%2c0%2c1%2c9.5%2c1.39ZM8%2c10.93A2.93%2c2.93%2c0%2c1%2c0%2c5.07%2c8%2c2.93%2c2.93%2c0%2c0%2c0%2c8%2c10.93Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.setting-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005faf'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M9.4%2c1.05a1.47%2c1.47%2c0%2c0%2c0-2.81%2c0l-.09.34a1.46%2c1.46%2c0%2c0%2c1-1.82%2c1%2c1.48%2c1.48%2c0%2c0%2c1-.29-.12l-.31-.17a1.47%2c1.47%2c0%2c0%2c0-2%2c2l.17.31a1.46%2c1.46%2c0%2c0%2c1-.87%2c2.1l-.34.1a1.47%2c1.47%2c0%2c0%2c0%2c0%2c2.81l.34.11a1.45%2c1.45%2c0%2c0%2c1%2c1%2c1.81%2c1.48%2c1.48%2c0%2c0%2c1-.12.29l-.17.31a1.47%2c1.47%2c0%2c0%2c0%2c2%2c2l.31-.17a1.46%2c1.46%2c0%2c0%2c1%2c2%2c.58%2c1%2c1%2c0%2c0%2c1%2c.11.29l.1.34A1.47%2c1.47%2c0%2c0%2c0%2c9.4%2c15l.1-.34a1.47%2c1.47%2c0%2c0%2c1%2c2.11-.87l.31.17a1.47%2c1.47%2c0%2c0%2c0%2c2-2l-.17-.31a1.46%2c1.46%2c0%2c0%2c1%2c.58-2%2c1%2c1%2c0%2c0%2c1%2c.29-.11l.34-.1A1.47%2c1.47%2c0%2c0%2c0%2c15%2c6.6l-.34-.1a1.47%2c1.47%2c0%2c0%2c1-.87-2.11l.17-.31a1.47%2c1.47%2c0%2c0%2c0-2-2l-.31.17A1.46%2c1.46%2c0%2c0%2c1%2c9.5%2c1.39ZM8%2c10.93A2.93%2c2.93%2c0%2c1%2c0%2c5.07%2c8%2c2.93%2c2.93%2c0%2c0%2c0%2c8%2c10.93Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.setting-icon-button{background-size: auto 24px;}
.icon-button-medium.setting-icon-button{background-size: auto 22px;}
.icon-button-small.setting-icon-button{background-size: auto 18px;}
.icon-button-smallest.setting-icon-button{background-size: auto 14px;}
/* 더보기 아이콘 버튼 */
.icon-button-fill.more-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M3%2c0a.38.38%2c0%2c0%2c1%2c.38.38V2.63H5.63A.37.37%2c0%2c0%2c1%2c6%2c3a.38.38%2c0%2c0%2c1-.37.38H3.38V5.63A.38.38%2c0%2c0%2c1%2c3%2c6a.37.37%2c0%2c0%2c1-.37-.37V3.38H.38A.38.38%2c0%2c0%2c1%2c0%2c3a.37.37%2c0%2c0%2c1%2c.38-.37H2.63V.38A.37.37%2c0%2c0%2c1%2c3%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.more-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M3%2c0a.38.38%2c0%2c0%2c1%2c.38.38V2.63H5.63A.37.37%2c0%2c0%2c1%2c6%2c3a.38.38%2c0%2c0%2c1-.37.38H3.38V5.63A.38.38%2c0%2c0%2c1%2c3%2c6a.37.37%2c0%2c0%2c1-.37-.37V3.38H.38A.38.38%2c0%2c0%2c1%2c0%2c3a.37.37%2c0%2c0%2c1%2c.38-.37H2.63V.38A.37.37%2c0%2c0%2c1%2c3%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.more-icon-button{background-size: auto 24px;}
.icon-button-medium.more-icon-button{background-size: auto 22px;}
.icon-button-small.more-icon-button{background-size: auto 18px;}
.icon-button-smallest.more-icon-button{background-size: auto 14px;}
/* 사용자 아이콘 버튼 */
.icon-button-fill.user-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M8%2c3A2%2c2%2c0%2c1%2c1%2c6%2c1%2c2%2c2%2c0%2c0%2c1%2c8%2c3ZM6%2c6A3%2c3%2c0%2c1%2c0%2c3%2c3%2c3%2c3%2c0%2c0%2c0%2c6%2c6Zm6%2c5a1%2c1%2c0%2c0%2c1-1%2c1H1a1%2c1%2c0%2c0%2c1-1-1c0-1%2c1-4%2c6-4S12%2c10%2c12%2c11Zm-1%2c0a2.65%2c2.65%2c0%2c0%2c0-.83-1.67A5.63%2c5.63%2c0%2c0%2c0%2c6%2c8%2c5.63%2c5.63%2c0%2c0%2c0%2c1.83%2c9.33%2c2.65%2c2.65%2c0%2c0%2c0%2c1%2c11Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.user-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M8%2c3A2%2c2%2c0%2c1%2c1%2c6%2c1%2c2%2c2%2c0%2c0%2c1%2c8%2c3ZM6%2c6A3%2c3%2c0%2c1%2c0%2c3%2c3%2c3%2c3%2c0%2c0%2c0%2c6%2c6Zm6%2c5a1%2c1%2c0%2c0%2c1-1%2c1H1a1%2c1%2c0%2c0%2c1-1-1c0-1%2c1-4%2c6-4S12%2c10%2c12%2c11Zm-1%2c0a2.65%2c2.65%2c0%2c0%2c0-.83-1.67A5.63%2c5.63%2c0%2c0%2c0%2c6%2c8%2c5.63%2c5.63%2c0%2c0%2c0%2c1.83%2c9.33%2c2.65%2c2.65%2c0%2c0%2c0%2c1%2c11Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.user-icon-button{background-size: auto 24px;}
.icon-button-medium.user-icon-button{background-size: auto 22px;}
.icon-button-small.user-icon-button{background-size: auto 18px;}
.icon-button-smallest.user-icon-button{background-size: auto 14px;}
/* 메뉴 아이콘 버튼 */
.icon-button-fill.menu-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.25 6.75' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M0%2c6.38A.38.38%2c0%2c0%2c1%2c.38%2c6h7.5a.38.38%2c0%2c0%2c1%2c0%2c.75H.38A.38.38%2c0%2c0%2c1%2c0%2c6.38Zm0-3A.38.38%2c0%2c0%2c1%2c.38%2c3h7.5a.38.38%2c0%2c0%2c1%2c0%2c.75H.38A.38.38%2c0%2c0%2c1%2c0%2c3.38Zm0-3A.38.38%2c0%2c0%2c1%2c.38%2c0h7.5a.38.38%2c0%2c0%2c1%2c0%2c.75H.38A.38.38%2c0%2c0%2c1%2c0%2c.38Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.menu-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.25 6.75' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M0%2c6.38A.38.38%2c0%2c0%2c1%2c.38%2c6h7.5a.38.38%2c0%2c0%2c1%2c0%2c.75H.38A.38.38%2c0%2c0%2c1%2c0%2c6.38Zm0-3A.38.38%2c0%2c0%2c1%2c.38%2c3h7.5a.38.38%2c0%2c0%2c1%2c0%2c.75H.38A.38.38%2c0%2c0%2c1%2c0%2c3.38Zm0-3A.38.38%2c0%2c0%2c1%2c.38%2c0h7.5a.38.38%2c0%2c0%2c1%2c0%2c.75H.38A.38.38%2c0%2c0%2c1%2c0%2c.38Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.menu-icon-button{background-size: 24px auto;}
.icon-button-medium.menu-icon-button{background-size: 22px auto;}
.icon-button-small.menu-icon-button{background-size: 18px auto;}
.icon-button-smallest.menu-icon-button{background-size: 14px auto;}
/* 재생 아이콘 버튼 */
.icon-button-fill.play-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M7.6%2c5.2%2c1.23%2c8.89A.82.82%2c0%2c0%2c1%2c0%2c8.19V.81A.82.82%2c0%2c0%2c1%2c1.23.11L7.6%2c3.8a.81.81%2c0%2c0%2c1%2c.29%2c1.1A.83.83%2c0%2c0%2c1%2c7.6%2c5.2Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.play-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M7.6%2c5.2%2c1.23%2c8.89A.82.82%2c0%2c0%2c1%2c0%2c8.19V.81A.82.82%2c0%2c0%2c1%2c1.23.11L7.6%2c3.8a.81.81%2c0%2c0%2c1%2c.29%2c1.1A.83.83%2c0%2c0%2c1%2c7.6%2c5.2Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.play-icon-button{background-size: auto 24px;}
.icon-button-medium.play-icon-button{background-size: auto 22px;}
.icon-button-small.play-icon-button{background-size: auto 18px;}
.icon-button-smallest.play-icon-button{background-size: auto 14px;}
/* 로그인 아이콘 버튼 */
.icon-button-fill.login-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 12' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M5%2c1.5A.5.5%2c0%2c0%2c1%2c5.5%2c1h8a.5.5%2c0%2c0%2c1%2c.5.5v9a.5.5%2c0%2c0%2c1-.5.5h-8a.5.5%2c0%2c0%2c1-.5-.5v-2a.5.5%2c0%2c0%2c0-1%2c0v2A1.5%2c1.5%2c0%2c0%2c0%2c5.5%2c12h8A1.5%2c1.5%2c0%2c0%2c0%2c15%2c10.5v-9A1.5%2c1.5%2c0%2c0%2c0%2c13.5%2c0h-8A1.5%2c1.5%2c0%2c0%2c0%2c4%2c1.5v2a.5.5%2c0%2c0%2c0%2c1%2c0Z'/%3e%3cpath class='cls-1' d='M10.85%2c6.35a.48.48%2c0%2c0%2c0%2c0-.7h0l-3-3a.49.49%2c0%2c0%2c0-.7.7L9.29%2c5.5H.5a.5.5%2c0%2c0%2c0%2c0%2c1H9.29L7.15%2c8.65a.49.49%2c0%2c0%2c0%2c.7.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.login-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 12' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M5%2c1.5A.5.5%2c0%2c0%2c1%2c5.5%2c1h8a.5.5%2c0%2c0%2c1%2c.5.5v9a.5.5%2c0%2c0%2c1-.5.5h-8a.5.5%2c0%2c0%2c1-.5-.5v-2a.5.5%2c0%2c0%2c0-1%2c0v2A1.5%2c1.5%2c0%2c0%2c0%2c5.5%2c12h8A1.5%2c1.5%2c0%2c0%2c0%2c15%2c10.5v-9A1.5%2c1.5%2c0%2c0%2c0%2c13.5%2c0h-8A1.5%2c1.5%2c0%2c0%2c0%2c4%2c1.5v2a.5.5%2c0%2c0%2c0%2c1%2c0Z'/%3e%3cpath class='cls-1' d='M10.85%2c6.35a.48.48%2c0%2c0%2c0%2c0-.7h0l-3-3a.49.49%2c0%2c0%2c0-.7.7L9.29%2c5.5H.5a.5.5%2c0%2c0%2c0%2c0%2c1H9.29L7.15%2c8.65a.49.49%2c0%2c0%2c0%2c.7.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.login-icon-button{background-size: auto 24px;}
.icon-button-medium.login-icon-button{background-size: auto 22px;}
.icon-button-small.login-icon-button{background-size: auto 18px;}
.icon-button-smallest.login-icon-button{background-size: auto 14px;}
/* 로그아웃 아이콘 버튼 */
.icon-button-fill.logout-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6%2c10.5a.5.5%2c0%2c0%2c0%2c.5.5h8a.5.5%2c0%2c0%2c0%2c.5-.5v-9a.5.5%2c0%2c0%2c0-.5-.5h-8a.5.5%2c0%2c0%2c0-.5.5v2a.5.5%2c0%2c0%2c1-1%2c0v-2A1.5%2c1.5%2c0%2c0%2c1%2c6.5%2c0h8A1.5%2c1.5%2c0%2c0%2c1%2c16%2c1.5v9A1.5%2c1.5%2c0%2c0%2c1%2c14.5%2c12h-8A1.5%2c1.5%2c0%2c0%2c1%2c5%2c10.5v-2a.5.5%2c0%2c0%2c1%2c1%2c0Z'/%3e%3cpath class='cls-1' d='M.15%2c6.35a.48.48%2c0%2c0%2c1%2c0-.7h0l3-3a.49.49%2c0%2c0%2c1%2c.7.7L1.71%2c5.5H10.5a.5.5%2c0%2c0%2c1%2c0%2c1H1.71L3.85%2c8.65a.49.49%2c0%2c0%2c1-.7.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.logout-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6%2c10.5a.5.5%2c0%2c0%2c0%2c.5.5h8a.5.5%2c0%2c0%2c0%2c.5-.5v-9a.5.5%2c0%2c0%2c0-.5-.5h-8a.5.5%2c0%2c0%2c0-.5.5v2a.5.5%2c0%2c0%2c1-1%2c0v-2A1.5%2c1.5%2c0%2c0%2c1%2c6.5%2c0h8A1.5%2c1.5%2c0%2c0%2c1%2c16%2c1.5v9A1.5%2c1.5%2c0%2c0%2c1%2c14.5%2c12h-8A1.5%2c1.5%2c0%2c0%2c1%2c5%2c10.5v-2a.5.5%2c0%2c0%2c1%2c1%2c0Z'/%3e%3cpath class='cls-1' d='M.15%2c6.35a.48.48%2c0%2c0%2c1%2c0-.7h0l3-3a.49.49%2c0%2c0%2c1%2c.7.7L1.71%2c5.5H10.5a.5.5%2c0%2c0%2c1%2c0%2c1H1.71L3.85%2c8.65a.49.49%2c0%2c0%2c1-.7.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.logout-icon-button{background-size: auto 24px;}
.icon-button-medium.logout-icon-button{background-size: auto 22px;}
.icon-button-small.logout-icon-button{background-size: auto 18px;}
.icon-button-smallest.logout-icon-button{background-size: auto 14px;}
/* 외부링크 아이콘 버튼 */
.icon-button-fill.externalLink-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M8.64%2c3.5a.5.5%2c0%2c0%2c0-.5-.5H1.5A1.5%2c1.5%2c0%2c0%2c0%2c0%2c4.5v10A1.5%2c1.5%2c0%2c0%2c0%2c1.5%2c16h10A1.5%2c1.5%2c0%2c0%2c0%2c13%2c14.5h0V7.86a.5.5%2c0%2c1%2c0-1%2c0V14.5a.5.5%2c0%2c0%2c1-.5.5H1.5a.5.5%2c0%2c0%2c1-.5-.5V4.5A.5.5%2c0%2c0%2c1%2c1.5%2c4H8.14A.5.5%2c0%2c0%2c0%2c8.64%2c3.5Z'/%3e%3cpath class='cls-1' d='M16%2c.5a.5.5%2c0%2c0%2c0-.5-.5h-5a.5.5%2c0%2c0%2c0-.5.5.5.5%2c0%2c0%2c0%2c.5.5h3.79L6.15%2c9.15a.49.49%2c0%2c0%2c0%2c.7.7L15%2c1.71V5.5a.5.5%2c0%2c0%2c0%2c1%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.externalLink-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005faf'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M8.64%2c3.5a.5.5%2c0%2c0%2c0-.5-.5H1.5A1.5%2c1.5%2c0%2c0%2c0%2c0%2c4.5v10A1.5%2c1.5%2c0%2c0%2c0%2c1.5%2c16h10A1.5%2c1.5%2c0%2c0%2c0%2c13%2c14.5h0V7.86a.5.5%2c0%2c1%2c0-1%2c0V14.5a.5.5%2c0%2c0%2c1-.5.5H1.5a.5.5%2c0%2c0%2c1-.5-.5V4.5A.5.5%2c0%2c0%2c1%2c1.5%2c4H8.14A.5.5%2c0%2c0%2c0%2c8.64%2c3.5Z'/%3e%3cpath class='cls-1' d='M16%2c.5a.5.5%2c0%2c0%2c0-.5-.5h-5a.5.5%2c0%2c0%2c0-.5.5.5.5%2c0%2c0%2c0%2c.5.5h3.79L6.15%2c9.15a.49.49%2c0%2c0%2c0%2c.7.7L15%2c1.71V5.5a.5.5%2c0%2c0%2c0%2c1%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.externalLink-icon-button{background-size: auto 24px;}
.icon-button-medium.externalLink-icon-button{background-size: auto 22px;}
.icon-button-small.externalLink-icon-button{background-size: auto 18px;}
.icon-button-smallest.externalLink-icon-button{background-size: auto 14px;}
/* 프린트 버튼 */
.icon-button-fill.print-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='white'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M11%2c1H5A1%2c1%2c0%2c0%2c0%2c4%2c2V4H3V2A2%2c2%2c0%2c0%2c1%2c5%2c0h6a2%2c2%2c0%2c0%2c1%2c2%2c2V4H12V2A1%2c1%2c0%2c0%2c0%2c11%2c1Zm3%2c4H2A1%2c1%2c0%2c0%2c0%2c1%2c6V9a1%2c1%2c0%2c0%2c0%2c1%2c1H3v1H2A2%2c2%2c0%2c0%2c1%2c0%2c9V6A2%2c2%2c0%2c0%2c1%2c2%2c4H14a2%2c2%2c0%2c0%2c1%2c2%2c2V9a2%2c2%2c0%2c0%2c1-2%2c2H13V10h1a1%2c1%2c0%2c0%2c0%2c1-1V6A1%2c1%2c0%2c0%2c0%2c14%2c5Z'/%3e%3cpath class='cls-1' d='M11%2c8H5A1%2c1%2c0%2c0%2c0%2c4%2c9v3a1%2c1%2c0%2c0%2c0%2c1%2c1h6a1%2c1%2c0%2c0%2c0%2c1-1V9A1%2c1%2c0%2c0%2c0%2c11%2c8ZM5%2c7A2%2c2%2c0%2c0%2c0%2c3%2c9v3a2%2c2%2c0%2c0%2c0%2c2%2c2h6a2%2c2%2c0%2c0%2c0%2c2-2V9a2%2c2%2c0%2c0%2c0-2-2Z'/%3e%3cpath d='M3%2c6.5A.5.5%2c0%2c1%2c1%2c2.5%2c6%2c.5.5%2c0%2c0%2c1%2c3%2c6.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
}
.icon-button-outline.print-icon-button{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14' fill='%23005faf'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill-rule:evenodd%3b%7d%3c/style%3e%3c/defs%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M11%2c1H5A1%2c1%2c0%2c0%2c0%2c4%2c2V4H3V2A2%2c2%2c0%2c0%2c1%2c5%2c0h6a2%2c2%2c0%2c0%2c1%2c2%2c2V4H12V2A1%2c1%2c0%2c0%2c0%2c11%2c1Zm3%2c4H2A1%2c1%2c0%2c0%2c0%2c1%2c6V9a1%2c1%2c0%2c0%2c0%2c1%2c1H3v1H2A2%2c2%2c0%2c0%2c1%2c0%2c9V6A2%2c2%2c0%2c0%2c1%2c2%2c4H14a2%2c2%2c0%2c0%2c1%2c2%2c2V9a2%2c2%2c0%2c0%2c1-2%2c2H13V10h1a1%2c1%2c0%2c0%2c0%2c1-1V6A1%2c1%2c0%2c0%2c0%2c14%2c5Z'/%3e%3cpath class='cls-1' d='M11%2c8H5A1%2c1%2c0%2c0%2c0%2c4%2c9v3a1%2c1%2c0%2c0%2c0%2c1%2c1h6a1%2c1%2c0%2c0%2c0%2c1-1V9A1%2c1%2c0%2c0%2c0%2c11%2c8ZM5%2c7A2%2c2%2c0%2c0%2c0%2c3%2c9v3a2%2c2%2c0%2c0%2c0%2c2%2c2h6a2%2c2%2c0%2c0%2c0%2c2-2V9a2%2c2%2c0%2c0%2c0-2-2Z'/%3e%3cpath d='M3%2c6.5A.5.5%2c0%2c1%2c1%2c2.5%2c6%2c.5.5%2c0%2c0%2c1%2c3%2c6.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #fff;
    border: 1px solid #005faf;
}
.icon-button-large.print-icon-button{background-size: auto 24px;}
.icon-button-medium.print-icon-button{background-size: auto 22px;}
.icon-button-small.print-icon-button{background-size: auto 18px;}
.icon-button-smallest.print-icon-button{background-size: auto 14px;}
/****************************** Input ******************************/
.input{
    border: 1px solid #d6d9e0;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.input-default{height: 46px; padding: 0 12px;}
.input-small{height: 42px; padding: 0 12px;}
.input-smallest{height: 30px; font-size: 0.75rem; padding: 0 10px;}
.input::-webkit-input-placeholder{color: #bec5d5;}
.input::-moz-placeholder{color: #bec5d5;}
.input:-ms-input-placeholder{color: #bec5d5;}
.input::placeholder{color: #bec5d5;}
/********** Disabled Input **********/
.input:disabled{
    background-color: #f5f6f8;
    border: 1px solid #d6d9e0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.input:disabled::-webkit-input-placeholder{color: #bec5d5;}
.input:disabled::-moz-placeholder{color: #bec5d5;}
.input:disabled::-ms-input-placeholder{color: #bec5d5;}
.input:disabled::placeholder{color: #bec5d5;}
/********** Read Only Input **********/
input:-moz-read-only{background-color: #f4f5fa;}
input:read-only{background-color: #f4f5fa;}
/********** Focused Input **********/
.input:focus{border: 1px solid #0091ea;}
/********** Required Input **********/
.input:required{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 8.01' fill='%23d32f2f'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M0%2c7A1%2c1%2c0%2c1%2c1%2c1%2c8%2c1%2c1%2c0%2c0%2c1%2c0%2c7ZM.1%2c1A.9.9%2c0%2c0%2c1%2c.9%2c0a.9.9%2c0%2c0%2c1%2c1%2c.8V1L1.55%2c4.51A.56.56%2c0%2c0%2c1%2c1%2c5a.55.55%2c0%2c0%2c1-.5-.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat calc(100% - 12px) center / 3px auto; border: 1px solid #d32f2f;}
.input::-ms-clear{display: none;}
/********** 검색 Input 내 버튼 **********/
.search-box{display: flex; position: relative;}
.search-box .input{margin-right: 10px;}
.search-box-default .input{width: calc(100% - 84px) !important;}
.search-box-small .input{width: calc(100% - 72px) !important;}
.search-box-smallest .input{width: calc(100% - 60px) !important;}
.search-box .button-in-search{display: block !important; cursor: pointer;}
/********** 파일 업로드 Input **********/
/* input[type="file"]{display: none;}
.file-input-wrap{display: flex;}
.file-input-wrap label{display: inline-block; cursor: pointer;}
.file-input-wrap label:after{content: "파일 선택";}
.file-input-wrap label.re:after{content: "파일 재선택";}
.file-input-wrap .file-list-wrap{margin-left: 10px;}
.file-input-wrap .file-list-wrap .file-list{display: flex; -ms-flex-direction: column; flex-direction: column;}
.file-input-wrap .file-list-wrap .file-list > li{
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 10px;
}
.file-input-wrap .file-list-medium-wrap .file-list > li:only-child{line-height: 46px; margin-top: 0;}
.file-input-wrap .file-list-small-wrap .file-list > li:only-child{line-height: 42px; margin-top: 0;}
.file-input-wrap .file-list-smallest-wrap .file-list > li:only-child{line-height: 30px; margin-top: 0;}
.file-input-wrap .file-list-wrap .new-file-list > li{font-weight: bold;}
.file-input-wrap .file-list-wrap .new-file-list > li:only-child{font-weight: normal;}
.file-input-wrap .file-list-wrap .file-list > li:not(:first-child){margin-top: 10px;}
.file-input-wrap .file-list-wrap .file-list > li > .cancle-button{
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 352' fill='%23676892'%3e%3ctitle%3etimes%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M242.72%2c176%2c342.79%2c75.93a31.46%2c31.46%2c0%2c0%2c0%2c0-44.48L320.55%2c9.21a31.46%2c31.46%2c0%2c0%2c0-44.48%2c0L176%2c109.28%2c75.93%2c9.21a31.46%2c31.46%2c0%2c0%2c0-44.48%2c0L9.21%2c31.45a31.46%2c31.46%2c0%2c0%2c0%2c0%2c44.48L109.28%2c176%2c9.21%2c276.07a31.46%2c31.46%2c0%2c0%2c0%2c0%2c44.48l22.24%2c22.24a31.46%2c31.46%2c0%2c0%2c0%2c44.48%2c0L176%2c242.72%2c276.07%2c342.79a31.46%2c31.46%2c0%2c0%2c0%2c44.48%2c0l22.24-22.24a31.46%2c31.46%2c0%2c0%2c0%2c0-44.48Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    margin-left: 20px;
}
.file-input-wrap .button-medium{line-height: 46px;}
.file-input-wrap .button-small{line-height: 42px;}
.file-input-wrap .button-smallest{line-height: 30px;}
.file-input-wrap .filename{
    display: inline-block;
    font-size: 0.7rem;
    font-size: 14px;
    padding-left: 10px;
} */
/********** 날짜 Input **********/
.date-input-wrap{position: relative;}
.date-input-wrap:after{
    content: "";
    display: inline-block;
    position: absolute;
    right: -24px;
    width: 14px;
    height: 16px;
    /* background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23111235'%3e%3cpath d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'/%3e%3c/svg%3e") no-repeat center; */
}
.date-input-wrap.date-input-default-wrap:after{top: 14px;}
.date-input-wrap.date-input-small-wrap:after{top: 13px;}
.date-input-wrap.date-input-smallest-wrap:after{top: 7px;}
/****************************** Select Box ******************************/
.select{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.7 5.61' fill='%23000'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M3.78,5.36.19,1.24A.75.75,0,0,1,.75,0H8A.76.76,0,0,1,8.7.75a.73.73,0,0,1-.19.49L4.91,5.35a.74.74,0,0,1-1.05.08l-.08-.08Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-size: auto 6px;
    background-color: #fff;
    border: 1px solid #d6d9e0;
    padding: 0 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-default{height: 46px; padding: 0 12px;}
.select-small{height: 42px; padding: 0 12px;}
.select-smallest{
    height: 30px;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0 10px;
}
.select::-ms-expand{display: none;} /* ie 기본 화살표 제거*/
.select:disabled{
    color: #bec5d5;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.7 5.61' fill='%23bec5d5'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M3.78,5.36.19,1.24A.75.75,0,0,1,.75,0H8A.76.76,0,0,1,8.7.75a.73.73,0,0,1-.19.49L4.91,5.35a.74.74,0,0,1-1.05.08l-.08-.08Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-size: auto 6px;
    background-color: #f5f6f8;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.select::-ms-value{color: #000;}
.select option{color: #000;}
/****************************** Text Box ******************************/
.textbox{
    border: 1px solid #d6d9e0;
    padding: 12px;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
}
.textbox:focus{border: 1px solid #0091ea;}
.textbox::-webkit-input-placeholder{color: #bec5d5;}
.textbox::-moz-placeholder{color: #bec5d5;}
.textbox:-ms-input-placeholder{color: #bec5d5;}
.textbox::placeholder{color: #bec5d5;}
/****************************** Check Box ******************************/
/* input[type="checkbox"]{display: none;}
.check-box + label{
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #d6d9e0;
    cursor: pointer;
}
.check-box:checked + label{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.16 6.5' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.88.22A.77.77%2c0%2c0%2c1%2c8%2c.22.76.76%2c0%2c0%2c1%2c8%2c1.27l-4%2c5a.75.75%2c0%2c0%2c1-1.06%2c0l0%2c0L.24%2c3.63a.75.75%2c0%2c0%2c1%2c1-1.1l0%2c0L3.39%2c4.66%2c6.87.24l0%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #005faf;
    background-size: 11px 8px;
    border: 1px solid #005faf;
}
.check-box:checked + label:before{
    content: "";
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.16 6.5' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.88.22A.77.77%2c0%2c0%2c1%2c8%2c.22.76.76%2c0%2c0%2c1%2c8%2c1.27l-4%2c5a.75.75%2c0%2c0%2c1-1.06%2c0l0%2c0L.24%2c3.63a.75.75%2c0%2c0%2c1%2c1-1.1l0%2c0L3.39%2c4.66%2c6.87.24l0%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
    background-size: 11px 8px;
}
.check-box:disabled + label{
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.16 6.5' fill='%23d6d9e0'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.88.22A.77.77%2c0%2c0%2c1%2c8%2c.22.76.76%2c0%2c0%2c1%2c8%2c1.27l-4%2c5a.75.75%2c0%2c0%2c1-1.06%2c0l0%2c0L.24%2c3.63a.75.75%2c0%2c0%2c1%2c1-1.1l0%2c0L3.39%2c4.66%2c6.87.24l0%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    background-color: #f5f6f8;
    background-size: 11px 8px;
    cursor: default;
}
.check-box-disabled-01:disabled + label{background: none; background-color: #f5f6f8;} */
/****************************** Radio Button ******************************/
/* input[type="radio"]{display: none !important;}
.radio-button + label{
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border: 1px solid #d6d9e0;
    border-radius: 50%;
    cursor: pointer;
}
.radio-button:checked + label{background-color: #005faf; border: 1px solid #005faf;}
.radio-button:checked + label:after{
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
}
.radio-button:disabled + label{background-color: #f5f6f8; border: 1px solid #d6d9e0; cursor: default;}
.radio-button:disabled + label:after{
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    background-color: #d6d9e0;
    border-radius: 50%;
} */
/****************************** Toggle Button ******************************/
.toggle-button-switch{
    position: relative;
    display: inline-block;
    width: 44px;
    height: 22px;
}
.toggle-button-switch .toggle-button-input{opacity: 0; width: 0; height: 0;} /* 기본 체크 박스 CSS 감춤 */
.toggle-button-slider{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #005faf;
    border-radius: 30px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
}
.toggle-button-slider:before{
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    top: 2px;
    left: 3px;
    background-color: #005faf;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.toggle-button-input:checked + .toggle-button-slider{background-color: #005faf;}
.toggle-button-input:checked + .toggle-button-slider:before{
    background-color: #fff;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
}
.toggle-button-input:disabled + .toggle-button-slider{background-color: #f5f6f8; border: 1px solid #d6d9e0; cursor: default;}
.toggle-button-input:disabled + .toggle-button-slider:before{background-color: #d6d9e0;}
/****************************** Tag ******************************/
.tag{
    font-size: 0.6rem;
    font-size: 12px;
    color: #fff;
    border-radius: 6px;
    padding: 10px 16px;
}
.tag1{background-color: #1a3668;}
.tag2{background-color: #005faf;}
.tag3{background-color: #32a9c7;}
.tag .tag-close-button{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0L3.5%2c2.79%2c6.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0%2c.48.48%2c0%2c0%2c1%2c0%2c.7L4.21%2c3.5%2c6.85%2c6.15a.49.49%2c0%2c0%2c1-.7.7L3.5%2c4.21.85%2c6.85a.48.48%2c0%2c0%2c1-.7%2c0%2c.48.48%2c0%2c0%2c1%2c0-.7L2.79%2c3.5.15.85a.48.48%2c0%2c0%2c1%2c0-.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat;
    margin-left: 10px;
    cursor: pointer;
}
/****************************** Tooltip ******************************/
.tooltip{position: relative; font-size: 0.8rem; font-size: 16px;}
.tooltip .tooltiptext{
    position: absolute;
    left: 50%;
    bottom: calc(100% + 15px);
    font-size: 0.65rem;
    font-size: 13px;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    background-color: #1a3668;
    border-radius: 8px;
    padding: 9px 16px;
    transform: translateX(-50%);
    visibility: hidden;
    z-index: 1;
}
.tooltip .tooltiptext::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #1a3668 transparent transparent transparent;
}
.tooltip:hover .tooltiptext{visibility: visible;}
/****************************** Pagination ******************************/
.pagination > ul{display: flex;}
.pagination > ul > li > button{
    display: block;
    width: 36px;
    height: 36px;
    font-size: 0.7rem;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #d6d9e0;
}
.pagination > ul > li > button.active, .pagination > ul > li > button:hover{color: #fff; background-color: #005faf; border: 1px solid #005faf;}
.pagination > ul > li > .first-page{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L1.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3cpath class='cls-1' d='M10.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L5.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 11px 12px;}
.pagination > ul > li > .first-page:hover{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L1.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3cpath class='cls-1' d='M10.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L5.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 11px 12px; background-color: #005faf;}
.pagination > ul > li > .last-page{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6a.49.49%2c0%2c0%2c1%2c0%2c.7h0l-6%2c6a.48.48%2c0%2c0%2c1-.7%2c0%2c.48.48%2c0%2c0%2c1%2c0-.7L5.79%2c6.5.15.85a.48.48%2c0%2c0%2c1%2c0-.7Z'/%3e%3cpath class='cls-1' d='M4.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6a.49.49%2c0%2c0%2c1%2c0%2c.7h0l-6%2c6a.49.49%2c0%2c0%2c1-.7-.7L9.79%2c6.5%2c4.15.85a.48.48%2c0%2c0%2c1%2c0-.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 11px 12px;}
.pagination > ul > li > .last-page:hover{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6a.49.49%2c0%2c0%2c1%2c0%2c.7h0l-6%2c6a.48.48%2c0%2c0%2c1-.7%2c0%2c.48.48%2c0%2c0%2c1%2c0-.7L5.79%2c6.5.15.85a.48.48%2c0%2c0%2c1%2c0-.7Z'/%3e%3cpath class='cls-1' d='M4.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6a.49.49%2c0%2c0%2c1%2c0%2c.7h0l-6%2c6a.49.49%2c0%2c0%2c1-.7-.7L9.79%2c6.5%2c4.15.85a.48.48%2c0%2c0%2c1%2c0-.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 11px 12px; background-color: #005faf;}
.pagination > ul > li > .previous-page{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L1.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 7px 12px;}
.pagination > ul > li > .previous-page:hover{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L1.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 7px 12px; background-color: #005faf;}
.pagination > ul > li > .next-page{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.25 9.75'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.11.11a.37.37%2c0%2c0%2c1%2c.53%2c0h0l4.5%2c4.5a.37.37%2c0%2c0%2c1%2c0%2c.53h0L.64%2c9.64a.37.37%2c0%2c0%2c1-.53%2c0%2c.37.37%2c0%2c0%2c1%2c0-.53L4.35%2c4.88.11.64a.37.37%2c0%2c0%2c1%2c0-.53Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 7px 12px;}
.pagination > ul > li > .next-page:hover{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.25 9.75' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.11.11a.37.37%2c0%2c0%2c1%2c.53%2c0h0l4.5%2c4.5a.37.37%2c0%2c0%2c1%2c0%2c.53h0L.64%2c9.64a.37.37%2c0%2c0%2c1-.53%2c0%2c.37.37%2c0%2c0%2c1%2c0-.53L4.35%2c4.88.11.64a.37.37%2c0%2c0%2c1%2c0-.53Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 7px 12px; background-color: #005faf;}
.pagination > ul > li > .skip-page{color: #999aab; cursor: default;}
.pagination > ul > li > .skip-page:hover{background-color: #fff; border: 1px solid #d6d9e0;}

.admin-pagination > ul{display: flex;}
.admin-pagination > ul > li > button{
    width: 30px;
    height: 30px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50%;
}
.admin-pagination > ul > li > button.active, .admin-pagination > ul > li > button:hover{color: #fff; background-color: #5578fe;}
.admin-pagination > ul > li > .first-page{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L1.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3cpath class='cls-1' d='M10.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L5.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 9px 10px;}
.admin-pagination > ul > li > .first-page:hover{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L1.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3cpath class='cls-1' d='M10.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L5.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 9px 10px; background-color: #5578fe;}
.admin-pagination > ul > li > .last-page{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6a.49.49%2c0%2c0%2c1%2c0%2c.7h0l-6%2c6a.48.48%2c0%2c0%2c1-.7%2c0%2c.48.48%2c0%2c0%2c1%2c0-.7L5.79%2c6.5.15.85a.48.48%2c0%2c0%2c1%2c0-.7Z'/%3e%3cpath class='cls-1' d='M4.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6a.49.49%2c0%2c0%2c1%2c0%2c.7h0l-6%2c6a.49.49%2c0%2c0%2c1-.7-.7L9.79%2c6.5%2c4.15.85a.48.48%2c0%2c0%2c1%2c0-.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 9px 10px;}
.admin-pagination > ul > li > .last-page:hover{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6a.49.49%2c0%2c0%2c1%2c0%2c.7h0l-6%2c6a.48.48%2c0%2c0%2c1-.7%2c0%2c.48.48%2c0%2c0%2c1%2c0-.7L5.79%2c6.5.15.85a.48.48%2c0%2c0%2c1%2c0-.7Z'/%3e%3cpath class='cls-1' d='M4.15.15a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6a.49.49%2c0%2c0%2c1%2c0%2c.7h0l-6%2c6a.49.49%2c0%2c0%2c1-.7-.7L9.79%2c6.5%2c4.15.85a.48.48%2c0%2c0%2c1%2c0-.7Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 9px 10px; background-color: #5578fe;}
.admin-pagination > ul > li > .previous-page{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L1.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 5px 10px;}
.admin-pagination > ul > li > .previous-page:hover{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M6.85.15a.49.49%2c0%2c0%2c1%2c0%2c.7h0L1.21%2c6.5l5.64%2c5.65a.49.49%2c0%2c0%2c1-.7.7l-6-6a.48.48%2c0%2c0%2c1%2c0-.7h0l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 5px 10px; background-color: #5578fe;}
.admin-pagination > ul > li > .next-page{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.25 9.75'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.11.11a.37.37%2c0%2c0%2c1%2c.53%2c0h0l4.5%2c4.5a.37.37%2c0%2c0%2c1%2c0%2c.53h0L.64%2c9.64a.37.37%2c0%2c0%2c1-.53%2c0%2c.37.37%2c0%2c0%2c1%2c0-.53L4.35%2c4.88.11.64a.37.37%2c0%2c0%2c1%2c0-.53Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 5px 10px;}
.admin-pagination > ul > li > .next-page:hover{background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.25 9.75' fill='white'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.11.11a.37.37%2c0%2c0%2c1%2c.53%2c0h0l4.5%2c4.5a.37.37%2c0%2c0%2c1%2c0%2c.53h0L.64%2c9.64a.37.37%2c0%2c0%2c1-.53%2c0%2c.37.37%2c0%2c0%2c1%2c0-.53L4.35%2c4.88.11.64a.37.37%2c0%2c0%2c1%2c0-.53Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center / 5px 10px; background-color: #5578fe;}
/****************************** Slide Dots ******************************/
.slide-dot ul{display: flex;}
.slide-dot ul li a{
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #d6d9e0;
    border-radius: 50%;
}
.slide-dot ul li a.active{background-color: #005faf; border: 1px solid #005faf;}
.slide-dot2 ul li a{border: 1px solid #005faf;}
.slide-dot2 ul li a.active{background-color: #005faf; border: 1px solid #005faf;}
/****************************** Tab ******************************/
.tab-box{display: flex;}
.tab-box .tablinks{
    width: 100px;
    border: 1px solid #d6d9e0;
    border-left: 0;
    padding: 14px 0;
}
.tab-box .tablinks:first-child{border-left: 1px solid #d6d9e0;}
.tab-box .tablinks.active{font-weight: bold; color: #fff; background-color: #005faf;}
/****************************** Breadcrumb ******************************/
.breadcrumb-wrap ul{display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.breadcrumb-wrap ul li{position: relative; line-height: 1.5; margin-right: 26px !important;}
.breadcrumb-wrap ul li:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 1px;
    right: -16px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.25 9.75' fill='%239898b0'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath class='cls-1' d='M.11.11a.37.37%2c0%2c0%2c1%2c.53%2c0h0l4.5%2c4.5a.37.37%2c0%2c0%2c1%2c0%2c.53h0L.64%2c9.64a.37.37%2c0%2c0%2c1-.53%2c0%2c.37.37%2c0%2c0%2c1%2c0-.53L4.35%2c4.88.11.64a.37.37%2c0%2c0%2c1%2c0-.53Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    width: 7px;
    height: 12px;
}
.breadcrumb-wrap ul li:last-child{margin-right: 0 !important;}
.breadcrumb-wrap ul li:last-child:after{content: ""; background: none;}
.breadcrumb-wrap ul li a{
    display: block;
    font-size: 0.7rem;
    font-size: 14px;
    color: #959595;
}
.breadcrumb-wrap ul li a.home-icon{
	display: block;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14' fill='%23959595'%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M5%2c10v3.5a.5.5%2c0%2c0%2c1-.5.5H.5a.5.5%2c0%2c0%2c1-.5-.5v-7a.47.47%2c0%2c0%2c1%2c.15-.35l6-6a.48.48%2c0%2c0%2c1%2c.7%2c0h0l6%2c6A.47.47%2c0%2c0%2c1%2c13%2c6.5v7a.5.5%2c0%2c0%2c1-.5.5h-4a.5.5%2c0%2c0%2c1-.5-.5V10a.54.54%2c0%2c0%2c0-.5-.5h-2A.54.54%2c0%2c0%2c0%2c5%2c10Z'/%3e%3cpath class='cls-1' d='M11.5%2c1.5V5l-2-2V1.5A.5.5%2c0%2c0%2c1%2c10%2c1h1A.5.5%2c0%2c0%2c1%2c11.5%2c1.5Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
	width: 13px;
	height: 14px;
    margin-top: 3px;
}
.breadcrumb-wrap ul li a.this-page{font-weight: bold; color: #005faf;}
/****************************** Icons ******************************/
.icon-wrap div svg{width: 100%; height: 100%;}
/****************************** Modal ******************************/
/* Popup */
.popup-window{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    z-index: 1;
}
.popup-window > .popup-content{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 300px;
    background-color: #fff;
    border: 1px solid #e0e4ef;
    transform: translate(-50%, -50%);
}
.popup-window > .popup-content > .popup-header{
    display: flex;
    position: relative;
    height: 60px;
    font-size: 0.8rem;
    font-size: 16px;
    line-height: 60px;
    border-bottom: 1px solid #e0e4ef;
}
.popup-window > .popup-content > .popup-header > .popup-window-title{
    width: calc(100% - 48px);
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 16px;
}
.popup-window > .popup-content > .popup-header > .popup-close-button{
    position: absolute;
    top: 22px;
    right: 16px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 352' fill='%23aaa'%3e%3ctitle%3etimes%3c/title%3e%3cg id='Layer_2' data-name='Layer 2'%3e%3cg id='Layer_1-2' data-name='Layer 1'%3e%3cpath d='M242.72%2c176%2c342.79%2c75.93a31.46%2c31.46%2c0%2c0%2c0%2c0-44.48L320.55%2c9.21a31.46%2c31.46%2c0%2c0%2c0-44.48%2c0L176%2c109.28%2c75.93%2c9.21a31.46%2c31.46%2c0%2c0%2c0-44.48%2c0L9.21%2c31.45a31.46%2c31.46%2c0%2c0%2c0%2c0%2c44.48L109.28%2c176%2c9.21%2c276.07a31.46%2c31.46%2c0%2c0%2c0%2c0%2c44.48l22.24%2c22.24a31.46%2c31.46%2c0%2c0%2c0%2c44.48%2c0L176%2c242.72%2c276.07%2c342.79a31.46%2c31.46%2c0%2c0%2c0%2c44.48%2c0l22.24-22.24a31.46%2c31.46%2c0%2c0%2c0%2c0-44.48Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") no-repeat center;
    cursor: pointer;
}
.popup-window > .popup-content > .popup-main{
    font-size: 0.8rem;
    font-size: 16px;
    line-height: 1.5;
    padding: 20px 16px;
}
.popup-window > .popup-content > .popup-footer{
    display: table;
    position: relative;
    width: 100%;
    height: 60px;
    border-top: 1px solid #e0e4ef;
    padding: 0 16px;
}
.popup-window > .popup-content > .popup-footer > .check-box{display: table-cell; vertical-align: middle;}
/* .popup-window > .popup-content > .popup-footer > .hide-for-today-checkbox + label{position: absolute; top: 18px;} */
.popup-window > .popup-content > .popup-footer > .hide-for-today-text{
    font-size: 0.7rem;
    font-size: 14px;
    line-height: 58px;
    color: #999aab;
    margin-left: 32px;
}
.popup-window > .popup-content > .popup-footer > .popup-close-button{position: absolute; top: 10px; right: 16px;}
/* Confirm */
.confirm-window{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
.confirm-window > .confirm-content{
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border: 1px solid #e0e4ef;
    padding: 16px;
    transform: translate(-50%, -50%);
}
.confirm-window > .confirm-content > .confirm-window-title{
    font-size: 0.8rem;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 20px;
}
.confirm-window > .confirm-content > p{font-size: 0.7rem; font-size: 14px; line-height: 1.5;}
.confirm-window > .confirm-content > p.confirm-window-explain-text{margin-bottom: 20px;}
.confirm-window > .confirm-content > p.confirm-window-explain-text-add{text-align: justify; color: #999aab;}
.confirm-window > .confirm-content > p.confirm-window-explain-text-add > a.confirm-window-explain-text-add-link{text-decoration: underline; color: #999aab;}
.confirm-window > .confirm-content > .confirm-button-wrap{display: flex; justify-content: center; margin-top: 30px;}
.confirm-window > .confirm-content > .confirm-button-wrap > button{margin-right: 10px;}
.confirm-window > .confirm-content > .confirm-button-wrap > button:last-child{margin-right: 0;}
/****************************** Spacing & Layout ******************************/

@media all and (min-width: 768px){
	/****************************** Breadcrumb ******************************/
	.breadcrumb-wrap ul{-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
	.breadcrumb-wrap ul li{line-height: 1;}
	.breadcrumb-wrap ul li a.home-icon{margin-top: 0;}
    /****************************** Modal ******************************/
    /* Popup */
    .popup-window > .popup-content{max-width: 500px;}
    .popup-window > .popup-content > .popup-header > h3{width: calc(100% - 64px); padding: 0 24px;}
    .popup-window > .popup-content > .popup-header > .popup-close-button{right: 24px;}
    .popup-window > .popup-content > .popup-main{padding: 20px 24px;}
    .popup-window > .popup-content > .popup-footer{padding: 0 24px;}
    .popup-window > .popup-content > .popup-footer > .popup-close-button{right: 24px;}
    /* Confirm */
    .confirm-window > .confirm-content{padding: 24px;}
}

@media all and (min-width: 1280px){
    /****************************** Modal ******************************/
    /* Popup */
    .popup-window > .popup-content{max-width: 600px;}
    .popup-window > .popup-content > .popup-header > h3{width: calc(100% - 136px); padding: 0 30px;}
    .popup-window > .popup-content > .popup-header > .popup-close-button{right: 30px;}
    .popup-window > .popup-content > .popup-main{padding: 20px 30px;}
    .popup-window > .popup-content > .popup-footer{padding: 0 30px;}
    .popup-window > .popup-content > .popup-footer > .popup-close-button{right: 30px;}
    /* Confirm */
    .confirm-window > .confirm-content{padding: 30px;}
}


/********************* IE 10 이상만 적용 *********************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .select{
        background-position: right center;
    }
}