@charset "utf-8";
@import url('fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*:not(.note-editor *) {
    font-family: "Noto Sans KR";
}
html , body, div, p:not(.note-editor *), h1, h2, h3, h4, ul, li , ol , dl, dt, dd, 
table:not(.note-editor *), 
th:not(.note-editor *), 
td:not(.note-editor *), 
a:not(.note-editor *), button, 
span:not(.note-editor *){
    margin:0;
    padding:0;
    vertical-align: top;
}
button, a{
    cursor: pointer;
    border:none;
    background:none;
    outline:none;
}
img{
    vertical-align: top;
    outline:none;
}
/* margin */
.mg0{margin:0 !important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}å
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt100{margin-top:100px !important;}

.mb00{margin-bottom:0 !important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb100{margin-bottom:100px !important;}

.mg0{margin:0 !important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important;}
.mr75{margin-right:75px !important;}
.mr80{margin-right:80px !important;}
.mr85{margin-right:85px !important;}
.mr100{margin-right:100px !important;}

.mg0{margin:0 !important;}
.ml05{margin-left:5px!important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}
.ml85{margin-left:85px !important;}
.ml100{margin-left:100px !important;}

/* etc */
.fl_l{
    float:left;
}
.fl_r{
    float:right;
}
.point_red {
    color:#C11574;
}
.posR {
    position: relative;
}
.posA {
    position: absolute;
}
/* common */
/* btn */
.btn{
    padding:0;
    margin:0;
    display: inline-block;
    outline: none;
    border:none;
    padding:0 16px;
    text-align: center;
    min-width:100px;
    height:50px;
    line-height: 50px;
    text-decoration: none;
    transition:background 0.15s ease, border 0.15s ease, color 0.15s ease; 
}
.btn:hover {
    transition:background 0.15s ease, border 0.15s ease, color 0.15s ease; 
}
.btn_black {
    color:#ffffff;
    background:#1A1919;
}
.btn_black:hover {
    color:#ffffff;
    background:#666666;
}
.btn_black:disabled{
    opacity: 0.5;
    color:#ffffff;
    background:#888888;
}
.btn_pink {
    color:#ffffff;
    background:#C11574;
}
.btn_pink:hover {
    color:#ffffff;
    background: rgba(193, 21, 116, 0.50);
}
.btn_pink:disabled {
    opacity: 0.5;
    color:#ffffff;
    background:#6A5783;
}



/* table */
.list table{
    width:100%;
    /* min-width:1000px; */
    border-collapse: collapse;
}
.list table th, 
.list table td{
    font-weight: 600;
    text-align: center;
    border-collapse: collapse;
    font-size: 16px;
}
.list table th {
    height:50px;
    line-height: 50px;
    color:#ffffff;
    background:#1A1919;
}
.list table td {
    line-height: 1.4;
    padding:24px 0;
    color:#000000;
    border-bottom:1px solid #d9d9d9;
    background:#ffffff;
}

.list table tr:hover td, .list table tr:focus td {
    background:rgba(193, 21, 116, 0.05)
}
.list table tr.notice td{
    line-height: 1.4;
    padding:0;
    background: #f2f2f2;
    vertical-align: middle;
}
.list table tr:hover.notice td{
    background: #f2f2f2;
}
.list table.board_type01 tbody tr td:nth-child(2) {
    text-align: left;
    padding:24px 0 24px 10px;
}

/* .log_tbl table */
.log_tbl table{
    width:100%;
    /* min-width:1000px; */
    border-collapse: collapse;
}
.log_tbl table th, 
.log_tbl table td{
    font-weight: 600;
    text-align: center;
    border-collapse: collapse;
    font-size: 16px;
}
.log_tbl table th {
    height:50px;
    line-height: 50px;
    color:#ffffff;
    background:#1A1919;
}
.log_tbl table td {
    line-height: 1.4;
    padding:24px 0;
    color:#000000;
    border-bottom:1px solid #d9d9d9;
    background:#ffffff;
}

.log_tbl table tr:hover td, .log_tbl table tr:focus td {
    background:rgba(193, 21, 116, 0.05)
}
.log_tbl table tr.notice td{
    line-height: 1.4;
    padding:0;
    background: #f2f2f2;
    vertical-align: middle;
}
.log_tbl table tr:hover.notice td{
    background: #f2f2f2;
}
.log_tbl table.board_type01 tbody tr td:nth-child(2) {
    text-align: left;
    padding:24px 0 24px 10px;
}

/* table sort*/
.data_sort {
    display: flex;
    justify-content: space-between;
}
table.row{
    width:auto;
    min-width:970px;
    border:1px solid #d9d9d9;
}
table.row tr:hover th{
    background: #d9d9d9;
}
table.row tr:hover td {
    background:#ffffff;
}
table.row th,
table.row td {
    height:48px;
    line-height: 48px;
    font-size: 16px;
    text-align: center;
    vertical-align: top;
}
table.row th{
    padding:0 10px;
    color:#000000;
    font-weight: 500;
    background: #d9d9d9;
}
table.row td {
    color:#666666;
    padding:0 10px;
    font-weight: 700;
}
table.banner {
    border-top:1px solid #d9d9d9;
}
table.banner td {
    padding:16px;
    height:166px;
    text-align: center;
    vertical-align: top;
    border-bottom:1px solid #d9d9d9d9;
}
table.banner td:first-child{
    vertical-align: middle;
}
table.banner td:last-child {
    padding:16px 0;
}
table.banner td .tmp_img {
    width:340px;
    height:158px;
    margin-top:8px;
    /* background:#d9d9d9; */
}
table.banner td .tmp_img img{
    width:340px;
    height:158px;
}
table.banner .banner_infor {
    padding-top:34px;
    text-align: left;
}

table.banner .banner_infor p{
    color:#666666;
    padding:15px 0;
    line-height: 100%;
}
table.banner .banner_infor p.tit {
    font-weight: 600;
}
table.banner .banner_infor p.desc {
    font-weight: 500;
}

table.banner td .btn_box {
    width:150px;
    line-height: 100%;
}
table.banner td .btn_box button.btn {
    width:100%;
    margin:8px 0 0 0;
}



/* select list */
/* 셀렉스 리스트 타입 1*/
.list_select {
    position:relative; 
    display:flex; 
    width:100%;
}
.list_select .btn-dropdown-nav {
    position:relative; 
    display:inline-flex; 
    align-items:center; 
    width:100%; 
    height:50px; 
    padding:0 0 0 16px;
    font-size:15px; 
    font-weight:400; 
    white-space:nowrap; 
    color:#333333; 
    background:#ffffff; 
    border:1px solid #d9d9d9; 
    box-sizing:border-box; 
    transition:background 0.25s ease, border 0.25s ease, color 0.25s ease; 
    overflow:hidden;
}
.list_select .btn-dropdown-nav .txt {
    display:block; 
    flex:1; 
    color:#333333;
    font-size:15px;
    width:100%; 
    overflow:hidden; 
    text-overflow: ellipsis; 
    text-align:left;
}
.list_select .btn-dropdown-nav:after {
    content:''; 
    position:absolute; 
    display:block; 
    width:50px;
    height:24px; 
    top:50%; 
    right:0;
    margin-top:-12px; 
    background:url(./../images/icon_aroww_bottom.png) center center no-repeat; 
    transition:transform 0.2s ease;
}
.list_select .btn-dropdown-nav > .icon {
    flex:0 0 auto; 
    margin-right:8px;
}
.list_select .dropdown-data {
    position:absolute; 
    top:100%; 
    left:0; 
    min-width:100%; 
    z-index:150; 
    visibility:hidden; 
    opacity:0;  
    transition:visibility 0s 0.25s ease, opacity 0.25s 0s ease;
}
.list_select .dropdown-data.right {
    left:auto; 
    right:0;
}
.list_select .dropdown-data-inner {
    position:relative; 
    margin:4px 0 0 0; 
    padding:8px; 
    background:#fff; 
    border:1px solid #D4D4D8;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.05);
}
.list_select .dropdown-list {
    max-height:144px; 
    overflow-y:auto;
}
.list_select .dropdown-cell  {
    height:42px;
    line-height: 42px;
    font-size: 15px;;
}

.list_select .dropdown-cell:hover {
    background: rgba(193, 21, 116, 0.05);
}
.list_select .dropdown-cell  .txt{
    font-size: 15px;
    color:#333333;
    font-weight: 400;
}
.list_select .dropdown-cell + .dropdown-cell {
    margin-top:8px;
}
.list_select .dropdown-cell.actived .btn-dropdown-item {
    background: rgba(193, 21, 116, 0.05);
}
.list_select .btn-dropdown-item {
    display:flex; 
    align-items:center; 
    width:100%; 
    padding:0 0 0 6px;
    min-height:42px; 
    line-height: 42px;;
    font-size:15px; 
    font-weight:600;  
    color:#3F3F46; 
    box-sizing:border-box;
}
.list_select .btn-dropdown-item > .icon {
    flex:0 0 auto; 
    margin-right:8px;
}
.list_select.actived .dropdown-data {
    visibility:visible; 
    opacity:1; 
    transition:visibility 0s 0s ease, opacity 0.25s 0s ease;
}
.list_select.actived .btn-dropdown-nav:after {
    transform:rotate(-180deg);
}
/* 셀렉스 리스트 타입 2*/
.list_select.type02  {}
.list_select.type02 .btn-dropdown-nav {
    height:59px;
    padding:0 16px;
    border:none;
    border-bottom:1px solid #d9d9d9;
}
.list_select.type02 .btn-dropdown-nav .txt {
    font-weight: 600;
}
.list_select.type02 .btn-dropdown-nav:after {
    background: url(./../images/icon_aroww_bottom@2x.png) center center no-repeat;
}


/* tab */
#tab {
    position: relative;
    overflow: hidden;
    width:100%;
    height:58px;
    padding:0;
    margin:0;
    list-style:none;
    /* border-left:1px solid #d9d9d9; */
}
#tab li {
    list-style:none;
    display: block;
    float:left;
    padding:0 32px;
    height:56px;
    line-height: 56px;
    text-align: center;
    border:1px solid #d0d0d0;
    margin-left:-1px;
    font-weight: 500;
    color:#666666;
    background:#ffffff;
    transition:background 0.15s ease, border 0.15s ease, color 0.15s ease; 
}
#tab li:first-child{
    margin-left:0;
}
#tab li.on{
    font-weight: 700;
    color:#ffffff;
    background:#1A1919;
    border:1px solid #1A1919;
    transition:background 0.15s ease, border 0.15s ease, color 0.15s ease; 
}
#tab li a{
    color:#ffffff;
}

