@charset "utf-8";
@import url("font.css");
/* style reset */
.radio_box, .check_box{display:flex; display:-webkit-flex; position:relative; flex-wrap:wrap;align-items:center;gap:10px 20px;/* justify-content:center;*/-webkit-flex-wrap:wrap;}
.agree_check_wrap{position:relative; margin-top:17px;}
.agree_check_wrap .radio_box, .agree_check_wrap .check_box{justify-content:flex-end;}
input[type=radio] + label ,
input[type=checkbox] + label{display:inline-block; vertical-align:middle}
input[type=radio]:focus + label ,
input[type=checkbox]:focus + label{border-radius:2px; outline:2px solid #000;}
input[type=radio],
input[type=checkbox]{overflow:hidden; position:absolute; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0);width:0}

/*라디오박스*/
.radio_box > li{display:flex; display:-webkit-flex; margin-right:25px; align-items:center;}
.radio_box > li:last-child{margin-right:0 !important;}
.radio_box input[type=radio] + label{display:block; position:relative; padding-left:34px; color:#666; font-size:18px; line-height:24px; cursor:pointer;}
.radio_box input[type=radio] + label::after,
.radio_box input[type=radio] + label::before{position:absolute; border-radius:100%; content:'';}
.radio_box input[type=radio] + label::after{top:calc(50% - 11px); left:0; width:22px; height:22px; border:1px solid #ddd;}
.radio_box input[type=radio] + label.on::before,
.radio_box input[type=radio]:checked + label::before{top:calc(50% - 4px); left:7px; width:10px; height:10px; background-color:#444;}
.radio_box input[type=radio]:checked + label::after{border:1px solid #666;}
.radio_box > li .parenthesis{margin:0 5px;}
.radio_box > li .parenthesis:first-of-type{margin-left:10px;}
.radio_box > li.others{width:100%; margin-top:10px; justify-content:space-between;}
.radio_box > li.others .inpbox{width:calc(100% - 80px);}
.radio_box.center input[type=radio] + label{width:22px; height:22px; margin:0 auto; padding-left:22px;}
.radio_box.img input[type=radio] + label span{display:block; position:relative; width:150px; height:100px;}
.radio_box.img input[type=radio] + label span img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.radio_box2{display:flex; display:-webkit-flex; align-items:center;flex-wrap:wrap;gap:10px;}
.radio_box2 input[type=radio] + label{height:35px; padding:0 20px; border:1px solid #c7c7c7; border-radius:40px; color:#666; font-size:15px; text-align:center; line-height:35px; cursor:pointer;}
.radio_box2 input[type=radio]:checked + label{border:2px solid #000; color:#000; line-height:33px;}
.radio_box2 .box{display:flex; display:-webkit-flex; align-items:center;}
.radio_box2 .box .calendarbox{margin-left:20px;}
.radio_box2 .box .calendarbox .inpbox{width:160px;}

/*체크박스*/
.check_box.right{justify-content:flex-end;}
.check_box > li{display:flex; display:-webkit-flex; align-items:center;}
.check_box > li:last-child{}
.check_box input[type=checkbox] + label{display:block; position:relative; padding-left:34px; font-size:18px; line-height:24px; cursor:pointer;}
.check_box input[type=checkbox] + label::before{position:absolute; top:calc(50% - 11px); left:0; width:20px; height:20px; border:1px solid #ddd; border-radius:3px; background:#fff; background-repeat:no-repeat; background-position:center center; content:'';}
.check_box input[type=checkbox] + label.on::before,
.check_box input[type=checkbox]:checked  + label::before{background-image:url('/idolbom/images/hmpg/icon_check.png');}
.check_box.all{display:flex; display:-webkit-flex; margin-top:25px; padding-top:30px; border-top:1px solid #929bac; justify-content:center;}
.check_box.all label{color:#333; font-size:18px;}
.check_box.detail > li{margin-right:20px;}
.check_box.detail > li:last-child{margin-right:0 !important;}
.check_box > li .parenthesis{margin:0 5px;}
.check_box > li .parenthesis:first-of-type{margin-left:10px;}
.check_box.line{display:block;}
.check_box.line > li{margin-right:0; margin-bottom:10px;}
.check_box > li:last-child{margin-bottom:0;}
.check_box.center input[type=checkbox] + label::before{left:calc(50% - 11px);}
.check_box.center input[type=checkbox] + label{width:20px; height:20px; margin:0 auto; padding-left:20px;}
.check_box2{display:flex; display:-webkit-flex; align-items:center;flex-wrap:wrap;gap:10px;}
.check_box2 input[type=checkbox] + label{height:35px; padding:0 20px; border:1px solid #c7c7c7; border-radius:40px; color:#666; font-size:15px; text-align:center; line-height:35px; cursor:pointer;}
.check_box2 input[type=checkbox]:checked + label{border:2px solid #000; color:#000; line-height:33px;}
.check_box2 .box{display:flex; display:-webkit-flex; align-items:center;}

/*switch_checkbox*/
.switch_checkbox input[type=checkbox]{display:none; width:0; height:0;}
.switch_checkbox label{display:block; position:relative; width:38px; height:24px; border-radius:24px; background:#ccc;}
.switch_checkbox label:after{position:absolute; top:4px; left:4px; width:16px; height:16px; border-radius:16px; background:#fff; content:''; transition:0.1s; -webkit-transition:0.1s;}
.switch_checkbox input:checked + label{background:#2a77ed;}
.switch_checkbox input:checked + label:after{left:calc(100% - 4px); transform:translateX(-100%); -webkit-transform:translateX(-100%);}
.switch_checkbox label:active:after{width:38px;}

/*libox*/
.libox{position:relative; width:120px; font-weight:500;}
.libox.w130{width:130px;}
.libox a{display:block; overflow:hidden; width:100%; padding:0 35px 0 15px; border:1px solid #ddd; border-radius:10px; background-color:#fff; color:#666; text-overflow:ellipsis; line-height:50px; white-space:nowrap;}
.libox a::after{display:block; position:absolute; top:calc(50% - 3px); right:17px; width:10px; height:6px; background:url('/idolbom/images/hmpg/icon_select.png') no-repeat; content:'';}
.libox.active a{border:1px solid #dd2f4f; border-radius:10px;}
.libox.active a::after{background:url('/idolbom/images/hmpg/icon_select_active.png') no-repeat;}
.libox ul{display:none; position:absolute; top:60px; left:0; z-index:181; width:180px; max-height:250px; padding:15px 0; overflow-y:auto;}
.libox.active ul{display:block; border:1px solid #dd2f4f; border-radius:10px; background-color:#fff;}
.libox.w130 ul{width:200px;}
.libox ul::-webkit-scrollbar{width:17px;}
.libox ul::-webkit-scrollbar-thumb{border:5px solid transparent; border-radius:17px; background-clip:padding-box; background-color:#bfc7d0;}
.libox ul::-webkit-scrollbar-track{border-radius:17px; background-color:transparent;}
.libox ul li{color:#666; text-align:left; line-height:22px; cursor:pointer;}
.libox ul li.active{background-color:#fff3f2; color:#dd2f4f;}
.libox ul li:hover{background-color:#fff3f2; color:#dd2f4f;}
.libox .check_box > li{margin-right:0;}
.libox .check_box input[type=checkbox] + label{width:100%; padding:5px 15px 5px 45px; font-size:16px;}
.libox .check_box input[type=checkbox] + label::before{top:5px; left:15px;}
.libox .radio_box > li{margin-right:0;}
.libox .radio_box input[type=radio] + label{width:100%; padding:5px 15px 5px 45px; font-size:16px;}
.libox .radio_box input[type=radio] + label::after{top:5px; left:15px; width:20px; height:20px;}
.libox .radio_box input[type=radio] + label.on::before,
.libox .radio_box input[type=radio]:checked + label::before{top:calc(50% - 5px); left:21px;}
.libox.libox2 > ul{height:250px; border-radius:10px 0 0 10px;}
.libox.libox2 > ul + ul{left:179px; border-radius:0 10px 10px 0;}
.libox.cal{width:320px;}
.libox.cal .calendarbox .inpbox{height:50px;}

.optionbox select, .inpbox input{color:#464c53; font-size:18px; font-weight:300;}
textarea{padding:12px 20px; border:1px solid #cdd1d5; border-radius:8px; font-size:18px; line-height:26px;}
textarea.error{border:2px solid #de3412;}
textarea.error:focus{outline-color:#de3412;}
.inpbox input::placeholder, textarea::placeholder{color:#6A788A !important;}
.optionbox, .inpbox{position:relative; height:50px; border:1px solid #cdd1d5; border-radius:8px;}
.optionbox::after{display:block; position:absolute; top:calc(50% - 3px);/* border-left:5px solid transparent;*/ right:20px; width:15px; height:8px; border:none; background:url(/idolbom/images/hmpg/sub/select_arrow.png) no-repeat; content:'';/* border-right:5px solid transparent;*/ /* border-top:7px solid #7b736b;*/}
.calendarbox{display:flex; display:-webkit-flex; align-items:center;}
.calendarbox .inpbox .ui-datepicker-trigger{position:absolute; top:0; right:0;/* width:45px;*/ width:60px; height:100%; background-image:url(/idolbom/images/hmpg/sub/calendar_icon.png); background-repeat:no-repeat; background-position:center center;/* background-image:url('/idolbom/images/hmpg/icon_calendar.png');*/ background-size:auto; background-color:transparent; color:transparent; font-size:0; line-height:0;/* background-color:#f6f6fa;*/ /* height:100%;*/ /* border-radius:0 8px 8px 0;*/}
.calendarbox .inpbox input{padding-right:60px;}
.optionbox select{padding-right:35px; padding-left:20px; color:#464c53; font-size:18px;}
.inpbox input:focus, .optionbox select:focus, textarea:focus{outline-color:#0291eb;}
.calendarbox.center{justify-content:center;}
.list_box{display:flex; display:-webkit-flex; flex-wrap:wrap;justify-content:center;-webkit-flex-wrap:wrap;}
.list_box li{position:relative; margin-right:25px; padding-right:25px; color:#666; font-size:16px;}
.list_box li::after{position:absolute; top:calc(50% - 6px); right:0; width:1px; height:11px; background-color:#ccc; content:'';}
.list_box li:last-child{margin-right:0; padding-right:0;}
.list_box li:last-child::after{display:none;}
.list_box li span{margin-right:18px; color:#333; font-weight:500;}
.list_box.short li{margin-right:15px; padding-right:15px;}
.file_box li{display:flex; display:-webkit-flex; margin-bottom:8px; align-items:stretch;}
.file_box li:last-child{margin-bottom:0;}
.file_box li a{position:relative; padding:0 10px 0 28px; background-image:url('/idolbom/images/hmpg/sub/file_icon.png'); background-repeat:no-repeat; background-position:0 3px; text-decoration:underline;}
.file_box li .button_box{margin-top:0; align-items:flex-start;}
.file_box li button{width:90px; height:28px; margin-left:5px; background-size:13px; font-size:13px; flex:none;}
.character{margin:0 10px;}
.nodata{padding:50px 0 !important; color:#222 !important; font-size:18px; text-align:center;}
.nodata:hover{background-color:#fff !important;}

/*목록 상단검색 기본*/
.boardlist_top{position:relative; margin:30px 0;}
.boardlist_top .box{display:flex; display:-webkit-flex; justify-content:center;align-items:center;}
.boardlist_top .box > div{margin-right:10px;}
.boardlist_top .box > div:last-child{margin-right:0;}
.boardlist_top .box .inpbox{width:200px; height:35px;}
.boardlist_top .box .inpbox input.txt{padding:0 10px;}
.boardlist_top .box .optionbox{width:220px; height:35px;}
.boardlist_top .box .optionbox select{padding:0 35px 0 10px;}
.boardlist_top .box .search_box{position:relative;}
.boardlist_top .box .search_box .inpbox{width:470px;}
.boardlist_top .box .search_box .inpbox input.txt{padding:0 50px 0 10px; color:#666;}
.boardlist_top .box .btn_search{display:block; position:absolute; top:1px; right:1px; z-index:120; width:45px; height:33px; border-radius:0 5px 5px 0; background-color:#f6f6fa;}
.boardlist_top .box .btn_search .icon{width:20px; height:20px; margin:0 auto;}
.boardlist_top .box .btn_search .icon::after{top:0; left:0; width:11px; height:11px;}
.boardlist_top .box .btn_search .icon::before{right:0; bottom:3px; width:9px;}
.boardlist_top2{position:relative; width:100%; margin:50px auto; padding:10px 30px 30px; border:1px solid #ddd; border-radius:15px;}
.boardlist_top2 dl{display:flex; display:-webkit-flex; width:100%; padding:15px 0; border-bottom:1px solid #ddd; align-items:center;}
.boardlist_top2 dl:last-of-type{border-bottom:0;}
.boardlist_top2 dl dt{width:125px; padding:0 10px;}
.boardlist_top2 dl dd{width:calc(100% - 125px);}
.boardlist_top2 dl dd .calendarbox .inpbox{width:160px;}
.boardlist_top3{margin-bottom:40px;}
.boardlist_top3 .search_box{position:relative; width:800px; margin:0 auto;}
.boardlist_top3 .search_box .inpbox{width:100%; height:64px; border:3px solid #dd2f4f; border-radius:64px;}
.boardlist_top3 .search_box .inpbox input.txt{padding:0 70px 0 30px; border-radius:64px; color:#666; font-size:18px;}
.boardlist_top3 .btn_search{display:block; position:absolute; top:calc(50% - 12px); right:25px; z-index:120; width:25px; height:25px;}
.boardlist_top3 .btn_search .icon{width:21px; height:21px; margin:0 auto;}
.boardlist_top3 .btn_search .icon::after{top:-2px; left:-2px; width:14px; height:14px; border:3px solid #dd2f4f;}
.boardlist_top3 .btn_search .icon::before{right:-2px; bottom:2px; width:10px; height:3px; background-color:#dd2f4f;}
.boardlist_top4{margin-bottom:50px; padding:10px 30px; border:1px solid #ddd; border-radius:10px; background-color:#fafafa;}
.boardlist_top4 .top{display:flex; display:-webkit-flex; padding:20px 0; border-bottom:1px solid #ddd; justify-content:space-between;align-items:center;}
.boardlist_top4 .top .btn_reset{padding-left:30px; background:url('/idolbom/images/hmpg/icon_reset.png') no-repeat 0 center; color:#666; line-height:21px;}
.boardlist_top4 .top .search_list{display:flex; display:-webkit-flex; width:calc(100% - 80px); flex-wrap:wrap;gap:10px;}
.boardlist_top4 .top .search_list li{height:32px; padding:0 15px 0 20px; border-radius:32px; background-color:#dd2f4f; color:#fff; font-size:14px; line-height:32px;}
.boardlist_top4 .top .search_list li .btn_delete .icon{display:block; position:relative; width:12px; height:12px; margin-left:20px;}
.boardlist_top4 .top .search_list li .btn_delete .icon::after,
.boardlist_top4 .top .search_list li .btn_delete .icon::before{position:absolute; top:calc(50% - 1px); left:-1px; width:12px; height:1px; background-color:#fff; content:'';}
.boardlist_top4 .top .search_list li .btn_delete .icon::after{transform:rotate(45deg);}
.boardlist_top4 .top .search_list li .btn_delete .icon::before{transform:rotate(-45deg);}
.boardlist_top4 .bottom{display:flex; display:-webkit-flex; padding:20px 0; align-items:center;gap:30px;}
.boardlist_top4 .bottom .switch_checkbox span{margin-left:10px; color:#666;}
.boardlist_top5{position:relative; margin:0 0 20px;}
.boardlist_top5 .box{display:flex; display:-webkit-flex; justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;}

/*일반게시판 검색바*/
.board_top{display:flex; display:-webkit-flex; margin-bottom:20px; justify-content:space-between;align-items:flex-end;flex-wrap:wrap;align-items:center;}
.reserve_top + .board_top{margin-top:50px;}
.board_top .all{color:#464c53;/* font-family:'SCDream', sans-serif;*/ font-size:18px; font-weight:600;}
.board_top .all em{color:#0971cf; font-style:normal;}
.board_top .all span{font-weight:300; /* color:#dd2f4f;*/}
.board_top .boardschbox{display:flex; display:-webkit-flex;}
.board_top .boardschbox .select_box{display:flex; display:-webkit-flex;}
.board_top .boardschbox .select_box .optionbox,
.board_top .boardschbox .search_box .inpbox{/* height:50px;*/ /* border:1px solid #ddd;*/ /* border-radius:8px;*/}
.board_top .boardschbox .select_box .optionbox select,
.board_top .boardschbox .search_box .inpbox input.txt{border-radius:8px;}
.board_top .boardschbox .select_box .optionbox{width:122px; margin-right:10px;}
.board_top .boardschbox .select_box .optionbox::after{/* border-top:6px solid #606060;*/}
.board_top .boardschbox .select_box .optionbox select{/* padding:0 20px;*/ /* color:#666;*/ /* font-size:18px;*/}
.board_top .boardschbox .search_box{position:relative;}
.board_top .boardschbox .search_box .inpbox{width:300px;}
.board_top .boardschbox .search_box .inpbox input.txt{padding:0 60px 0 16px;/* font-size:18px;*/ /* color:#666;*/}
.board_top .boardschbox .search_box .btn_search{display:block; position:absolute; top:1px; right:1px; z-index:120; width:60px; height:48px; border-radius:0 8px 8px 0; background:url(/idolbom/images/hmpg/sub/search_icon.png) no-repeat center;}
.board_top .boardschbox .search_box .btn_search .icon{width:20px; height:20px; margin:0 auto;}
.board_top .boardschbox .search_box .btn_search .icon::after{top:0; left:0; width:11px; height:11px;}
.board_top .boardschbox .search_box .btn_search .icon::before{right:0; bottom:3px; width:9px;}
.board_top .calendarbox{margin-right:10px;}
.board_top .calendarbox .inpbox{width:130px;}
.board_top .calendarbox .inpbox input.txt{font-size:14px;}
.board_top .button_box{margin-top:0;}
.board_top.right{justify-content:right;}
.board_top .order{display:flex; display:-webkit-flex; font-family:'SCDream', sans-serif;}
.board_top .order li{position:relative; margin-left:20px; padding-left:20px;}
.board_top .order li:first-child{margin-left:0; padding-left:0;}
.board_top .order li::before{position:absolute; top:calc(50% - 7px); left:-1px; width:2px; height:13px; background-color:#ccc; content:'';}
.board_top .order li:first-child::before{display:none;}
.board_top .order li a{color:#999; font-size:17px; font-weight:300;}
.board_top .order li.active a{color:#dd2f4f; font-weight:500;}
.board_top .tab_btn{margin-bottom:0;}

/*일반게시판 리스트*/
.boardlist{overflow:hidden; width:100%;}
.boardlist table{width:100%; table-layout:fixed; border-top:2px solid #33363d; line-height:30px;}
.boardlist table thead tr{border-bottom:1px solid #e8e8e8;}
.boardlist table thead tr th{padding:14px 10px; background-color:#f4f5f6; color:#222; font-weight:500; line-height:22px;}
.boardlist table tbody tr{border-bottom:1px solid #cdd1d5;}
.boardlist table tbody tr:hover{background-color:#fcf9f0;}
.boardlist table tbody tr td{/* overflow:hidden; */height:70px;padding:14px 10px;color:#464c53;font-size:18px;text-align:center;}
.boardlist table tbody tr td.m_hidden{display:table-cell !important;}
.boardlist table tbody tr td.title_box .title{display:flex; display:-webkit-flex; align-items:center;}
.boardlist table tbody tr td.title_box .title.center{justify-content:center;}
.boardlist table tbody tr td.title_box .title a{overflow:hidden; color:#464c53; font-size:18px; text-overflow:ellipsis; white-space:nowrap;}
.boardlist table tbody tr td.title_box .title a:hover{text-decoration:underline;}
.boardlist table tbody tr td.title_box .title a i.new{margin-left: 2px;background-color: #0778d6;border-radius: 9px;font-size: 0;width: 22px;display: inline-block;height: 19px;vertical-align: middle;font-style: normal;margin-top: -2px;text-align: center;}
.boardlist table tbody tr td.title_box .title a i.new:before{display:block;content: 'N';color: #fff;font-size: 12px;line-height: 20px;font-weight: 500;}
.boardlist table tbody tr td.title_box .title span.comment{margin-left:5px;}
.boardlist table tbody tr td.title_box .title img.secret{margin-left:7px;}
.boardlist table tbody tr td.title_box .title.comment a{padding-left:23px; background-image:url('/idolbom/images/hmpg/icon_comment.png'); background-repeat:no-repeat; background-position:left center;}
.boardlist table tbody tr td div.radio_box input[type=radio] + label{width:22px; height:22px; margin:0 auto; padding-left:0;}
.boardlist table tbody tr.fix{/* background-color:#fdf7f8;*/}
.boardlist table tbody tr.fix td span.notice{display:inline-block;width:62px;border-radius:25px;background-color:#DB7E05;color:#fff;font-size:18px;text-align:center;line-height:32px;white-space: nowrap;}

/*하단 버튼*/
.button_box{display:flex; display:-webkit-flex; position:relative; margin-top:20px; align-items:center;justify-content:space-between;}
.button_box > div{display:flex; display:-webkit-flex; width:100%; align-items:center;}
.button_box .left{justify-content:flex-start}
.button_box .center{justify-content:center;}
.button_box .right{justify-content:flex-end;}
.button_box .btn{margin-left:10px; word-break:keep-all;}
.button_box .btn:first-child{margin-left:0 !important;}
.button_box .btn.right{position:absolute; top:0; right:0;}
.button_box.bw80 .btn{width:auto; min-width:80px; padding:0 24px;}
.button_box.bw180 .btn{max-width:180px;}

/*페이징*/
.paging{display:flex; display:-webkit-flex; margin-top:45px; justify-content:center;}
.paging button{display:block; width:40px; height:40px; margin:0 3px; border:0; border-radius:50%; background-repeat:no-repeat; background-position:center center; color:#464c53; font-size:18px; font-weight:300; text-align:center; line-height:40px;}
.paging button:last-child{margin-right:3px;}
.paging button:hover, .paging button.on{background-color:#f4f5f6; color:#0971cf; font-weight:500;}
.paging button.btn-paging-first{margin:0 6px 0 0; border-width:1px; background-image:url('/idolbom/images/hmpg/paging_first.png'); background-size:15px;}
.paging button.btn-paging-pre{margin:0 15px 0 0; border-width:1px; background-image:url('/idolbom/images/hmpg/paging_prev.png'); background-size:9px;}
.paging button.btn-paging-next{margin:0 0 0 15px; border-width:1px; background-image:url('/idolbom/images/hmpg/paging_next.png'); background-size:9px;}
.paging button.btn-paging-last{margin:0 0 0 6px; border-width:1px; background-image:url('/idolbom/images/hmpg/paging_last.png'); background-size:15px;}
.paging button.btn-paging-first:hover,
.paging button.btn-paging-pre:hover,
.paging button.btn-paging-next:hover,
.paging button.btn-paging-last:hover{opacity:1; background-color:transparent;}

/*일반게시판 상세*/
.board_detail{/* border-top:2px solid #222;*/}
.board_detail .title_box{display:flex; display:-webkit-flex; padding:25px 0; justify-content:space-between;align-items:center;/* border-bottom:1px solid #9ba5af;*/}
.board_detail .title_box h3{display:flex; display:-webkit-flex; width:100%; margin:0 !important; padding:0; color:#222; font-size:38px; font-weight:300; line-height:1.2; align-items:center;gap:10px;justify-content:center;}
.board_detail .title_box h3:before{display:none;}
.board_detail .title_box h3 .answer{margin-right:15px; padding-left:23px; background:url('/idolbom/images/hmpg/icon_comment.png') no-repeat 0 2px; color:#666; font-size:16px;}
.board_detail .title_box h3 .notice{width:60px; height:30px; margin-right:10px; border-radius:5px; background-color:#dd2f4f; color:#fff; font-size:14px; text-align:center; line-height:30px;}
.board_detail .title_box h3 .new{margin-left:10px;}
.board_detail .title_box .date{color:#666; font-size:14px;}
.board_detail > div, .board_detail > ul{/* border-bottom:1px solid #e4e4e4;*/}
.board_detail .list_box{padding:0 20px 30px 20px;}
.board_detail .list_box li.answerer{color:#333; font-size:18px; font-weight:500;}
.board_detail .list_box li.date{color:#666; font-size:15px;}
.board_detail .list_box2{padding:15px 20px;}
.board_detail .content_bar{display:flex; display:-webkit-flex; position:relative; padding:30px 0 5px; border-bottom:0; justify-content:flex-end;}
.board_detail .content_bar button{margin-right:10px;}
.board_detail .content_bar button:last-of-type{margin-right:0;}
.board_detail .content_bar .btn_more{height:40px; padding:0 20px; border-radius:40px; background-color:#dd2f4f; color:#fff; font-size:18px; font-weight:500;}
.board_detail .content_bar .btn_more .icon{width:6px; height:11px; margin-left:15px;}
.board_detail .content_bar .btn_more .icon::after, .board_detail .content_bar .btn_more .icon::before{left:-4px; border-radius:2px; background-color:#fff; transform-origin:right;}
.board_detail .content_bar .btn_more .icon::after{transform:rotate(45deg);}
.board_detail .content_bar .btn_more .icon::before{top:calc(50% - 3px); transform:rotate(-45deg);}
.board_detail .content_bar .share_box{display:none; position:absolute; top:78px; right:0; z-index:30; padding:20px !important; border:1px solid #e4e4e4; background-color:#fff;}
.board_detail .content_bar .share_box.in{display:block;}
.board_detail .content_bar .share_box .btn_close{position:absolute; top:10px; right:10px;}
.board_detail .content_bar .share_box .btn_close .icon{width:17px; height:17px;}
.board_detail .content_bar .share_box .btn_close .icon::after, .board_detail .content_bar .share_box .btn_close .icon::before{top:8px; left:-2px; width:21px; height:1px; background-color:#606060;}
.board_detail .content_bar .share_box .button_box{margin:0 0 20px; padding:0 20px;}
.board_detail .content_bar .share_box .button_box .btn_share{width:80px; font-size:15px;}
.board_detail .content_bar .share_box .button_box .btn_share span{display:block; margin-top:5px;}
.board_detail .content_bar .share_box .link_box{display:flex; display:-webkit-flex;}
.board_detail .content_bar .share_box .link_box .inpbox{width:100%; height:40px;}
.board_detail .content_bar .share_box .link_box button{width:90px; height:40px; margin-left:10px; background-color:#475157; color:#fff; flex:none;}
.board_detail .content_box{padding:25px 20px; color:#464c53; font-size:18px; line-height:1.44; word-break:break-all;}
.board_detail .content_box img{max-width:100%;}
.board_detail .file_box{position:relative; padding:30px 40px 30px 150px; border-radius:12px; background-color:#f4f5f6;}
.board_detail .file_box:before{display:block; position:absolute; top:30px; left:40px; content:'첨부파일'; color:#222; font-size:18px;}
.board_detail .file_box li a{color:#464c53; font-size:18px;}
.board_detail .slider-for{position:relative; width:900px; margin:0 auto 10px;}
.board_detail .slider-for .slick-arrow{opacity:1; top:calc(50% - 25px); width:50px; height:50px; background-color:rgba(0, 0, 0, 0.68);}
.board_detail .slider-for .slick-arrow::after, .board_detail .slider-for .slick-arrow::before{top:24px; left:20px; width:15px; height:2px; border-radius:0; background-color:#fff;}
.board_detail .slider-for .slick-arrow.slick-prev{left:0;}
.board_detail .slider-for .slick-arrow.slick-next{right:0;}
.board_detail .slider-for .slick-list .slick-track .slick-slide .list button{position:absolute; right:0; bottom:0; width:45px; height:45px; background-color:rgba(0, 0, 0, 0.4);}
.board_detail .slider-for .slick-list .slick-track .slick-slide .list button::after,
.board_detail .slider-for .slick-list .slick-track .slick-slide .list button::before{position:absolute; top:50%; left:calc(50% - 9px); width:19px; height:1px; background-color:#fff; content:'';}
.board_detail .slider-for .slick-list .slick-track .slick-slide .list button::before{transform:rotate(90deg);}
.board_detail .slider-for .slick-list .slick-track .slick-slide .list img{width:100%;}
.board_detail .slider-nav{width:910px; margin:0 auto 40px;}
.board_detail .slider-nav .slick-list .slick-track .slick-slide{overflow:hidden; padding:0 5px;}
.board_detail .slider-nav .slick-list .slick-track .slick-slide .list{position:relative; height:112px; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.board_detail .slider-nav .slick-list .slick-track .slick-slide.slick-current .list::after{position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('/idolbom/images/hmpg/icon_check.png'); background-repeat:no-repeat; background-position: center; background-color:rgba(0, 0, 0, 0.3); content:'';}
.board_detail .video_box{overflow:hidden; position:relative; height:0; padding-bottom:56.25%; margin-top:30px;}
.board_detail .video_box iframe,
.board_detail .video_box video{position:absolute; top:0; left:0; width:100%; height:100%;}
.board_detail .video_box .contents{width:100%; height:130px; padding:15px; border-top:1px solid #e1e1e1; color:#666; font-size:16px; line-height:24px; overflow-y:auto;}
.board_detail .content_box{padding:60px 50px 80px 50px;}
.board_detail .content_box img{max-width:100%;}

/*이전글 다음글*/
.view_bottom{margin-top:120px; border-top:1px solid #464c53;}
.view_bottom dl{display:flex; display:-webkit-flex; padding:20px 0; border-bottom:1px solid #cdd1d5;}
.view_bottom dl dt{width:190px; padding:0 34px; color:#222; font-size:18px; font-weight:500;}
.view_bottom dl dt span{position:relative; padding-left:35px;}
.view_bottom dl dt span::after{display:block; position:absolute; top:calc(50% - 7px); left:0; width:20px; height:14px; content:'';}
.view_bottom dl.next dt span::after{background:url('/idolbom/images/hmpg/sub/board_arrow.png') no-repeat center;}
.view_bottom dl.prev dt span::after{background:url(/idolbom/images/hmpg/sub/board_arrow.png) no-repeat center; transform:rotate(180deg);}
.view_bottom dl dd{width:calc(100% - 120px); padding:0 20px 0 30px;}
.view_bottom dl dd a{display:block; overflow:hidden; color:#464c53; font-size:18px; text-overflow:ellipsis; white-space:nowrap;}
.view_bottom dl dd a:hover{text-decoration:underline;}

/*댓글*/
.comment_area{margin-top:50px;}
.comment_area .button_box{margin-top:10px;}
.comment_area .button_box button{margin-left:5px;}
.comment_area .button_box button:first-of-type{margin-left:10px;}
.comment_area .button_box .byte{color:#666; font-size:14px;}
.comment_area .comment_write .write_box{padding:20px 20px 0; border-top:2px solid #222;}
.comment_area .comment_write .write_box textarea{height:90px;}
.comment_area .comment_list{margin-top:20px; border-top:1px solid #ccc;}
.comment_area .comment_list > li dl{padding:20px; border-bottom:1px solid #ddd;}
.comment_area .comment_list > li dl dt{display:flex; display:-webkit-flex; align-items:center;}
.comment_area .comment_list > li dl dt .button_box{margin-top:0; margin-left:30px;}
.comment_area .comment_list > li dl dt .list_box li{margin-right:10px; padding-right:10px;}
.comment_area .comment_list > li dl dt .list_box li.name{color:#666; font-size:16px;}
.comment_area .comment_list > li dl dt .list_box li.date{color:#666; font-size:16px;}
.comment_area .comment_list > li dl dt .list_box.button_area li{margin-right:5px; padding-right:5px;}
.comment_area .comment_list > li dl dt .list_box.button_area li::after{display:none;}
.comment_area .comment_list > li dl dd{padding:10px 0 0; color:#666; font-size:16px; line-height:24px;}
.comment_area .comment_list > li dl dd textarea{height:100px; padding:10px; border-color:#d2d2d2; background-color:#fff; color:#333; font-size:14px;}
.comment_area .comment_list > li dl.reply{border-bottom:1px solid #ddd;}
.comment_area .comment_list > li dl.reply dt{padding-left:23px; background-image:url('/idolbom/images/hmpg/icon_comment.png'); background-repeat:no-repeat; background-position:0 5px;}
.comment_area .comment_list > li dl.reply dd{padding:10px 20px 0 23px;}
.comment_area .comment_list > li dl.reply dd .name{padding-right:5px; color:#dd2f4f;}
.comment_area .comment_list > li dl.reply dd .name::before{content:'@';}
.comment_area .comment_btn{margin-top:20px; text-align:center;}
.comment_area .comment_btn button{position:relative; width:114px; height:45px; padding-right:30px; border-radius:8px;}
.comment_area .comment_btn button .icon{display:inline-block; position:absolute; top:19px; right:20px; width:13px; height:7px; background:url('/idolbom/images/hmpg/icon_arrow_comment.png') no-repeat;}

/*일반게시판 글쓰기*/
.boardview{overflow:hidden; width:100%;}
.form_top{display:flex; position:relative; justify-content:space-between;}
table + .form_top{margin-top:40px;}
.tablebasic + .form_top{margin-top:50px;}
.table_unit{display:block; color:#464c53; font-size:18px; text-align:right; line-height:26px; letter-spacing:0;word-break:keep-all;}
.table_unit span{color:#0291eb; font-weight:700;}
.tablebasic + .table_unit{margin-top:10px; color:#6A788A;}
.boardview .point_txt{margin-bottom:10px; color:#222; text-align:right;}
.boardview .point_txt::before{position:relative; top:3px; padding-right:3px; content:'*'; color:#fa0000;}
.boardview table{width:100%; table-layout:fixed;/* border-top:2px solid #222;*/}
.boardview table tr{/* border-bottom:1px solid #ddd;*/}
.boardview table tr th{padding:22px 0; background-color:#fff; color:#222; font-size:18px; font-weight:600; text-align:left; vertical-align:top; word-break:keep-all;}
.boardview table tr th.th2{background-color:#f9f9f9;}
.boardview table tr th.th3{background-color:#eee;}
.boardview table tr th.line{border-left:1px solid #ddd !important;}
.boardview table tr.add th{background-color:#e5e5e5;}
.boardview table tr.add td{background-color:#f9f9f9;}
table tr th span{position:relative;}
table tr th span.point::after{display:inline-block; position:relative; top:0; padding-left:3px; content:'*'; color:#0291eb; font-weight:700;}
.boardview table tr td{position:relative; padding:10px 0 10px 15px; color:#464c53; font-size:18px; word-break:break-all;}
.boardview table tr td textarea{height:110px;}
.boardview table tr td .optionbox{width:200px;}
table tr td .inpbox{width:100%;}
table tr td .inpbox + .inpbox{margin-top:10px;}
.boardview table tr td .inpbox.w300{max-width:100%;}
table tr td .box{display:flex; display:-webkit-flex; align-items:center;flex-wrap:wrap;gap:5px;}
table tr td .box + .box{margin-top:10px;}
table tr td .box .optionbox + .optionbox{margin-left:10px;}
table tr td .box .inpbox + .inpbox{margin-left:10px;}
table tr td .box .button_box{margin-left:10px !important;}
table tr td .box .character{margin:0;}
.boardview table tr td .radio_box2 + .box{margin-top:10px;}
.boardview table tr td .text{display:flex; display:-webkit-flex; color:#666; font-size:16px; align-items:center;}
.boardview table tr td .text .point{margin-right:5px; color:#f00000;}
.boardview table tr td .text2{font-size:16px;}
.boardview table tr td .text_no{color:#f00000; font-size:16px;}
.boardview table tr td .text_ok{color:#0b6ae0; font-size:16px;}
.boardview table tr td .text_box{display:flex; display:-webkit-flex; align-items:center;}
.boardview table tr td .text_box .text{margin-left:10px;}
.boardview table tr td .text_box .text2{margin-left:10px;}
.boardview table tr td .text_box .text_no{margin-left:10px;}
.boardview table tr td .text_box .text_ok{margin-left:10px;}
.boardview table tr td .attachment-file-edit{width:100%; align-items:center;}
.boardview table tr td .attachment-file{display:flex; display:-webkit-flex; position:relative; margin-top:10px; align-items:center;}
.boardview table tr td .attachment-file:first-child{margin-top:0;}
.boardview table tr td .attachment-file .ipfile{position:relative; width:70px; height:35px; margin-right:10px; flex:none;}
.boardview table tr td .attachment-file .ipfile input[type="file"]{overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; cursor:pointer;}
.boardview table tr td .attachment-file .ipfile input.file{opacity:0; position:absolute; z-index:5; width:calc(100% + 2px); height:calc(100% + 2px); cursor:pointer; filter:alpha(opacity=0);}
.boardview table tr td .attachment-file .ipfile input.file:focus,
.boardview table tr td .attachment-file .ipfile input.file:focus-visible{opacity:1; background:0;}
.boardview table tr td .attachment-file .ipfile span{display:block; position:absolute; top:1px; left:1px; z-index:2; width:100%; height:100%; border-radius:8px; background:#4b4c51; color:#fff; font-size:14px; text-align:center; line-height:34px; cursor:pointer;}
.boardview table tr td .attachment-file .inpbox{position:relative; width:340px;}
.boardview table tr td .attachment-file .button_box{margin-top:0; padding-left:10px; flex:none;}
.boardview table tr td .attachment-file .button_box button{margin-left:5px;}
.boardview table tr td .calendarbox .inpbox{width:180px;}
.boardview table tr td .calendarbox .character{margin:0 5px;}
.boardview table tr td .calendarbox .check_box{margin-left:10px;}
.boardview table tr td .img_box{position:relative; width:300px; height:200px; border:1px solid #ddd; border-radius:10px;}
.boardview table tr td .img_box img{position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:8px; transform:translate(-50%, -50%); object-fit:cover;object-position:center;}
.boardview table tr td .file a{padding-left:30px; color:#666;}
.boardview table tr td .file .btn_close{width:17px; height:17px; margin:-2px 5px 0 10px; border:1px solid #222; border-radius:3px; background-color:#fff;}
.boardview table tr td .file .btn_close .icon{width:15px; height:15px; border-radius:3px; background-color:#fff;}
.boardview table tr td .file .btn_close .icon::after,
.boardview table tr td .file .btn_close .icon::before{top:7px; left:2px; width:11px; height:1px;}
.boardview table tr td .file_box li a{color:#666;}
.boardview table tr td .file_box li span{color:#666; font-size:13px;}
.boardview table tr td.m_hidden{display:table-cell !important;}
.boardview table tr td.line{border-left:1px solid #ddd !important;}
.boardview table tr td.editor{padding:10px 0;}
.boardview table tr td.editor textarea{height:255px;}
table tr td.tel .box .optionbox,
table tr td.tel .box .inpbox{width:150px;}
table tr td.tel .box .inpbox input{text-align:center;}
.boardview table tr td.email .box .optionbox,
.boardview table tr td.email .box .inpbox{}
.boardview table tr td.email .box .optionbox{}
table tr td.tel .box > button,
.boardview table tr td.email .box > button{}
table tr td.address .box{display:flex; margin-bottom:10px; flex-direction:row;gap:16px;}
.boardview table tr td .address_btn,
table tr td .table_btn{display:inline-block; width:150px; height:50px; border:2px solid #0291eb; border-radius:8px; background-color:#eef7ff; color:#0e72cd; font-size:18px; font-weight:600; text-align:center; line-height:46px; transition:background-color 0.3s ease-in-out; letter-spacing:-0.025em;}
.boardview table tr td.call .table_btn{margin-left:20px;}
table tr td.address .box .inpbox.zip{width:150px;}
table tr td.address .box.post .inpbox{width:250px;}
table tr td.address .box.detail{justify-content:space-between;}
table tr td.address .box.detail .inpbox{width:calc(50% - 5px); margin:0;}
table tr td.address .box button{}
.boardview table tr td.confirm{display:flex !important; gap:8px;}
.boardview table tr td.confirm .inpbox{}
.boardview table tr td.confirm .confirm_btn{width:120px; height:50px; border:2px solid #0291eb; border-radius:8px; background-color:#eef7ff; color:#0e72cd; font-size:18px; font-weight:600; text-align:center; line-height:46px; transition:background-color 0.3s ease-in-out; letter-spacing:-0.025em;flex-shrink:0;}
.boardview table .p_caution{display:block; margin-top:5px; color:#e72508; font-size:18px; letter-spacing:0;word-break:keep-all;}
.boardview table .radioInp input[type=radio] + label{width:110px; margin-right:10px;}
.boardview table .radioInp .inpbox{width:calc(100% - 120px);}
.boardview table .calendarbox .inpbox{width:200px;}
.boardview table .calendarbox .inpbox .ui-datepicker-trigger{/* width:60px;*/ /* height:100%;*/ /* background-image:url('/idolbom/images/hmpg/sub/calendar_icon.png');*/ /* background-size:auto;*/ /* background-color:transparent;*/}
.boardview table tr td textarea{/* height:110px;*/}

.boardview + .board_title{margin-top:30px;}
.boardview + .button_box{margin-top:50px;}

/*썸네일 게시판*/
.thumbnaillist{overflow:hidden; width:100%; border-top:2px solid #222;}
.thumbnaillist > li{overflow:hidden; position:relative; border-bottom:1px solid #e5e5e5;}
.thumbnaillist > li:last-child{border-color:#767676;}
.thumbnaillist > li:hover{background-color:#f9f9f9;}
.thumbnaillist > li a{display:flex; display:-webkit-flex; padding:20px;}
.thumbnaillist > li a .img_box{width:220px; height:150px; border-radius:20px; background-repeat:no-repeat; background-position:center center; background-size:cover; flex:none;}
.thumbnaillist > li a .text_box{position:relative; width:100%; padding-left:30px;}
.thumbnaillist > li a .text_box h3{display:-webkit-box; overflow:hidden; margin-bottom:10px; color:#222; font-size:18px; font-weight:500; line-height:24px; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.thumbnaillist > li a .text_box .text{display:-webkit-box; overflow:hidden; max-height:78px; color:#666; font-size:16px; line-height:26px; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.thumbnaillist > li a .list_box{position:absolute; left:30px; bottom:0;}
.thumbnaillist > li a .list_box li{margin-right:15px; padding-right:15px; color:#666; font-size:14px;}
.thumbnaillist > li a .list_box li::after{top:calc(50% - 6px); height:11px; background-color:#ccc;}

/*갤러리형 게시판*/
.gallerylist{display:flex; display:-webkit-flex; overflow:hidden; padding-top:30px; border-top:2px solid #222; border-bottom:1px solid #ddd; flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.gallerylist > li{width:calc(25% - 15px); margin:0 20px 30px 0; border:1px solid #ddd; border-radius:20px;}
.gallerylist > li:nth-child(4n){margin-right:0;}
.gallerylist > li:hover{border-color:#dd2f4f;}
.gallerylist > li a{display:flex; display:-webkit-flex; position:relative; height:100%; flex-flow:column;}
.gallerylist > li .state{position:absolute; top:10px; right:10px; z-index:1; width:75px; height:30px; border-radius:30px; font-size:13px; text-align:center; line-height:28px;}
.gallerylist > li .state.state1{border:1px solid #dd2f4f; background-color:#fff; color:#dd2f4f;}
.gallerylist > li .state.state2{border:1px solid #1771d7; background-color:#1771d7; color:#fff;}
.gallerylist > li .state.state3{border:1px solid #666; background-color:#666; color:#fff;}
.gallerylist > li .img_box{width:100%; padding-top:71.4%; border-radius:20px 20px 0 0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.gallerylist > li .text_box{display:flex; display:-webkit-flex; height:100%; padding:25px 20px; flex-wrap:wrap;flex-flow:column;justify-content:space-between;-webkit-flex-wrap:wrap;}
.gallerylist > li h3{display:-webkit-box; overflow:hidden; max-height:52px; color:#222; font-size:16px; font-weight:500; line-height:26px; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.gallerylist > li:hover h3{color:#dd2f4f;}
.gallerylist > li .list_box{margin-top:10px;}
.gallerylist > li .list_box li {margin-right:12px; padding-right:12px; color:#707070; color:#666; font-size:14px; line-height:20px;}
.gallerylist > li .list_box li::after{top:calc(50% - 6px); height:11px; background-color:#ccc;}
.gallerylist > li .list_box li span{margin-right:0; color:#707070;}
.gallerylist > li .category{color:#333; font-size:14px;}
.gallerylist > li .button_box{margin-top:15px; justify-content:space-between;}
.gallerylist > li .button_box button{width:100%; height:40px; padding:0 15px; background-position:right 15px center;}
.gallerylist > li.nodata{width:100%; margin:-30px 0 0; border:0; border-radius:0;}

/*상세보기 일반 테이블*/
.tablebasic{clear:both; overflow-x:auto;}
.tablebasic table{width:100%; table-layout:fixed; border-top:2px solid #0e78d5;}
.tablebasic table thead tr{border-bottom-color:#81c4ff;}
.tablebasic table thead tr th:last-child{border-right:0;}
.tablebasic table tr{border-bottom:1px solid #ddd;}
.tablebasic table tr th{padding:11px 15px; border-right:1px solid #c2dbf2; background-color:#eef7ff; color:#222; font-size:18px; font-weight:500; text-align:center; word-break:keep-all;}
.tablebasic table tr td{padding:17px 15px; border-right:1px solid #ddd; border-color:#cdd1d5; color:#464c53; font-size:18px; font-weight:300; text-align:center; line-height:26px; letter-spacing:0;}
.tablebasic table tr td:not(.br):last-child{border-right-width:0;}
.tablebasic table tr td.line{border-right-width:1px;}
.tablebasic table .box{justify-content:center;}
.tablebasic table .check_box{justify-content:center;}
.tablebasic table .edit_btn{font-size:inherit; text-decoration:underline;}

/*faq*/
.category_tab{display:flex; margin-top:50px; gap:8px; flex-wrap:wrap;}
.category_tab li{}
.category_tab li .tab_btn{display:block; height:50px; padding:0 20px; border:1px solid #cdd1d5; border-radius:25px; color:#464c53; font-size:18px; line-height:48px;}
.category_tab li.active .tab_btn{border-color:#33363d; background-color:#33363d; color:#fff;}
.faq_wrap{}
.faq_wrap .faq_list{border-top:2px solid #57616a;}
.faq_wrap .faq_item{}
.faq_wrap .faq_item .faq_q{display:flex; position:relative; height:76px; padding:10px 60px 10px 37px; border-bottom:1px solid #cdd1d5; align-items:center;}
.faq_wrap .faq_item .faq_q:before{}
.faq_wrap .faq_item .faq_q_title{position:relative; padding-left:36px; color:#464c53; font-size:18px;}
.faq_wrap .faq_item .faq_q_title:before{display:block; position:absolute; top:0; left:0; content:'Q.'; font-size:18px; font-weight:600; text-decoration:none;}
.faq_wrap .faq_item .faq_q_btn{position:absolute; top:0; right:34px; bottom:0; width:30px; height:30px; margin:auto 0; font-size:0; transition:.25s ease-in-out;}
.faq_wrap .faq_item .faq_q_btn:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:19px; height:10px; margin:auto; background:url(/idolbom/images/hmpg/sub/mypage_icon02.png) no-repeat center / 19px 10px;}
.faq_wrap .faq_item .faq_a{display:none; padding:30px 37px; background-color:#f4f5f6;}
.faq_wrap .faq_item .faq_a p{position:relative; padding-left:36px; color:#464c53; font-size:18px;}
.faq_wrap .faq_item .faq_a p:first-child:before{display:block;position:absolute;top:0;left:0;content: 'A.';font-size:18px;font-weight:600;text-decoration:none;}
.faq_wrap .faq_item.active .faq_q_title{color:#0971cf; text-decoration:underline;}
.faq_wrap .faq_item.active .faq_q_title:before{}
.faq_wrap .faq_item.active .faq_q_btn:before{background-image:url(/idolbom/images/hmpg/sub/mypage_icon02_on.png); transform:rotate(180deg);}
.faq_wrap .faq_item.active .faq_a{}

@media screen and (max-width:1400px) and (min-width:1001px){
    .boardview table tr td.tel .box .optionbox,
    .boardview table tr td.tel .box .inpbox{width:120px;}
    .boardlist table tbody tr.fix td span.notice{
        font-size: 16px;
        width: 50px;
    }
}
@media screen and (min-width:1001px){
    .boardview table tr td .address_btn:hover,
    table tr td .table_btn:hover{background-color:#cce7ff;}
    .boardview table tr td.confirm .confirm_btn:hover{background-color:#cce7ff;}
}
@media screen and (max-width:1000px){
    .optionbox, .inpbox{border-radius:5px;}
    .nodata{font-size:16px;}
    .inpbox input,
    textarea{padding:12px 15px; font-size:16px;}
    .optionbox select{padding-left:10px; font-size:16px;}
    .inpbox input::placeholder,
    textarea::placeholder{font-size:16px;}
    .calendarbox .inpbox input{/* padding-right:40px;*/}

    /*라디오박스*/
    .radio_box > li{margin-right:15px;}
    .radio_box input[type=radio] + label{padding-left:30px;/* line-height:18px;*/ font-size:16px;}
    .radio_box input[type=radio] + label::after{top:calc(50% - 9px); width:16px; height:16px;}
    .radio_box input[type=radio] + label.on::before,
    .radio_box input[type=radio]:checked + label::before{top:calc(50% - 5px); left:4px;}
    .radio_box.img{gap:10px;}
    .radio_box2{gap:5px;}
    .radio_box2 input[type=radio] + label{min-width:55px; height:30px; padding:0 10px; border-radius:27px; font-size:12px; line-height:28px;}
    .radio_box2 input[type=radio]:checked + label{line-height:26px;}
    .radio_box2 .box{flex-wrap:wrap;gap:5px;}
    .radio_box2 .box .calendarbox{margin-left:0;}
    .radio_box2 .box .calendarbox .inpbox{width:calc(50% - 4px); max-width:130px;}

    /*체크박스*/
    .check_box input[type=checkbox] + label{/* padding-left:23px;*/ /* line-height:22px;*/}
    .check_box input[type=checkbox] + label::before{width:16px; height:16px; margin-top:2px; border-width:1px; background-size:10px;}
    .check_box input[type=checkbox]:checked  + label::before{background-size:10px;}
    .check_box.all{display:flex; display:-webkit-flex; margin-top:15px; padding-top:10px; border-top:1px solid #929bac; justify-content:center;}
    .check_box.all label{font-size:14px;}
    .check_box_wrap .check_box > li{margin-right:0;}
    .check_box_wrap .check_box > li:last-child{margin-bottom:0;}
    .check_box2{gap:5px;}
    .check_box2 input[type=checkbox] + label{min-width:55px; height:30px; padding:0 10px; border-radius:27px; font-size:12px; line-height:28px;}
    .check_box2 input[type=checkbox]:checked + label{line-height:26px;}
    .check_box2 .box{flex-wrap:wrap;gap:5px;}

    /*libox*/
    .libox{width:calc(25% - 3.75px);}
    .libox.w130{width:calc(25% - 3.75px);}
    .libox a{padding:0 35px 0 15px; border-radius:5px; line-height:38px;}
    .libox a::after{top:calc(50% - 2px); right:12px; width:8px; height:5px; background-size:100% auto;}
    .libox.active a{border-radius:5px;}
    .libox.active a::after{background-size:100% auto;}
    .libox ul{top:45px; width:100%; max-height:185px; padding:10px 0;}
    .libox.active ul{border-radius:5px;}
    .libox.w130 ul{width:100%;}
    .libox ul::-webkit-scrollbar{width:20px;}
    .libox ul::-webkit-scrollbar-thumb{border:7px solid transparent; border-radius:20px;}
    .libox ul::-webkit-scrollbar-track{border-radius:20px;}
    .libox ul li{line-height:18px;}
    .libox .check_box input[type=checkbox] + label{padding:3px 10px 3px 35px; font-size:13px;}
    .libox .check_box input[type=checkbox] + label::before{top:3px; left:10px;}
    .libox .radio_box input[type=radio] + label{padding:3px 10px 3px 35px; font-size:13px;}
    .libox .radio_box input[type=radio] + label::after{top:3px; left:10px; width:14px; height:14px;}
    .libox .radio_box input[type=radio] + label.on::before,
    .libox .radio_box input[type=radio]:checked + label::before{left:14px; width:8px; height:8px;}
    .libox.libox2 > ul{height:185px; border-radius:5px 0 0 5px;}
    .libox.libox2 > ul + ul{left:calc(100% - 1px); border-radius:0 5px 5px 0;}
    .libox.cal{width:100%; padding:0 5px;}
    .libox.cal .calendarbox{justify-content:center;}
    .libox.cal .calendarbox .inpbox{width:160px; height:35px;}

    .calendarbox .inpbox .ui-datepicker-trigger{/* width:33px;*/ /* height:33px;*/ /* border-radius:0 5px 5px 0;*/ /* background-size:60% auto;*/}
    .list_box li{margin-right:5px; padding-right:5px; font-size:13px;}
    .list_box li::after{top:calc(50% - 4px); height:9px;}
    .list_box li span{margin-right:8px;}
    .file_box li{margin-bottom:0; /* margin-bottom:5px;*/ /* justify-content:space-between;*/}
    .file_box li a{position:relative; top:2px; padding:0 5px 0 18px; background-position:0 8px; background-size:12px;}
    .file_box li button{width:77px; height:25px; font-size:10px;}
    .character{margin:0 5px;}

    /*일반게시판 검색바*/
    .board_top{display:block; margin-bottom:10px;}
    .board_top .all{margin-bottom:10px; font-size:14px;}
    .board_top .boardschbox{display:block;}
    .board_top .boardschbox > div{margin-bottom:10px;}
    .board_top .boardschbox > div:last-child{margin-bottom:0;}
    .board_top .boardschbox .search_box{width:100%;}
    .board_top .boardschbox .select_box .optionbox,
    .board_top .boardschbox .search_box .inpbox{width:100%; height:35px; border-radius:5px;}
    .board_top .boardschbox .select_box .optionbox:last-child{margin-right:0;}
    .board_top .boardschbox .select_box .optionbox select,
    .board_top .boardschbox .search_box .inpbox input.txt{padding-right:40px; padding-left:10px; border-radius:5px; font-size:16px;}
    .board_top .boardschbox .search_box .btn_search{width:35px; height:33px; background-size:14px;}
    .board_top .boardschbox .search_box .btn_search .icon{transform:scale(0.9);}
    .board_top > .optionbox{float:right; margin:-28px 0 10px;}
    .board_top .calendarbox{margin-right:0;}
    .board_top .calendarbox .inpbox{width:100%;}
    .board_top .calendarbox .inpbox input.txt{font-size:16px;}
    .board_top .order{justify-content:right;}
    .board_top .order li{margin-left:15px; padding-left:15px;}
    .board_top .order li::before{top:calc(50% - 5px); width:1px; height:10px;}
    .board_top .order li a{font-size:14px;}

    /*목록 상단검색 기본*/
    .boardlist_top{margin:20px 0;}
    .boardlist_top .box_wrap{display:block; margin-bottom:0;}
    .boardlist_top .box{display:block; width:100%;}
    .boardlist_top .box > div{margin:0 0 10px;}
    .boardlist_top .box > div:last-child{margin-bottom:0;}
    .boardlist_top .box .inpbox{width:100%; height:35px;}
    .boardlist_top .box .inpbox input.txt{padding:8px 10px; font-size:13px;}
    .boardlist_top .box .optionbox{width:100%; height:35px;}
    .boardlist_top .box .optionbox select{padding:8px 10px; font-size:13px;}
    .boardlist_top .box .calendarbox .optionbox{width:100%;}
    .boardlist_top .box .calendarbox .inpbox{width:calc(50% - 10px) !important;}
    .boardlist_top .box .search_box .inpbox{width:100%;}
    .boardlist_top .box .search_box .inpbox input.txt{padding:0 40px 0 10px;}
    .boardlist_top .box .search_input{width:100% !important;}
    .boardlist_top .box .search_input .inpbox{width:100%; margin-left:0;}
    .boardlist_top button{width:calc(50% - 6px); height:35px; margin-right:8px; font-size:15px; font-weight:500; flex:none;}
    .boardlist_top button:last-child{margin-right:0;}
    .boardlist_top2{margin:50px auto; padding:15px; border-radius:10px;}
    .boardlist_top2 dl{display:block; padding:0 0 20px; border-bottom:0;}
    .boardlist_top2 dl:last-of-type{padding:0;}
    .boardlist_top2 dl dt{width:100%; padding:0 0 5px;}
    .boardlist_top2 dl dd{width:100%}
    .boardlist_top3{margin-bottom:25px;}
    .boardlist_top3 .search_box{max-width:100%;}
    .boardlist_top3 .search_box .inpbox{width:100%; height:40px; border:2px solid #dd2f4f; border-radius:38px;}
    .boardlist_top3 .search_box .inpbox input.txt{padding:0 45px 0 15px; border-radius:40px; font-size:16px;}
    .boardlist_top3 .btn_search{top:calc(50% - 15px); right:15px; width:30px; height:30px;}
    .boardlist_top3 .btn_search .icon{width:22px; height:22px;}
    .boardlist_top3 .btn_search .icon::after{top:0; left:0; width:14px; height:14px; border:2px solid #dd2f4f;}
    .boardlist_top3 .btn_search .icon::before{right:0; bottom:4px; width:8px; height:2px;}
    .boardlist_top4{margin-bottom:30px; padding:5px 15px; border-radius:5px;}
    .boardlist_top4 .top{padding:15px 0;}
    .boardlist_top4 .top .btn_reset{padding-left:25px; background-size:18px auto; line-height:20px;}
    .boardlist_top4 .top .search_list{width:calc(100% - 70px); flex-wrap:wrap;gap:5px;}
    .boardlist_top4 .top .search_list li{height:24px; padding:0 10px 0 15px; border-radius:24px; font-size:12px; line-height:24px;}
    .boardlist_top4 .top .search_list li .btn_delete .icon{margin-left:10px;}
    .boardlist_top4 .bottom{display:block; padding:15px 0;}
    .boardlist_top4 .bottom .switch_checkbox{margin-bottom:5px;}
    .boardlist_top4 .bottom .switch_checkbox:last-child{margin-bottom:0;}
    .boardlist_top4 .bottom .switch_checkbox span{margin-left:5px;}
    .boardlist_top5 .box{gap:5px;}

    /*일반게시판 리스트*/
    .boardlist table, .boardlist table tbody, .boardlist table tbody tr td{display:block;}
    .boardlist table thead{display:none;}
    .boardlist table tbody tr{display:flex; display:-webkit-flex; position:relative; padding:10px 0; flex-wrap:wrap;align-items:center;-webkit-flex-wrap:wrap;}
    .boardlist table tbody tr:hover{background:0;}
    .boardlist table tbody tr td{height:auto; padding:3px 0; font-size:12px; text-align:left; line-height:16px;}
    .boardlist table tbody tr td.m_hidden{display:none !important;}
    .boardlist table tbody tr td.title_box{width:100%;}
    .boardlist table tbody tr td.title_box .title.center{justify-content:left;}
    .boardlist table tbody tr td.title_box .title a{color:#222; font-size:16px; line-height:16px;}
    .boardlist table tbody tr td.title_box .title a i.new{width: 14px;margin: -3px 0 0 2px;height: 14px;border-radius: 4px;}
    .boardlist table tbody tr td.title_box .title a i.new:before{font-size:10px;line-height: 14px;}
    .boardlist table tbody tr td.title_box .title span.comment{margin-left:5px;}
    .boardlist table tbody tr td.title_box .title img.secret{width:12px; margin:-2px 0 0 5px;}
    .boardlist table tbody tr td.title_box .title.comment a{padding-left:20px; background-size:12px auto;}
    .boardlist table tbody tr td.title_box.w_hidden{margin:0 0 5px;}
    .boardlist table tbody tr td.block{display:block; width:100%;}
    .boardlist table tbody tr td.topright{position:absolute; top:10px; right:0;}
    .boardlist table tbody tr td.bottomright{position:absolute; right:0; bottom:10px;}
    .boardlist table tbody tr td.flex{display:flex; display:-webkit-flex; width:100%;}
    .boardlist table tbody tr td.flex span{margin-right:20px;}
    .boardlist table tbody tr td.line{position:relative; margin-right:7px; padding-right:8px;}
    .boardlist table tbody tr td.line::after{position:absolute; top:calc(50% - 5px); right:0; width:1px; height:10px; background-color:#c6c6c6; content:'';}
    .boardlist table tbody tr td.date{line-height:24px;}
    .boardlist table tbody tr td .file{width:15px;}
    .boardlist table tbody tr.fix{/* padding:5px 10px;*/}
    .boardlist table tbody tr.fix td span.notice{width:35px; height:20px; margin:-4px 5px 0 0; border-radius:20px; font-size:11px; line-height:20px;}
    .boardlist table tbody tr td.nodata{width:100%; font-size:16px; text-align:center;}
    .boardview.boardlist2 table tbody tr{position:relative;}
    .boardlist.boardlist2 table tbody tr td{width:calc(100% - 35px); margin-left:35px; padding:5px 0; font-size:12px; text-align:left;}
    .boardlist.boardlist2 table tbody tr td .check_box.center input[type=checkbox] + label::before{left:0;}
    .boardlist.boardlist2 table tbody tr td:first-child{position:absolute; top:calc(50% - 16px); left:-35px; width:18px;}
    .boardlist.boardlist2 table tbody tr td:first-child div.radio_box input[type=radio] + label{width:18px; height:18px;}
    .boardlist.boardlist2 table tbody tr td .w_hidden{display:inline-block !important; margin-right:5px;}
    .boardlist.boardlist2 table tbody tr td .w_hidden::after{display:none;}
    .boardlist.boardlist2 table tbody tr td a{font-size:12px;}

    /*하단 버튼*/
    .button_box{margin-top:10px;}
    .button_box .btn{margin-left:5px;}
    .button_box .btn.right{position:relative; top:0; right:0;}
    .button_box.bw80 .btn{min-width:70px; padding:0 23px; font-size:15px;}
    .button_box.flexwrap{flex-wrap:wrap;}
    .button_box.flexwrap > div + div{margin-top:10px;}
    .button_box.flexwrap .right{justify-content:left;}
    .button_box.many{flex-wrap:wrap;}
    .button_box.many > div{justify-content:center;}
    .button_box.many > div + div{margin-top:10px;}

    /*페이징*/
    .paging{margin-top:10px;}
    .paging button{width:30px; height:30px; background-size:auto 10px; font-size:14px; line-height:26px;}
    .paging button.btn-paging-first{margin:0 3px 0 0; background-size:12px;}
    .paging button.btn-paging-pre{margin:0 5px 0 0; background-size:7px;}
    .paging button.btn-paging-next{margin:0 0 0 5px; background-size:7px;}
    .paging button.btn-paging-last{margin:0 0 0 3px; background-size:12px;}

    /*일반게시판 상세*/
    .board_detail .title_box{padding:5px 0;}
    .board_detail .title_box h3{font-size:18px;/* flex-wrap:wrap;*/ font-weight:500; /* width:calc(100% - 84px);*/ /* gap:5px;*/}
    .board_detail .title_box h3 .answer{margin-right:5px; padding-left:20px; background:url('/idolbom/images/hmpg/icon_comment.png') no-repeat 0 2px / 12px auto; font-size:13px;}
    .board_detail .title_box h3 .notice{width:45px; height:24px; margin-right:5px; border-radius:3px; font-size:12px; line-height:24px;}
    .board_detail .title_box h3 .new{margin-left:5px;}
    .board_detail .title_box .date{font-size:12px;}
    .board_detail .list_box{padding:0 10px 10px 10px;}
    .board_detail .file_box li a{font-size:12px;}
    .board_detail .list_box li{}
    .board_detail .list_box li.answerer{font-size:14px;}
    .board_detail .list_box li.date{font-size:11px;}
    .board_detail .content_bar{display:flex; display:-webkit-flex; padding:15px 0 0; border-bottom:0; justify-content:flex-end;}
    .board_detail .content_bar .btn_more{height:30px; padding:0 10px 0 15px; font-size:13px;}
    .board_detail .content_bar .btn_more .icon{margin-left:10px; transform:scale(0.8);}
    .board_detail .content_bar .btn_more .icon::after, .board_detail .content_bar .btn_more .icon::before{left:-10px;}
    .board_detail .content_bar .btn_more .icon::before{top:calc(50% - 1px);}
    .board_detail .content_bar .btn_share img{width:30px;}
    .board_detail .content_bar .share_box{top:50px; padding:10px !important;}
    .board_detail .content_bar .share_box .btn_close{top:2px; right:2px; transform:scale(0.7);}
    .board_detail .content_bar .share_box .button_box{margin:0 0 10px; padding:0;}
    .board_detail .content_bar .share_box .button_box .btn_share{width:52px; margin-left:0; font-size:11px;}
    .board_detail .content_bar .share_box .link_box .inpbox{height:32px;}
    .board_detail .content_bar .share_box .link_box button{width:70px; height:32px;}
    .board_detail .video_box{display:block; display:-webkit-block; padding:20px 0 0;}
    .board_detail .video_box .youtube{position:relative; width:100%; height:auto; padding-top:56.25%;}
    .board_detail .video_box .youtube iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
    .board_detail .video_box .video{width:100%;}
    .board_detail .video_box .contents{margin-top:20px; padding:15px; font-size:14px; line-height:22px;}
    .board_detail .content_box{padding:20px 15px; font-size:14px;}
    .board_detail .file_box{padding:10px 15px;}
    .board_detail .file_box:before{display:none; position:relative; top:auto; left:auto; font-size:16px; font-weight:500;}
    .board_detail .slider-for{width:calc(100% - 4px); margin:0 2px 4px;}
    .board_detail .slider-for .slick-arrow{top:calc(50% - 12px); width:25px; height:25px;}
    .board_detail .slider-for .slick-arrow::after, .board_detail .slider-for .slick-arrow::before{top:12px; left:10px; width:7px; height:1px;}
    .board_detail .slider-for .slick-list .slick-track .slick-slide .list button{width:22px; height:22px;}
    .board_detail .slider-for .slick-list .slick-track .slick-slide .list button::after,
    .board_detail .slider-for .slick-list .slick-track .slick-slide .list button::before{left:calc(50% - 5px); width:10px;}
    .board_detail .slider-nav{width:100%; margin:0 auto 20px;}
    .board_detail .slider-nav .slick-list .slick-track .slick-slide{overflow:hidden; padding:0 2px;}
    .board_detail .slider-nav .slick-list .slick-track .slick-slide .list{height:auto; padding-top:65%;}
    .board_detail .slider-nav .slick-list .slick-track .slick-slide.slick-current .list::after{background-size:20%;}

    /*이전글 다음글*/
    .view_bottom{margin-top:30px;}
    .view_bottom dl{padding:10px 0; font-size:13px;}
    .view_bottom dl dt{width:62px; padding:0; font-size:14px;}
    .view_bottom dl dt span{position:relative; padding-left:23px;}
    .view_bottom dl dt span::after{top:2px; width:20px; height:14px;}
    .view_bottom dl.next dt span::after{background-size:10px auto;/* background-position:0 center;*/}
    .view_bottom dl.prev dt span::after{background-size:10px auto;/* background-position:0 center;*/}
    .view_bottom dl dd{width:calc(100% - 62px); padding:0 0 0 10px;}
    .view_bottom dl dd a{font-size:13px;}

    /*댓글*/
    .comment_area{margin-top:40px;}
    .comment_area .button_box{margin-top:10px;}
    .comment_area .button_box button{margin-left:5px;}
    .comment_area .button_box .byte{color:#666; font-size:12px;}
    .comment_area .comment_write .write_box{padding:15px 10px 0;}
    .comment_area .comment_write .write_box textarea{height:100px;}
    .comment_area .comment_list{margin-top:20px;}
    .comment_area .comment_list > li dl{padding:10px;}
    .comment_area .comment_list > li dl dt{display:block; overflow:hidden;}
    .comment_area .comment_list > li dl dt .list_box{float:left;}
    .comment_area .comment_list > li dl dt .list_box li.name{font-size:13px;}
    .comment_area .comment_list > li dl dt .list_box li.date{font-size:13px;}
    .comment_area .comment_list > li dl dt .list_box.button_area{float:right; margin-top:10px;}
    .comment_area .comment_list > li dl dt .list_box.button_area li{margin-right:5px; padding-right:0;}
    .comment_area .comment_list > li dl dt .list_box.button_area li::after{display:none;}
    .comment_area .comment_list > li dl dt .list_box.button_area li:last-child{margin-right:0;}
    .comment_area .comment_list > li dl dd{padding:10px 0 0; font-size:13px; line-height:24px;}
    .comment_area .comment_list > li dl dd textarea{height:55px; font-size:13px;}
    .comment_area .comment_list > li dl.reply dt{padding-left:20px; background-position:0 2px; background-size:12px auto;}
    .comment_area .comment_list > li dl.reply dd{padding:10px 0 0;}
    .comment_area .comment_btn button{position:relative; width:auto; height:35px; padding:0 35px 0 15px; border-radius:5px;}
    .comment_area .comment_btn button .icon{top:14px; right:15px; width:13px; height:7px;}

    /*일반게시판 글쓰기*/
    .form_top{gap:8px;}
    .table_unit{font-size:15px; line-height:22px;}
    .boardview .point_txt{margin-bottom:5px;}
    .boardview .boardview_title{margin-bottom:5px; font-size:13px;}
    .boardview table:not(.tablebasic table), .boardview table:not(.tablebasic table) > tbody, .boardview table:not(.tablebasic table) > tbody > tr, .boardview table:not(.tablebasic table) > tbody > tr > th, .boardview table:not(.tablebasic table) > tbody > tr > td{display:block;}
    .boardview table:not(.tablebasic table){/* padding:15px 0;*/ /* border-bottom:1px solid #e4e4e4;*/}
    .boardview table:not(.tablebasic table) > tbody > tr{margin-bottom:20px; border-bottom:0;}
    .boardview table:not(.tablebasic table) > tbody > tr:last-child{margin-bottom:0;}
    .boardview table:not(.tablebasic table) > tbody > tr > th{margin-bottom:5px; /* padding:0;*/ /* margin:15px 0 5px;*/ /* font-size:12px;*/ /* color:#666;*/ /* background-color:#fff;*/}
    .boardview table:not(.tablebasic table) > tbody > tr > th:first-child{/* margin-top:0;*/}
    .boardview table:not(.tablebasic table) > tbody > tr > td{font-size:16px;/* line-height:20px;*/ /* padding:0;*/ /* color:#222;*/}
    .boardview table:not(.tablebasic table) tr th{margin-bottom:10px; padding:0; font-size:16px;}
    .boardview table:not(.tablebasic table) tr th.th2{background:0;}
    .boardview table:not(.tablebasic table) tr th.th3{background:0;}
    .boardview table:not(.tablebasic table) tr th.line{border-left:0 !important;}
    .boardview table:not(.tablebasic table) tr td{padding:0;}
    .boardview table:not(.tablebasic table) tr td .optionbox{max-width:100%;}
    .boardview table:not(.tablebasic table) tr td .box .character{font-size:12px;}
    .boardview table:not(.tablebasic table) tr td .text{margin-top:5px; font-size:11px;}
    .boardview table:not(.tablebasic table) tr td .text .icon{width:13px; height:13px; margin-right:5px; background-size:100% auto;}
    .boardview table:not(.tablebasic table) tr td .text2{margin-top:5px; font-size:11px;}
    .boardview table:not(.tablebasic table) tr td .text_no{margin-top:5px; font-size:11px;}
    .boardview table:not(.tablebasic table) tr td .text_ok{margin-top:5px; font-size:11px;}
    .boardview table:not(.tablebasic table) tr td .text_box{display:block;}
    .boardview table:not(.tablebasic table) tr td .text_box .text{margin-top:5px; margin-left:0;}
    .boardview table:not(.tablebasic table) tr td .text_box .text2{margin-top:5px; margin-left:0;}
    .boardview table:not(.tablebasic table) tr td .text_box .text_no{margin-top:5px; margin-left:0;}
    .boardview table:not(.tablebasic table) tr td .text_box .text_ok{margin-top:5px; margin-left:0;}
    .boardview table:not(.tablebasic table) tr td .attachment-file .ipfile span{border-radius:5px; font-size:13px;}
    .boardview table:not(.tablebasic table) tr td .attachment-file .inpbox{width:calc(100% - 90px);}
    .boardview table:not(.tablebasic table) tr td .attachment-file .button_box{width:80px;}
    .boardview table:not(.tablebasic table) tr td .attachment-file.flexwrap{flex-wrap:wrap;}
    .boardview table:not(.tablebasic table) tr td .attachment-file.flexwrap .text{width:100%; margin-top:5px; text-align:right;}
    .boardview table:not(.tablebasic table) tr td .calendarbox .inpbox{width:100%;}
    .boardview table:not(.tablebasic table) tr td .calendarbox + .ml10{margin-left:0 !important;}
    .boardview table:not(.tablebasic table) tr td .file .btn_close{width:15px; height:15px;}
    .boardview table:not(.tablebasic table) tr td .file .btn_close .icon{width:13px; height:13px;}
    .boardview table:not(.tablebasic table) tr td .file .btn_close .icon::after,
    .boardview table:not(.tablebasic table) tr td .file .btn_close .icon::before{top:6px; width:9px;}
    .boardview table:not(.tablebasic table) tr td .file_box li{justify-content:left;}
    .boardview table:not(.tablebasic table) tr td .file_box li a{background-position:0 3px;}
    .boardview table:not(.tablebasic table) tr td .file_box li span{font-size:11px; line-height:24px;}
    .boardview table:not(.tablebasic table) tr td.m_hidden{display:none !important;}
    .boardview table:not(.tablebasic table) tr td.line{border-left:0 !important;}
    .boardview table:not(.tablebasic table) tr td.editor textarea{height:150px;}
    .boardview table:not(.tablebasic table) tr td.email .box .optionbox,
    .boardview table:not(.tablebasic table) tr td.email .box .inpbox{width:100%;}
    .boardview table:not(.tablebasic table) tr td.email .box .inpbox{}
    .boardview table:not(.tablebasic table) tr td.email .box .character + .inpbox{width:calc(100% - 24px);}
    .boardview table:not(.tablebasic table) tr td.email .box .optionbox{}
    .boardview table:not(.tablebasic table) tr td.email .box .btn_check{}
    table tr td.address .box button{}
    table tr td.address .box.post .inpbox{width:calc(100% - 93px); max-width:250px;}
    table tr td.address .box.detail{margin-top:5px;}
    table tr td.address .box.detail .inpbox{width:100%;}
    .boardview table:not(.tablebasic table) tr td .address_btn,
    table tr td .table_btn{/* width:120px;*/ /* font-size:16px;*/}
    .boardview table:not(.tablebasic table) tr td.confirm .inpbox{}
    .boardview table:not(.tablebasic table) tr td.confirm .confirm_btn{/* width:120px;*/ /* font-size:16px;*/}
    .boardview table:not(.tablebasic table) .radioInp input[type=radio] + label{width:100px;}
    .boardview table:not(.tablebasic table) .radioInp .inpbox{width:calc(100% - 110px);}
    .boardview table:not(.tablebasic table) .p_caution{font-size:16px; line-height:20px;}
    .boardview.boardview2 table:not(.tablebasic table){padding:10px 15px; border:1px solid #ddd; border-radius:10px;}
    .boardview.boardview2 table:not(.tablebasic table) thead tr{display:none;}
    .boardview.boardview2 table:not(.tablebasic table) tbody tr td{margin-bottom:10px;}
    .boardview.boardview2 table:not(.tablebasic table) tbody tr td .w_hidden{margin-bottom:5px;}
    .boardview.boardview3 table:not(.tablebasic table){padding:0;}
    .boardview.boardview3 table:not(.tablebasic table) thead tr{display:none;}
    .boardview.boardview3 table:not(.tablebasic table) tbody tr{position:relative; margin:0; padding:10px 0; border-bottom:1px solid #ddd;}
    .boardview.boardview3 table:not(.tablebasic table) tbody tr:last-child{border-bottom:0;}
    .boardview.boardview3 table:not(.tablebasic table) tbody tr td{position:static; width:calc(100% - 40px); padding-left:40px;}
    .boardview.boardview3 table:not(.tablebasic table) tbody tr td:first-child{position:absolute; top:calc(50% - 10px); left:-33px; width:auto;}
    .boardview + .board_title{margin-top:20px;}
    .boardview + .button_box{margin-top:30px;}

    /*썸네일 게시판*/
    .thumbnaillist > li a{padding:15px 0;}
    .thumbnaillist > li a .img_box{width:130px; height:90px; border-radius:10px;}
    .thumbnaillist > li a .text_box{padding-left:15px;}
    .thumbnaillist > li a .text_box h3{max-height:22px; margin-bottom:5px; font-size:15px; line-height:22px; -webkit-line-clamp:1;}
    .thumbnaillist > li a .text_box .text{margin:10px 0; font-size:12px; line-height:18px;}
    .thumbnaillist > li a .list_box{position:relative; left:0;}
    .thumbnaillist > li a .list_box li{font-size:10px;}
    .thumbnaillist > li a .list_box li::after{top:calc(50% - 5px); height:10px;}
    .thumbnaillist > li:hover{background-color:#fff;}
    .thumbnaillist.type2{column-gap:20px;grid-row-gap:20px;}
    .thumbnaillist.type2 > li a .text_box{padding-left:10px;}
    .thumbnaillist.type2 > li a .text_box .category{margin-bottom:2px; font-size:8px; line-height:10px;}
    .thumbnaillist.type2 > li a .text_box h3{margin-bottom:0; font-size:11px; line-height:15px;}
    .thumbnaillist.type2 > li a .text_box .name{margin-bottom:0; font-size:9px;}

    /*갤러리형 게시판*/
    .gallerylist{padding-top:15px;}
    .gallerylist > li{width:calc(25% - 7.5px); margin:0 10px 15px 0;}
    .gallerylist > li h3{max-height:45px; font-size:14px; line-height:22px;}
    .gallerylist > li .state{width:50px; height:20px; border-radius:20px; font-size:10px; line-height:18px;}
    .gallerylist > li .text_box{padding:15px 15px 20px;}
    .gallerylist > li .list_box{margin-top:10px;}
    .gallerylist > li .list_box li{font-size:11px; line-height:10px;}
    .gallerylist > li .list_box li::after{top:calc(50% - 5px); height:10px;}
    .gallerylist > li .button_box{margin-top:5px;}
    .gallerylist > li .button_box button{height:20px; padding:0 5px; background-position:right 5px center; background-size:10px; font-size:10px;}
    .gallerylist > li:hover{background-color:#fff;}
    .gallerylist > li.nodata{margin:-15px 0 0;}

    /*상세보기 일반 테이블*/
    .tablebasic{overflow-x:auto;}
    .tablebasic table{min-width:700px;}
    .tablebasic table tr{word-break:break-all;}
    .tablebasic table tr th{padding:8px 5px; font-size:15px;}
    .tablebasic table tr td{padding:8px 5px; font-size:16px;}
    .tablebasic table tbody tr th{background-color:#fff;}

    /*faq*/
    .faq_area > li > a{padding:10px 27px 10px 33px; font-size:13px;}
    .faq_area > li > a .num{position:absolute; top:10px; left:10px; font-size:18px;}
    .faq_area > li > a .txt{font-size:14px;}
    .faq_area > li > a .icon{right:3px; transform:scale(0.625);}
    .faq_area > li > ul li{padding:10px 27px 10px 33px; font-size:13px; line-height:20px;}
    .faq_area > li > ul li::before{top:10px; left:10px; font-size:18px;}
    .faq_area > li.active > a .icon{transform:rotate(180deg) scale(0.625);}

    .reserve_top + .board_top{margin-top:30px;}
    .category_tab{margin-top:20px; gap:5px;}
    .category_tab li .tab_btn{height:38px; padding:0 10px; font-size:14px; line-height:36px;}

    .faq_wrap{}
    .faq_wrap .faq_list{}
    .faq_wrap .faq_item{}
    .faq_wrap .faq_item .faq_q{height:auto; padding:10px 30px 10px 10px;}
    .faq_wrap .faq_item .faq_q:before{}
    .faq_wrap .faq_item .faq_q_title{padding-left:20px; font-size:14px; line-height:1.3;}
    .faq_wrap .faq_item .faq_q_title:before{font-size:15px;}
    .faq_wrap .faq_item .faq_q_btn{right:0;}
    .faq_wrap .faq_item .faq_q_btn:before{background-size:12px;}
    .faq_wrap .faq_item .faq_a{padding:15px;}
    .faq_wrap .faq_item .faq_a p{padding-left:20px; font-size:14px; line-height:1.4;}
    .faq_wrap .faq_item .faq_a p:before{font-size:14px; /* top:-4px;*/}
    .faq_wrap .faq_item.active .faq_q_title{}
    .faq_wrap .faq_item.active .faq_q_title:before{}
    .faq_wrap .faq_item.active .faq_q_btn:before{}
    .faq_wrap .faq_item.active .faq_a{}

    .boardview table tr th{}
}
@media screen and (max-width:784px){
    /*갤러리형 게시판*/
    .gallerylist > li{width:calc(33.33% - 6.666666666666667px);}
    .gallerylist > li:nth-child(4n){margin-right:10px;}
    .gallerylist > li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:640px){
    .optionbox, .inpbox{height:40px;}
    .inpbox input{padding:6px 10px; font-size:15px;}
    textarea{padding:8px 10px; font-size:15px; line-height:22px;}
    .calendarbox .inpbox input{padding-right:40px;}
    .calendarbox .inpbox .ui-datepicker-trigger{width:40px; background-size:40% auto;}
    .optionbox:after{right:10px; width:12px; height:6px; background-size:contain;}
    .tablebasic table tr td{font-size:15px;}
    table tr td.address .box{gap:8px;}
    .boardview table tr td.confirm .confirm_btn,
    .boardview table tr td .address_btn, table tr td .table_btn{width:90px; height:38px; border-width:1px; border-radius:5px; font-size:15px; line-height:34px;}
}

/*libox*/
.libox{width:calc(33.3333333333% - 6.666666666666667px);}
.libox.w130{width:calc(33.3333333333% - 6.666666666666667px);}
.box .libox.libox2 > ul{left:auto; right:calc(100% - 1px);}
.box .libox.libox2 > ul + ul{left:auto; right:0;}

/*일반게시판 글쓰기*/
.boardview table tr td .optionbox{width:100%;}
.boardview table tr td.email .box{flex-wrap:wrap;justify-content:space-between;-webkit-flex-wrap:wrap;}
.boardview table tr td.email .box > div{margin-bottom:10px;}
.boardview table tr td.email .box .inpbox:first-child{}
.boardview table tr td.email .box .optionbox, .boardview table tr td.email .box .inpbox{width:30%;}
.boardview table tr td.email .box .optionbox{margin-left:0;}
.boardview table tr td .img_box{width:100%; height:0; padding-bottom:66.66666666666667%;}
.boardview table tr td .img_box img{width:calc(100% + 2px); height:calc(100% + 2px);}

/*갤러리형 게시판*/
.gallerylist{justify-content:space-between;}
.gallerylist > li{width:calc(50% - 5px);}
.gallerylist > li:nth-child(3n){margin-right:10px;}
.gallerylist > li:nth-child(2n){margin-right:0;}

@media screen and (max-width:420px){
    /*libox*/
    .libox{width:calc(50% - 2.5%);}
    .libox.w130{width:calc(50% - 2.5%);}
    .box .libox.libox2 > ul{left:0; right:auto;}
    .box .libox.libox2 > ul + ul{left:calc(100% - 1px); right:auto;}

    /*갤러리형 게시판*/
    .gallerylist > li{width:100% !important; margin-right:0;}
    .gallerylist > li:nth-child(3n){margin-right:0;}
}

.title_tag{display:flex; justify-content:center;}
.title_tag span{min-width:250px; padding:8px 20px; border-radius:20px; background-color:#ea4f6d; color:#fff; font-size:20px; text-align:center; line-height:24px;}
@media (max-width:1000px){
    .title_tag span{min-width:auto; margin-bottom:5px; padding:6px 15px; font-size:14px; line-height:16px;}
}