﻿.btnArea{
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.btnArea .btn{
    flex:1
}
.btnArea .btn.btn-inverse{
    border-color:#888
}
.btnArea .etc{
    display:flex
}
.btnArea .etc select{
    border-color:#ddd;
    border-radius:.4rem
}
.btnArea .etc select+input,.btnArea .etc select+button{
    margin-left:.4rem
}
.btnArea select+input,.btnArea select+button{
    margin-left:.4rem
}
.btnArea form{
    display:flex !important
}
.btn{
    background:#fff;
    border-radius:4px;
    box-shadow:none;
    font-size:1.2rem;
    min-height:3rem;
    line-height:3rem !important;
    letter-spacing:-.05rem;
    box-sizing:border-box;
    border:1px solid #eee;
    color:#888
}
.btn:hover{
    background:#f7f7f7
}
*+.btn-group{
    margin-left:.8rem
}
*+.btn-group:first-of-type{
    margin-left:0
}
.btn-group+*{
    margin-left:.8rem !important
}
.btn-group{
    width:100%;
    display:flex;
    justify-content:flex-end
}
.btn-group .btn{
    border-radius:0
}
.btn-group .btn:first-child{
    border-bottom-left-radius:4px;
    border-top-left-radius:4px
}
.btn-group .btn:last-child{
    border-bottom-right-radius:4px;
    border-top-right-radius:4px
}
.xc .input,.xc .textarea,.xc select,.xc button,.xc table{
    min-height:3rem;
    vertical-align:middle;
    line-height:3rem;
    border-radius:4px
}
.xc button,.xm button{
    white-space:nowrap
}
.contents-wrap #loginAccess{
    box-shadow:none;
    border:0;
    width:inherit;
    display:flex;
    align-content:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    font-family:inherit;
    margin:8rem auto
}
.contents-wrap #loginAccess h1{
    font-size:3rem;
    font-weight:700;
    color:#212121;
    white-space:nowrap
}
.contents-wrap #loginAccess .logOut{
    text-align:inherit
}
.contents-wrap #loginAccess .logOut .buttonAccount{
    background:none;
    margin-top:4rem
}
.contents-wrap #loginAccess .logOut .buttonAccount a{
    text-shadow:none;
    margin:0 .8rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    font-size:18px;
    width:18rem;
    height:6rem !important;
    -webkit-border-radius:6rem;
    -moz-border-radius:6rem;
    border-radius:6rem;
    border:1px solid #eee;
    background:#101010;
    color:#fff
}
.contents-wrap .xm .signin .login-header{
    margin:0
}
.contents-wrap .xm .signin .login-header h1{
    display:none
}
.contents-wrap #access,.contents-wrap .signin{
    width:40rem;
    background-color:#fff;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    display:flex;
    flex-direction:column
}
.contents-wrap #access .login-header,.contents-wrap .signin .login-header{
    margin:4rem 0 1.5rem;
    border-bottom:0 !important;
    padding:0 !important
}
.contents-wrap #access .login-header h1,.contents-wrap #access .login-header h3,.contents-wrap .signin .login-header h1,.contents-wrap .signin .login-header h3{
    color:#333;
    font-size:1.6rem;
    font-weight:500 !important;
    letter-spacing:-.05rem
}
.contents-wrap #access .login-header h1,.contents-wrap .signin .login-header h1{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2.4rem
}
.contents-wrap #access .login-header h1 i,.contents-wrap .signin .login-header h1 i{
    display:none
}
.contents-wrap #access .login-header .message,.contents-wrap .signin .login-header .message{
    padding:1.6rem;
    border-radius:.4rem;
    color:#757575;
    font-size:1.2rem;
    background:#f5f5f5
}
.contents-wrap #access .login-body,.contents-wrap .signin .login-body{
    margin:.8rem 0;
    padding:0 !important
}
.contents-wrap #access .login-body .button,.contents-wrap .signin .login-body .button{
    border-radius:.4rem;
    border:1px solid #303996;
    color:#303996;
    background:#fff;
    height:5rem;
    font-size:1.7rem
}
.contents-wrap #access .login-body .button:hover,.contents-wrap .signin .login-body .button:hover{
    background:#c1c4eb
}
.contents-wrap #access .login-body .control-group,.contents-wrap .signin .login-body .control-group{
    padding:0;
    margin-bottom:.8rem;
    display:flex;
    flex-direction:column;
    gap:.8rem
}
.contents-wrap #access .login-body #warning,.contents-wrap .signin .login-body #warning{
    display:none !important;
    margin-right:0
}
.contents-wrap #access .login-body #warning p,.contents-wrap .signin .login-body #warning p{
    border-top:1px solid #eee;
    color:#757575;
    margin:0 0 .8rem;
    padding:.8rem
}
.contents-wrap #access .login-body .submit,.contents-wrap .signin .login-body .submit{
    text-shadow:none;
    border-radius:4px;
    font-size:1.7rem;
    background:#111;
    color:#fff;
    border:0;
    width:100%;
    position:relative;
    height:5rem !important;
    display:flex;
    align-items:center;
    justify-content:center
}
.contents-wrap #access .login-body .submit:hover,.contents-wrap .signin .login-body .submit:hover{
    background:#c1c4eb
}
.contents-wrap #access .login-footer,.contents-wrap .signin .login-footer{
    margin:0;
    text-align:right;
    background:inherit !important;
    padding:0 !important;
    border-top:0
}
.contents-wrap #access .login-footer a,.contents-wrap .signin .login-footer a{
    color:#999
}
.contents-wrap #access .login-footer>.pull-right,.contents-wrap .signin .login-footer>.pull-right{
    display:flex;
    width:100%;
    font-size:1.3rem
}
.contents-wrap #access input[type=text],.contents-wrap #access input[type=email],.contents-wrap #access input[type=password],.contents-wrap .signin input[type=text],.contents-wrap .signin input[type=email],.contents-wrap .signin input[type=password]{
    border-radius:6px;
    height:5rem;
    min-height:5rem;
    background:#F5F5F5;
    font-size:1.6rem;
    outline:none;
    border:0;
    padding:0 1.6rem;
    box-shadow:none;
    box-sizing:border-box;
    outline:0
}
.contents-wrap .xm .signin .login-footer{
    border-top:0px solid #eee;
    margin-top:0
}
.xm input.btn,.xm button.btn,.xm a.btn,.xm select,.xm input[type="text"],.xc input.btn,.xc button.btn,.xc a.btn,.xc select,.xc input[type="text"]{
    height:4rem !important;
    line-height:4rem !important;
    display:inline-flex;
    align-items:center;
    margin-bottom:0 !important
}
.xm select:focus,.xm select:focus:invalid:focus,.xm textarea:focus,.xm textarea:focus:invalid:focus,.xm input:focus,.xm input:focus:invalid:focus,.xc select:focus,.xc select:focus:invalid:focus,.xc textarea:focus,.xc textarea:focus:invalid:focus,.xc input:focus,.xc input:focus:invalid:focus{
    color:#212121;
    border:1px solid #212121;
    border-color:#212121 !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important
}
.xm .control-group input[type='submit']:focus-visible,.xc .control-group input[type='submit']:focus-visible{
    border:inherit;
    outline:0
}
.xm .form-horizontal input,.xc .form-horizontal input{
    height:4rem !important;
    line-height:4rem !important;
    box-sizing:border-box
}
.xm input[type='text'],.xm input[type='email'],.xm input[type='password'],.xm input[type='number'],.xm .btn,.xc input[type='text'],.xc input[type='email'],.xc input[type='password'],.xc input[type='number'],.xc .btn{
    border-radius:.4rem !important
}
.x.pop{
    background:red
}
.xm .table,.xc .table{
    border-top:1px solid #333 !important
}
.xm .table>caption,.xc .table>caption{
    margin-bottom:.8rem
}
.xm .table thead th,.xc .table thead th{
    font-weight:400;
    white-space:nowrap;
    text-align:center
}
.xm .table tbody td,.xc .table tbody td{
    padding:.8rem .4rem
}
.xm .table tbody td.title+td,.xc .table tbody td.title+td{
    white-space:nowrap
}
.xm .table tbody td select,.xc .table tbody td select{
    width:100%;
    max-height:3.8rem
}
.el_jangsu .xe-widget-wrapper.row{
    height:inherit !important
}
.el_jangsu .xe-widget-wrapper.row>div{
    width:100%
}
.el_jangsu .xe-widget-wrapper.row>div>div{
    display:flex;
    gap:3.6rem;
    flex-wrap:wrap
}
.el_jangsu .xe-widget-wrapper.row>div>div .xe-widget-wrapper{
    flex:1
}
.el_jangsu .widgetOutput .widgetBorder,.el_jangsu .widgetOutput .widgetBoxBorder{
    width:100%
}
.el_jangsu .xe-widget-wrapper+.xe-widget-wrapper{
    margin-top:3.2rem
}
.el_jangsu .wdg .content .wdg .content{
    padding-left:0 !important;
    padding-right:0 !important
}
.xm>h1{
    font-size:25px !important;
    padding-bottom:0;
    border-bottom:0px solid #000 !important;
    text-align:center
}
.xm #fo_insert_member{
    margin:0 auto 20px;
    max-width:640px
}
.xm #fo_insert_member .agreement{
    border:0px dotted #eee;
    padding:0;
    background:#fff;
    border-bottom:1px solid #ddd;
    border-radius:0;
    margin-bottom:2rem
}
.xm #fo_insert_member .agreement .title{
    padding:0 0 8px 0;
    margin:0;
    border-bottom:0px solid #ccc;
    font-size:15px;
    font-weight:400
}
.xm #fo_insert_member .agreement .text{
    color:#777;
    max-height:200px;
    overflow:auto;
    border:1px solid #eee;
    font-size:12px;
    padding:.8rem 1.6rem;
    background:#f9f9f9;
    border-radius:5px
}
.xm #fo_insert_member .agreement .confirm{
    padding:5px 0 0 0;
    margin:0px 0 0 0;
    border-top:0px dotted #ccc
}
.xm #fo_insert_member .agreement .confirm label{
    color:#555
}
.xm #fo_insert_member .control-group{
    display:flex;
    gap:1.6rem
}
.xm #fo_insert_member .control-group .control-label{
    float:left;
    width:initial;
    min-width:8rem;
    padding-top:inherit;
    align-items:center;
    display:flex;
    justify-content:flex-end;
    color:#444;
    font-weight:300;
    font-size:13px;
    margin-bottom:0;
    position:relative
}
.xm #fo_insert_member .control-group .control-label em{
    width:5px;
    height:5px;
    background:#ed6701;
    text-indent:-9999999999px;
    color:transparent !important;
    border-radius:50%;
    display:inline-block;
    right:-7px;
    top:11px;
    position:absolute
}
.xm #fo_insert_member .control-group .controls{
    flex:auto;
    display:flex;
    gap:.8rem;
    position:relative;
    margin-left:inherit;
    flex-direction:column
}
.xm #fo_insert_member .control-group .controls>div{
    width:100%
}
.xm #fo_insert_member .control-group .controls input{
    box-shadow:none;
    flex:auto;
    border:1px solid #eee;
    border-radius:.4rem !important
}
.xm #fo_insert_member .control-group .controls .help-block{
    margin-top:0
}
.xm #fo_insert_member .control-group .controls .help-inline{
    top:4rem;
    white-space:nowrap;
    font-size:1.2rem;
    color:#ed6701;
    margin-top:2px;
    letter-spacing:-.05rem;
    width:100%;
    white-space:break-spaces
}
.xm #fo_insert_member .control-group .controls .rx_ev_radio{
    display:flex;
    flex:auto
}
.xm #fo_insert_member .control-group .controls label{
    flex:auto;
    margin-bottom:0;
    white-space:nowrap;
    margin-right:.5rem
}
.xm #fo_insert_member .control-group .controls .krZip{
    display:flex;
    flex-wrap:wrap;
    gap:.8rem
}
.xm #fo_insert_member .control-group .controls .krZip .krzip-postcode-wrap,.xm #fo_insert_member .control-group .controls .krZip .krzip-address-wrap,.xm #fo_insert_member .control-group .controls .krZip .krzip-extraAddress,.xm #fo_insert_member .control-group .controls .krZip .krzip-detailAddress-wrap{
    display:flex;
    flex-wrap:wrap;
    flex:auto;
    position:relative;
    gap:.8rem
}
.xm #fo_insert_member .control-group .controls .krZip .krzip-postcode-wrap label,.xm #fo_insert_member .control-group .controls .krZip .krzip-address-wrap label,.xm #fo_insert_member .control-group .controls .krZip .krzip-extraAddress label,.xm #fo_insert_member .control-group .controls .krZip .krzip-detailAddress-wrap label{
    position:absolute;
    top:-2px;
    left:7px;
    font-size:11px;
    color:#aaa
}
.xm #fo_insert_member .control-group .controls .krZip .krzip-extraAddress{
    display:none
}
.xm #fo_insert_member .btnArea{
    border-top:1px solid #ddd !important;
    padding-top:20px !important
}
.xm #fo_insert_member .btnArea a{
    margin-left:-1px;
    z-index:-1;
    display:flex;
    justify-content:center
}
.xm,.xc{
    max-width:1000px;
    margin:0 auto
}
.xm .nav-tabs,.xc .nav-tabs{
    display:flex;
    flex-wrap:wrap
}
.xm .nav-tabs li,.xc .nav-tabs li{
    white-space:nowrap;
    flex:1
}
.xm .nav-tabs li a,.xc .nav-tabs li a{
    padding:1rem .5rem !important;
    text-align:center
}
.xm h1,.xc h1{
    display:none
}
.xm table.table tbody th,.xm table.table tbody td,.xm table.table thead th,.xm table.table thead td,.xc table.table tbody th,.xc table.table tbody td,.xc table.table thead th,.xc table.table thead td{
    text-align:center
}
.xm table.table tbody th.title,.xm table.table tbody td.title,.xm table.table thead th.title,.xm table.table thead td.title,.xc table.table tbody th.title,.xc table.table tbody td.title,.xc table.table thead th.title,.xc table.table thead td.title{
    text-align:left;
    width:100%
}
.xm table.table tbody td select,.xc table.table tbody td select{
    height:2.6rem !important
}
.xm .dl-horizontal,.xc .dl-horizontal{
    border:1px solid #eee;
    border-radius:3px;
    padding:.8rem 1.6rem;
    max-width:1000px;
    margin:0 auto;
    box-sizing:border-box
}
.xm .dl-horizontal dt,.xc .dl-horizontal dt{
    color:#2a2a2a;
    text-align:left !important;
    padding-left:10px
}
.xm .dl-horizontal dt em,.xc .dl-horizontal dt em{
    display:none
}
.xm .dl-horizontal dd,.xc .dl-horizontal dd{
    text-align:right;
    color:#888;
    margin-left:0;
    padding-right:10px
}
.xm .dl-horizontal dd img,.xc .dl-horizontal dd img{
    max-width:100%
}
.xm .dl-horizontal dt,.xm .dl-horizontal dd,.xc .dl-horizontal dt,.xc .dl-horizontal dd{
    border-top:1px solid #f5f5f5;
    padding-bottom:5px;
    padding-top:15px
}
.xm .dl-horizontal dt:first-of-type,.xm .dl-horizontal dd:first-of-type,.xc .dl-horizontal dt:first-of-type,.xc .dl-horizontal dd:first-of-type{
    border-top:none
}
.xm .btnArea.btn-group a.btn,.xc .btnArea.btn-group a.btn{
    display:flex;
    flex:1;
    flex-wrap:wrap;
    padding:0 !important;
    margin:0;
    align-items:center;
    justify-content:center;
    margin-left:-1px;
    border-radius:0 !important
}
.xm .btnArea.btn-group a.btn:first-child,.xc .btnArea.btn-group a.btn:first-child{
    border-radius:.4rem 0 0 .4rem !important
}
.xm .btnArea.btn-group a.btn:last-child,.xc .btnArea.btn-group a.btn:last-child{
    border-radius:0 .4rem .4rem 0 !important
}
.xm form select,.xm form textarea,.xm form input[type="text"],.xm form input[type="password"],.xm form input[type="datetime"],.xm form input[type="datetime-local"],.xm form input[type="date"],.xm form input[type="month"],.xm form input[type="time"],.xm form input[type="week"],.xm form input[type="number"],.xm form input[type="email"],.xm form input[type="url"],.xm form input[type="search"],.xm form input[type="tel"],.xm form input[type="color"],.xc form select,.xc form textarea,.xc form input[type="text"],.xc form input[type="password"],.xc form input[type="datetime"],.xc form input[type="datetime-local"],.xc form input[type="date"],.xc form input[type="month"],.xc form input[type="time"],.xc form input[type="week"],.xc form input[type="number"],.xc form input[type="email"],.xc form input[type="url"],.xc form input[type="search"],.xc form input[type="tel"],.xc form input[type="color"]{
    height:4rem;
    box-sizing:border-box;
    box-shadow:none
}
.xm #fo_insert_member div>input,.xc #fo_insert_member div>input{
    width:100%
}
.xm #fo_insert_member input[type='submit'],.xc #fo_insert_member input[type='submit']{
    width:100%
}
.xm .pagination ul,.xc .pagination ul{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important
}
.xm .pagination form select,.xm .pagination form input,.xm .pagination form button,.xc .pagination form select,.xc .pagination form input,.xc .pagination form button{
    height:3rem !important;
    box-sizing:border-box
}
.board .editorOption{
    display:none
}
.boardWrite .tag{
    display:none
}
.wrt_opt_wrap{
    display:none
}
#menu .simpleTree li{
    margin-top:.5rem;
    padding-top:.5rem;
    border-top:1px dashed #000;
    display:flex;
    align-content:center;
    justify-content:flex-start
}
#menu .simpleTree li span{
    clear:left;
    white-space:nowrap;
    padding:.5rem 1rem;
    min-width:6rem;
    font-size:14px;
    cursor:pointer !important;
    border-radius:4px;
    border:1px dotted #bbb;
    display:flex;
    align-items:center;
    justify-content:center
}
#menu .simpleTree li span:hover{
    background:#F2F5F9
}
#menu .simpleTree li a{
    padding:.8rem;
    border:1px dotted #999;
    margin:0 .2rem;
    border-radius:4px;
    display:flex;
    align-items:center
}
#menu .simpleTree li a:hover{
    background:#F2F5F9
}
#menu .simpleTree li.line-over,#menu .simpleTree li.line-over-last{
    margin-top:1rem;
    background:#F2F5F9;
    height:.8rem
}
.xefu-controll,.xefu-list{
    box-sizing:border-box
}
html,body{
    margin:0;
    padding:0;
    height:100%
}
html{
    font-size:10px;
    font-size:62.5%
}
html.lg{
    font-size:71.5%
}
html.sm{
    font-size:53.6%
}
body,table,input,textarea,select,button{
    font-size:12px;
    font-size:1.2rem;
    color:#212121;
    letter-spacing:-.5px
}
body,table,input,textarea,select,button{
    font-size:12px;
    font-size:1.2rem;
    font-family:-apple-system,BlinkMacSystemFont,'SUIT Variable','Pretendard','Pretendard-Regular','Pretendard Variable',helvetica,"Apple SD Gothic Neo","Noto Sans KR", sans-serif;
    font-weight:400;
    letter-spacing:-.025rem;
    color:#212121
}
*,.xe_content,.rhymix_content{
    font-family:-apple-system,BlinkMacSystemFont,'SUIT Variable','Pretendard','Pretendard-Regular','Pretendard Variable',helvetica,"Apple SD Gothic Neo","Noto Sans KR", sans-serif
}
.inner{
    width:900px;
    margin:0 auto;
    padding:0 1.5rem;
    box-sizing:border-box;
    max-width:100%
}
.inner.full{
    width:100%
}
a{
    text-decoration:none;
    color:#212121
}
.blind{
    display:none !important
}
.alert{
    border:1px solid red;
    background-color:#ffe5d4
}
#nc_container{
    display:none
}
.el-elsa.on{
    left:20rem;
    width:calc(100% - 20rem);
    position:relative
}
body{
    overflow-x:hidden
}
.el-elsa.floating{
    left:initial;
    width:initial;
    position:initial
}
.el-elsa .header-wrap .sitemapbox{
    display:initial
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]){
    display:inline-block;
    background-repeat:no-repeat;
    width:3.6rem;
    height:3.6rem;
    background-position:center
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).grid{
    background-image:url("../img/ico-grid.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).menu{
    background-image:url("../img/ico-menu.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).color-mode{
    background-image:url("../img/ico-color-mode.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).chat{
    background-image:url("../img/ico-chat.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).light{
    background-image:url("../img/ico-light.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).dark{
    background-image:url("../img/ico-dark.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).recycle{
    background-image:url("../img/ico-recycle.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).alarm{
    background-image:url("../img/ico-alarm.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).user{
    background-image:url("../img/ico-user.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).search{
    background-image:url("../img/ico-search.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).list{
    background-image:url("../img/ico-list.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).message{
    background-image:url("../img/ico-message.svg");
    margin:initial;
    padding:initial;
    border:initial;
    border-radius:initial;
    font-size:initial;
    line-height:initial;
    text-shadow:initial;
    background-color:initial;
    vertical-align:middle
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).thumbup{
    background-image:url("../img/ico-thumbs-up.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).thumbup.fill{
    background-image:url("../img/ico-thumbs-up-fill.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).thumbdown{
    background-image:url("../img/ico-thumbs-down.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).thumbdown.fill{
    background-image:url("../img/ico-thumbs-down-fill.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).more{
    background-image:url("../img/ico-more.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).pen{
    background-image:url("../img/ico-pen.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).vote{
    background-image:url("../img/ico-vote.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).view{
    background-image:url("../img/ico-view.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).prev{
    background-image:url("../img/ico-prev.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).next{
    background-image:url("../img/ico-next.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).back{
    background-image:url("../img/ico-back.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).facebook{
    background-image:url("../img/ico-facebook.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).twitter{
    background-image:url("../img/ico-twitter.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).mov{
    background-image:url("../img/ico-mov.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).img{
    background-image:url("../img/ico-img.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).kakao{
    background-image:url("../img/ico-kakao.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).naver{
    background-image:url("../img/ico-naver.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).user-mail{
    background-image:url("../img/ico-user-mail.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).won-fill{
    background-image:url("../img/ico-won-fill.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).time-fill{
    background-image:url("../img/ico-time-fill.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).expert{
    background-image:url("../img/ico-expert.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).point-fill{
    background-image:url("../img/ico-point-fill.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).star{
    background-image:url("../img/ico-star.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).message-line{
    background-image:url("../img/ico-message-line.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).project{
    background-image:url("../img/ico-book.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).receipt-add-color{
    background-image:url("../img/ico-receipt-add-color.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).expert-color{
    background-image:url("../img/ico-expert-color.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).money-color{
    background-image:url("../img/ico-money-color.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).magnify-color{
    background-image:url("../img/ico-magnify-color.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).receipt-color{
    background-image:url("../img/ico-receipt-color.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).search{
    background-image:url("../img/ico-search.svg");
    width:3.6rem;
    height:3.6rem
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).user{
    background-image:url("../img/ico-user.svg");
    width:3.6rem;
    height:3.6rem
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).lang{
    background-image:url("../img/ico-lang.svg");
    width:3.6rem;
    height:3.6rem
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).top{
    background-image:url("../img/ico-top.svg");
    width:5rem;
    height:5rem
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).user-plus{
    background-image:url("../img/ico-user-plus.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).log-in{
    background-image:url("../img/ico-log-in.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).log-out{
    background-image:url("../img/ico-log-out.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).setting{
    background-image:url("../img/ico-setting.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).settings{
    background-image:url("../img/ico-settings.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).memo{
    background-image:url("../img/ico-memo.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).user-info{
    background-image:url("../img/ico-user-info.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).user-del{
    background-image:url("../img/ico-user-del.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).bookmark{
    background-image:url("../img/ico-bookmark.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).document{
    background-image:url("../img/ico-document.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).comment{
    background-image:url("../img/ico-comment.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).card{
    background-image:url("../img/ico-card.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).charging{
    background-image:url("../img/ico-charging.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).close{
    background-image:url("../img/ico-close.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).question{
    background-image:url("../img/ico-question.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).pen{
    background-image:url("../img/ico-pen.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).post-search{
    background-image:url("../img/ico-post-search.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).prev{
    background-image:url("../img/ico-prev.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).next{
    background-image:url("../img/ico-next.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).edit{
    background-image:url("../img/ico-edit.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).message{
    background-image:url("../img/ico-message.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).trash{
    background-image:url("../img/ico-trash.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).scrap{
    background-image:url("../img/ico-scrap.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).bookmark-full{
    background-image:url("../img/ico-bookmark-full.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).lock{
    background-image:url("../img/ico-lock.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).heart-fill{
    background-image:url("../img/ico-heart-fill.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).thumbs-up{
    background-image:url("../img/ico-thumbs-up.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).thumbs-down{
    background-image:url("../img/ico-thumbs-down.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).cart{
    background-image:url("../img/ico-cart.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).bag{
    background-image:url("../img/ico-bag.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).import{
    background-image:url("../img/ico-import.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).wp{
    background-image:url("../img/ico-wp.svg");
    width:8rem;
    height:8rem
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).xe{
    background-image:url("../img/ico-xe.svg");
    width:8rem;
    height:8rem
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).gnu{
    background-image:url("../img/ico-gnu.svg");
    width:30rem;
    height:7.7rem
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).link{
    background-image:url("../img/ico-arrow-up-right.svg");
    width:2.4rem;
    height:2.4rem
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).rotate{
    background-image:url("../img/ico-rotate-ccw.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).heart-line{
    background-image:url("../img/ico-heart-line.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).heart-full{
    background-image:url("../img/ico-heart-full.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).folder-line{
    background-image:url("../img/ico-folder-line.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).folder-full{
    background-image:url("../img/ico-folder-full.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).download{
    background-image:url("../img/ico-download.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).reply{
    background-image:url("../img/ico-reply.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).codesandbox{
    background-image:url("../img/ico-codesandbox.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).server{
    background-image:url("../img/ico-server.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).airplay{
    background-image:url("../img/ico-airplay.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).codepen{
    background-image:url("../img/ico-codepen.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).github{
    background-image:url("../img/ico-github.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).book-open{
    background-image:url("../img/ico-book-open.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).phone{
    background-image:url("../img/ico-phone.svg")
}
i:not([class*="fa"]):not([class*="arrow"]):not([class*="ico_16px"]):not([class*="ico_sns16"]):not([class*="tx_ico_chk"]):not([class*="mrk"]):not([class*="xi-icon"]).mail{
    background-image:url("../img/ico-mail.svg")
}
.login-header{
    margin-top:4rem
}
.login-header .logo{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1rem 0;
    font-size:4.8rem;
    font-weight:600
}
.login-header .logo img{
    width:15rem
}
.login-footer{
    display:flex
}
.login-footer a{
    text-align:center;
    flex:auto
}
.header-wrap{
    padding:1.6rem 0;
    border-bottom:0px solid #e9ecef;
    position:relative;
    box-shadow:0 0 8px 1px #e3e5e8,0 1px 2px 0 rgba(0,0,0,0.04)
}
.header-wrap .logo{
    display:flex;
    align-items:center;
    gap:1rem;
	width: 150px;
}
.header-wrap .logo img{
    height:2rem
}
.header-wrap .logo a{
    font-size:1.8rem;
    font-weight:500;
    letter-spacing:-.05rem
}
.header-wrap .logo .title{
    font-size:1.6rem;
    font-weight:300;
    letter-spacing:-.05rem;
    color:#303996
}
.header-wrap .logo .title:before{
    content:"↗";
    margin-right:.4rem
}
.header-wrap .inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative
}
.header-wrap .inner .inner{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:2rem
}
.header-wrap i:after{
    content:"";
    transition:all .2s ease
}
.header-wrap i:hover:after,.header-wrap i.on:after{
    content:"";
    position:absolute;
    width:3.6rem;
    height:3.6rem;
    border-radius:50%;
    background:#F2F5F9;
    z-index:-1
}
.header-wrap .userbox i:hover:after{
    content:none
}
.header-wrap .gnb-wrap_{
    display:flex;
    gap:8px
}
.header-wrap .gnb-wrap_ a{
    padding:.8rem 1.6rem;
    white-space:nowrap;
    display:inline-block;
    text-align:center;
    font-size:1.6rem;
    font-weight:600;
    transition:all .2s ease
}
.header-wrap .gnb-wrap_ a:nth-child(n+11){
    display:none
}
.header-wrap .gnb-wrap_ a:hover,.header-wrap .gnb-wrap_ a.on{
    background:#F2F5F9;
    border-radius:.5rem
}
.header-wrap .gnb-wrap{
    font-size:1.6rem;
    font-weight:200;
    align-items:center;
    display:flex
}
.header-wrap .gnb-wrap ul{
    display:flex;
    margin:0;
    padding:0;
    gap:.8rem
}
.header-wrap .gnb-wrap ul li{
    list-style:none;
    margin:0;
    padding:0
}
.header-wrap .gnb-wrap ul li a{
    padding:.6rem 1.2rem;
    white-space:nowrap;
    display:inline-block;
    text-align:center;
    font-size:1.2rem;
    font-weight:300;
    transition:all .2s ease
}
.header-wrap .gnb-wrap ul li a:hover,.header-wrap .gnb-wrap ul li a.on{
    background:#F2F5F9;
    border-radius:.5rem
}
.header-wrap .gnb-wrap ul li:nth-child(n+11){
    display:none
}
.header-wrap .gnb-wrap ul li ul{
    position:absolute;
    background:#000;
    border-radius:2.4rem;
    padding:.6rem 1.6rem;
    transform:translateY(-0.25rem);
    opacity:0;
    visibility:hidden;
    user-select:none;
    pointer-events:none;
    transition:0.3s ease;
    z-index:9;
    gap:0
}
.header-wrap .gnb-wrap ul li ul li a{
    color:#fff;
    font-weight:300;
    min-width:initial;
    padding:.6rem;
    border-radius:0 !important
}
.header-wrap .gnb-wrap ul li ul.white{
    background:#fff;
    flex-direction:column;
    border-radius:1rem;
    padding:1.2rem 0;
    min-width:16rem;
    box-shadow:0 0 #0000,0 0 #0000,0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a
}
.header-wrap .gnb-wrap ul li ul.white:before{
    content:"";
    position:absolute;
    left:24px;
    top:-7px;
    width:14px;
    height:7px;
    background:url(../img/bg_bubble_tail.svg) no-repeat 50%/contain;
    background-size:contain
}
.header-wrap .gnb-wrap ul li ul.white li a{
    color:#333;
    padding:6px 21px;
    font-size:1.2rem;
    display:block;
    text-align:left
}
.header-wrap .gnb-wrap ul li ul.white li a:hover{
    border-radius:0
}
.header-wrap .gnb-wrap ul li ul.white li:nth-child(n+6){
    display:initial
}
.header-wrap .gnb-wrap ul li ul.white.column{
    display:grid;
    grid-template-rows:repeat(4, 1fr);
    grid-auto-flow:column
}
.header-wrap .gnb-wrap ul li:nth-child(2) ul{
    display:flex
}
.header-wrap .gnb-wrap ul li:nth-child(2) ul{
    display:grid;
    grid-template-rows:repeat(4, 1fr);
    grid-auto-flow:column
}
.header-wrap .gnb-wrap ul li:nth-child(3) ul{
    display:grid;
    grid-template-rows:repeat(4, 1fr);
    grid-auto-flow:column
}
.header-wrap .gnb-wrap ul li:nth-child(4) ul{
    display:grid;
    grid-template-rows:repeat(4, 1fr);
    grid-auto-flow:column
}
.header-wrap .gnb-wrap ul li:hover ul{
    opacity:1;
    visibility:visible;
    user-select:initial;
    pointer-events:initial;
    transform:translateY(0)
}
.header-wrap .sitemapbox{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center
}
.header-wrap .lnb-wrap .lnb a{
    color:#fff;
    padding:.2rem;
    font-size:1.4rem;
    font-weight:500;
    white-space:nowrap;
    display:flex;
    min-height:4rem;
    align-items:center
}
.header-wrap .lnb-wrap ul,.header-wrap .lnb-wrap li{
    margin:0;
    padding:0;
    list-style:none
}
.header-wrap .lnb-wrap .depth2{
    padding:1rem;
    border-top:1px solid #393939;
    gap:0;
    display:flex;
    flex-direction:column
}
.header-wrap .lnb-wrap .depth2 a{
    min-height:3rem;
    list-style:none
}
.header-wrap .lnb-wrap.slide{
    background:#111;
    padding:2.4rem;
    gap:1rem;
    z-index:99;
    position:fixed;
    left:0;
    top:0;
    box-sizing:border-box;
    display:flex;
    height:100%;
    flex-direction:column;
    width:200px;
    display:none;
    overflow-y:scroll
}
.header-wrap .lnb-wrap.slide.on{
    display:flex
}
.header-wrap .lnb-wrap.slide::-webkit-scrollbar{
    width:8px;
    background-color:#111
}
.header-wrap .lnb-wrap.slide::-webkit-scrollbar-thumb{
    background-color:#999
}
.header-wrap .lnb-wrap.slide::-webkit-scrollbar-track{
    background-color:#111
}
.header-wrap .lnb-wrap.floating{
    display:none;
    position:absolute;
    background:#000;
    padding:2.4rem;
    gap:1rem;
    z-index:99
}
.header-wrap .lnb-wrap.floating.on{
    display:grid
}
.header-wrap .sign-wrap{
    margin-right:1.5rem;
    display:flex;
    gap:.8rem
}
.header-wrap .sign-wrap .nickname{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:right;
    font-weight:500;
    font-size:1.3rem;
    letter-spacing:-.05rem;
    white-space:nowrap;
    position:relative
}
.header-wrap .sign-wrap .nickname b{
    font-weight:500;
    margin-right:.2rem
}
.header-wrap .sign-wrap .user-box{
    display:flex
}
.header-wrap .sign-wrap .user-box .userbox{
    display:none;
    visibility:hidden;
    opacity:0;
    -webkit-transform:scale(0.6, 0.5);
    transform:scale(0.6, 0.5);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    -webkit-transition:opacity 0.2s,visibility 0.2s,-webkit-transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
    transition:opacity 0.2s,visibility 0.2s,-webkit-transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
    transition:opacity 0.2s,visibility 0.2s,transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
    transition:opacity 0.2s,visibility 0.2s,transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79),-webkit-transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
    -o-transition:opacity 0.2s,visibility 0.2s,transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
    -moz-transition:opacity 0.2s,visibility 0.2s,transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
    -webkit-transition:opacity 0.2s,visibility 0.2s,transform 150ms cubic-bezier(0.43, -0.02, 0.2, 0.79);
    background:#fff;
    position:absolute;
    font-size:1.2rem;
    border:1px solid #e9ecef;
    border-radius:3px;
    z-index:10;
    margin-top:.5rem;
    -webkit-transform-origin:top right;
    transform-origin:top right
}
.header-wrap .sign-wrap .user-box .userbox.on{
    display:flex;
    visibility:visible;
    opacity:1;
    z-index:999;
    flex-direction:column;
    top:4rem;
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    transform:translateX(-30%)
}
.header-wrap .sign-wrap .user-box .userbox i{
    width:2rem;
    height:2rem;
    background-size:2rem;
    opacity:.5
}
.header-wrap .sign-wrap .user-box .userbox i:hover{
    content:none
}
.header-wrap .sign-wrap .user-box .userbox a{
    min-height:3.2rem;
    display:flex;
    height:100%;
    align-items:center;
    padding:0 .0rem;
	width: 120px;
    gap:0px
}
.header-wrap .sign-wrap .user-box .userbox a:hover{
    background:#f7f7f8
}
.header-wrap .sign-wrap .user-box .userbox hr{
    width:calc(100% - 3rem);
    border:0;
    border-top:1px solid #f3f3f3;
    margin:4px auto 0
}
.header-wrap .sign-wrap ul.sign-box i,.header-wrap .sign-wrap ul.lang-box i{
    width:2rem;
    height:1.4rem;
    filter:invert(39%) sepia(25%) saturate(4331%) hue-rotate(215deg) brightness(102%) contrast(101%);
    background-size:contain;
    background-repeat:no-repeat;
    opacity:.8
}
.header-wrap .sign-wrap ul.sign-box i:hover:after,.header-wrap .sign-wrap ul.lang-box i:hover:after{
    content:none
}
.header-wrap .sign-wrap .search-box .searchbox{
    display:none;
    z-index:1;
    position:absolute;
    width:100%;
    height:5.8rem;
    background:#fff;
    top:-1rem;
    margin:0 auto;
    left:0;
    right:0
}
.header-wrap .sign-wrap .search-box .searchbox.on{
    display:flex
}
.header-wrap .sign-wrap .search-box .searchbox input{
    border:0;
    height:100%;
    flex:auto;
    font-size:1.6rem;
    padding:0 1rem;
    font-weight:500;
    text-align:center
}
.header-wrap .sign-wrap .search-box .searchbox input:focus{
    outline:none
}
.header-wrap .sign-wrap .search-box .searchbox .btn-close{
    display:flex;
    align-items:center;
    justify-content:center;
    width:6rem;
    height:6rem;
    margin-right:2rem
}
.header-wrap .sign-wrap .search-box .searchbox .btn-close i{
    width:3.6rem;
    height:3.6rem
}
.header-wrap .sign-wrap .alarm-box{
    position:relative
}
.header-wrap .sign-wrap .alarm-box .num{
    background:#000;
    color:#fff;
    border-radius:50%;
    width:1.6rem;
    height:1.6rem;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:0;
    font-size:1.1rem;
    font-weight:800
}
.header-wrap .inner.full .sign-wrap .search-box .searchbox{
    top:0
}
.contents-wrap{
    padding:2.4rem 0 3.2rem
}
.contents-wrap .inner{
    display:flex;
    gap:.8rem
}
.contents-wrap .inner .contents-box{
    flex:auto;
    display:flex;
    flex-direction:column;
    gap:.8rem
}
.contents-wrap .inner .wdg_left_area,.contents-wrap .inner .wdg_right_area{
    flex:1;
    max-width:24rem
}
.footer-wrap{
    position:relative;
    clear:both;
    border-top:1px solid #e9ecef;
    padding:1.6rem
}
.footer-wrap a{
    margin-right:1rem;
    white-space:nowrap
}
.footer-wrap .fnb-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1rem;
    margin-bottom:1.6rem;
    flex-wrap:wrap
}
.footer-wrap .copyright-wrap{
    border-top:1px solid #e9ecef;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:1.6rem 0;
    line-height:2;
    color:#666
}
.footer-wrap .copyright-wrap p{
    margin:0
}
.join-wrap{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:2rem 0 4rem
}
.join-wrap>*{
    width:100%;
    max-width:38rem
}
.join-wrap .join-header h1{
    text-align:center;
    font-size:3rem;
    letter-spacing:-1px;
    color:#303996
}
.join-wrap .join-body .step-wrap ul{
    margin:0;
    padding:0;
    display:flex;
    gap:2rem;
    align-items:center;
    justify-content:center
}
.join-wrap .join-body .step-wrap ul li{
    margin:0;
    padding:0;
    list-style:none
}
.join-wrap .join-body .step-wrap ul li:after{
    content:"";
    border-bottom:1px solid #000
}
.join-wrap .join-body .step-wrap #progressbar{
    margin-bottom:30px;
    overflow:hidden;
    counter-reset:step
}
.join-wrap .join-body .step-wrap #progressbar li{
    list-style-type:none;
    text-transform:uppercase;
    width:33.33%;
    position:relative;
    text-align:center;
    font-size:15px;
    color:#888
}
.join-wrap .join-body .step-wrap #progressbar li:before{
    content:counter(step);
    counter-increment:step;
    width:32px;
    line-height:32px;
    color:#333;
    background:white;
    border-radius:3px;
    margin:0 auto 5px auto;
    font-size:1.6rem;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    border:1px solid #888
}
.join-wrap .join-body .step-wrap #progressbar li:after{
    content:'';
    width:100%;
    height:2px;
    background:white;
    position:absolute;
    left:-60%;
    top:14px;
    z-index:-1
}
.join-wrap .join-body .step-wrap #progressbar li:first-child:after{
    content:none
}
.join-wrap .join-body .step-wrap #progressbar li.active:before,.join-wrap .join-body .step-wrap #progressbar li.active:after{
    background:#303996;
    color:white
}
.join-wrap .join-body .step-wrap #progressbar li.active{
    color:#303996
}
.join-wrap .join-body .step-wrap #progressbar li.active:before{
    border-color:#303996
}
.join-wrap .join-body .welcome-wrap{
    border-radius:10px;
    background:#f8f8f8;
    font-size:1.6rem;
    padding:2.4rem;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:1rem;
    text-align:center;
    font-weight:500;
    color:#333
}
.join-wrap .join-body .welcome-wrap .title{
    color:#303996
}
.join-wrap .join-body .welcome-wrap .desc{
    font-size:1.4rem;
    color:#444
}
.join-wrap .join-footer{
    margin-top:3rem
}
.join-wrap .join-footer .btn-join{
    margin:0;
    width:100%;
    height:4rem;
    font-size:16px;
    font-weight:500;
    border:0;
    background:#303996;
    color:#fff;
    border-radius:4px;
    letter-spacing:-1px;
    cursor:pointer
}
.color_scheme_dark{
    background:#1f1f1f
}
.color_scheme_dark .header-wrap{
    border-bottom-color:#38383d;
    box-shadow:0 0 4px 0px #2c2c2c,0 1px 2px 0 rgba(0,0,0,0.04)
}
.color_scheme_dark .header-wrap i{
    filter:invert(1)
}
.color_scheme_dark .header-wrap i:hover:after,.color_scheme_dark .header-wrap i.on:after{
    background-color:rgba(255,255,255,0.5)
}
.color_scheme_dark .header-wrap:after{
    border-color:#38383d
}
.color_scheme_dark .header-wrap .logo a{
    color:#fff
}
.color_scheme_dark .header-wrap .logo img{
    filter:invert(1)
}
.color_scheme_dark .header-wrap .gnb-wrap a{
    color:#bbb
}
.color_scheme_dark .header-wrap .gnb-wrap a:hover{
    background:#0c0c0e
}
.color_scheme_dark .header-wrap .gnb-wrap a.on{
    background:#0c0c0e;
    color:#fff
}
.color_scheme_dark .header-wrap .gnb-wrap ul li ul.white{
    background:#0c0c0e
}
.color_scheme_dark .header-wrap .gnb-wrap ul li ul.white:before{
    filter:invert(1);
    opacity:.5
}
.color_scheme_dark .header-wrap .sign-wrap .user-box .userbox hr{
    border-top:1px solid #1e1e1e
}
.color_scheme_dark .header-wrap .sign-wrap .search-box .searchbox{
    background:#1f1f1f
}
.color_scheme_dark .header-wrap .sign-wrap .search-box .searchbox input{
    background:#1f1f1f;
    color:#bbb
}
.color_scheme_dark .header-wrap .sign-wrap .search-box .searchbox input::placeholder{
    color:#bbb
}
.color_scheme_dark .header-wrap .sign-wrap .nickname{
    color:#bbb
}
.color_scheme_dark .header-wrap .sign-wrap .userbox{
    background:#0c0c0e;
    border:0
}
.color_scheme_dark .header-wrap .sign-wrap .userbox a{
    color:#bbb
}
.color_scheme_dark .header-wrap .sign-wrap .userbox a:hover{
    background:rgba(255,255,255,0.03)
}
.color_scheme_dark .footer-wrap{
    border-color:#38383d
}
.color_scheme_dark .footer-wrap .copyright-wrap{
    border-color:#38383d
}
.color_scheme_dark .footer-wrap a{
    color:#bbb
}
.color_scheme_dark .contents-wrap .login-header .logo img{
    filter:invert(1)
}
.color_scheme_dark .contents-wrap .xm *,.color_scheme_dark .contents-wrap .xc *{
    color:#bbb !important
}
.color_scheme_dark .contents-wrap .xm hr,.color_scheme_dark .contents-wrap .xc hr{
    color:#38383d
}
.color_scheme_dark .contents-wrap .xm .signin,.color_scheme_dark .contents-wrap .xc .signin{
    background-color:#1f1f1f
}
.color_scheme_dark .contents-wrap .xm .signin .login-header h1,.color_scheme_dark .contents-wrap .xc .signin .login-header h1{
    color:#bbb !important
}
.color_scheme_dark .contents-wrap .xm .signin .login-body input,.color_scheme_dark .contents-wrap .xc .signin .login-body input{
    background-color:#2c2c2c
}
.color_scheme_dark .contents-wrap .xm .signin .login-footer,.color_scheme_dark .contents-wrap .xc .signin .login-footer{
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none
}
.color_scheme_dark .contents-wrap .xm section form input,.color_scheme_dark .contents-wrap .xc section form input{
    background-color:#2c2c2c;
    border-color:#38383d
}
.color_scheme_dark .join-wrap .join-header h1{
    color:#5b68f4
}
.color_scheme_dark .join-wrap .join-body .step-wrap #progressbar li.active{
    color:#5b68f4
}
.color_scheme_dark .join-wrap .join-body .welcome-wrap{
    background-color:#242424
}
.color_scheme_dark .join-wrap .join-body .welcome-wrap .title{
    color:#5b68f4
}
.color_scheme_dark .join-wrap .join-body .welcome-wrap .desc{
    color:#bbb
}
.color_scheme_dark .xm #fo_insert_member .agreement{
    background:transparent;
    border:0
}
.color_scheme_dark .xm #fo_insert_member .agreement .text{
    background:inherit;
    border-color:#38383d
}
.color_scheme_dark .xm #fo_insert_member input[type='text'],.color_scheme_dark .xm #fo_insert_member input[type='password'],.color_scheme_dark .xm #fo_insert_member input[type='email'],.color_scheme_dark .xm #fo_insert_member input[type='tel'],.color_scheme_dark .xm #fo_insert_member input[type='url'],.color_scheme_dark .xm #fo_insert_member select{
    background-color:#2c2c2c;
    border-color:#38383d
}
.color_scheme_dark .xm #fo_insert_member input[type='text']:focus,.color_scheme_dark .xm #fo_insert_member input[type='password']:focus,.color_scheme_dark .xm #fo_insert_member input[type='email']:focus,.color_scheme_dark .xm #fo_insert_member input[type='tel']:focus,.color_scheme_dark .xm #fo_insert_member input[type='url']:focus,.color_scheme_dark .xm #fo_insert_member select:focus{
    border-color:#5b68f4 !important
}
.color_scheme_dark .xm #fo_insert_member .control-group .controls input{
    border-color:#38383d;
    color:#text-color-dark
}
.color_scheme_dark .message.error{
    border-color:#e84e4f;
    color:#e84e4f;
    background-color:#9c2b2e
}
.color_scheme_dark #access{
    background-color:#1f1f1f
}
.color_scheme_dark #access .login-header h1{
    color:#bbb
}
.color_scheme_dark #access .login-header .message.location{
    background-color:#28282d;
    color:#bbb
}
.color_scheme_dark #access .login-body .button{
    background-color:#000;
    color:#bbb;
    border:0
}
.color_scheme_dark #nc_container{
    background:#000;
    border-bottom:0;
    padding:10px
}
.color_scheme_dark .alarm-list-wrap{
    background:#010409;
    border:1px solid #3d444db3;
    border-radius:8px;
    box-shadow:0 10px 25px rgba(0,0,0,0.3)
}
.color_scheme_dark .alarm-list-wrap .nc_memu{
    border-bottom:1px solid #374151
}
.color_scheme_dark .alarm-list-wrap .nc_memu li{
    color:#e5e7eb
}
.color_scheme_dark .alarm-list-wrap .nc_memu li.nc_profile strong{
    color:#f9fafb
}
.color_scheme_dark .alarm-list-wrap .nc_memu li a{
    color:#9ca3af
}
.color_scheme_dark .alarm-list-wrap .nc_memu li a:hover{
    color:#f3f4f6
}
.color_scheme_dark .alarm-list-wrap .nc_memu li a.close{
    color:#ef4444
}
.color_scheme_dark .alarm-list-wrap .nc_memu li a.close:hover{
    color:#dc2626
}
.color_scheme_dark .alarm-list-wrap .nc_memu li a.readall{
    color:#60a5fa
}
.color_scheme_dark .alarm-list-wrap .nc_memu li a.readall:hover{
    color:#3b82f6
}
.color_scheme_dark .alarm-list-wrap .list ul li{
    border-bottom:1px solid #656c7633
}
.color_scheme_dark .alarm-list-wrap .list ul li:last-child{
    border-bottom:none
}
.color_scheme_dark .alarm-list-wrap .list ul li:only-child{
    color:#9ca3af;
    text-align:center;
    font-style:italic
}
.color_scheme_dark .alarm-list-wrap .list ul li a{
    color:#e5e7eb
}
.color_scheme_dark .alarm-list-wrap .list ul li a:hover{
    background:#656c7633
}
.color_scheme_dark .alarm-list-wrap .list ul li a .msg{
    color:#f3f4f6
}
.color_scheme_dark .alarm-list-wrap .list ul li a .ago{
    color:#9ca3af
}
.color_scheme_dark .alarm-list-wrap .list ul li a .nc_profile_img{
    border:2px solid #374151
}
.color_scheme_dark .alarm-list-wrap .list .more{
    background:#238636;
    color:#e5e7eb;
    border-top:1px solid #4b5563
}
.color_scheme_dark .alarm-list-wrap .list .more:hover{
    background:#289a3e;
    color:#f9fafb
}
.color_scheme_dark .alarm-list-wrap .list.listscroll{
    scrollbar-width:thin;
    scrollbar-color:#4b5563 #1f2937
}
.color_scheme_dark .alarm-list-wrap .list.listscroll::-webkit-scrollbar{
    width:6px
}
.color_scheme_dark .alarm-list-wrap .list.listscroll::-webkit-scrollbar-track{
    background:#1f2937
}
.color_scheme_dark .alarm-list-wrap .list.listscroll::-webkit-scrollbar-thumb{
    background:#4b5563;
    border-radius:3px
}
.color_scheme_dark .alarm-list-wrap .list.listscroll::-webkit-scrollbar-thumb:hover{
    background:#6b7280
}
.color_scheme_dark .btn{
    background:transparent;
    color:#bbb;
    border-color:#38383d;
    text-shadow:none
}
.color_scheme_dark .btn.btn-inverse{
    background:#000;
    border-color:#38383d
}
.color_scheme_dark .btnArea{
    display:flex;
    gap:1rem
}
.color_scheme_dark .xm #fo_insert_member .btnArea{
    border-color:#38383d !important
}
.color_scheme_dark .xm .dl-horizontal,.color_scheme_dark .xc .dl-horizontal{
    border-color:#38383d
}
.color_scheme_dark .xm .dl-horizontal dt,.color_scheme_dark .xm .dl-horizontal dd,.color_scheme_dark .xc .dl-horizontal dt,.color_scheme_dark .xc .dl-horizontal dd{
    border-color:#38383d
}
.color_scheme_dark .xm .nav-tabs,.color_scheme_dark .xc .nav-tabs{
    border-color:#38383d
}
.color_scheme_dark .xm .nav-tabs li a:hover,.color_scheme_dark .xm .nav-tabs li a:focus,.color_scheme_dark .xc .nav-tabs li a:hover,.color_scheme_dark .xc .nav-tabs li a:focus{
    background-color:#1f1f1f;
    border-color:#38383d
}
.color_scheme_dark .xm .nav-tabs li.active a,.color_scheme_dark .xm .nav-tabs li.active a:hover,.color_scheme_dark .xm .nav-tabs li.active a:focus,.color_scheme_dark .xc .nav-tabs li.active a,.color_scheme_dark .xc .nav-tabs li.active a:hover,.color_scheme_dark .xc .nav-tabs li.active a:focus{
    background-color:#1f1f1f;
    border-color:#38383d
}
.color_scheme_dark .xm textarea,.color_scheme_dark .xm input[type="text"],.color_scheme_dark .xm input[type="password"],.color_scheme_dark .xm input[type="datetime"],.color_scheme_dark .xm input[type="datetime-local"],.color_scheme_dark .xm input[type="date"],.color_scheme_dark .xm input[type="month"],.color_scheme_dark .xm input[type="time"],.color_scheme_dark .xm input[type="week"],.color_scheme_dark .xm input[type="number"],.color_scheme_dark .xm input[type="email"],.color_scheme_dark .xm input[type="url"],.color_scheme_dark .xm input[type="search"],.color_scheme_dark .xm input[type="tel"],.color_scheme_dark .xm input[type="color"],.color_scheme_dark .xm input,.color_scheme_dark .xm select,.color_scheme_dark .xc textarea,.color_scheme_dark .xc input[type="text"],.color_scheme_dark .xc input[type="password"],.color_scheme_dark .xc input[type="datetime"],.color_scheme_dark .xc input[type="datetime-local"],.color_scheme_dark .xc input[type="date"],.color_scheme_dark .xc input[type="month"],.color_scheme_dark .xc input[type="time"],.color_scheme_dark .xc input[type="week"],.color_scheme_dark .xc input[type="number"],.color_scheme_dark .xc input[type="email"],.color_scheme_dark .xc input[type="url"],.color_scheme_dark .xc input[type="search"],.color_scheme_dark .xc input[type="tel"],.color_scheme_dark .xc input[type="color"],.color_scheme_dark .xc input,.color_scheme_dark .xc select{
    background-color:#1f1f1f;
    border-color:#38383d
}
.color_scheme_dark .xm table,.color_scheme_dark .xm .table,.color_scheme_dark .xc table,.color_scheme_dark .xc .table{
    border-color:#38383d
}
.color_scheme_dark .xm table th,.color_scheme_dark .xm table td,.color_scheme_dark .xm .table th,.color_scheme_dark .xm .table td,.color_scheme_dark .xc table th,.color_scheme_dark .xc table td,.color_scheme_dark .xc .table th,.color_scheme_dark .xc .table td{
    border-color:#38383d
}
.color_scheme_dark .xm table.table-hover tbody tr:hover>td,.color_scheme_dark .xm table.table-hover tbody tr:hover>th,.color_scheme_dark .xm .table.table-hover tbody tr:hover>td,.color_scheme_dark .xm .table.table-hover tbody tr:hover>th,.color_scheme_dark .xc table.table-hover tbody tr:hover>td,.color_scheme_dark .xc table.table-hover tbody tr:hover>th,.color_scheme_dark .xc .table.table-hover tbody tr:hover>td,.color_scheme_dark .xc .table.table-hover tbody tr:hover>th{
    background-color:#2c2c2c
}
.color_scheme_dark .xm .table-striped tbody>tr:nth-child(2n+1)>td,.color_scheme_dark .xm .table-striped tbody>tr:nth-child(2n+1)>th,.color_scheme_dark .xc .table-striped tbody>tr:nth-child(2n+1)>td,.color_scheme_dark .xc .table-striped tbody>tr:nth-child(2n+1)>th{
    background-color:#2c2c2c
}
.color_scheme_dark .xm .pagination ul li a,.color_scheme_dark .xm .pagination ul li span,.color_scheme_dark .xc .pagination ul li a,.color_scheme_dark .xc .pagination ul li span{
    background-color:#1f1f1f;
    border-color:#38383d
}
.color_scheme_dark .xm button,.color_scheme_dark .xc button{
    background-color:#242424;
    border-color:#38383d;
    border-width:1px;
    border-style:solid;
    white-space:nowrap
}
.color_scheme_dark .misolSearch{
    background-color:#1f1f1f;
    color:#bbb
}
.color_scheme_dark .misolSearch section.misolSearchSection{
    background-color:#1f1f1f;
    box-shadow:none
}
.color_scheme_dark .misolSearch ul.misolSearchTabA>li a:hover,.color_scheme_dark .misolSearch ul.misolSearchTabA>li.active a,.color_scheme_dark .misolSearch ol.misolSearchTabA>li a:hover,.color_scheme_dark .misolSearch ol.misolSearchTabA>li.active a{
    color:#bbb
}
.color_scheme_dark .misolSearch div.misolTab{
    border-color:#38383d
}
.color_scheme_dark .misolSearch ul.misolSearchTabA>li a span,.color_scheme_dark .misolSearch ol.misolSearchTabA>li a span{
    border-color:#38383d
}
.color_scheme_dark .misolSearch ul.misolSearchTabA>li a,.color_scheme_dark .misolSearch ol.misolSearchTabA>li a{
    color:#bbb
}
.color_scheme_dark .misolSearch .misolTop{
    border-color:#38383d
}
.color_scheme_dark .misolSearch .misolTop h1{
    color:#bbb
}
.color_scheme_dark .misolSearch .misolSearch_list .cont_a{
    color:#bbb
}
.color_scheme_dark .misolSearch .content_basic section.item h1,.color_scheme_dark .misolSearch .content_basic section.item p,.color_scheme_dark .misolSearch .content_basic section.item address{
    color:#bbb
}
.color_scheme_dark .misolSearch .searchBox input.keyword[type="text"]{
    background-color:#2c2c2c;
    border:0;
    color:#bbb
}
.color_scheme_dark .misolSearch .searchBox input.keyword[type="text"]:focus,.color_scheme_dark .misolSearch .searchBox input.keyword[type="text"]:hover{
    border:0;
    outline:0
}
.color_scheme_dark .misolSearch .searchBox input[type="submit"]{
    background-color:#5b68f4;
    border-color:#5b68f4;
    border:0
}
.color_scheme_dark .misolSearch .searchBox input[type="submit"]:hover{
    background-color:#2b3cf1
}
@media all and (max-width: 769px){
    .header-wrap .sitemapbox .grid{
        filter:initial
    }
}
#nc_container+.ncenterlite_block{
    height:initial
}
.alarm-list-wrap .list ul li a{
    display:flex;
    align-items:flex-start;
    gap:8px
}
.alarm-list-wrap .list ul li a .msg{
    font-size:12px
}
.alarm-list-wrap .list ul li a .ago{
    font-size:11px;
    white-space:nowrap
}
.alarm-list-wrap .list .nc_profile_img{
    border-radius:50%
}
.alarm-list-wrap{
    display:none;
    position:absolute;
    border:1px solid #eee;
    background:#fff;
    width:260px;
    transform:translateX(-50%);
    box-shadow:4px 4px 8px rgba(0,0,0,0.1);
    z-index:999
}
.alarm-list-wrap.active{
    display:block
}
.alarm-list-wrap ul{
    margin:0;
    padding:0
}
.alarm-list-wrap ul li{
    margin:0;
    padding:0;
    border-bottom:1px solid #eee;
    font-size:13px;
    list-style:none
}
.alarm-list-wrap ul li a{
    padding:8px;
    color:#444;
    display:block;
    text-overflow:ellipsis;
    overflow:hidden
}
.alarm-list-wrap ul li a .ago{
    color:#999
}
.alarm-list-wrap .nomore{
    padding:16px;
    font-style:normal
}
.alarm-list-wrap a.more{
    text-align:center;
    width:100%;
    display:block;
    padding:8px 0
}
@media all and (max-width: 769px){
    .el-elsa.on{
        left:70vw
    }
    .header-wrap{
        padding:.5rem 0
    }
    .header-wrap.fixed{
        position:fixed;
        width:100%;
        background:#fff;
        z-index:1
    }
    .header-wrap .inner{
        padding:0 .5rem
    }
    .header-wrap .gnb-wrap{
        display:none
    }
    .header-wrap .gnb-wrap_{
        height:3.6rem
    }
    .header-wrap .gnb-wrap_ ul{
        width:100%;
        overflow:scroll;
        -ms-overflow-style:none;
        scrollbar-width:none
    }
    .header-wrap .gnb-wrap_ ul::-webkit-scrollbar{
        display:none
    }
    .header-wrap .gnb-wrap_ ul li span{
        white-space:nowrap;
        padding:0 .8rem;
        font-size:1.4rem;
        color:#999
    }
    .header-wrap .gnb-wrap_ ul li.on span{
        color:#111;
        font-weight:500
    }
    .header-wrap .sign-wrap i{
        width:2.4rem !important;
        height:2.4rem !important;
        background-size:75%;
        margin-right:0.8rem
    }
    .header-wrap .sign-wrap i.on:after,.header-wrap .sign-wrap i:hover:after{
        width:2.4rem;
        height:2.4rem
    }
    .header-wrap:after{
        width:0;
        height:0;
        border-top:5px solid transparent;
        border-bottom:5px solid transparent;
        border-left:5px solid #303996;
        border-right:0;
        transform:rotate(0deg);
        bottom:-6px;
        right:0
    }
    .header-wrap .sitemapbox .grid{
        background-image:url("../img/ico-menu-light.svg");
        width:3.6rem;
        height:3.6rem
    }
    .header-wrap .sitemapbox .grid:after{
        content:"";
        background:#000;
        border-radius:50%;
        width:3.6rem;
        height:3.6rem;
        display:block;
        z-index:-1;
        position:absolute
    }
    .header-wrap .sitemapbox .lnb-wrap{
        bottom:5rem;
        width:70vw;
        max-width:30rem;
        gap:0;
        padding:0;
        grid-template-columns:1fr 1fr 1fr;
        box-sizing:border-box;
        grid-template-rows:masonry
    }
    .header-wrap .sitemapbox .lnb-wrap i{
        width:2.4rem !important;
        height:2.4rem !important
    }
    .header-wrap .sitemapbox .lnb-wrap i:after{
        width:inherit;
        height:inherit
    }
    .header-wrap .sitemapbox .lnb-wrap.on{
        display:flex;
        flex-direction:column;
        justify-content:space-between
    }
    .header-wrap .sitemapbox .lnb-wrap.on ul{
        flex:auto
    }
    .header-wrap .sitemapbox .lnb-wrap.on.floating{
        height:100svh;
        top:0;
        overflow:auto;
        left:0;
        position:fixed
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-header,.header-wrap .sitemapbox .lnb-wrap .lnb,.header-wrap .sitemapbox .lnb-wrap .menu-box,.header-wrap .sitemapbox .lnb-wrap .lnb-footer{
        padding:1.6rem .8rem;
        border-top:1px solid #2e2e2e
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-header{
        border-top:0;
        display:flex;
        align-items:center;
        justify-content:space-between
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-header .sign-box{
        display:flex;
        align-items:center;
        color:#fff;
        gap:.5rem
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-header .sign-box i{
        filter:invert(1)
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-header .sign-box i:after{
        content:none
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-header .sign-box .btn-logout{
        display:flex;
        color:#fff;
        align-items:center;
        gap:.5rem
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb{
        padding:0
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb a{
        padding:0rem 1.6rem
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb .depth2{
        padding:0 0 0 10px
    }
    .header-wrap .sitemapbox .lnb-wrap .v-menu{
        flex-direction:column
    }
    .header-wrap .sitemapbox .lnb-wrap .h-menu a{
        display:flex;
        flex-direction:column
    }
    .header-wrap .sitemapbox .lnb-wrap .menu-box{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:.5rem
    }
    .header-wrap .sitemapbox .lnb-wrap .menu-box a{
        display:flex;
        color:#fff;
        align-items:center;
        justify-content:center;
        gap:.5rem;
        width:100%;
        justify-content:flex-start;
        line-height:2
    }
    .header-wrap .sitemapbox .lnb-wrap .menu-box a span{
        color:inherit
    }
    .header-wrap .sitemapbox .lnb-wrap .menu-box i{
        filter:invert(1)
    }
    .header-wrap .sitemapbox .lnb-wrap .menu-box i:after{
        content:none
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-footer{
        border-top:1px solid #2e2e2e;
        padding:0
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-footer i{
        width:inherit;
        height:inherit;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-footer i:after{
        content:none
    }
    .header-wrap .sitemapbox .lnb-wrap .lnb-footer .btnTop{
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        background:transparent;
        width:100%;
        border:0;
        padding:.8rem;
        font-size:1.3rem
    }
    .header-wrap .sign-wrap{
        margin-right:.5rem
    }
    .header-wrap .sign-wrap .user-box .userbox{
        right:1rem
    }
    .header-wrap .sign-wrap .alarm-box .num{
        width:12px;
        height:12px;
        font-size:8px
    }
    .header-wrap .sign-wrap .search-box .searchbox{
        height:4.6rem
    }
    .header-wrap .sign-wrap .search-box .searchbox .btn-close{
        width:4.6rem;
        height:4.6rem;
        margin-right:initial
    }
    .header-wrap .sign-wrap .search-box .searchbox .btn-close i{
        width:2.4rem;
        height:2.4rem
    }
    .header-wrap .sign-wrap .search-box form{
        margin:0
    }
    .header-wrap .logo img{
        height:1.6rem
    }
    .contents-wrap{
        /*padding:0*/
    }
    .contents-wrap .inner{
        flex-direction:column;
        padding:0 .8rem
    }
    .post-wrap .input-wrap{
        padding:.8rem !important
    }
    .post-wrap .input-wrap .label{
        display:none
    }
    .footer-wrap{
        margin-top:1.6rem
    }
    .footer-wrap:after{
        width:0;
        height:0;
        border-top:5px solid transparent;
        border-bottom:5px solid transparent;
        border-left:5px solid #303996;
        border-right:0;
        transform:rotate(0deg);
        top:-6px;
        right:0
    }
    .contents-wrap #access,.contents-wrap .signin{
        width:100%
    }
}
@media all and (min-width: 1200px){
    .block-lg{
        display:block
    }
    .hide-lg{
        display:none !important
    }
}
@media (min-width: 768px){
    .hide-lg{
        display:none !important
    }
}
@media all and (max-width: 768px){
    .hide-sm{
        display:none !important
    }
    .block-sm{
        display:block
    }
}
/*# sourceMappingURL=style.min.css.map */
 