.tab_container {
    width:100%;
    position: relative;
    text-align: left;
}
.tab_container .tab_content{
    display: none;
    transition:background 0.15s ease, border 0.15s ease, color 0.15s ease; 
}
.tab_container .tab_content.on{
    display: block;
    transition:background 0.15s ease, border 0.15s ease, color 0.15s ease; 
}

/* input option*/
.input_box .form_list input{
    border:none;
    background:none;
    outline:none;
    padding:0;
    margin:0;
}
.input_box .form_list .tit{
    width:100%;
    font-size:15px;
    line-height: 50px;
    color:#666666;;
    font-weight: 500;
    text-indent: 8px;;
    text-align: left;
}

.input_box .form_list .tit span{
    margin:0 0 0 4px;
}
.input_box .inner_box p.desc{
    width:100%;
    text-indent: 8px;;
    font-size: 12px;
    text-align: left;
    font-weight: 500;
}

/* input box */
.form_list button{
    border:none;
    outline:none;
}
/* login 박스 */
.input_txt {
    position: relative;
    height:49px;
    line-height: 50px;
    border:1px solid #d9d9d9;
}
.input_box .form_list {
    position: relative;
}
.input_box .form_list p.tit{
    margin:16px 0 4px 0;
    line-height: 18px;;
    font-size: 15px;
    font-weight: 500;
    color:#666666;
    text-align: left;
}
.form_list p.desc{
    margin:4px 0 0 8px;
    line-height: 15px;;
    font-size: 12px;
    font-weight: 500;
    color:#666666;
}
.form_list .input_txt{
    width:360px;
    height:48px;
    line-height: 48px;;
    padding:0 16px;
    border:1px solid #d9d9d9;
    
}
.form_list .input_txt.id_checking a.btn_id_checking {
    position: absolute;
}
.form_list .input_txt input[type="text"] {
    width:100%;
    height:48px;
    line-height: 48px;;
    text-align: left;
    color:#a5a5a5;
    font-size: 16px;
    border:none;
    outline:none;
    background:none;
}
.form_list  .input_txt input[type="password"] {
    width:100%;
    height:50%;
    line-height: 50%;
    text-align: left;
    color:#a5a5a5;
    font-size: 16px;
    border:none;
    outline:none;
    background:none;
}
.form_list .input_txt input::-webkit-input-placeholder{
    color:#a5a5a5;
    font-size: 16px;
}
.form_list  .input_txt input:-ms-input-placeholder {
    color:#a5a5a5;
    font-size: 16px;
}
.form_list  .input_txt input::placeholder  {
    color:#a5a5a5;
    font-size: 16px;
}
.form_list .input_txt a.btn_clear {
    position: absolute;
    top:0;
    right:8px;
    width:50px;
    height:50px;
    z-index: 1;
}

