@charset "utf-8";

.rk_mb_block{display: none !important;}

/*input*/
input.pwd{padding-right:40px;}
input.pwd-warning{background:#fff url(/admin/common/images/board/icon_pwd_warning.svg) no-repeat calc(100% - 10px) 50%; background-size:22px auto;}
input.pwd-okay{background:#fff url(/admin/common/images/board/icon_pwd_okay.svg) no-repeat calc(100% - 10px) 50%; background-size:22px auto;}
input.pwd-error{background:#fff url(/admin/common/images/board/icon_pwd_error.svg) no-repeat calc(100% - 10px) 50%; background-size:22px auto;}
input.pwd-same{background:#fff url(/admin/common/images/board/icon_pwd_same.svg) no-repeat calc(100% - 10px) 50%; background-size:22px auto;}
select{padding-right:40px; border-radius:0; background-repeat:no-repeat; background-image:url(/admin/common/images/board/icon_slt_arw.svg); background-size:10px 9px; background-position:calc(100% - 10px) 50%;}

/* radio */
.designRadio{display:inline-block; margin:2px 0px; vertical-align:middle;}
.designRadio input[type="radio"]{position:absolute; opacity:0; visibility:hidden;}
.designRadio input[type="radio"] + label{display:inline-block; position:relative; padding-left:25px; padding-bottom:2px; margin:0 10px 0 0; color:#999; cursor:pointer;}
.designRadio input[type="radio"] + label:before{content:""; display:block; position:absolute; top:0; left:0; width:18px; height:18px; border:1px solid #d9dee3; border-radius:50%;}
.designRadio input[type="radio"]:checked + label{color: #333; font-weight: 600;}
.designRadio input[type="radio"]:checked + label:before{background:#696cff; border-color:#696cff; box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4);}
.designRadio input[type="radio"]:checked + label:after{content:''; display:block; position:absolute; top:5px; left:5px; width:8px; height:8px; border-radius:50%; background:#fff;}
.designRadio input[type="radio"]:disabled + label:before{background:#eceef1; }
.designRadio input[type="radio"]:disabled + label:after{content:''; display:block; position:absolute; top:5px; left:5px; width:8px; height:8px; border-radius:50%; background:#aaa;}
.designRadio label + .marking{display:inline-block; margin-left:-8px; vertical-align:initial;}
.designRadio.agree{display:block; text-align:center;}

/* check */
.designChk{display:inline-block; margin:2px 0px; vertical-align:middle;}
.designChk input[type="checkbox"]{position:absolute; opacity:0; visibility:hidden;}
.designChk input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:25px; padding-bottom:2px; margin:0 10px 0 0; color:#999; cursor:pointer; /*font-size:14px;*/}
.designChk input[type="checkbox"] + label:before{content:""; display:block; position:absolute; top:0; left:0; width:1.2em; height:1.2em; background:url(/admin/common/images/common/check_wh.svg); background-size:cover; z-index: 1;}
.designChk input[type="checkbox"] + label:after{content:""; display:block; position:absolute; top:0; left:0; width:1.2em; height:1.2em; border:1px solid #d9dee3; border-radius:0.25em;}
.designChk input[type="checkbox"]:checked + label{color:#333}
.designChk input[type="checkbox"]:checked + label:after{background:#696cff; border-color:#696cff; box-shadow: 0 2px 4px 0 rgba(105, 108, 255, 0.4);}
.designChk input[type="checkbox"]:disabled + label:after{background:#f9f9f9; border-color:#d9dee3;}
.designChk label + .marking{display:inline-block; margin-left:-8px; vertical-align:initial;}
.designChk.onlyChk input[type="checkbox"] + label{width: 13px; height: 13px; margin-right: 0; padding-left: 0; vertical-align: top;}

/* file */
.designFile{position:relative;}
.designFile input[type="file"]{overflow:hidden; position:absolute; margin:-1px; width:1px; height:1px; clip:rect(0,0,0,0);}

/* 필수입력 */
.marking{display:inline-block; position:relative; width:8px; height:14px; margin-bottom:-2px; margin-right:2px; vertical-align:middle; font-size:0; text-indent:-999em;} 
.marking:after{content:'\002A'; display:inline-block; position:absolute; top:0; right:0; line-height:17px; font-size:14px; font-weight:600; color:#e82c27; text-indent:0;}

/*일반게시판*/
.bbsList{position:relative; width:100%; border-top:2px solid #222;}
.bbsList th{position:relative; padding:17px; font-weight:600; color:#222; border-bottom:1px solid #ddd; background-color:#f9fafb; text-align:center;}
.bbsList th:before{content:""; display:block;  position:absolute; top:50%; left:0; width:1px; height:17px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background-color:#ddd;}
.bbsList tbody th:before{content:none;}
.bbsList th[rowspan],
.bbsList td[rowspan]{text-align: center; vertical-align: middle;}
.bbsList th[rowspan] + th:before{content:none;}
.bbsList th:first-child:before{content:none;}
.bbsList td{padding:17px; border-bottom:1px solid #ddd; text-align:center; color:#999; word-break:break-all; vertical-align: top;}
.bbsList td[data-tbl="subject"]{text-align:left; font-weight:600; color:#333;}
.bbsList td.none{background:#f9fafb; text-align:center;}
.bbsList td a:not(.button){display:block; width:100%; height:100%;}
.bbsList td a *{display:inline-block; vertical-align:middle;}
.bbsList td .new{margin-left:5px; font-size:12px; color:#d12f3a;}
.bbsList td .count{margin-left:5px; font-size:12px; color:#d1902f;}
.bbsList td .cat{display: inline-block; width: 58px; height: 29px; line-height: 27px; font-weight: 600; text-align: center; letter-spacing: -0.025em;}
.bbsList td .cat_notice{border: 1px solid #1c9ad6; background-color:#fff; color:#1c9ad6;}
.bbsList td .cat_reply{background:#2d2d2d; border-color:#2d2d2d; color:#fff;}
.bbsList td .cat_yet{background:#eee; border-color:#eee; color:#666;}
.bbsList td .cat_question{background:#fff; border:1px solid transparent; border-color:#999; color:#999;}
.bbsList tr:hover td,
.bbsList tr:focus td,
.bbsList tr:active td{background-color:#fafafa;}
.bbsList tr.bg1 td{background-color: #fafafa !important;}
.bbsList tr.bg2 td{background-color: #ffedd6 !important;}

.bbsUlList{display: table; width: 100%; table-layout: fixed;}
.bbsUlList > li{display: table-row; padding: 30px 0;}
.bbsUlList > li > *{display: table-cell; border-bottom:1px solid #ddd; -webkit-transition: border .3s; -moz-transition: border .3s; -ms-transition: border .3s; -o-transition: border .3s; transition: border .3s;}
.bbsUlList > li .mb_time{display: none;}
.bbsUlList > li .time{width: 132px; text-align: center; vertical-align: middle;}
.bbsUlList > li .time span{display: block;}
.bbsUlList > li .time .day{display: block; line-height: 1; font-size: 40px; letter-spacing: -0.01em; font-weight: 400; color: #ddd; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.bbsUlList > li .time .ym_data{display: block; line-height: 1; padding-top: 2px; letter-spacing: 0.1em; font-weight: 400; color: #ddd; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.bbsUlList > li .subject{padding: 34px 24px 36px;}
.bbsUlList > li .subject span{font-size: 18px; font-weight: 600; line-height:1.5; vertical-align: middle;}
.bbsUlList > li .more{width: 60px; padding-right: 10px; text-align: right;}
.bbsUlList > li .more a{display: inline-block; position: relative; width: 47px; height: 47px; vertical-align: middle;}
.bbsUlList > li .more a:before,
.bbsUlList > li .more a:after{content:""; display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%;  -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bbsUlList > li .more a:before{opacity: .4; background:url(/admin/common/images/board/icon_bbs_next.svg) no-repeat 50% 50%; background-size:52px auto;}
.bbsUlList > li .more a:after{border:2px solid #ddd; border-radius:50%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.bbsUlList > li:hover > *{border-bottom-color:#333;}
.bbsUlList > li:hover .more a:after{width: 90%; height: 90%;}
.bbsUlList > li:hover .time .day,
.bbsUlList > li:hover .time .ym_data{color: #333;}


/*노데이터*/
.bbsNoneData{padding:20px 10px; border-bottom:1px solid #ddd; text-align:center; font-weight:400;}

/*bbsview table*/
.bbsTitle{padding:15px 10px; line-height:1.35; border-top:2px solid #333; font-size:20px; font-weight:400; color:#222;}
.bbsTitle span{display:inline-block; position:relative; padding:3px 8px; margin:0 5px 3px 0; background-color:#333; font-size:13px; color:#fff; vertical-align:middle;}
.bbsTblView{width:100%; border-top:1px solid #333;}
.bbsTblView th,
.bbsTblView td{padding:16px 20px; border-bottom:1px solid #ddd; word-break:break-all; vertical-align:middle;}
.bbsTblView th{background:#f5f5f5; font-weight:600;}
.bbsTblView td.cont{padding:30px 20px;}
.bbsTblView.page{margin-top:40px;}
.bbsTitle + .bbsTblView{border-top-color:#eee;}
.bbsTblView textarea{width:100%; height:134px;}
.bbsTblView .button{height:34px; font-size:0.9rem;}
.bbsTblView .button span{line-height:32px;}
.bbsTblView .info{font-size: 13px; color:#666;}


/*bbsview div*/
.bbsView_header{display:table; width:100%; padding-bottom:34px;}
.header_title{display:table-cell; width:100%; vertical-align:middle;}
.header_title h3{line-height:1.35; font-size:28px; font-weight:600; color:#222;}
.header_state{display:table-cell; width:auto; vertical-align:top;}
.header_state .cat{display:block; width:63px; height:29px; line-height:27px; margin-top:6px; margin-right:18px; border:1px solid #1c9ad6; font-size:15px; font-weight:600; text-align:center; letter-spacing:-0.025em; color:#1c9ad6;}
.header_state .cat_question{background: #eee; border-color: #eee; color: #666;}
.header_state .cat_reply{background: #2d2d2d; border-color: #2d2d2d; color: #fff;}

.bbsView_body{border-bottom:1px solid #eee; padding-bottom:40px;}
.view_info{width:100%; padding:20px; margin-bottom:40px; border-top:1px solid #5c5c5c; border-bottom:1px solid #eee; font-size:0; text-align:right;}
.view_info > *{display:inline-block; position:relative; padding:0 18px; font-size:1rem; color:#888; vertical-align:middle;}
.view_info > *:after{content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:13px; margin-top:-6.5px; background:#d1d1d1;}
.view_info > *:last-child:after{content:none;}
.view_info b{display:inline-block; padding-right:7px; font-weight:500; color:#333;}
.view_info span.author{color:#333;}
.view_content{margin:0 auto; padding:0 20px;}
.view_etc{margin:80px auto 0;}
.view_etc .download_files{padding-left:20px; border-left:3px solid #333;}

/*bbsView view_slider*/
.view_slider{position: relative; background-color: #fafafa;}
.view_slider ul{width: 100%; height: 100%;}
.view_slider ul li{display: table; width: 100%; height: 100%; text-align: center;}
.view_slider ul li .img{display: table-cell; vertical-align: middle;}
.view_slider ul li .img img{display: block;}
.view_slider .ctrl{position: absolute; top: 50%; border:1px solid #ddd; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.view_slider .ctrl_prev{left: 0; background-color: #fff;}
.view_slider .ctrl_next{right: 0; background-color: #fff;}
.view_slider .ctrl a{display: block; width: 100%; height: 100%;}
.view_slider .ctrl:hover{border-color:#333; box-shadow:10px 10px 20px rgba(0,0,0,.05);}
.view_slider .bx-has-pager{display: none; margin-top: 10px; padding: 10px 0; background-color: #fff; font-size: 0; text-align: center;}
.view_slider .bx-has-pager *{display: inline-block;}
.view_slider .bx-has-pager .bx-pager-link{position: relative; width: 18px; height: 18px; line-height: 18px; vertical-align: top;}
.view_slider .bx-has-pager .bx-pager-link:before,
.view_slider .bx-has-pager .bx-pager-link:after{content:""; display: block; position: absolute; top: 50%; left: 50%; border-radius:50%;}
.view_slider .bx-has-pager .bx-pager-link:before{z-index:1; width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; background-color: #333;}
.view_slider .bx-has-pager .bx-pager-link.active:before{background-color: #fff;}
.view_slider .bx-has-pager .bx-pager-link.active:after{width:100%; height:100%; margin-top: -9px; margin-left: -9px; background-color:#333;}

.view_slider + .view_slider_thumb{margin-top: 30px;}
.view_slider_thumb .bx-wrapper{margin: 0 auto;}
.view_slider_thumb ul{font-size: 0;}
.view_slider_thumb ul li{display: table; position: relative; height: 80px; text-align: center;}
.view_slider_thumb ul li a{opacity: .5; display: block; display: table-cell; width: 100%; height: 100%; border:1px solid #ddd; vertical-align: middle; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.view_slider_thumb ul li .pager-active{opacity: 1; border-color:#333; box-shadow:10px 10px 20px rgba(0,0,0,.05);}


/*첨부파일*/
.list_file li{margin-top:4px;}
.list_file li:first-child{margin-top:0;}
.list_file li a{display:block; position:relative; line-height:1.6; padding-left:25px; font-weight:600;}
.list_file li a:before{content:""; display:inline-block; position:absolute; top:50%; left:0; width:18px; height:19px; margin-top:-9px; background:url(/admin/common/images/board/icon_download.svg) no-repeat 50% 50%; background-size:18px auto;}
.download_files b{display:block; position:relative; line-height:1.6; padding-left:25px; font-weight:600;}
.download_files b:before{content:""; display:inline-block; position:absolute; top:50%; left:0; width:18px; height:19px; margin-top:-9px; background:url(/admin/common/images/board/icon_download.svg) no-repeat 50% 50%; background-size:18px auto;}
.download_files a{display:inline-block; margin-right:10px; line-height:1.6; border-bottom:1px solid transparent; font-weight:400; color:#666;  -webkit-transition:border .3s; transition:border .3s;}
.download_files a:hover{border-color:#666;}

/*상단검색*/
.searchBbs{margin-bottom:20px;}
.searchBbs .search{font-size: 0;}
.searchBbs .search *{font-size: 1rem; margin-left: 6px;}
.searchBbs .search *:first-child{margin-left: 0;}
.searchBbs .search .button{min-width:60px; line-height:34px; padding:0px 8px; font-size:0; background-image:url(/admin/common/images/board/icon_search.svg); background-repeat:no-repeat; background-position:50% 50%; background-size:20px auto; font-size: 0;}
.searchBbs .search .button.button_icon{min-width:auto; width: 34px; font-size: 0; margin-left: 0;}

/*comment*/
.commentArea{margin:30px 0 50px;}
.commentArea .count{display:block; margin-bottom:16px;}
.commentArea .write{border:1px solid #ddd;}
.commentArea .input_writer{padding:15px 10px; border-bottom:1px solid #eee; background: #fffdf4;}
.commentArea .input_writer:after{content:""; display:block; clear:both;}
.commentArea .input_writer .input{display:inline-block; float:right;}
.commentArea .input_writer .input:first-child{float:left;}
.commentArea .input_writer label{margin-right:8px; font-size:13px; font-weight:600;}
.commentArea .input_content{position:relative; padding-right:100px;}
.commentArea .input_content textarea{width:100%; height:130px; border:0;}
.commentArea .input_content .btn_submit{display:table; position:absolute; top:0; right:0; width:100px; height:100%;}
.commentArea .input_content .btn_submit span{display:table-cell; background-color:#333; vertical-align:middle; text-align:center; font-weight:500; color:#fff;}

.commentArea .list{margin-top:30px;}
.commentArea .list li{position:relative; padding:20px 0; border:1px solid #ddd; border-width:0 0 1px 0;}
.commentArea .list li:first-child{border-top-width:1px;}
.commentArea .list .name{font-weight:600;}
.commentArea .list .btn{position:absolute; top:10px; right:0; font-size:0;}
.commentArea .list .btn *{display:inline-block; margin:0 3px; vertical-align:middle;}
.commentArea .list .btn time{font-size:14px; color:#888; vertical-align:middle;}
.commentArea .list .btn a{position:relative; width:30px; height:30px; border:1px solid #ddd; vertical-align:middle;}
.commentArea .list .btn a:after{opacity:.5;content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50%; transition:all .3s ease;}
.commentArea .list .btn a.reply:after{background-image:url(/admin/common/images/board/icon_reply.svg); background-size:19px auto;}
.commentArea .list .btn a.delete:after{background-image:url(/admin/common/images/board/icon_del.svg); background-size:16px auto;}
.commentArea .list .btn a:hover:after{opacity:.8;}
.commentArea .list p{margin-top:10px; word-break:keep-all; color:#666;}
.commentArea .list .write{width:calc(100% - 20px); margin-top:20px; margin-left:20px;}
.commentArea .list .write input,
.commentArea .list .write textarea{background-color:#fff;}
.commentArea .list .input_writer{padding:10px;}
.commentArea .list .input_content textarea{height:100px; margin:0;} 

/*photoList*/
.photoList{font-size:0;}
.photoList > li{display:inline-block; width:23%; margin-left:2.65%; margin-bottom:40px; font-size:1rem; vertical-align:top;}
.photoList > li:nth-child(4n+1){margin-left:0;}
.photoList > li > a{display:block;}
.photoList > li .thumb{overflow:hidden; display:block; position:relative; width:100%; padding-top:55%; background:#fff no-repeat 50% 50%; text-align:center; transition:opacity .3s ease-out;}
.photoList > li .thumb i{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.3s ease-out;}
.photoList > li .thumb img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); transition:all 0.3s ease-out;}
.photoList > li .thumb.nothumb{background-image:url(/admin/images/unnamed.jpg); border:1px solid #ddd;}
.photoList > li .desc{padding:28px 0 30px;}
.photoList > li .tit{display:block; margin-bottom:6px; line-height:1.4; font-size:17px; font-weight:600; letter-spacing:-.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photoList > li .time{line-height:1;}
.photoList > li .info{color:#999;}
.photoList > li .info *{display:inline-block; position:relative; padding-left:10px; margin-left:10px;}
.photoList > li .info *:before{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:8px; margin-top:-4px; background-color:#888;}
.photoList > li .info *:first-child{padding-left:0; margin-left:0;}
.photoList > li .info *:first-child:before{content:none;}
.photoList > li .write{display:none;}

/*질문답변*/
.faqList{border-top:1px solid #27272f;}
.faqList .state{display:inline-block; position:absolute; top:50%; left:32px; transform:translateY(-50%); width:32px; height:32px; line-height:30px; background:#c1c1c1; border-radius:50%; font-weight:400; text-align:center; color:#fff; vertical-align:middle; transition:background .3s;}
.faqList dt{display:block; position:relative; padding:1.625rem 74px; border-bottom:1px solid #ddd; cursor:pointer;}
.faqList dt .ctrl{display:block; position:absolute; right:17px; top:50%; width:44px; height:26px; padding:0; background:none; border:none; outline:0; cursor:pointer; transform:translateY(-50%);}
.faqList dt .ctrl:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/admin/common/images/board/icon_arw_down.png) no-repeat 50% 50%; transition:transform 300ms;}
.faqList dd{overflow:hidden; background-color:#ffffff; border-bottom:1px solid transparent; transition:border .3s;}
.faqList dd .text:first-child{margin-top:0;}
.faqList dd .desc{display:none; position:relative; padding:1.625rem 74px;}
.faqList dt.active p{color:#27272f; font-weight:600;}
.faqList dt.active .ctrl:after{background-image:url(/admin/common/images/board/icon_arw_up.png)}
.faqList dt.active .state{background-color:#546792;}
.faqList dd.active{border-color:#ddd; background-color:#fafafa;}
.faqList dd.active .state{background-color:#dab45e;}

/*페이징*/
.pagination{margin-top:60px; font-size:0; text-align:center;}
.pagination .page_number{display:inline-block; min-width:32px; position:relative; height:32px; line-height:30px; padding:0 0px; margin:3px; background:no-repeat 50% 50%; font-weight:400; font-size:1rem; color:#666; vertical-align:top; text-align:center; -webkit-transition:color 300ms; transition:color 300ms;}
.pagination .page_number:after{content:""; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0;width:100%; height:100%; border-bottom:2px solid transparent;}
.pagination .page_number.current{color:#333;}
.pagination .page_number.current:after{border-bottom-color:#333;}
.page_control_next, .page_control_prev{display:inline-block; vertical-align: top;}
.pagination .page_number.first,
.pagination .page_number.prev,
.pagination .page_number.next,
.pagination .page_number.last{opacity: .5; min-width:32px; border:1px solid #dedede; font-size:0; background-size:38px auto;}
.pagination .page_number.first{background-image:url(/admin/common/images/board/icon_bbs_first.svg)}
.pagination .page_number.prev{background-image:url(/admin/common/images/board/icon_bbs_prev.svg)}
.pagination .page_number.next{background-image:url(/admin/common/images/board/icon_bbs_next.svg)}
.pagination .page_number.last{background-image:url(/admin/common/images/board/icon_bbs_last.svg)}
.pagination .page_number.first:hover,
.pagination .page_number.prev:hover,
.pagination .page_number.next:hover,
.pagination .page_number.last:hover{opacity: 1;}

/*회원가입*/
.joinArea .join_box_scroll{overflow-y:auto; height:260px; padding:20px; border:1px solid #dbdbdb;}
.joinArea .box h3{margin:30px auto 12px; font-size:16px; font-weight:600;}
.joinArea .box .check_box{margin-top:10px; text-align:right;}

/*box*/
.privacy_box{margin-bottom:20px;}
.img_box{text-align:center;}
.img_box img{display:inline-block; max-width:100%;}

/* 데이터피커 */
#ui-datepicker-div{font-family: 'Titillium', 'NotoSansKR', sans-serif;}.ui-datepicker-triggerㅑ{display:inline-block; position: relative; z-index:10; width:34px; height:34px; background:#fff url(/admin/common/images/board/icon_calendar.svg) no-repeat 50%; background-size:14px 14px; border:1px solid #d1d1d1; font-size:0px; text-indent:-999em; vertical-align:middle;}
.ui-datepicker-trigger:hover,
.ui-datepicker-trigger:focus{-webkit-box-shadow:inset 0 0 0 1px #666; box-shadow:inset 0 0 0 1px #666;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{padding-right:19px; font-family: 'Titillium', 'NotoSansKR', sans-serif;}
input + .ui-datepicker-trigger{border-left:0;}
.ui-datepicker{width:auto !important;}
.ui-widget.ui-widget-content{z-index:100 !important; background:#fff; border:1px solid #ccc;}
.ui-datepicker .ui-datepicker-header{padding:4px 0 6px; background:#fff; border:0px; border-bottom:1px solid #cfcece;}
.ui-datepicker .ui-datepicker-title select{height:30px; margin:0 1px !important; font-size:14px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:50% 50%; background-size:22px 22px;}
.ui-datepicker .ui-datepicker-prev{background-image:url(/admin/common/images/board/icon_arw_left.svg)}
.ui-datepicker .ui-datepicker-next{background-image:url(/admin/common/images/board/icon_arw_right.svg)}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{display:inline-block; width:30px; /*height:30px;*/ line-height:27px; background:transparent !important; border:0px !important; text-align:center; font-size:14px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:#546792 !important; color:#fff !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#ffe79d !important;}
.ui-datepicker th{font-weight:400 !important;font-size:14px; text-align:center;}
.ui-datepicker thead tr > th.ui-datepicker-week-end:first-child{color:#e82c27;}
.ui-datepicker thead tr > th.ui-datepicker-week-end:last-child{color:#4e86c6;}
.ui-datepicker tbody tr > td.ui-datepicker-week-end:first-child a{color:#e82c27;}
.ui-datepicker tbody tr > td.ui-datepicker-week-end:last-child a{color:#4e86c6;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border:0px !important;}
.ui-datepicker .ui-datepicker-prev-hover{left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover{right:2px !important;}
.day-bar{display:inline-block; width:14px; text-align:center; font-weight:600;}

/*calendar*/
.calendar .days,
.calendar .dates{font-size: 0; cursor:pointer;}
.calendar .days .day,
.calendar .dates .date{display: inline-block; position: relative; min-width: 46px; width:calc(99% / 7); width:-webkit-calc(100% / 7); height: 42px; line-height:42px; text-align: center; font-size: 1rem;}
.calendar .dates .date span{display: inline-block; position: relative; z-index:10; width: 100%;}
.calendar .dates .date span:after{content:""; display: block; position: absolute; top: 50%; left: 50%; z-index:-1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 40px; height: 40px; border-radius:50%; background:transform; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.calendar .dates .date .cal_past{opacity: .5;}
.calendar .dates{overflow: hidden;}
.calendar .date{float:left;}
.calendar .date:nth-child(7n + 1){clear:both;}
.calendar .day:nth-child(7n + 1),
.calendar .date:nth-child(7n + 1){} /*일요일*/
.calendar .day:nth-child(7n),
.calendar .date:nth-child(7n){} /*토요일*/

/*ico*/
.icon{display: inline-block; position: relative; background:no-repeat 50% 50%; vertical-align: middle;}
.icon.icon_reply{width: 24px; height: 22px; margin-top: -5px; background-image:url(/admin/common/images/board/icon_reply.svg); background-size:contain;}
.icon.icon_download{width: 28px; height: 28px; background-image:url(/admin/common/images/board/icon_download.svg); background-size:auto 22px;}
.icon.icon_secret{width: 28px; height: 28px; background-image:url(/admin/common/images/board/icon_secret.svg); background-size:auto 22px;}
.icon.mail_open{width: 24px; height: 16px; background-image:url(/admin/common/images/board/icon_mail_open_color.svg); background-size:auto 16px;}
.icon.mail_closed{width: 24px; height: 16px; background-image:url(/admin/common/images/board/icon_mail_closed.svg); background-size:auto 16px;}
.icon.icon_check{width: 24px; height: 24px; background-image:url(/admin/common/images/board/icon_check_color.svg); background-size:auto 18px;}

/*레이어팝업*/
.layer_pop_wrap{position: fixed; top: 0px; left: 0px; z-index: 1000; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.layer_pop_box{overflow: hidden; overflow-y: auto; position: fixed; top: 50%; left: 50%; z-index: 102; width: 90%; max-width:1080px; max-height:90%; border: 1px solid #444; background: #fff; box-shadow: 0 1px 2px 2px rgba(0,0,0,0.12); -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.layer_pop_box .layer_pop_close{position: absolute; top: -1px; right: -1px; z-index:10; width: 54px; height: 54px; border:1px solid #444; background:#fff url(/admin/common/images/board/icon_close.svg) no-repeat 50% 50%; background-size:24px auto; cursor:pointer;}
.layer_pop_box .layer_pop{width: 100%; height: 100%; padding: 30px 30px 30px;}
.layer_pop_box .layer_pop_header{position: relative; padding:13px 54px 13px 30px; border-bottom:1px solid #ddd; background-color: #F4F6F9;}
.layer_pop_box .layer_pop_header .pop_tit{font-size: 18px; font-weight: 600;}

/*자동완성*/
.auto_word_wrap{position: relative;}
.auto_word_wrap input{width: 100% !important;}
.auto_word{display: none; overflow: hidden; overflow-y: auto; position: absolute; top: 100%; left: 0; z-index:20; width: 100%; max-height:210px; border:1px solid #333; background-color: #fff; box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);}
.auto_word ul{width: 100%; height: 100%;}
.auto_word ul li{border-bottom:1px solid #ddd;}
.auto_word ul li:last-child{border-bottom:0;}
.auto_word ul li a{display: block; padding: 10px 20px;}
.auto_word ul li a:hover{background:#fbfbfb;}
.auto_word ul li .txt_matching{color:#3cc9de;}
.auto_word ul li .txt_not_matching{color:#3cc9de; text-decoration: underline;}
.auto_word ul li.nodata a{text-align: center; background-color: #F4F6F9;}
.auto_word_wrap.active .auto_word{display: block;}


/*커뮤니티*/
.community{width: 102%; font-size: 0;}
.community > li{display: inline-block; width: 31.333%; margin:0 2% 2% 0; font-size: 1rem; vertical-align: top; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.community > li > a{display: block; width: 100%; height: 100%;}
.community > li .thumb{display: block; position: relative; width: 100%; height: 300px; background:no-repeat 50% 50%;}
.community > li .thumb i{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.3s ease-out;}
.community > li .thumb img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); transition:all 0.3s ease-out;}
.community > li .desc{display: block;position: relative; padding: 26px 30px 36px 30px; border:1px solid #ddd; border-top-width:0;}
.community > li .tag{display: inline-block; margin-bottom: 14px; line-height: 1.3; border-bottom: 1px solid #333; font-size: 14px; font-weight: 500; letter-spacing: -0.01em; color: #333;}
.community > li .tit{display: block; line-height: 1.55; letter-spacing: -0.04em; font-size: 18px; font-weight: 600;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; word-break:keep-all;}
.community > li:hover{box-shadow:5px 5px 20px rgba(0,0,0,.05);}

/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width:1200px){
	.bbsTblView th,
	.bbsTblView td{padding:15px 14px}
	
	.layer_pop_box .layer_pop_close{width: 48px; height: 48px;}
	.layer_pop_box .layer_pop{padding: 20px;}
	.layer_pop_box .layer_pop_header{padding: 10px 54px 11px 20px;}
}
@media (max-width:1023px){
	.bbsList th{padding:14px;}
	.bbsList td{padding:15px;}
	
	.bbsView_header{padding-bottom:20px;}
	.header_title h3{font-size:23px;}
	.header_state .cat{width:50px; height:29px; line-height:27px; margin-top:2px; margin-right:10px; font-size:14px;}
	.view_info{margin-bottom:35px; padding:18px 15px;}
	.view_info > *{padding:0 15px; font-size:14px;}
	.view_etc{margin-top:30px;}
	
	
	.bbsTitle{padding:14px 10px; font-size:18px;}
	.bbsTblView th,
	.bbsTblView td{padding:14px 10px;}
	.bbsTblView td.cont{padding:20px 10px;}
	
	.commentArea{margin:20px 0 30px;}
	
	.photoList > li .desc{padding:16px 12px;}
	
	.view_slider_thumb ul li{height: 60px;}
	
	.community > li{width: 48%;}
	.bbsUlList > li .time{width: 110px;}
	.bbsUlList > li .subject{padding: 29px 18px 31px;}
	.bbsUlList > li .time .day{font-size: 32px;}
}

/* **************************************** *
 * 767px
 * **************************************** */
@media (max-width:767px){
	.bbsList .rk_mb_block{display: block !important;}
	
	.bbsList,
	.bbsList tr,
	.bbsList th,
	.bbsList tbody,
	.bbsList tfoot,
	.bbsList td{display:block;}
	.bbsList thead{display:none;}
	.bbsList tr{position:relative; margin-top:16px; border:1px solid #ddd;}
	.bbsList tr:first-child{margin-top:0;}
	.bbsList tr.mt0{margin-top: 0; border-top:0; box-shadow:none;}
	
	.bbsList th{padding:12px; text-align:left;}
	.bbsList td{padding:13px; border-bottom:1px dashed #e4e4e4; text-align:left;}
	.bbsList td:last-child{border-bottom-width:0;}
	.bbsList td[data-tbl="number"]{display:none;}
	.bbsList td[data-tbl="subject"] > a{display:block; width:100%; height:100%;}
	.bbsList td[data-tbl="write"]{color:#999; padding-right:110px;}
	.bbsList td[data-tbl="date"]{position:absolute; bottom:0; right:0; color:#999;}
	.bbsList td .cat{width: 50px; height:24px; line-height:22px; padding:0 6px; margin:2px 6px 2px 0;}
	
	.faqList .state{left:16px; width:24px; height:24px; line-height:22px; font-size:12px;}
	.faqList dt{padding:1.1428rem 48px;}
	.faqList dt .ctrl{width:20px;}
	.faqList dt .ctrl:after{background-size:auto 40px;}
	.faqList dd .desc{padding:1.1428rem 48px;}
	
	.bbsView_header{padding-bottom:18px;}
	.header_title h3{font-size:20px;}
	.header_state .cat{width:42px; height:24px; line-height:22px; font-size:12px;}
	.bbsView_body{padding-bottom:30px;}
	.view_info{margin-bottom:30px; padding:15px 0; text-align:left;}
	.view_info > *{padding:0 10px; font-size:13px;}
	.download_files a{margin-right:6px; font-size:14px;}
	
	.button{min-width:80px; font-size:14px;}
	
	.bbsTitle{width:12px 10px;}
	.bbsTitle{font-size:16px;}
	.bbsTblView th,
	.bbsTblView td{padding:12px 10px;}
	
	.commentArea .input_writer{float:none;}
	.commentArea .input_writer .input{display:block; width:100%; margin-top:4px; float:none !important;}
	.commentArea .input_writer .input:first-child{margin-top:0;}
	.commentArea .input_writer label{min-width:60px;}
	.commentArea .input_writer input[type="text"], .commentArea .input_writer input[type="password"]{width:calc(100% - 80px);}
	
	.commentArea .list li{padding:15px 0;}
	
	.photoList{margin-bottom: -20px;}
	.photoList > li{width:49%; margin-bottom:20px;}
	.photoList > li:nth-child(3n+1){margin-left:2%;}
	.photoList > li:nth-child(2n+1){margin-left:0;}
	.photoList > li .tit{margin-bottom:2px;}
	
	.designTel{position:relative; width:100%; font-size:0;}
	.designTel .mobile{display:none;}
	.designTel:after,
	.designTel:before{content:""; display:inline-block; position:absolute; top:50%; width:1%; height:1px; background-color:#333;}
	.designTel:before{left:66.5%;}
	.designTel:after{left:32.5%;}
	.designTel select,
	.designTel input[type=text],
	.designTel input[type=tel]{position:relative; width:32%; margin-left:2%;}
	.designTel select:nth-child(3n+1),
	.designTel input[type=text]:nth-child(3n+1),
	.designTel input[type=tel]:nth-child(3n+1){margin-left:0;}
	
	.designFile.mobile input[type="text"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
	.designFile.mobile input[type="file"]{position:static; width:auto; height:auto; padding:inherit; margin:0px; border:inherit; clip:inherit;}
	.designFile.mobile label{display:none;}

	.searchBbs{text-align:center;}
	
	.view_slider .ctrl{top:calc( (100% - 48px) / 2 ); top:-webkit-calc( (100% - 48px) / 2 );}
	.view_slider .bx-has-pager{display: block;}
	.view_slider_thumb{display: none;}
	
	.layer_pop_box .layer_pop_close{background-size:18px auto;}
	.layer_pop_box .layer_pop{padding: 14px;}
	.layer_pop_box .layer_pop_header{padding: 10px 54px 11px 14px;}
	.layer_pop_box .layer_pop_header .pop_tit{font-size: 16px;}
	
	.community > li .thumb{height: 260px;}
	.community > li .desc{padding: 16px 20px 20px 20px;}
	.community > li .tit{font-size: 16px;}
	
	.bbsUlList{display: block;}
	.bbsUlList > li{display: block; position: relative; padding: 0;}
	.bbsUlList > li > *{display: block;}
	.bbsUlList > li .subject{padding: 20px 0 40px;}
	.bbsUlList > li .subject span{padding-right: 60px; font-size: 16px;}
	.bbsUlList > li .more{position: absolute; top: 50%; right: 0; width: auto; border-bottom:0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
	.bbsUlList > li .more a{width: 32px; height: 32px;}
	.bbsUlList > li .time{display: none;}
	.bbsUlList > li .mb_time{display: block; position: absolute; left: 0; bottom: 20px; width: auto; color:#ccc; border-bottom:0;}
}

/* **************************************** *
 * 576px
 * **************************************** */
@media (max-width:576px){
	.bbsTblView .rk_mb_block{display: block !important;}
	select{padding-right:20px;}

	.bbsList th{padding:8px;}
	.bbsList td{padding:9px;}

	.bbsView_header{padding-bottom:12px;}
	.header_title h3{font-size:18px;}
	.header_state .cat{width:38px; height:20px; line-height:18px;}
	.view_content{padding: 0 10px;}
	.view_info{padding:12px 0;}
	.view_info > *{padding:0 8px;}
	.view_etc{margin-top:20px;}
	.download_files{padding-left:12px; border-left-width:2px;}
	
	.button{min-width:72px; font-size:13px;}
	
	.bbsTblView,
	.bbsTblView tr,
	.bbsTblView thead,
	.bbsTblView tbody,
	.bbsTblView th,
	.bbsTblView td{display:block; width:100%;}
	.bbsTblViewCol thead{display: none;}
	
	.commentArea .input_content{padding-right:0;}
	.commentArea .input_content .btn_submit{position:static; width:100%; height:40px; line-height:38px;}
	.commentArea .list .btn{position:static; margin-right:-2px; text-align:right;}
	
	.photoList{margin-bottom: -12px;}
	.photoList > li{width:100%; margin-left:0; margin-bottom:12px;}
	.photoList > li:nth-child(3n+1){margin-left:0;}
	.photoList > li .tit{overflow:visible; text-overflow:inherit; white-space:inherit;}
	
	.designTel:after,
	.designTel:before{content:none;}
	.designTel select,
	.designTel input[type=text],
	.designTel input[type=tel]{width:100%; margin:10px 0 0;}
	.designTel select:first-child,
	.designTel input[type=text]:first-child,
	.designTel input[type=tel]:first-child{margin-top:0;}
	
	.bbsTblView input[type="file"],
	.bbsTblView input[type="password"]{width:100% !important;}
	.bbsTblView .datepicker{width: calc(100% - 34px) !important; width: -webkit-calc(100% - 34px) !important;}

	
	.bbsTblView .address,
	.bbsTblView .id{position:relative; padding-right:109px;}
	.bbsTblView .address input,
	.bbsTblView .id input{width: 100% !important;}
	.bbsTblView .address .button,
	.bbsTblView .id .button{width: 105px; padding-left: 0; padding-right: 0; font-weight: 600;}
	.bbsTblView .address .button,
	.bbsTblView .id .button{position:absolute; top:1px; right:0;}
	
	.bbsTblView .mail > select,
	.bbsTblView .job > select{width:100% !important;}

	.searchBbs .search{position:relative;}
	.searchBbs .search *{margin-left: 0; margin: 0;}
	.searchBbs .search select{position:absolute; left:0px; top:0px; width:100px;}
	.searchBbs .search input[type="text"]{width:100%; padding-left:110px; padding-right:50px;}
	.searchBbs .search .button{position:absolute; right:0px; top:0; min-width:auto; width:50px; font-size:13px;}
	
	.community{width: 100%;}
	.community > li{ width: 100%; margin:0 0 2% 0;}
	
	.bbsUlList > li .subject{padding: 20px 0 40px;}
	.bbsUlList > li .subject span{font-size: 16px;}
	
	.pagination{margin-top: 30px;}
}
@media (max-width:576px) and (min-width:420px){
	.community > li > a{display: table; table-layout:fixed;}
	.community > li .thumb{display: table-cell; width: 40%; height: 100%;}
	.community > li .desc{display: table-cell; padding: 20px; border-width:1px 1px 1px 0;}
}
@media (max-width:420px){
	.searchBbs .search select{position: relative; width: 100%;}
	.searchBbs .search input[type="text"]{padding-left: 10px; margin-top: 5px;}
	.searchBbs .search .button{top: 0; bottom: 0;}
	
	.community > li .thumb{height: 200px;}
	.community > li .tag{margin-bottom: 10px;}
	.community > li .desc{padding: 20px;}
}