@font-face {
    font-family: 'notos';
    url("assets/fonts/NotoSansKR-Regular") format("opentype"),

}



html {font-family: "notos",'sans-serif' !important;}


.room_asset_list {cursor:pointer !important;}
.room_asset_list > span:first-child {color: #6f6f6f;}
.room_asset_list > span:last-child > i {color: #e97d17; font-size:18px;}


.nav_btn {width: 120px;}

.btn.btn-danger.fff_btn {background: #fff;border: 1px solid #6f6f6f;color: #6f6f6f;height: 34px;}
.btn.btn-danger.rgb_111_btn {background: #6f6f6f;border: none; color: #fff;height: 34px;}

#search, #search::placeholder {color: #ffffff !important;}
/*#kt_header {background: rgba( 255, 255, 255, 0 );/*box-shadow: 1px 0px 10px 1px grey !important;* /}*/
#kt_header {background: rgba( 233, 125, 23 );/*box-shadow: 1px 0px 10px 1px grey !important;*/}
.menu-text {color: rgba(255,255,255, 0.8);}
.default_login_bar button, .default_login_bar button a  {color: rgba(255,255,255, 0.8);}

#search.on, #search.on::placeholder {color: #000000 !important;}
/*#kt_header.on {background: rgba( 255, 255, 255, 1 );/*box-shadow: 1px 0px 10px 1px grey !important;* /}*/
#kt_header.on {background: rgba( 233, 125, 23 );/*box-shadow: 1px 0px 10px 1px grey !important;*/}
.menu-text.on {color: rgba(0,0,0, 0.8);}
.default_login_bar button.on, .default_login_bar button a.on  {color: rgba(0,0,0, 0.8);}

/*.menu-link.menu-toggle span {color: rgba(255,255,255, 0.8);}*/
/*.default_login_bar button, .default_login_bar button a  {color: rgba(255,255,255, 0.8);}*/

.login_on button {font-size: 16px; font-weight: bold;}
.login_on .rgb_111_btn {margin: 15px 10px 0 ;}
.login_on .topbar-item {padding-top: 10px;}

.search_wrap.dropdown-menu {display: block !important; position: absolute;top: 15px;left: -750px;height: 34px;line-height: 34px;}
.search_wrap.dropdown-menu .quick-search.quick-search-dropdown {padding: 0 25px !important;background: #fff;}
.quick-search .quick-search-form .form-control {width: 75%;}
.input-group-append {width: 15%;}
.dropdown-menu.dropdown-menu-lg {width: 600px !important; background: none;}


/*메인 페이지 배너*/

/*.login_on_main_banner {width: 1620px;margin: 0 auto;display: flex;justify-content: space-between;height: 100%;}*/
.login_on_main_banner {width: 100%; margin: 0 auto;display: flex;justify-content: space-between;height: 100%;}
.login_on_main_banner_bg{width: 100%; min-height: 220px; background: url("../img/Image_background.png")no-repeat center center;background-size: cover;}
.login_on_main_banner_bg.off{background: url("../img/Image_background.png")no-repeat center center;background-size: cover;}
.login_on_main_banner_bg.on{background: url("../img/Image_background.png")no-repeat center center;background-size: cover;}
.login_on_main_banner > div {width: 50%;height: 100%;}
@media (min-width: 992px) {
    /*.header-fixed .wrapper { padding-top: 65px; }*/
    /*.header-fixed.subheader-fixed.subheader-enabled .wrapper { padding-top: 65px; }*/
    /*.aside-fixed .wrapper {*/
    /*  padding-left: 150px; }*/
    .login_on_main_banner_bg{height: 800px;}


}
@media(min-width: 609px){
    .month_center {display:block !important;}
    .month_center2 {display:none !important;}
}
@media ( max-width: 608px) and (min-width: 335px){
    .month_center {display:none !important;}
    .month_center2 {display:block !important;}
}
.banner_text_box {padding-top: 0px;}
.banner_text_box p {font-size: 68px; font-weight: bold;}
/*.banner_text_box.on p {color: #913CCB;}*/
.banner_text_box.on p {color: #ffffff;}
.banner_text_box.off p {color: #ffffff;}


/**/


/*팝업*/

/*    회원가입 팝업*/
.popup_wrap {position: fixed;width: 100%; height: 100%; background: rgba(0,0,0,0.5);z-index: 9999;display: none;}
.popup_list {width: 600px; margin: 50px auto 0; background: #fff;border-radius: 10px;padding: 20px;display: none;}
.sign_up_top {display: flex;justify-content: space-between;}
.sign_up_top p {font-size: 18px;margin-bottom: 20px;font-weight: bold; }
.sign_up_top button {background: none; border: none;    font-size: 18px;height: 20px; }
.sign_up_form {height: 500px; overflow-y: scroll;}
.sign_up_form::-webkit-scrollbar{width: 2px;background: #c3c3c3;}
.sign_up_form::-webkit-scrollbar-thumb {background: #000;}
.popup_list select {padding: 0 10px;width: 100%; height: 40px; margin: 10px 0;border: 1px solid #c7c7c7;border-radius: 5px;}
.popup_list input {width: 100%;border-radius: 5px;border: 1px solid #c7c7c7;
    height: 40px;padding: 0 10px}

.popup_list input.check_input  { padding: 0;    width: 16px;height: 16px;vertical-align: middle;position: relative;top: -1px;}
.popup_list label {font-size: 16px; font-weight: bold; margin-bottom: 0.5rem;margin-top: 0.5rem }
.sign_up_btn,.login_btn {background: #232323;color: #fff;}
.error_text p {color: red;margin: 5px 0;}
.find_btn_box {color: #c3c3c3;text-align: center;padding-top: 20px;}
.find_btn_box button {font-size: 13px;border: none; background: none; padding: 0 10px; }
.find_btn_box button:first-child {border-right: 1px solid #000;}



.quick-search{ background: rgba(255,255,255, 0.3) !important;}
    /*footer*/
/*왜 푸터 이미지는 절반만 보이나?*/
footer {
    background: linear-gradient(135deg, #E97D17,#FFAF64);
}
footer > div {
    background-image: url(/assets/img/footer_bg_x.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    /*background-position-y: 100px;*/}
footer > div {padding: 20px 0;color: #fff;}

footer > div > div:first-child {}
footer > div > div:first-child > div {width:100%; max-width: 1620px; margin: 0 auto 20px;}
footer > div  div:first-child p{margin-bottom: 10px;}
footer > div  div:first-child p a {color :#fff; font-size:18px; font-weight: bold;}
footer > div div:last-child {width:100%; max-width: 1620px; margin: 20px auto 0;}

footer > div div:last-child ul:first-child {margin-bottom: 10px;}
footer > div div:last-child ul:first-child li {display: inline-block;padding: 0 10px;}
footer > div div:last-child ul:first-child li:last-child {display: inline-block;padding: 0 20px;}

footer > div div:last-child li a {color: #fff;font-size:18px;font-weight: bold;}
footer > div div:last-child ul:last-child li { font-size:18px;font-weight: bold }
footer > div div:last-child ul:last-child li:last-child > span {margin-left:25px;font-weight: normal;}
footer > div div:last-child ul:first-child li:first-child {border-right: 1px solid #fff;padding: 0 20px 0 0}

/*메인 페이지 */


.Asset_list_wrap.gallery_list > p {font-size: 14px; margin-bottom: 10px;}
.Asset_list_wrap.gallery_list li {    width: 19%;margin: 0 0.5% 1% 0.5%;}
.Asset_list_wrap.gallery_list li input {position: relative;z-index: 100}
.Asset_list_wrap.gallery_list li img {cursor: pointer;}
/*로그인 후 *

/*로그인전*/
.login_off_main_wrap {width: 100%;max-width: 1920px;margin: 0 auto;}

.main_3D_Asset_box {background: #6f6f6f;height: 600px;}

.login_off_mini_banner { padding: 40px 0; background:#f3f3f3;}
/*.login_off_mini_banner ul {width: 1400px; margin:0 auto;;display: flex;justify-content: space-between;}*/
.login_off_mini_banner ul {width: 80%; margin:0 auto;;display: flex;justify-content: space-between;}
.login_off_mini_banner li {width: 33%;text-align: center;}
.login_off_mini_banner li a {color: #fff;}
.login_off_mini_banner li a img {width: 240px;}
.login_off_mini_banner li p {margin-top: 20px;font-size: 20px;color: #30315C;font-weight: bold; }
.login_off_mini_banner li p:last-child {font-size: 16px;}






/*asset_list*/

.Asset_list_wrap {width: 1200px; margin: 40px auto ;}

.Asset_list_wrap > ul{overflow: hidden;height: auto; transition: 1s;max-height: 730px;}
.Asset_list_wrap > ul.on {overflow: unset;height: auto;transition: 1s;max-height: unset;}


.Asset_list_wrap li {float: left; width: 280px; margin-bottom:10px; /*margin: 0 10px 10px;*/}
.Asset_list_wrap li div {padding:  4px 10px ;border: 1px solid #B4B4B4;background: #fff;}
.Asset_list_wrap li div img {vertical-align: top;width: 32px !important;;}
.Asset_list_wrap li div p {color: #000;font-size: 14px;line-height: 34px;font-weight: bold;}
.Asset_list_wrap li div img ,.Asset_list_wrap li div p {display: inline-block}
.asset_list_more_btn, .login_asset_list_more_btn {width: 200px; height: 40px; line-height: 40px; color: #fff;background: #707070; border-radius: 5px;}




/*로그인후*/
.login_on_main_top_box {background: #F5F5F5;padding-top: 20px;}
.login_on_main_slide {background: #F5F5F5; max-width: 100%; min-width: 100%; min-height:400px;}
.login_on_main_slide > .slide-box {background: #F5F5F5; max-width: 1600px; min-width: 440px; margin: auto;min-height:400px;}
.login_on_main_slide > .slide-box > .center {min-height:400px;}

/*.login_on_main_top h2 {width: 1200px; margin:0 auto;height: 50px; line-height:50px;font-size: 20px; font-weight: bold;}*/
.login_on_main_top h2 {width: 100%; margin:0 auto;height: 50px; line-height:50px;font-size: 20px; font-weight: bold;}
.login_on_main_top h2 span {border-bottom: 2px solid #000;    padding: 5px 0;}
/*.login_on_main_menu {width: 1400px; margin: 0 auto;}*/
.login_on_main_menu {width: 100%; margin: 0 auto;}

.login_on_main_menu li {display: inline-block;padding: 20px 10px;text-align: center;}
.login_on_main_menu li.cate_li :hover {background: #e97d17;}
.login_on_main_menu li i {margin-bottom: 10px;}
.login_on_main_menu li a {display: block;    width: 68px;
    height: 68px;
    padding: 18px 0;
    border: 1px solid #B4B4B4;
    border-radius: 50%;box-shadow: 0px 2px 2px #0000000D;}
.login_on_main_menu li:hover {background: #fff;color: #000 !important;}
.login_on_main_menu li.on {background: #fff;color: #000 !important;}
.login_on_main_menu li.on h3{color: #000 !important;}
.login_on_main_menu li:hover h3 {color: #000;}
/*.login_on_main_top_drop_menu {width: 1800px; margin: 0 auto;padding: 10px 0;}*/
.login_on_main_top_drop_menu {width: 100%; margin: 0 auto;padding: 10px 0;}
.login_on_main_top_drop_menu > div{display: inline-block;}
.login_on_Asset_list_wrap_bg {background:  #F5F5F5;}
.login_on_Asset_list_wrap > ul{overflow: hidden;height: auto; transition: 1s;}
.login_on_Asset_list_wrap > ul.on {overflow: unset;height: auto;transition: 1s;max-height: unset;}

/*.login_on_Asset_list_wrap {width: 1620px; margin: 0 auto 0;padding-top: 20px;}*/
.login_on_Asset_list_wrap {width: 100%; max-width: 1620px; margin: 0 auto 0;padding-top: 20px;}
.login_on_Asset_list_wrap li {float: left; /*width: 280px;margin: 0 24.5px 10px;*/  overflow:hidden; margin-bottom:20px;}
.login_on_Asset_list_wrap li div {padding: 5px ;}
.login_on_Asset_list_wrap li div img {vertical-align: top;}
.login_on_Asset_list_wrap li div p {color: #000;display: inline-block;}
.login_on_Asset_list_wrap li div p span {margin-left: 10px;}
.login_on_Asset_list_wrap li div img ,.Asset_list_wrap li div p {display: inline-block}



.login_on_asset_list_default {width: 100%; max-width: 1620px; margin: 0 auto 0;padding-top: 20px;}
.login_on_asset_list_default li {float: left; width: 600px;margin: 0 24.5px 10px;  overflow:hidden; }
.login_on_asset_list_default li div {padding: 5px ;}
.login_on_asset_list_default li div img {vertical-align: top;}
.login_on_asset_list_default li div p {color: #000;}
.login_on_asset_list_default li div p span {margin-left: 10px;}
.login_on_asset_list_default li div img ,.Asset_list_wrap li div p {display: block}
.defaultTxtBox { background: #ffffff; }
.defaultTxtBox > p:first-child { font-size:20px; font-weight: bold; margin-bottom: 10px; margin-top: 30px;}
.defaultTxtBox > p { font-size:15px; font-weight: bold;}
.defaultTxtBox > p:last-child { font-size:12px; font-weight: normal; margin-top:10px; margin-bottom: 20px;}



/*.login_on_Asset_list_top {height: 80px; line-height: 80px; width: 1620px; margin: 0 auto;}*/
.login_on_Asset_list_top {height: 80px; line-height: 80px; width: 100%; margin: 0px 30px 0px 30px; text-align: center;}
.login_on_Asset_list_top p {display: inline-block;font-size: 30px; font-weight: bold;}

.datatable-pager {width: 1200px; margin: 0 auto;text-align: center;}
.datatable-pager-nav li {display: inline-block}

.login_on_main_top_drop_menu p.dropdown-item {line-height: 11px;}
.login_on_main_top_drop_menu p.dropdown-item input {margin-right: 3px; }

.login_on_Asset_list_top_wrap {width: 100%;background: #F5F5F5;}


.footer_event_text {position: absolute;top: 70%;left: 80%;font-size: 100px; font-weight: bold;}
/* asset_upload*/

.file_upload {font-size: 15px; font-weight: bold;color: #333333;margin-bottom: 20px;}
.file_upload span {margin-right: 10px;display: inline-block;width: 30px;height: 30px;border-radius: 50%;background: #989898;text-align: center;color: #fff;}
/*.image-input.image_col_bg{width: 100%;height:100%;min-height: 250px;position: relative;}*/
.image-input .image-input-wrapper {width: 100%;height: 100%; }

.btn.btn-white.btn-shadow.image_col_btn {
    top: 100px;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;}

.asset_updat_ex_text { display: inline-block;
    padding: 10px 15px;
    font-size: 13px;
    background: #f4f4f4;
    border-radius: 10px;}


.asset_btn_froup {width: 100%;}
.asset_btn_froup > button:first-child {width: 80%}
.dropdown-menu.s_wrap { transform: translate3d(0, 37px, 0px) !important;width: 100%;}
.dropdown-menu.s_wrap > button{display: block;
    width: 100%;text-align: left;
    height: 60px;padding: 0 110px;
    background: none;}
/*mypage*/

.form-group_p {    margin-left: 16px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;}

/*asset popup*/


.asset_popup_wrap {position: fixed;top: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.8);z-index: 9999;display: none;}

.asset_popup {width: 1320px; margin: 100px auto; background: #F5F5F5; border-radius: 10px; height: 800px;overflow-y: auto;}

.asset_popup_info {width: 100%;padding: 2%; display: flex; justify-content: space-between;}
.asset_popup_info > div:first-child {width: 870px;}
.asset_popup_info > div:first-child > div:first-child img {width: 100%; height: 500px;}
.asset_popup_info > div:first-child > div:last-child {margin-top: 30px;}

.asset_popup_info > div:first-child > div:nth-child(3) p:first-child {font-size: 20px; font-weight: bold;margin-bottom: 30px;}
.asset_popup_info > div:first-child >div:nth-child(3) p:last-child {font-size: 16px; line-height: 40px;}
.asset_popup_info > div:first-child > div:nth-child(3) p:last-child img {width: 40px; height: 40px;margin-right: 20px;}

.asset_popup_top {display: flex;justify-content: space-between;}
.asset_popup_top > p {font-size: 15px; font-weight: bold; color: #000; }


.asset_popup_list_wrap {width: 30%; border-left: 1px solid #f1f1f1; border-radius: 5px; height:100%;}

.asset_popup_x_btn {height: 40px; line-height: 40px; text-align: right;}

.asset_popup_list_wrap > p {font-size: 16px; font-weight: bold; margin-bottom: 10px;}

.asset_popup_list {height:590px; }
.asset_popup_list ul { max-height: 590px;overflow-y: scroll; width: 100%;padding: 0 10px 0 0;}
.asset_popup_list li {cursor: pointer; border: 1px solid #f3f3f3; background: #fff; margin-bottom: 10px; display: flex; justify-content: space-between;}

.asset_popup_list li a {width: 100%;}
.asset_popup_list li img {margin-right: 10px;width: 160px; height: 160px; float:left;}
.asset_popup_list div {text-align: left; padding: 10px;;}
.asset_popup_list div p:first-child {font-size: 12px; font-weight: bold;}
.asset_popup_list div p:last-child {font-size: 10px;}

.asset_popup_list div:last-child  p:last-child { font-size: 10px !important;}

.asset_popup_info_detail {display: blocl; justify-content: space-between;padding: 4%;}

.asset_popup_info_detail > div {width: 100%;}
.asset_popup_info_detail > div > p {text-align: left;font-size: 16px;font-weight: bold;border-bottom: 2px solid #f1f1f1;margin-bottom: 10px;padding-bottom: 5px;}
.asset_popup_info_detail > div:first-child li {background: #fff;margin-bottom: 10px;width: 100%; border: 1px solid #f7f7f7;display: flex;justify-content: space-between;height: 40px; line-height: 40px;padding: 0 10px 0 0;}
.asset_popup_info_detail > div:first-child li p:first-child {font-weight: normal;padding-left: 5px;}

.asset_popup_info_detail > div:first-child  {text-align: right; margin-bottom: 30px;}

.asset_popup_info_detail > div:first-child button {background: none; font-size: 20px; margin-bottom: 10px;}

.asset_popup_info_detail > div:first-child ul:last-child {display: none;}

.asset_popup_info_detail > div:nth-child(2) li{display: flex;justify-content: space-between;line-height: 40px; height: 40px;}
.asset_popup_info_detail > div:nth-child(2) li i {vertical-align: sub;margin-right: 10px;}

/**/
.btn-group-vertical a {color: #000;}


.cateMenu {
    font-size: 12px;
    line-height: 20px;
}

.cateMenu > img {
    width: 20px;margin-right: 10px;
}

.previewFrame {
    width:100%;
    height: 100%;
    border: 0;
}

.previewFrame.on {
    width: 100vw;
    height: 100vh;
    position:fixed;
    top: 0;
    left: 0;
}

.default_btn {
    margin: 0 10px;
    width: 90px;
    background: linear-gradient( to left, #e97d17, #e97d17 ) !important;
    border: none;
    color: #fff !important;
}

.popup_wrap.image_thumb_pop {position: fixed;width: 100%; height: 100%; background: rgba(0,0,0,0.5);z-index: 9999;display: none;}
.popup_list.image_thumb {width: 80%; max-width: 1200px; margin: 50px auto 0; background: #FBFBFB;border-radius: 10px;padding: 20px;display:block;}
.image_thumb > .imgBox {width: 100%; padding:5px; height: 500px; background:rgba(0,0,0,0.2); margin:auto}

/*.pagination-custom > li {*/
/*    float: left;*/

/*}*/

.paging {padding-bottom: 20px;margin: 0 auto;padding-top: 20px;clear: both;max-width: 140px;}

.paging a {color: #999;font-size: 12px;padding: 0 5px;width: 20px;text-align: center;}

.paging a.active {color: #e97d17}

.paging a.next {color: #e97d17;font-size: 12px;top: -1px;position: relative;}

.paging a.prev {color: #e97d17;font-size: 12px;top: -1px;position: relative;}
.pagination-custom { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; padding: 0; }

.pagination-custom li { cursor: pointer; }

.ho_on {background-color: #e97d17;}
.login_btn {background: #e97d17; border-color:#e97d17;}
.login_btn:hover {color:#ffffff;}