/* 아이디 체크하기*/
.form_list .input_txt.id_checking {
    border:none;
    padding:0;
    width:394px;
    height:50px;
}
.form_list .input_txt.id_checking .inner_box{
    position: relative;
    width:256px;
    height:48px;
    line-height:48px;
    border:1px solid #d9d9d9;
    padding:0 16px;
}
.form_list .input_txt.id_checking button{
    position: absolute;
    top:0;
    right:0;
    width:100px;
    height:50px;
    line-height: 50px;
    background:#667085;
    color:#ffffff;
    font-size:16px ;
    font-weight: 500;
}
/* 인풋박스 나란히 2개*/
.form_list.double {
    Width:100%;
    display: flex;
    justify-content: space-between;
}

/* 체크박스*/
.form_list.check_box{
    /* width:360px; */
}
.input_checkBox {
    position: relative;
    min-width:55px;
    width:auto;
    padding:0 15px 0 50px;
    height:50px;
    line-height: 50px;
    /* border:1px solid #d9d9d9; */
}
.input_checkBox input[type="checkbox"] {
    display: none;
}
.input_checkBox  label {
    display: inline-block;
    height:50px;
    line-height: 50px;
    margin:0;
    padding:0;

}
.input_checkBox  label .box {
    position: absolute;
    top:0;
    left:0;
    width:50px;
    height:50px;
    background:url(./../images/icon_chech_box.png) no-repeat 0 0;
    transition:background 0.15s ease, border 0.15s ease, color 0.15s ease; 
}
.input_checkBox input:checked + label .box{
    position: absolute;
    top:0;
    left:0;
    width:50px;
    height:50px;
    background:url(./../images/icon_chech_box_active.png) no-repeat 0 0;
    transition:background 0.15s ease, border 0.15s ease, color 0.15s ease; 
}
.input_checkBox  label .tit{
    display: block;
    height:50px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 400;
    color:#333;
}



