@charset "UTF-8";

section{padding: 0px;min-height: calc(100vh - 189px);}
section .content{ margin: 0 auto; padding: 100px 50px 50px;    max-width: 1240px; min-width: 1240px;}

/* join */
.join .content{ width: fit-content;min-width: 600px;}
.join h2{padding:0px 0 30px; font-size: 32px;text-align: center; }
.join h2 span{font-weight: 800; font-size: 48px; color: var(--color-sub-orange);}
/* join input */
.join .join_input_box {width: 100%; margin: 30px 0;}
.join .input_btn{border:1px solid var(--color-input-border); border-radius: 4px;background-color: var(--color-white); padding: 8px 18px;margin-bottom: 16px; display: flex; align-items: center; position: relative;}
.join .input_btn:last-of-type{margin-bottom: 0; }
.join .input_btn label{padding:0px 18px 0 0; border-right: 1px solid var(--color-input-border); width: 100px;text-align: center; cursor: default;}
.join .input_btn input{border: 0 ;padding:0px 0 0 18px; width: 100%;line-height: 34px;}
.join .input_btn button{padding: 0px 12px;width: 100px;  font-size: 13px; border-radius: 4px; line-height: 32px;}
.join .input_btn:last-of-type input{width: calc(100% - 100px);}
.join .input_btn .time{position: absolute; right: 120px; font-size: 13px; color: var(--color-loc-txt);}
.join .bottom_menu{margin-top: 16px;}
.join .bottom_menu ul{display: flex; align-items: center; justify-content: center;}
.join .bottom_menu ul li{border-right: 1px solid var(--color-input-place);padding:0px 20px;}
.join .bottom_menu ul li:last-child{border: 0;}
.join .bottom_menu ul li a{color: var(--color-input-place); font-size: 13px; line-height: 1.6; text-underline-position: under;}
.join .bottom_menu ul li a:hover{text-decoration: underline;}

