/*로그인 */
.loginWrap{position:relative;  top: calc(50vh - 295px);width:480px; text-align:center; font-size:0px; margin:0 auto; overflow:hidden; }

.loginWrap .login_header {text-align:center; margin:0 0 20px 0}
.login_header {position:relative; text-align:left;}
.login_header .top_logo img {width:190px}
.loginWrap .login_left {width:100%; height:100%; display:inline-block;  vertical-align:top; -webkit-box-shadow: 0 0 10px rgb(244 240 255 / 50%); background:#fff; border-radius:5px;  overflow:hidden;  box-shadow: 0 0 10px rgb(244 240 255 / 50%); padding-bottom:30px;}
.home_back  {display:none;}

.loginWrap .login_left .title {}

.loginWrap .login_left .text {padding:30px 0 45px; font-size:15px; color:#fff; text-align:center; background:url('../img/top_header_img.png') no-repeat center top #005b9e;     background-size: 100% auto;}
.loginWrap .login_left .login_form {width:calc(100% - 50px); padding:15px 25px 30px; background:#fff;     -webkit-box-shadow: 0 0 10px rgb(244 240 255 / 50%);    box-shadow: 0 0 10px rgb(244 240 255 / 50%);     background-color: #fff;    background-clip: border-box;    border: 0 solid #f1f5f7;margin:10px auto;  margin: -20px auto 0;  display: block;  border-radius: 5px;}
.loginWrap .login_left .login_form .login-input { margin-top: 10px; text-align:left;}
.loginWrap .login_left .login_form .login-input label {width:100%; display:none; font-size:15px; margin:10px 0 5px; }
.loginWrap .login_left .login_form .login-input input {border:1px solid #f4f4f5; background: #f4f4f5; letter-spacing:-0.025em; width:100%; height: 56px; padding: 0 16px; line-height:54px; box-sizing:border-box; border-radius:6px; display:inline-block; font-size:15px}
.loginWrap .login_left .login_form .login-input input::placeholder {color:#9fa4ab}
.loginWrap .login_left .login_form .login-input input:focus {background:#fff; border:1px solid #eee}

.loginWrap .login_left .login_form .login-input.submit>*  {width:100%;  border-radius:6px;  height:56px;  line-height: 56px;  font-weight: bold;  background: #999;  font-size: 16px; background:#005b9e; color:#fff; font-size:15px;    text-align:center;}

.loginWrap .text_box_wrap { padding:35px 25px 30px;}

.loginWrap .text_box_wrap .text_1 {font-size:20px}
.loginWrap .text_box_wrap .text_2 {font-size:14px}


.loginWrap .login_left .login_info { color:#333; float:right;}
.loginWrap .login_left .login_info .l_line {width:1px; height:10px; background:#ccc; display:inline-block; margin:0 10px}

.loginWrap .login_left .lgoin-auto {font-size:15px; padding:15px 0; width:100%; display:inline-block;}
.loginWrap .login_left .lgoin-auto label {float:left;}
.loginWrap .login_left .lgoin-auto input {margin:0 5px 0 0; font-size:12px;}
.copy_text {font-size:12px; margin-top:20px}
.loginWrap + .copy_text {border-top:0px; padding-top:0px}

.loginWrap .login_id {margin:20px 0}


.member_btn_box {width:100%; display:flex; text-align:center; justify-content: space-between;}
.member_btn_box a {width: calc(50% - 3px);  border-radius:6px;  height:56px;  line-height: 56px; font-weight:bold; background:#999; font-size:16px; color:#fff; display:inline-block;}
.member_btn_box a:first-child {background:#005b9e}


.member_join_Wrap {width:640px; text-align:left;  margin:0px auto; padding:60px 0 40px;}
.member_join_Wrap h2 {font-size:28px; color:#000; text-align:center; padding:40px 0 20px;}


.member_join_Wrap.find_div {position:relative;  top:50%; transform: translate(0, -50%); }

.member_join_top {position: relative; z-index: 1;  padding-bottom: 28px; border-bottom: 1px solid #ddd;}

.member_join_top .member_join_step {position: absolute;  right: 0;  top:0px;}
.member_join_top .member_join_step ol {}
.member_join_top .member_join_step ol li {    position: relative;  float: left;  height: 44px;  margin: 0 0 0 -1px;  padding: 0 12px;  border: 1px solid #eee;  -webkit-box-sizing: border-box;    box-sizing: border-box;  line-height: 42px;  font-size: 14px;  color: #333;  background: #fff;}
.member_join_top .member_join_step ol li.on {margin-right: -1px;  background: #005b9e;   border-color: #005b9e;   color: #fff;   font-weight: bold;  z-index: 10;}

.member_join_top .member_join_step ol li:first-child {border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}
.member_join_top .member_join_step ol li:last-child {border-top-right-radius: 12px;  border-bottom-right-radius: 12px;}



.terms_allok {font-size:14px; width:100%; display:inline-block; margin:0 0 20px 0}
.terms_allok .ch_de_box label .fa {font-size:26px; margin:0 2px 0 0}
.terms_allok label {font-size:17px; color:#333; font-weight:bold; }

.terms_textbox {width: 100%; height:180px; overflow-x: hidden; overflow-y: scroll;  padding: 20px; margin: 10px 0 30px; text-align: left; font-size:14px; color: #999; background: #fff;}
.terms_textbox p.title {margin:20px 0 10px;}
.terms_textbox p.title:first-child {margin-top:0px}
.terms_textbox p.text {margin:10px 0}
.terms_textbox ul.bu {margin:10px 0;}
.terms_textbox ul.bu li {padding:0 0 0 15px; position:relative;}
.terms_textbox ul.bu li:before {width:5px; height:1px; display:block; content:""; background:#ccc; position:absolute; top:8px; left:5px;}


.member_join_step_2 .text {text-align:center;  font-size: 20px;    line-height: 1.25em;}
.member_join_step_2 .text2 {text-align:center;  margin-top: 18px;  font-size: 15px;  line-height: 1.35em; color: #999;  }

.member_join_step_4 {padding-bottom:52px;  border-bottom: 1px solid #ddd;}
.member_join_step_4 .text2 {text-align:center;  margin-top: 18px;  font-size: 15px;  line-height: 1.35em; color: #999;  }



.certification_box {position:relative; width:100%; display: table; margin-top:40px}
.certification_box .left_text_box {position:relative; display: table-cell; float: left;  width: 75%;  justify-content: center; align-items: center;  display:flex; height:84px; padding: 0 20px 0 75px; border-radius:8px 0 0 8px; color: #999;  background: #fff;}
.certification_box .left_text_box:before {position:absolute; top:10px; left:20px; width:40px; height:60px; display:inline-block; content:""; background:url('../img/sms_icon_2.png') no-repeat center center; background-size:40px auto }
.certification_box .right_btn { display: table; float: left;  width: 25%;  color: #999;  background: #fff; border-radius: 0 8px 8px 0; overflow:hidden;}
.certification_box .right_btn em {display: table-cell; text-align:center; vertical-align:middle;  height:84px; padding: 0 20px;  width:100%; color:#fff; background: #005b9e;}

.report_img_box {width: 100%; display: flex;  justify-content: center; }
.report_img_box span:nth-child(1) { }
.report_img_box span:nth-child(2) {}
.report_img_box span {vertical-align:middle; word-break:break-all; line-height:1.25em; text-aligN:center; max-width:calc(50% - 10px); margin:0 5px;}
.report_img_box span .btn {display:block; margin:10px auto 0; clear:both;}
.report_img_box span > img {max-height:250px; margin:0 auto; display:block}
.report_img_box a {font-size:14px; line-height:1.25em; border:1px solid #ccc; max-width:100%; width:110px; border-radius:20px; padding:8px 0; margin-top:10px}
.table_card_body {padding:0px;}

.info_box {display:inline-block;}


.hall_list_ul {width:calc(100% + 40px); margin:0 0 0 -20px}
.hall_list_ul li {border-top:1px solid #ececec; padding:15px 20px; display:table; justify-content: space-between;}
.hall_list_ul li:nth-child(even) {background:#fafafa}
.hall_list_ul li:first-child { border-top:0px}
.hall_list_ul li .text_box {}
.hall_list_ul li .text_box .hall_name {display:inline-block; width:100%; font-weight:bold; color:#333; font-size:17px}
.hall_list_ul li .text_box .hall_num {display:inline-block; width:100%; color:#717171; font-size:14px}
.hall_list_ul li .text_box .hall_info{display:inline-block; width:100%;}
.hall_list_ul li .text_box .hall_info span{display:inline-block; margin:0 20px 10px 0; font-size:14px}
.hall_list_ul li .btn_box {display:table-cell; vertical-align:middle}


.hall_list_ul li .filebox{width:350px;}

.filebox  { min-width: 250px;  display: flex;}
.filebox label {display: inline-block;
    font-size: 16px; height: 45px; line-height:43px;   padding: 0 10px; background-color: #005b9e;  vertical-align: middle; border: 1px solid #005b9e; color: #fff; float: left; vertical-align: top; border-radius: 0 8px 8px 0; font-weight:normal}
.filebox input[type="file"] {position: absolute;  width: 0;  height: 0;  padding: 0;  overflow: hidden;  border: 0;}
.filebox .upload-name {display: inline-block; width:100%; height: 45px; line-height:45px;  padding: 0 10px; vertical-align: middle; border: 1px solid #e2e5e8; color: #999999;  float: left;   border-radius: 8px 0 0 8px;}


.alram_write_box {width:100%; display:inline-block}
.alram_write_box .date_set {float:left;}
.alram_write_box .date_set>* {display:inline-block;}
.alram_write_box .set_btn_box {float:right;}



.mypage_box {width:100%; display:inline-block}
.mypage_box .name {width:100%; display:inline-block; font-size:22px; font-weight:bold; color:#000}
.mypage_box .info_box {width:100%; display:inline-block; margin-top:20px;}
.mypage_box .phone {width:100%; display:inline-block; }
.mypage_box .email {width:100%; display:inline-block; margin-top:5px;}
.mypage_box .btn_box {position:absolute; top:20px; right:20px;}

.qr_code_img {width:100%; display:inline-block; text-align:center;}
.qr_code_img a {display:inline-block; width:280px; border:1px solid #e0e1e3; border-radius:20px; padding:30px; margin:0 20px}
.qr_code_img .qr_img {width:150px;}
.qr_code_img a .qr_text {width:100%; display:inline-block; color:#333; margin:20px 0; font-weight:bold; font-size:18px}



.m_write_box {width:100%; background:#fff; border-radius:10px; display:flex; padding:15px; border:1px solid #f4f4f5; display:none}
.m_write_box select.form-select { border:none; border-left:1px solid #eee; margin:0 5px; border-radius:0px}
.m_write_box select.form-select:first-child {border-left:0px}


.p-search {position: relative;  margin-bottom: 12px;   padding:20px 55px; background: #f5f6fa;  border-top: 2px solid #1d262d; border-bottom: 1px solid #b2b5c0;  border-radius: 0;  box-sizing: border-box;}
.p-search form {margin: 0 auto; width: 100%; max-width: 100%;}
.p-search form ul li {display: flex;  align-items: center;}
.p-search form ul li .form_title {width: 140px; font-size:16px;}
.p-search form ul > li:not(:first-child) {margin-top: 10px;}
.p-search form ul li .form_group  {display: flex; align-items: center;  flex-wrap: wrap; width: calc(100% - 140px);}
.p-search form ul li .form_group .form_group_btn {display: table-cell; vertical-align: middle;}
.p-search form ul li .form_group .form_group_btn .btn {min-width:100px}
.p-search form ul li .form_group>*:not(:first-child) {margin-left:5px;}
.p-search form ul li .form_group select.form-select {min-width:250px;}

.p-search form ul.type2 {text-align:center;}
.p-search form ul.type2 li {display:inline-block}
.p-search form ul.type2 li .form_group select.form-select {width:auto; min-width:150px}
.p-search form ul.type2 li .form_group {display:inline-block; width:auto}
.p-search form ul.type2 li .form_group .form_group_btn { display: inline-block;}

.file_down_td .text{display:none}



/*이전글 다음글*/
.prev-next-wrap {border-top:1px solid #ddd; margin:40px 0;}
.prev-next-wrap li {border-bottom: 1px solid #ddd; display: table; width: 100%; }
.prev-next-wrap li strong { padding:15px 0; text-align: center; background: #eee; display: table-cell; width:150px;}
.prev-next-wrap li strong:after {content: ''; display: inline-block; width:0; height: 0; border:6px solid transparent; border-bottom:6px solid #999; margin-left: 15px; position: relative; top:-2px;}
.prev-next-wrap li:last-of-type strong:after {content: ''; display: inline-block; width:0; height: 0; border:6px solid transparent; border-top:6px solid #999; margin-left: 15px; position: relative; top:4px;}
.prev-next-wrap li a {color:#666; display: table-cell; width: calc(100% - 150px); padding:15px 3%; line-height: 1.5;}
.prev-next-wrap li a:hover {text-decoration: underline; color:#000;}

/*페이지네이션*/
.paging {text-align: center; padding:70px 0px; text-align: center; font-size: 16px;}
.paging > a {margin:0 2px; width: 40px; height: 40px; line-height: 40px; color:#333; vertical-align: middle; color:#666; border:1px solid #ddd;}
.paging > a span {visibility: hidden; overflow: hidden; width: 0;  height: 0; font-size: 0;line-height: 0;margin: 0;  padding: 0; background: none;}
.paging > a.on {border:1px solid #005b9e; background: #005b9e; color:#fff;}
.paging strong.on {font-weight: bold; color:#fff; background: #0d6dbe; width: 30px; height: 30px; line-height: 30px; vertical-align: middle;}
.paging .first, .paging .last,
.paging .prev, .paging .next {background-size: auto; background-repeat: no-repeat; background-position: 50% 50%;}
.paging .first {background-image: url(../user/img/common/ico-pg-first.png);}
.paging .last {background-image: url(../user/img/common/ico-pg-last.png);}
.paging .prev {background-image: url(../user/img/common/ico-pg-prev.png); margin-right:10px;}
.paging .next {background-image: url(../user/img/common/ico-pg-next.png); margin-left: 10px;}
.paging .page-num {display: inline-block; vertical-align: middle;}
.paging .page-num span {vertical-align: middle;}
.paging .page-num input[type="text"] {height: 30px; width: 50px; margin-right: 2px; text-align: center;}
.paging .page-num a {width: 50px; height: 30px; line-height: 30px; background: #0d6dbe; color:#fff; vertical-align: middle; margin-left: 5px;}

.tooltip_btn {font-size:20px; vertical-align:top; margin:0px 0 0 5px}




/* 게시판 뷰 공통*/

.board-view {border-top:1px solid #000;  padding-bottom: 40px; margin-top:20px;  line-height: 1.5; word-break:break-all}
.board-view .ico-file {margin-left: 10px; position: relative; top:2px;}
.board-view .category {color:#0d6dbe; margin-right: 15px; vertical-align: middle; font-size: 2rem; margin-top:1px; line-height: 2;}
.board-view .category:after {content: '/'; display: inline-block; margin-left: 20px;}
.board-view .other-info { border-bottom: 1px solid #ddd; padding:24px 20px; font-size: 16px; line-height:1.35em;}

.board-view .other-info .info_box {}

.board-view .other-info span:nth-child(n+2) {position:relative; color:#666; padding:0 20px 0 0;   margin-right: 20px;}
.board-view .other-info span:nth-child(n+2):before {position:absolute; right:-1px; top:3px; width:1px; height:15px; background:#ccc; display:block; content:"";}
.board-view .other-info span:last-of-type:before {display:none}
.board-view .view-info {padding:20px 20px; background: #f8f8f8; border-bottom: 1px solid #ddd; position: relative;}
.board-view .view-info .title {vertical-align: middle; font-size: 22px; font-weight: 500; color:#000; line-height: 1.4;}
.board-view .view-content {padding:20px 20px;  border-bottom: 1px solid #ddd; }
.board-view .view-content p {word-break:break-all}
.board-view .view-img {text-align: center;}
.board-view .view-img img {margin-bottom: 10px;}
.board-view .detail .title {font-weight: 500;   margin-right:5px; color:#000;}
.board-view .detail .txt {display: inline-block;  }
.board-view .ico-notice {color:#005b9e; font-weight: 500; font-size: 2.2rem; vertical-align: middle; margin-right: 20px; line-height: 1.4;}
.table tr td.oxtxt {font-size: 3rem; color:#005b9e; }
.answer_title {border-top:1px solid #000; margin-top:40px}


/*파일첨부*/
.attach-file {position: relative; border-bottom: 1px solid #ddd; padding:20px;}
.attach-file .title {font-weight: 500; vertical-align: middle; margin-right: 15px; color:#000;}
.attach-file .mo-drop-tit {width: 100%; text-align: left; font-size:16px; line-height: 1;}
.attach-file .file-list {display: inline-block; vertical-align: top; }
.attach-file .file-list li {display: inline-block; margin-right: 17px;   }
.attach-file .file-list li a {color: #666; position: relative; padding: 0px 0 0px 30px; background: url(/lib/img/common/ico-file.png) no-repeat 0 50%; background-size: 17px;}
.attach-file .file-list li a:hover {color:#000; text-decoration: underline;}



.main_hall_list {background:#f4f4f4; padding:15px 25px; margin:0 0 15px 0}
.main_hall_list .title_box {position:Relative; width:100%; display:inline-block;}
.main_hall_list .title_box h4 {color:#000; font-size:18px; margin:10px 0 15px 0}
.main_hall_list .title_box a {position:absolute; top:15px; right:0px;}
.main_hall_list .main_hall_report_ul {width:calc(100% + 20px); margin:0 0 0 -10px; display:inline-block;}
.main_hall_list .main_hall_report_ul li {width:calc(33.33% - 20px); margin:0 10px; display:inline-block; float:left; }

.main_hall_list .main_hall_report_ul li .hall_li_wrap,
.main_hall_list .main_hall_report_ul li a {width:100%; border:1px solid #ececec; background:#fff; padding:10px 15px;}
.main_hall_list .main_hall_report_ul li .cate_name {float:left; margin:5px 0 0 0;}
.main_hall_list .main_hall_report_ul li .cate_num {float:right}
.main_hall_list .main_hall_report_ul li .cate_num em {font-size:20px; font-weight:bold; margin:0 3px 0 0; color:#000}


.main_board_list {width:calc(100% + 40px); margin:20px 0 0 -25px; display:inline-block}
.main_board_list .main_board_list_box {width:calc(50% - 50px); margin:0 25px; float:left;}
.main_board_list .main_board_list_box .title_box {position:Relative; width:100%; display:inline-block;}
.main_board_list .main_board_list_box .title_box h4 {color:#000; font-size:18px; margin:10px 0 15px 0; border-bottom:1px solid #ececec; padding:0 0 5px 0}
.main_board_list .main_board_list_box .title_box a {position:absolute; top:15px; right:0px;}

.main_board_list .main_board_list_box ul li a,
.main_board_list .main_board_list_box ul li {width:100%; display:inline-block; vertical-align:top; position:relative}
.main_board_list .main_board_list_box ul li a {padding:3px 0 3px 12px;}
.main_board_list .main_board_list_box ul li a:before {width:4px; height:4px; background:#ccc; display:block; content:""; position:absolute; top:15px; left:0px}

.main_board_list .main_board_list_box ul li a .text {float:left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width:calc(100% - 90px)}
.main_board_list .main_board_list_box ul li a .date {float:right}

.m_report_con {display:none}
.m_report_con label {margin:0 10px 0 0;}
.m_report_con label input {margin:0 3px 0 0}



.mypage_box {width:100%; display:inline-block}
.mypage_box .name {width:100%; display:inline-block; font-size:22px; font-weight:bold; color:#000}
.mypage_box .info_box {width:100%; display:inline-block; margin-top:20px;}
.mypage_box .phone {width:100%; display:inline-block; }
.mypage_box .email {width:100%; display:inline-block; margin-top:10px;}
 .need {color: #e60012;  font-size: 12px; font-weight: normal;}
.mypage_box .btn_box {position:absolute; top:20px; right:20px;}

.alarm_list_box {}
.alarm_list_box a {width:100%; display:inline-block; padding:0 140px 0 0}
.alarm_list_box .title {float:left; color:#fff; margin:0 10px 0 0; padding:10px 15px; border-radius:5px;}
.alarm_list_box .type_1 {background:#005b9e }
.alarm_list_box .type_2 {background:#009e7b }
.alarm_list_box .type_3 {background:#333 }
.alarm_list_box .type_4 {background:#9e0000 }
.alarm_list_box .type_5 {background:#009e31 }
.alarm_list_box .cate {float:left; margin:10px 10px 0 0px}
.alarm_list_box .text {float:left; margin:10px 0 0 0}
.alarm_list_box .date {position:absolute; top:50%; right:60px;  transform: translate(0, -50%);}
.alarm_list_box .btn-xs {border-radius:5px; min-width:auto; position:absolute; top:50%; right:20px;  transform: translate(0, -50%);}


.member_re_box {width:100%; padding:100px 0; text-align:center;}
.member_re_box span,
.member_re_box strong {width:100%; display:inline-block; font-size:16px}
.member_re_box strong {font-size:26px; font-weight:bold}
.member_re_box input {width:320px; margin:15px auto; display:block;}
.member_re_box button {background:#009e7b; color:#fff; padding:15px; width:320px; margin: 0 auto; display:block}
@media screen and (max-width: 800px) {
	.loginWrap {top: 50%;  transform: translate(0, -50%);}
	.login_header {margin:0 0 20px 0}
	.login_header .home_back {width:14px; height:26px; position:absolute; top:7px; left:0px; display:block; font-size:0px; background:url('../img/common/back_arrow_blue.png') no-repeat left top}
	.loginWrap .login_id {margin:20px 0 10px}

	.member_join_Wrap {width:100%; padding:20px 15px}

	.member_join_top .top_logo {text-align:Center;}
	.member_join_top .member_join_step {position: relative; right: auto; top: auto; text-align: center;  width: 100%;  display: inline-block;}
	.member_join_top .member_join_step ol {display: inline-block;}
	.member_join_top {border-bottom:0px;}
	.member_join_Wrap h2 {font-size:24px; padding:20px 0 10px; line-height: 1.25em;}
	.member_btn_box a {height:45px; line-height:45px; font-size:15px}
	.member_join_top .home_back {width:14px; height:26px; position:absolute; top:7px; left:0px; display:block; font-size:0px; background:url('../img/common/back_arrow_blue.png') no-repeat left top}

	.terms_allok label {font-size:15px}
	.terms_allok .ch_de_box label .fa {font-size:20px}
	.terms_allok {margin:0 0 10px 0}

	.terms_textbox {height:170px;}

	.loginWrap .login_left .lgoin-auto {font-size:14px}
	.loginWrap .login_left .login_form .login-input.submit>* {height:46px; line-height: 46px;}

	.certification_box {margin-top:30px}

	.member_join_step_2 .text {font-size:18px}
	.member_join_step_2 .text2 {font-size:14px;}


	.qr_code_img a {width:200px;  vertical-align:top;    border-radius: 10px;    padding: 30px 20px;  margin: 0 10px; }
	.qr_code_img a .qr_text {font-size:15px;margin:12px 0}
	.qr_code_img .qr_img {width:100px; }

	.p-search {padding:20px 15px}
	.p-search form ul li {display:block}
	.p-search form ul li .form_title {font-size:14px; margin:0 0 5px 0}
	.p-search form ul li .form_title,
	.p-search form ul li .form_group {width:100%; }
	.p-search form ul > li:not(:first-child) {margin-top: 10px;}
	.filebox label {font-size:12px}
	.filebox label,
	.filebox .upload-name {height:36px; line-height:34px}

	.prev-next-wrap {margin:20px 0;}
	.prev-next-wrap li strong { width: 100px}
	.prev-next-wrap li a {width:calc(100% - 100px)}
	.paging {padding:30px 0; font-size:14px;}
	.paging > a {width: 24px; height: 24px; line-height: 24px; margin:0 1px; background-size:25px !important;}
	.paging .prev {margin-right: 2px;}
    .paging .next {margin-left: 2px;}

	.board-view {padding-bottom:20px}
	.board-view .view-info, .board-view .other-info {padding:15px}
	.board-view .view-info .title {font-size:18px; font-weight:bold}
	.board-view .other-info  {font-size:14px;}
	.board-view .other-info span:nth-child(n+2) {padding:0 15px 0 0;   margin-right: 15px;}
	.board-view .other-info span:nth-child(n+2):before {top:3px;  height:13px; }
	.attach-file { padding:15px;}

	.main_hall_list {padding:10px 15px;}
	.main_hall_list .title_box h4 {margin-bottom:0px}
	.main_hall_list .title_box a {position:relative; right:auto; top:auto; margin:0 0 10px 0}
	.main_hall_list .main_hall_report_ul {width:100%;}
	.main_hall_list .main_hall_report_ul li {    width: calc(33.33% - 10px);    margin: 0 5px;}
	.main_hall_list .main_hall_report_ul li a { padding:7px 10px}
	.main_board_list {width:100%; margin: 20px 0 0 0;}
	.main_board_list .main_board_list_box {width:100%; margin:10px 0}

	body.pop_on {overflow-y:hidden}
	.main_popup {position:fixed; top:0px !important; left:0px !important;  z-index:1011 !important; width:100vw !important; height:100vh !important; background:rgba(0,0,0,0.1)}
	.m_pop_box {display:inline-block; width:auto; position:absolute; top:50%; left:50%; width:80%; max-width:540px; transform: translate(-50%, -50%);}
	.m_pop_box img {width:100% !important}
	.main_hall_list .title_box h4,
	.main_board_list .main_board_list_box .title_box h4  {font-size:16px}
	.main_hall_list {width:calc(100% + 30px); margin:0 0 15px -15px}
	.main_board_list .main_board_list_box ul li a .text {font-size:14px}

	.alarm_list_box .title {padding:5px 10px}
	.alarm_list_box .text {margin-top:4px}
	.alarm_list_box .cate {margin-top:4px}
	.m_report_con {display:inline-block; float:right; margin:0 0 5px 0}
	.m_report_view_box {display:none}
	.m_report_view_box.active {display:block}

}

@media screen and (max-width: 800px) {
}
@media screen and (max-width: 480px) {

	.member_join_top .member_join_step ol li {height:40px; line-height:38px;}
	.member_join_top .member_join_step ol li em {display:none;}
	.member_join_top {padding-bottom:20px}

	.member_join_Wrap  {margin:0 auto; width: 100%; }
	.member_join_Wrap h2 {padding:10px 0 10px}


	.loginWrap { width: 100%; padding:0 15px}
	.loginWrap .login_left .login_form {padding: 12px 17px 25px; width:calc(100% - 30px)}
	.p-search form ul li .form_group input.form-control.w_auto,
	.p-search form ul li .form_group select.form-select.w_auto {width:100% !important}

	.certification_box .left_text_box {width:100%; border-radius:8px 8px 0 0}
	.certification_box .right_btn {width:100%; height:auto; border-radius:0 0 8px 8px}
	.certification_box .right_btn em {height:auto; padding:15px 20px;}
	.certification_box .right_btn br {display:none;}


	.p-search form ul li .form_group .form_group_btn .btn,
	.p-search form ul li .form_group .form_group_btn {width:100%}
	.p-search form ul li .form_group>*:not(:first-child) {margin-left:0px !important; margin-top:5px}
	.p-search form ul li .form_group .line {display:none}


	.qr_code_img a {width:160px;  border-radius: 5px;    padding:20px 15px;  margin: 0 5px; }
	.qr_code_img a .qr_text {font-size:14px;margin:12px 0}
	.qr_code_img .qr_img {width:80px; }

	.main_hall_list .main_hall_report_ul li  {width:100%; margin-top:0px}


	.mypage_box .btn_box {position:relative; right:auto; top:auto; text-align:left; margin-top:10px}



	.qr_code_img a {display:inline-block; width:100%; border:1px solid #e0e1e3; border-radius:10px; padding:30px; margin:5px 0}
	.qr_code_img .qr_img {width:140px;}
	.qr_code_img a .qr_link_btn img {width:180px}

	.alarm_list_box a {padding:0 40px 0 0;}
	.alarm_list_box .date {position:Relative; right:auto; top:auto; width:100%; margin-top:10px; display:inline-block; transform: translate(0, 0%);}
	.alarm_list_box .btn-xs {transform: translate(0, 0%); top:5px; right:5px;}
	.member_join_step_3 .card-body .mb_15 span {font-size:12px}
	.m_w_100 {width:100% !important}

}
@media screen and (max-width: 400px) {
}