/* 검색 - 검색옵션 */
.search_box {
    position: relative;
    display: flex;
    height:50px;
}
.search_box .btn_search {
    display: block;
    position: absolute;
    top:-1px;
    right:0;
    width:50px;
    height:50px;
    background:#667085;
    z-index: 2;
}
.search_box .btn_search:hover {
    background: rgba(102, 112, 133, 0.50);
}


.search_box.type02 {
    position: relative;
    display: flex;
    height: 50px;
    margin:4px 0;
}
/* .search_box .input_txt {
    width:300px;
    height:48px;
    line-height: 48px;
    padding:0 16px;
    margin:0 4px 0 0;
    border:1px solid #d9d9d9;
} */

.search_box  a.btn_black{
    min-width:70px;
}

/* 달력 btn_calendar*/
.calendar_box {
    /* width:100%; */
    display: flex;
    justify-content: flex-start;
}

.calendar_box .inner_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.calendar_box .input_txt {
    position: relative;
    width:88px;
    padding:0 50px 0 15px;
    height:48px;
    line-height:48px;
    border:1px solid #d9d9d9;
}

.calendar_box .input_txt .btn_calendar {
    position: absolute;
    top:-1px;
    right:-1px;
    width:50px;
    height:50px;
    background:#667085
}

.calendar_box .icon_wave{
    display: block;
    margin:0 8px;
    text-align: center;
    height:48px;
    color:#888888;
    line-height: 50px;;

}