/*location 공통*/
.main_tit{display: flex;  align-items: center; justify-content: space-between; padding:0px 0 30px 0}
.main_tit h3{font-size: 28px; font-weight: 700;}
.main_tit .location_wrap ul{display: flex; align-items: center; justify-content: flex-end;}
.main_tit .location_wrap ul li{display: flex; align-items: center;  justify-content: center;}
.main_tit .location_wrap ul li:first-child{font-size: 0; text-indent: -999999px; background-image: url(../img/home.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center;}
.main_tit .location_wrap ul li::after{content: '>'; display: block; padding: 0 10px; color: var(--color-loc-txt);font-size: 14px; text-indent: 0;}
.main_tit .location_wrap ul li:first-child::after{padding: 0 10px 0 50px;}
.main_tit .location_wrap ul li:last-child::after{content: ''; display: none;}
.main_tit .location_wrap ul li:last-child a{color: var(--color-main);}
.main_tit .location_wrap ul li a{color: var(--color-loc-txt)}

/* dashboard */
article{padding-bottom: 30px;}
article:last-of-type{padding-bottom: 0;} 
/* chart */
.chart_wrap{display: flex; align-items: stretch; justify-content: space-between;} 
article .chart{background-color: var(--color-white); border: 1px solid var(--color-dachboard-border);border-radius: 8px; padding: 20px;    width: 100%;  margin-left: 30px;}
article .chart:first-of-type{margin-left: 0;}
article .chart .chart_tit{margin-bottom: 30px;}
article .chart .chart_tit p.bold{padding-top: 4px; font-size: 24px; font-weight: 700; height: 37px;}
/* submenu */
.dashboard .article_tit{font-size: 18px; display: flex; align-items: center;margin-bottom: 20px; font-weight: 700;}
.dashboard .article_tit::before{content: ''; width: 3px; height: 20px; background-color: var(--color-main); display:block; margin-right: 10px;}
.dashboard .article_con{display: flex; align-items: center; justify-content: space-between; width:100%;}
.dashboard .article_con .article_list{background-color: var(--color-white); border: 1px solid var(--color-dachboard-border); display: flex; align-items: center; padding: 20px;width: calc(100% / 4); margin-left: 30px; border-radius: 8px;}
.dashboard .article_con .article_list:first-of-type{margin-left: 0;}
.dashboard .article_con .article_list .left{width: 50px; height: 50px; margin-right: 10px;}
.dashboard .article_con .article_list .right{width: calc(100% - 60px);}
.dashboard .article_con .article_list .right .sub_tit{ display: flex; justify-content: space-between; align-items: center;}
.dashboard .article_con .article_list .right .sub_tit span{font-size: 15px;}
.dashboard .article_con .article_list .right .sub_tit .arrow_btn{ width: 20px; height: 20px; font-size: 0 ; text-indent: -9999999px; background-image: url(../img/arrow-right.png); background-size: contain; background-repeat: no-repeat; background-position: center center;}
.dashboard .article_con .article_list .right .num{margin-top: 5px; font-size: 30px; font-weight: 700;}
.dashboard .article_con.main_image{width: 100%; height: 300px; background-image: url(../img/main_image.png); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.dashboard .article_con.main_image p {width: 100%; text-align: center; color: #ffffff; font-size: 34px;  line-height: 1.7; font-weight: bold;}
.dashboard .article_con.user_num_bth {display: flex; justify-content: flex-end; align-items: center; padding:10px; }
.dashboard .article_con.user_num_bth  button{background-image: url(../img/mainmenu05.png); background-position: 10px center; background-repeat: no-repeat; background-size: 30px;padding:8px 8px 8px 45px;font-weight:bold; transition: all 0.5s;border: 1px solid transparent; border-radius: 50px;}
.dashboard .article_con.user_num_bth  button:hover{border: 1px solid var(--color-main); }
.dashboard .article_con.user_num_bth  button span{ margin-left: 10px; color:var(--color-main);font-weight:bold;}
.dashboard .article_con.user_num_bth  button span::after {
    content: '>';
    display: inline-block;
    padding: 0 0 0 10px;
    color: var(--color-main);
    font-size: 14px;
    text-indent: 0;}

/* notice */
.dashboard .notice_wrap{display: flex; align-items: center; width: 100%;}
.dashboard .notice_wrap .noti{width: calc(100% - 30px); margin-left: 30px;}
.dashboard .notice_wrap .noti:first-of-type{margin-left: 0;}
.dashboard .notice_wrap .noti .article_tit{display: flex; align-items: center;margin-bottom: 20px;}
.dashboard .notice_wrap .noti .article_tit a{display: block; width: 24px; height: 24px; font-size: 0 ; text-indent: -9999999px; background-image: url(../img/more_plus.png); background-size: contain; background-repeat: no-repeat; background-position: center center;margin-left: auto; }
.dashboard .notice_wrap .noti .noti_list{padding: 10px;}
.dashboard .notice_wrap .noti .noti_list ul li{display: flex; align-items: center;justify-content: space-between;margin-bottom: 10px;}
.dashboard .notice_wrap .noti .noti_list ul li:last-child{margin-bottom: 0;}
.dashboard .notice_wrap .noti .noti_list ul.no_noti{height: 100px;}
.dashboard .notice_wrap .noti .noti_list ul.no_noti li{justify-content: center;width: 100%; align-items: center; height: 100%;}

/* list */
/* list_search */
.search_wrap{background-color: var(--color-white); border: 1px solid var(--color-dachboard-border);border-radius: 8px; padding: 30px;}
.search_box{padding-bottom: 20px; width: 100%; display: flex; align-items: center;}
.search_box:last-of-type{padding-bottom: 0px;}
.search_box .input_box{width: calc((100% - 60px) / 3);display: flex ; align-items: center; margin-left: 30px;}
.input_box.w100 select, .input_box.w100 .inpput_txt{width:323px !important;}
.input_box.two_search{width:calc((100% - 40px) / 2) !important;}

.search_box .input_box:first-of-type{margin-left: 0;}
.search_box .input_box .search_label{width:80px; display: flex ; align-items: center;}
.search_box .input_box .search_label::before{content: ''; display: block; width: 4px; height: 4px;border-radius: 4px; background-color: var(--color-main); margin-right: 5px;}
.search_box .input_box select{ width: calc(100% - 80px);}
.search_box .input_box .inpput_txt{ width: calc(100% - 80px);}
.search_box .date_select{width: calc(100% - 100px);}
.search_box .date_select .date_wrap{margin-right: 20px;}
.search_box .date_select .radio_contain{margin-right: 20px;}
.search_box .date_select .radio_contain:last-of-type{margin-right: 0px;}
.search_box .btn_gray_default{margin-left: auto;}
/* list_table */
.list_wrap{background-color: var(--color-white); border: 1px solid var(--color-dachboard-border);border-radius: 8px; padding: 30px;}
.top_btn_con{margin-bottom: 20px; display: flex; justify-content: flex-end;}
.top_btn_con button{ font-size: 13x;}
.table_wrap{}
.table_wrap .btn_area{display: flex; align-items: center; justify-content: space-between;margin-bottom: 20px;height: 35px;}
.table_wrap .btn_area p, .table_wrap .btn_area p span{font-size: 13px;}
.table_wrap .btn_area button:first-of-type{margin-right: 10px;}
.table_wrap .btn_area .excel{display: flex; align-items: center; justify-content: center;}
.table_wrap .btn_area .excel::after{content: ''; display: block; width: 18px; height: 18px; background-image: url(../img/excel.png); background-repeat: no-repeat; background-position: center; background-size: contain; margin-left: 5px;}