/* popup */
.deam{
    content: '';
    position: fixed;
    top: 0;
    left: 200vw;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.6);
    transition: left 0s 0.1s ease, opacity 0.1s 0s ease;
}
.pop{
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    transition: left 0s 0.15s ease;
}
.pop.actived{
    left:0;
    transition-delay: 0s;
    z-index: 200;
    background: rgba(0,0,0,0.6);
}
.pop_container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 10;
}
.pop_wrap {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 5;
    table-layout: fixed;
}
.pop .inner_box {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 50px 50px;
}
.pop .pop_content {
    position: relative;
    display: inline-block;
    min-width:300px;
    padding:78px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
}
.pop h2.tit {
    font-size: 32px;
    text-align: center;
    line-height: 39px;
    font-weight: 600;
}
.pop h2.tit span {
    display: block;
    font-size: 24px;
    margin-top:8px;
    line-height:29px;
    font-weight: 600;
}
.pop .tit{
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
}
.pop p{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color:#666666;
}

.pop .btn_box {
    width:100%;
    position: relative;
    margin:40px auto 0;
}
.pop .btn_box button {
    min-width:140px;
    margin:0 5px
}

/* 운영자 신청 팝업*/
.pop .pop_content .form_list.double .form_list_inner:first-child {
    margin-right:15px;
}
.pop .pop_content .form_list p.desc{
    text-align: left;
}

.pop .pop_container  .btn_box.pop-full button{
    width:300px;
}




/* editor */
form#boardForm {
    width:100%;
}
.note-editor{width:calc(100% - 30px);}
.note-editor .note-editing-area * {
    padding:auto;
    margin:auto;
}
.note-editor .btn,
.note-editor button,
.note-editor a{
    min-width:inherit;
    height: inherit;
    text-decoration: inherit;
}
/*.note-editor .note-editing-area .note-editable table{
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: gray;
    margin: inherit;
    padding: inherit;
}
 .note-editor .note-editing-area .note-editable li,
.note-editor .note-editing-area .note-editable dl,
.note-editor .note-editing-area .note-editable p,
.note-editor .note-editing-area .note-editable th,
.note-editor .note-editing-area .note-editable td,
.note-editor .note-editing-area .note-editable div{
    margin: inherit;
    padding: inherit;
} */
.note-editing-area {
    max-width:100%;
}
.note-editor .note-editing-area ul{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;}
.note-editor .note-editing-area ol{
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.note-editor a:not(.note-editor *) {
    cursor: pointer;
    border:none;
    background:none;
    outline:none;
}