@charset "utf-8";
@import url("font.css");
/* style reset */

/*라디오박스*/
.tbl_top {display: inline-block; position: relative;}
.tbl_top li {padding: 3px 0;}
.tbl_top.type2 li {float: left;}
.tbl_top .iradio label { position: relative; top: 0; padding: 0 10px 0 5px; color: #444; font-size: 15px;}
.iradio {display:inline-block; padding:0 0 0 22px; margin-right: 10px; background-repeat: no-repeat; background-position: 0 5px; background-image:url('/images/web/icon_radio_off.png'); cursor: pointer;}
.iradio.on {background-image:url('/images/web/icon_radio_on.png');}
.iradio input.radio {width:0px; height:0px;display: inline-block; }
.iradio label {display: inline-block; color: #999; font-size: 14px; line-height: 20px; }
.iradio.on label {color: #000;}
.iradio.type2 {height: 20px;display:inline-block; padding:0 0 0 18px; margin-right: 20px; background:url('/images/web/icon_radio2_off.png') no-repeat 0 7px; }
.iradio.type2 label { position: relative; top: 0; padding: 0 0 0 5px;}
.iradio.type2.on {height: 20px; padding:0 0 0 18px; background:url('/images/web/icon_radio2_on.png') no-repeat 0 7px;}


/*체크박스*/
.check_box input[type=checkbox] {display: none;}
.check_box input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; font-size: 15px; height: 18px; padding-left: 25px; line-height: 18px; margin-bottom: 0; top: 0; color: #000;}
.check_box.type2 input[type=checkbox] + label {padding-left: 18px;} /*체크박스만 있을 때*/
.check_box input[type=checkbox] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #ccc; background: #f6f6f6;}
.check_box input[type=checkbox]:checked + label:before {background: url('/images/web/icon_check.png') center center no-repeat #f6f6f6;}
.check_box.inline{display: inline-block; padding-left: 20px; vertical-align: middle; font-size: 14px;}

/*비밀번호 입력*/
.password_all {text-align: center; padding: 50px 0;}
.password_all .password_box p {margin-bottom: 20px; color: #444; font-size: 13px;}
.password_all .password_box .inpbox {display: inline-block; width: 200px; border: 1px solid #d2d2d2;}
.password_all .password_box .inpbox input.txt {padding: 0 10px; font-size: 13px;}
/*목록 상단검색*/
.boardlist_top {padding: 30px; margin-bottom: 30px; background: #fafafa;}
.boardlist_top .box {overflow: hidden;}
.boardlist_top .box li {overflow: hidden; float: left;}
.boardlist_top .box li.category {width: 240px;}
.boardlist_top .box li.search_word {width: calc(100% - 391px);}
.boardlist_top .box li.button {float: right; width: 151px;}
.boardlist_top .box li.button button {margin-left: 5px;}
.boardlist_top .box li label {float: left; margin-right: 10px; font-size: 14px; font-weight: 600; line-height: 35px;}
.boardlist_top .box li .optionbox {overflow: hidden; float: left; width: 150px; height: 35px; border: 1px solid #cbcbc5;}
.boardlist_top .box li .optionbox select {padding: 0 30px 0 10px; font-size: 14px; background: url('/images/web/icon_arrow2.png') right 12px center no-repeat #fff;}
.boardlist_top .box li.search_word .inpbox {overflow: hidden; float: left; width: calc(100% - 55px); height: 35px; border: 1px solid #cbcbc5;}
.boardlist_top .box li .inpbox input {padding: 0 10px; font-size: 14px;}

/*일반게시판 검색바*/
.board_top {overflow: hidden; line-height: 18px;}
.board_top .boardsch {float: right; padding-bottom: 10px;}
.board_top h4 {float: left; padding-bottom: 5px; font-size: 18px; font-weight: 600; border-bottom: 2px solid #000;}
.board_top .ex {display: inline-block; margin-left: 20px; color: #0059a0; font-size: 14px;}
.board_top .text {float: right; font-size: 14px;}
.board_top .totalcnt {position: relative; float: left; top: 15px; color:#000; font-size:18px; overflow: hidden;}
.board_top .totalcnt span{font-weight: 600;}
.board_top .space{position: relative; float: right; color:#000; font-size:18px; overflow: hidden;}
.board_top .space span {font-weight: 600;}
.board_top .right_box{float: right; overflow: hidden; clear: both; margin-bottom: 8px;}	
.board_top .right_box li{display: inline-block; font-size: 16px; padding-left: 20px;}
.board_top .right_box li a.on{font-weight: 600;}
fieldset.boardschbox {overflow:hidden;}
fieldset.boardschbox .optionbox {float:left; margin-right: 5px;width:auto; min-width: 90px; height:35px; }
fieldset.boardschbox .optionbox select {padding:0 25px 0 10px; border:1px solid #cbcbc5; background:#fff url('/images/web/icon_arrow.png') no-repeat;background-position: top 15px right 10px;}
fieldset.boardschbox .inp_btn {overflow: hidden; float: left;}
fieldset.boardschbox .inpbox {position: relative; float:left; display:block; margin-right: 5px; width: 180px; height:35px; border:1px solid #cbcbc5;}
fieldset.boardschbox .inpbox input.txt {padding: 0 10px; width:100%; height:100%; background:#fff; border:0;}
fieldset.boardschbox button {width: 68px; height: 35px;}

fieldset.contschbox .optionbox {float: left; width:auto; min-width: 90px; height:45px; margin: 20px;}
fieldset.contschbox .optionbox select {padding:0 55px 0 30px; border:1px solid #cbcbc5; background:#fff url('/images/web/icon_arrow.png') no-repeat; background-position: top 23px right 15px;}



/*게시판(공지사항) 리스트 타입1*/
.boardlist {clear:both; overflow:hidden; width: 100%; padding-top: 25px; border-top: 1px solid #000;}
.boardlist table {width:100%; table-layout:fixed; border-top:1px solid #cecece;}
.boardlist table thead th {position: relative; padding:10px 5px; font-size: 14px; font-weight: 600; text-align: center;  line-height: 18px; border-bottom: 1px solid #cecece; background: #fafafa;}
.boardlist table tbody tr {border-bottom:1px solid #cecece; }
.boardlist table tbody td {position: relative; padding:10px 5px; text-align:center; font-size: 14px; line-height: 16px; word-break: break-all;}
.boardlist table tbody td .notice {padding: 3px 5px; color: #fff; background: #5e5f5f; font-size: 14px;}
.boardlist table tbody td .s_btn {padding: 3px 5px; color: #fff; font-size: 12px; font-family: 'dotum';}
.boardlist table tbody td .b_btn {background: #0076d5;}
.boardlist table tbody td .r_btn {background: #ed1c24;}

.boardlist table tbody td.title {padding: 0 15px; text-align: left;}
.boardlist table tbody td.title a {display:inline-block; overflow:hidden; max-width: calc(100% - 75px); font-size: 14px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; vertical-align: middle;}
.boardlist table tbody td.title span {margin-left: 10px;}
.boardlist table tbody td.reply {padding-left: 50px; text-align: left; background: url('/images/web/icon_reply.png') 18px 1px no-repeat;}
.boardlist table tbody td.reply a {font-size: 14px;}
.boardlist table tbody td.no_list {padding: 20px 5px;}
.boardlist table tbody td a:hover {text-decoration:underline}
.boardlist .mobile {display: block; text-align: left; font-size: 14px;}
.boardlist .mobile.reply {padding-left: 30px; vertical-align: middle; background: url('/images/web/icon_reply.png') 0px -11px no-repeat;}
.boardlist .mobile .title {overflow: hidden; display: block; margin-bottom: 5px;}
.boardlist .mobile .title h3 {overflow: hidden; float: left; width: calc(100% - 60px); font-size: 14px; text-overflow: ellipsis; white-space: nowrap;}
.boardlist .mobile .title .num {float: left; margin-left: 5px; font-size: 14px; line-height: 18px;}
.boardlist .mobile .title .img {float: left; margin-top: -1px; margin-left: 5px; line-height: 18px;}
.boardlist .mobile .title .img img {width: 10px;}
.boardlist .mobile .name {overflow: hidden;}
.boardlist .mobile .name li {float: left; margin-right: 15px; color: #999; font-size: 13px; line-height: 16px; font-family: 'Dotum'}
.boardlist .mobile .name li:last-child {margin-right: 0;}
.boardlist .mobile .account a{font-size: 13px; text-decoration: underline; color: #999; }
.boardlist .mobile .account a:link ,
.boardlist .mobile .account a:visited,
.boardlist .mobile .account a:hover{text-decoration: none; border-bottom: 1px solid #666;}

.boardlist .check_type .check_box {position: absolute; left: 5px;}
.boardlist .check_type th .check_box {top: 10px;}
.boardlist .check_type td .check_box {top: 50%; margin-top: -9px;}
.boardlist .check_type td .name {padding-left: 30px;}
.boardlist .check_type td button {margin: 5px 0 0 30px;}

.boardlist .account a{font-size: 14px; }
.boardlist .account a:link ,
.boardlist .account a:visited,
.boardlist .account a:hover{text-decoration: none; border-bottom: 1px solid #333;}

.boardlist .sort th span{cursor: pointer; display: inline-block;}
.boardlist .sort th .arrow{overflow: hidden; padding: 5px 6px; position: relative; }
.boardlist .sort th .iup{background: url(/images/web/arr_up.png) no-repeat;}
.boardlist .sort th .idown{background: url(/images/web/arr_down.png) no-repeat;}

/*계약서*/
.con_space {clear:both; overflow:hidden; width: 100%; padding-top: 25px; border-top: 1px solid #000;}
.con_space table {width:100%; table-layout:fixed; border-top:1px solid #cecece;}
.con_space table tbody th {position: relative; padding:10px 5px; font-size: 14px; text-align: center; line-height: 18px; border-right: 1px solid #cecece;}
.con_space table tbody tr {border-bottom:1px solid #cecece; }
.con_space table tbody td {position: relative; padding:10px 5px; text-align:center; font-size: 14px; line-height: 16px; word-break: break-all; border-right: 1px solid #cecece;}
.con_space table tbody td:last-child{border-right: none;}

/*faq*/
.boardlist_top .box li.faq_space {width: calc(100% - 180px);}
.faq .check_list {width:100%; table-layout:fixed;}
.faq .check_list > li{overflow: hidden; position: relative; padding: 12px 0 ;}
.faq .check_list > li.active{}
.faq .check_list > li > a{overflow: hidden; display:block; border-bottom: 1px solid #ececec; padding-bottom: 15px;}
.faq .check_list > li > a h3{float: left; font-size: 16px; font-weight: 600; padding-left: 15px; padding-top: 12px;}
.faq .check_list > li > a span{display: none;}
.faq .check_list > li > ul{background-color: #f3f8fe; padding: 25px 50px; overflow: hidden; border-bottom: 1px solid #ececec; font-size: 14px; display: none;}
.faq .check_list > li > ul > li dd,
.faq .check_list > li > ul > li dl{float: left;}
.faq .check_list > li > ul > li dl{padding-left: 20px; width: 86%;}
.faq .check_list .ico_round{border-radius: 25px; background-color: #397fc1; color: #FFF; line-height:0; width: 50px; height: 50px; text-align: center; font-weight: 800; font-size: 1.8em; display: block; padding-top: 25px; float: left;}
.faq .check_list .ico_arr_up{background: url(/images/web/arr_up.png) no-repeat; width: 10px; height: 10px; display: block;}
.faq .check_list .ico_arr_down{background: url(/images/web/arr_down.png) no-repeat; width: 10px; height: 10px; display: block;}
.faq .check_list .ico_arr{float: right; text-indent: -10000em;}

/*하단 버튼*/
.btn_box {overflow: hidden; margin-top: 20px; text-align: center;}
.btn_box .arrow {float: left;}
.btn_box .arrow button {width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; border: 1px solid #0059a0; font-size: 0; text-indent: -999px;}
.btn_box .arrow button.btn_prev {background-image: url('/images/web/arrow_prev3.png');}
.btn_box .arrow button.btn_next {background-image: url('/images/web/arrow_next3.png');}
.btn_box .button {float: right;}

/*페이징*/
.paging {clear:both; overflow:hidden; width:100%; margin:30px 0 0 0; text-align:center; font-size:0}
.paging span a {display:inline-block; margin: 0 9px; text-align:center; color: #555; font-size:15px; line-height: 18px; font-family: 'Dotum'; vertical-align: middle;}
.paging span a:hover, .paging span a.on {color:#e8471b;}
.paging button {width: 28px; height: 28px; border: 1px solid #d1d1d1; text-indent:-999px; font-size:0;}
.paging button.btn-paging-first {display:inline-block; margin-right: 5px; background:url('/images/web/paging_first.png') no-repeat 50%;}
.paging button.btn-paging-pre {display:inline-block; margin-right: 10px; background: url('/images/web/paging_prev.png') no-repeat 50%;}
.paging button.btn-paging-next {display:inline-block; margin-left: 10px; background: url('/images/web/paging_next.png') no-repeat 50%;}
.paging button.btn-paging-last {display:inline-block; margin-left: 5px; background: url('/images/web/paging_last.png') no-repeat 50%;}

/*상세보기 일반 테이블(세로)*/
.tablebasic {clear:both; overflow:hidden; border-top: 1px solid #dcdcdc;}
.tablebasic table {width:100%; table-layout:fixed; border-bottom: 1px solid #dcdcdc;}
.tablebasic table tr {border-bottom: 1px solid #dcdcdc;}
.tablebasic table tbody tr:last-child {border-bottom: 0px solid #ebebeb;}
.tablebasic table th, 
.td_view_label {font-weight: 600; font-size: 14px; padding:10px; background:#fafafa; border-right: 1px solid #dcdcdc; line-height: 18px;}
.tablebasic table th:last-child {border-right: 0px solid #dcdcdc;}
.tablebasic table td {padding:10px; font-size: 14px; text-align: center; line-height: 18px; border-right: 1px solid #dcdcdc;}
.tablebasic table td:last-child {border-right: 0px solid #dcdcdc;}
.tablebasic table td.th {font-weight: 600;}
.tablebasic table td.td_view_content {text-align: left;}
.tablebasic table tbody td .file{padding: 0; border: 0;}
.tablebasic h4 {padding-left: 15px; margin: 30px 0 20px; color: #000; font-size: 18px; background: url('/images/web/icon_h4.png') 0 6px no-repeat;}

/*게시판 글쓰기 타입1-일반글쓰기*/
.boardwrite {clear:both; overflow:hidden; margin: 0 auto; border-top: 1px solid #000; width: 100%;}
.boardwrite > table {overflow: hidden; table-layout: auto; margin-top: 25px; width: 100%; border-top: 1px solid #e4e4e4;}
.boardwrite thead tr th {padding: 10px 5px; line-height: 18px; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; background: #f8f9fa; }
.boardwrite thead tr th:last-child {border-right: 0;}
.boardwrite thead tr th .ex1 {color: #ed1c24; font-size: 11px; font-family: 'Dotum'; font-weight: 400;}
.boardwrite thead tr th .ex2 {font-size: 12px; font-weight: 400;}
.boardwrite tbody tr {overflow: hidden; border-bottom: 1px solid #e4e4e4;}
.boardwrite tbody tr th {padding: 10px 10px 10px 25px; width: 200px; font-size: 14px; text-align: left; vertical-align: top; line-height: 18px; background: #f8f9fa; border-right: 1px solid #ececec;}
.boardwrite tbody tr th.price_th{padding: 10px 0; text-align: center; vertical-align: middle;}
.boardwrite tbody tr th.price_th2{padding: 8px 0; text-align: center; font-weight: normal; vertical-align: middle;}
.boardwrite tbody tr td {overflow: hidden; padding: 10px 0 10px 10px; color: #444; font-size: 14px; line-height: 18px;}
.boardwrite tbody tr td .inpbox {display: inline-block; width: 320px; height: 30px; border: 1px solid #a7a7a7;}
.boardwrite tbody tr td .inpbox.type2 {width: 100%;}
.boardwrite tbody tr td .inpbox input.txt {padding: 0 10px; height: 23px;}
.boardwrite tbody tr td .inpbox input.disabled::-webkit-input-placeholder {color:#000 !important;}
.boardwrite tbody tr td .inpbox input.disabled:-moz-placeholder {color:#000 !important;}
.boardwrite tbody tr td .inpbox input.disabled::-moz-placeholder {color:#000 !important;}
.boardwrite tbody tr td .inpbox input.disabled:-ms-input-placeholder {color:#000 !important;}
.boardwrite tbody tr td .optionbox {display: inline-block;  width: 125px; height: 30px; border: 1px solid #a7a7a7;}
.boardwrite tbody tr td .optionbox select {padding: 0 10px; background: url('/images/web/icon_arrow2.png') right 10px top 12px no-repeat;}
.boardwrite tbody tr td .text {margin: 0 2px; display: inline-block; line-height: 30px;}
.boardwrite tbody tr td .radio_box input {position: relative; top: -1px;}
.boardwrite tbody tr td .radio_box label {margin-right: 20px;}
.boardwrite tbody tr td .calenbox {position: relative; display: inline-block; width: 130px; height: 30px; border: 1px solid #a7a7a7;}
.boardwrite tbody tr td .calenbox input.txt {padding: 0 10px; width: 100%;}
.boardwrite tbody tr td .calenbox .ui-datepicker-trigger {position: absolute; right: 0; top: 0; width: 28px; height: 28px; background: url('/images/web/icon_calendar.png') center center no-repeat #eee; font-size: 0; text-indent: -999px;}
.boardwrite tbody tr td .date_text {display: inline-block;  margin: 0 5px;}
.boardwrite tbody tr td.notice .inpbox {display: inline-block;  width: calc(100% - 100px);}
.boardwrite tbody tr td.notice .check_box {display: inline-block;  line-height: 30px;}
.boardwrite tbody tr td.tel .inpbox, .boardwrite tbody tr td.tel .optionbox {width: 80px;}
.boardwrite tbody tr td.tel .sns_box {display: inline-block; line-height: 30px;}
.boardwrite tbody tr td.tel .sns_box p, .boardwrite tbody tr td.tel .sns_box .radio_box {display: inline-block; }
.boardwrite tbody tr td.tel .sns_box p {margin: 0 10px; color: #f0581c; font-size: 13px; font-family: 'Dotum';}
.boardwrite tbody tr td.tel .sns_box .radio_box label {color: #000; font-size: 12px; font-family: 'Dotum';}
.boardwrite tbody tr td.email .inpbox, .boardwrite tbody tr td.email .optionbox {width: 140px;}
.boardwrite tbody tr td.email .optionbox {margin-left: 5px;}
.boardwrite tbody tr td.bank .inpbox, .boardwrite tbody tr td.account .inpbox {width: 140px;}
.boardwrite tbody tr td.bank .inpbox.num {width: 220px;}
.boardwrite tbody tr td.nolist {padding: 15px 0 !important;}
.boardwrite tbody .all_period {overflow: hidden; font-size: 14px; line-height: 30px; text-align: left;}
.boardwrite tbody .all_period .title {display: inline-block; width: 80px; height: 30px; color: #fff; text-align: center; background: #9e9e9e;}
.boardwrite tbody .all_period > ul {display: inline-block; margin-left: 15px;}
.boardwrite tbody .all_period > ul li {display: inline-block; }
.boardwrite tbody .all_period > ul li.line {margin: 0 12px;}
.boardwrite tbody tr td.id button {margin-left: 5px;}
.boardwrite tbody tr td .box2 .inpbox {width: 320px;}
.boardwrite tbody tr td .box2 button {margin-left: 5px; background: #6b6e7b;}
.boardwrite tbody tr td .box3 {overflow: hidden;}
.boardwrite tbody tr td .box3 .inpbox {width: 150px; margin-right: 10px;}
.boardwrite tbody tr td .box3 .optionbox { margin-right: 10px;}
.boardwrite tbody tr td .box3 .text {display: inline-block; margin: 0 20px 0 0; width: 60px;}
.boardwrite tbody tr td .box3 .text.type2 {width: 30px;}
.boardwrite tbody tr td .box3 button.plus {width: 30px; height: 30px; border: 1px solid #6b6e7b; border-radius: 3px; background: url('/images/web/icon_plus2.png') center center no-repeat #6b6e7b;}
.boardwrite tbody tr td .box3 button.minus {width: 30px; height: 30px; border: 1px solid #6b6e7b; border-radius: 3px; background: url('/images/web/icon_minus2.png') center center no-repeat #6b6e7b;}
.boardwrite tbody tr td .img_box {overflow: hidden; margin-top: 5px; width: 100px; height: 120px;}
.boardwrite tbody tr td .img_box img {max-width: 100%;}
.boardwrite tbody tr td .name_box {overflow: hidden;}
.boardwrite tbody tr td .name_box li {float: left; padding: 2px 60px 2px 0; width: 50%;}
.boardwrite tbody tr td .name_box li dl {overflow: hidden;}
.boardwrite tbody tr td .name_box li dl dt {float: left; width: 50px; line-height: 28px;}
.boardwrite tbody tr td .name_box li dl dd {float: left; width: calc(100% - 50px); line-height: 28px; font-family: 'nanum-gothic'}
.boardwrite tbody tr td .name_box li dl dd .inpbox {width: 100%;}
.boardwrite tbody.width tr td {text-align: center; border-right: 1px solid #e4e4e4;}
.boardwrite tbody.width tr td:last-child {border-right: 0;}
.boardwrite table tbody td .file_area input{font-size: 14px;}

.boardwrite .account th{text-align: center; }
.boardwrite .account th{font-size: 24px; line-height: 35px;}
.boardwrite .account th:last-child{border-right: none;}
.boardwrite .account td {padding-left:100px;}
.boardwrite .account td.content{line-height: 30px; font-size: 16px; padding-top: 25px; padding-bottom: 25px;}
.boardwrite .account td.text_right{text-align: right;}

.boardwrite .write{}
.boardwrite .write th{ width:150px;}
.boardwrite tbody.num_box{border-top:5px solid #666;}
.boardwrite tbody.num_box tr th:first-child{border-right: none;}
.boardwrite .write .radio_space{}
.boardwrite .write .radio_space li.radio_sel{width: 18%;}
.boardwrite .write td > .mobile{display: inline-block;}	


/*게시판 글쓰기 타입2-가로 스크롤*/
.boardwrite.type2 {overflow-x: auto;}
.boardwrite.type2 > table {min-width: 1150px;}
.boardwrite.type2 tbody tr td {padding: 10px; text-align: center; border-right: 1px solid #e4e4e4;}
.boardwrite.type2 tbody tr td .inpbox, .boardwrite.type2 tbody tr td .optionbox {width: 100%;}
.boardwrite.type2 tbody tr td .box1 .inpbox, .boardwrite.type2 tbody tr td .box1 .optionbox {display: inline-block; width: calc(50% - 2px);}

/*게시판 글쓰기 - 구분선강조*/
.boardwrite.topboard{}
.boardwrite.topboard thead tr.tbline,
.boardwrite.topboard tbody tr.tbline{border-top: 2px solid #999;}

/*게시판 글쓰기 타입3-테이블 상단 문구 포함*/
.boardwrite.type3 > table {margin-top: 5px;}
.boardwrite.type3 > .top_info {overflow: hidden; margin-top: 10px; font-weight: 600; font-size: 14px;}
.boardwrite.type3 > .top_info > span {float: left;}
.boardwrite.type3 > .top_info > ul {float: left; overflow: hidden; margin: 0 5px;}
.boardwrite.type3 > .top_info > ul > li {float: left;}
.boardwrite.type3 > .top_info > ul > li.line {margin: 0 10px;}
/*.boardwrite.type2 > table {border-top: 1px solid #a7a7a7;}
.boardwrite.type2 tbody tr:first-child th, .boardwrite.type2 tbody tr:first-child td {border-top: 1px solid #a7a7a7;}
.boardwrite.type2 tbody tr th {width: 190px; background: #fafafa; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7;}
.boardwrite.type2 tbody tr td {padding: 5px 15px; color: #000; border-bottom: 1px solid #a7a7a7;}
.boardwrite.type2 tbody tr td .inpbox {width: 400px; border: 1px solid #a7a7a7;}
.boardwrite.type2 tbody tr td .inpbox.type2 {float: none;}
.boardwrite.type2 tbody tr td .optionbox {width: 70px; border: 1px solid #a7a7a7;}
.boardwrite.type2 tbody tr td .calenbox {border: 1px solid #a7a7a7;}
.boardwrite.type2 tbody tr td .calenbox .ui-datepicker-trigger {border-left: 1px solid #a7a7a7;}

.boardwrite.type2 tbody tr td.email .inpbox, .boardwrite tbody tr td.email .optionbox {width: 140px;}
.boardwrite.type2 .attachment-file {width:auto;}
.boardwrite.type2 .attachment-file span.iptxt {width:400px;}
.boardwrite.type2 .attachment-file span.iptxt input.txt {border:1px solid #a7a7a7;}
.boardwrite.type2 .attachment-file span.ipfile {position: relative; margin-left: 5px; cursor:pointer;}*/

/*게시판 글쓰기 타입2-원서글쓰기 가로타입*/
/*.boardwrite.type3 {overflow-x: auto;}
.boardwrite.type3 > table {min-width: 1150px; border-top: 1px solid #ececec;}
.boardwrite.type3 tbody tr th {border-right: 1px solid #ececec; border-bottom: 1px solid #ececec;}
.boardwrite.type3 tbody tr td {padding: 5px; color: #000; text-align: center; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec;}
.boardwrite.type3 tbody tr td:last-child {border-right: 0;}
.boardwrite.type3 tbody tr td .inpbox {float: none;width: 100%; border: 1px solid #a7a7a7;}
.boardwrite.type3 tbody tr td .inpbox.type2 {float: none;}
.boardwrite.type3 tbody tr td .optionbox {float: none;width: 100%; border: 1px solid #a7a7a7;}
.boardwrite.type3 tbody tr td .text {position: relative; top: -10px; float: none; line-height: 16px;}
.boardwrite.type3 tbody tr td .calenbox {float: none; display: inline-block; border: 1px solid #a7a7a7;}
.boardwrite.type3 tbody tr td .calenbox .ui-datepicker-trigger {border-left: 1px solid #a7a7a7;}
.boardwrite.type3 tbody tr td textarea {padding: 10px; width: 100%; border: 1px solid #a7a7a7;}
.boardwrite.type3 tbody tr td .box1 .inpbox, .boardwrite.type3 tbody tr td .box1 .optionbox {float: left; margin: 0 1px; width: calc(50% - 2px);}*/

.attachment-file {position:relative; padding:0 0 0 0; display: inline-block; }
.attachment-file span.iptxt {float: left;position:relative;width: 320px;}
.attachment-file span.iptxt input.txt {width:100%; height:30px; padding: 0 10px; margin:0; border:1px solid #a7a7a7;}
.attachment-file span.ipfile {width: 70px; position: relative;display: inline-block;margin-left: 10px;}
.attachment-file span.ipfile em {position: absolute;left: 0;top: 0;color: #fff; width:70px;height:30px;text-align:center;background:#6b6e7b;line-height:30px;font-size: 12px;cursor:pointer;font-family: 'Dotum';font-style: normal;border-radius: 3px;}
.attachment-file span.ipfile input.file {position:relative;z-index:2;width:70px;height:30px;padding:0; cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.attachment-file-edit {overflow:hidden;margin-top:9px;}
.attachment-file-edit:first-child {margin-top:0}
.attachment-file-edit > button {display: inline-block; margin:0 0 0 5px}
.attachment-file-edit button.plus {width: 30px; height: 30px; border: 1px solid #7b736b; border-radius: 3px; background: url('/images/web/icon_plus.png') center center no-repeat;}
.attachment-file-edit button.minus {width: 30px; height: 30px; border: 1px solid #7b736b; border-radius: 3px; background: url('/images/web/icon_minus.png') center center no-repeat;}

.privacy_box {margin-top: 10px; border: 1px solid #cecece;}
.privacy_box .check_box {padding: 10px 15px; border-bottom: 1px solid #cecece;}
.privacy_box .check_box input[type=checkbox] + label:before {top: -4px;}
.privacy_box .check_box input[type=checkbox] + label {height: 12px; font-size: 12px; line-height: 12px;}
.privacy_box .check_box input[type=checkbox] + label span {color: #f0581c;}
.privacy_box .contents {overflow-y: auto; height: 116px; padding: 20px 15px; font-size: 12px; line-height: 18px; background: #f8f9fa; font-family: 'Dotum';}

/*일반게시판 상세*/
.board_detail {display: block; position: relative; width: 100%; overflow: hidden; font-size: 14px; border-top: 1px solid #000;}
.board_detail .title_box {overflow: hidden; border-top: 1px solid #ececec; background: #fafafa;}
.board_detail .title_box h3 {font-size: 16px; line-height: 24px; font-weight: normal;}
.board_detail .title_box, 
.board_detail .name, 
.board_detail .file, 
.board_detail .link, 
.board_detail .content {padding: 12px 15px; border-bottom: 1px solid #eee;}

/*사용료지급내역*/
.board_detail .name li {display:block; width:100%; position: relative; color: #333;}
.board_detail .name li dt.cont_type{ display:inline-block; width:9%; padding-left: 10px; color: #666;}
.board_detail .name li dt.cont_type:after{content: ''; background-color: #0075c8; width: 4px; height: 3px; position: absolute; top: 11px; left: 0;}
.board_detail .name li dl.cont_area{display:inline-block;}

.board_detail .file {overflow: hidden;}
.board_detail .file dt {float: left; width: 70px;}
.board_detail .file dd {float: left; padding-left: 10px; width: calc(100% - 70px);}
.board_detail .file dd ul {overflow: hidden;}
.board_detail .file dd li {float: left; margin-right: 40px;}
.board_detail .file dd li:last-child {margin-right: 0;}
.board_detail .file dd li a {padding: 5px 0 5px 25px; color: #333; font-size: 12px; line-height: 22px; background: url('/images/web/icon_file.png') 0 1px no-repeat;}
.board_detail .content {font-size: 15px;}
.board_detail .content img {display: block; max-width: 100%;}

.board_detail table {overflow: hidden; table-layout: fixed; width: 100%;}
.board_detail table tr {border-bottom: 1px solid #ececec;}
.board_detail table tr th {padding: 5px 0 5px 20px; width: 140px; text-align: left; border-right: 1px solid #ececec;}
.board_detail table tr th span {position: relative; display: inline-block; padding-left: 12px;}
.board_detail table tr th span:after {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 10px; background: #46a9e8;}
.board_detail table tr td {padding-left: 20px;}

.answer_box {margin-top: 15px; padding: 30px; background: #f8f9fa; border: 1px solid #cecece;}
.answer_box h3 {position: relative; padding-left: 15px; margin-bottom: 15px;  font-size: 18px; line-height: 18px;}
.answer_box h3:after {content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 15px; background: #0076d5;}
.answer_box .detail {font-size: 15px; border: 1px solid #cecece; background: #fff;}
.answer_box .detail .name {padding: 10px 15px; border-bottom: 1px solid #cecece;}
.answer_box .detail .content {padding: 10px 15px;}

/*댓글*/
.total_reply {display: block; margin-top: 30px; padding: 0 0 5px 15px;}
.comment {border-top: 1px solid #000;}
/*댓글입력*/
.comment .comment_write {padding: 10px 15px 40px; border-bottom: 1px solid #d5d5d5;}
.comment .comment_write .grade_box {margin-bottom: 10px;}
.comment .comment_write .grade_box .inpbox {display: inline-block; width: 210px; height: 30px; border: 1px solid #a7a7a7;}
.comment .comment_write .grade_box .inpbox input.txt {padding: 0 10px;}
.comment .byte {font-size: 13px; font-family: 'Dotum';}
.comment .textarea_type {color: #666; margin: 0 0 15px; font-size: 14px; width: 100%; height: 130px; padding: 10px; font-family: 'ns'; border: 1px solid #a7a7a7;}
/*댓글목록*/
.comment .comment_list .line {border-bottom: 1px solid #d5d5d5;}
.comment .comment_list .reply_box {padding: 20px;}
.comment .comment_list .reply_box.bg {background: #f8f9fa; border-bottom: 1px solid #fff;}
.comment .comment_list .reply_box .name_box {overflow: hidden; margin-bottom: 10px;}
.comment .comment_list .reply_box .name_box .name {float: left; font-size: 15px;}
.comment .comment_list .reply_box .name_box .date {float: left; margin: 0 20px; color: #a7a7a7; font-size: 13px; font-family: 'Dotum';}
.comment .comment_list .reply_box .name_box .inpbox {display: inline-block; width: 200px; height: 30px; border: 1px solid #d2d2d2;}
.comment .comment_list .reply_box .name_box .inpbox input.txt {padding: 0 10px;}
.comment .comment_list .reply_box .button {overflow: hidden; float: left;}
.comment .comment_list .reply_box .button li {float: left;}
.comment .comment_list .reply_box .button li a {font-size: 13px; font-family: 'Dotum';}
.comment .comment_list .reply_box .button span {position: relative; top: -1px; margin: 0 5px; font-size: 10px;}
.comment .comment_list .reply_box .text {padding: 10px; color: #999; font-size: 13px; width: 100%; line-height: 20px;}
.comment .comment_list .reply_box .write {overflow: hidden;}
.comment .comment_list .reply_box .write .inpbox {float: left; width: calc(100% - 285px); margin-right: 10px; height: 30px;}
.comment .comment_list .reply_box .write .inpbox input.txt {padding: 0 10px; height: 100%; border: 1px solid #dcdcdc;}
.comment .comment_list .reply_box .write .right {float: right;}
.comment .comment_list .reply_box .write .byte {float: left; width: 110px;}



/*썸네일게시판*/
.thumbnaillist {width:100%; border-top: 1px solid #000; overflow: hidden;}
.thumbnaillist > li {position: relative; padding: 25px 0; border-bottom:1px solid #d1d1d1; overflow: hidden;}
.thumbnaillist li a {display: block;}
.thumbnaillist li .thumbnaillist_img {float: left;overflow: hidden; display: table; width: 260px; height: 185px; border:1px solid #ebebeb;}
.thumbnaillist li .thumbnaillist_img .d_cell {width: 100%; height: 185px;}
.thumbnaillist li .thumbnaillist_img img {width: auto; height: auto; max-width: 100%; max-height: 100%; }
.thumbnaillist li .thumbnaillist_txt {float: left; overflow: hidden;display: block;width: calc(100% - 260px);padding-left: 12px;}
.thumbnaillist li .thumbnaillist_txt .category {overflow: hidden;}
.thumbnaillist li .thumbnaillist_txt .category li {float: left;}
.thumbnaillist li .thumbnaillist_txt p.cont {font-size: 15px; margin-bottom: 10px; padding-top: 8px; color: #000;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 22px; height: 70px; overflow: hidden; text-overflow: ellipsis;}
.thumbnaillist li .thumbnaillist_txt h4 {overflow: hidden; margin: 5px 0; font-size: 18px; font-weight: normal; color: #000;}
.thumbnaillist li .thumbnaillist_txt h4 p {float: left;}
.thumbnaillist li .thumbnaillist_txt h4 p.title {max-width: calc(100% - 70px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.thumbnaillist li .thumbnaillist_txt h4 p.num {width: 70px;padding-left: 10px;}
.thumbnaillist li .thumbnaillist_txt h4 p.num span {color: #999;}
.thumbnaillist li .thumbnaillist_txt .name {overflow: hidden; line-height: 25px;}
.thumbnaillist li .thumbnaillist_txt .name li {float: left; color: #999; font-size: 14px;}
.thumbnaillist li .thumbnaillist_txt .name li.line span {margin: 0 8px;}

/*갤러리형 게시판*/
.gallaylist {width:100%; overflow: hidden; display: block; border-top:1px solid #000; border-bottom: 1px solid #cecece;}
.gallaylist .list {overflow: hidden; display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap; padding-top: 50px;}
.gallaylist .list > li {overflow: hidden; position: relative; float: left; margin-right: 35px; margin-bottom: 60px; width: 260px;}
.gallaylist .list li:nth-child(4n) {margin-right: 0;}

.gallaylist .list li a,
.gallaylist .list li{display: inline-block; width: 260px;}
.gallaylist .list li a .gallaylist_img,
.gallaylist .list li .gallaylist_img {display: inline-table; width: 100%; height: 200px; overflow:hidden; border:1px solid #a7a7a7;}
.gallaylist .list li a .gallaylist_img .d_cell ,
.gallaylist .list li .gallaylist_img .d_cell {width: 100%; height: 250px; padding: 15px 0;}
.gallaylist .list li a .gallaylist_img img,
.gallaylist .list li .gallaylist_img img {width: auto; max-width:100%; max-height:100%; height: auto; }
.gallaylist .list li a .gallaylist_text,
.gallaylist .list li .gallaylist_text {position: relative; margin-top: 15px; text-align: left;}
.gallaylist .list li a .gallaylist_text .category,
.gallaylist .list li .gallaylist_text .category {overflow: hidden; max-width: calc(100% - 25px); color: #e8471b; font-size: 15px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap;}
.gallaylist .list li a .gallaylist_text img.file,
.gallaylist .list li .gallaylist_text img.file {position: absolute; right: 5px; top: 0;}
.gallaylist .list li a .gallaylist_text h4,
.gallaylist .list li .gallaylist_text h4 {font-family: '나눔바른돋움'; letter-spacing: -0.1em; text-align: center; overflow: hidden; margin: 10px 20px 10px 0; line-height: 22px;}
.gallaylist .list li a .gallaylist_text h4 .g_book,
.gallaylist .list li .gallaylist_text h4 .g_book{font-family: '나눔바른돋움'; overflow: hidden; line-height: 22px; height: 25x; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: normal;}
.gallaylist .list li a .gallaylist_text h4 .g_person,
.gallaylist .list li .gallaylist_text h4 .g_person{display: block;}
.gallaylist .list li a .gallaylist_text .name,
.gallaylist .list li .gallaylist_text .name {font-size: 12px; color: #999; font-family: 'Dotum'; line-height: 20px;}
.gallaylist .list li a .gallaylist_text .name li,
.gallaylist .list li .gallaylist_text .name li {display: inline-block;}
.gallaylist .list li a .gallaylist_text .num,
.gallaylist .list li .gallaylist_text .num {margin-top: 5px; font-size: 12px; color: #666; font-family: 'Dotum'; line-height: 20px; text-align: right;}
.gallaylist .list li a .gallaylist_text .num li,
.gallaylist .list li .gallaylist_text .num li {display: inline-block;}
.gallaylist .list li a .gallaylist_text .small li,
.gallaylist .list li .gallaylist_text .small li {display: inline-block; width: auto; font-size: 12px; color: #999; font-family: 'Dotum'; line-height: 18px;}
.gallaylist .list li a .gallaylist_text .small li .line,
.gallaylist .list li .gallaylist_text .small li .line{display: inline-block;}
/*게시판 E*/

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

	/*검색바 type2*/
	.board_top .totalcnt {float: none; top: 0; margin-bottom: 10px;}
	.board_top .boardsch {float: none; display: block;}
	.board_top h4 {float: none; padding-bottom: 5px; font-size: 18px; font-weight: 600; border-bottom: 0;}
	.board_top .ex {display: block; clear: both; margin-left: 0; padding: 10px 0;}
	.board_top .text {float: none; margin-bottom: 10px;}
	.boardsch.type2 {overflow: hidden; float: inherit; padding: 20px 20px 0; background: #fafafa;}

	.boardlist table tbody td {padding: 10px 5px !important;}
	.boardlist table tbody td.title a {max-width: 100%;}
	
	.boardwrite tbody tr td.tel .sns_box {display: block;}
	.boardwrite tbody tr td.tel .sns_box p, .boardwrite tbody tr td.tel .sns_box .radio_box {display: block; }
	.boardwrite tbody tr td.tel .sns_box p {margin: 0;}
	
	/*갤러리형 게시판*/
	.gallaylist .list {padding-top: 20px;}
	.gallaylist .list > li {margin-right: 0; margin-bottom: 30px; width: 33.33%; text-align: center;}
	.gallaylist .list li:nth-child(4n) {margin-right: 0;}
	.gallaylist .list li a {width: 100%; padding: 0 5px;}
	.gallaylist .list li a .gallaylist_img {height: 185px;}

		/*컨텐츠 입력*/
	.boardwrite .account td{padding-left:5px; }
	.boardwrite .account td.content{padding-right: 5px;}
	.boardwrite .account td.content .num{padding-right: 5px;}

	/*사용료지급내역*/
	.board_detail .name li dt.cont_type{width:13%; padding-left:8px;}
}

@media screen and (min-width:320px) and (max-width:784px){
	
	/*라디오박스*/
	.tbl_top.type1 .iradio label { top: 2px;padding: 0 10px 0 5px;}
	.iradio label {top: 2px; padding: 0 10px 0 5px;}
	
	/*목록 상단검색*/
	.boardlist_top {padding: 10px;}
	.boardlist_top .box li {float: none; margin-bottom: 10px;}
	.boardlist_top .box li:last-child {margin-bottom: 0;}
	.boardlist_top .box li.category {width: 100%;}
	.boardlist_top .box li.search_word {width: 100%;}
	.boardlist_top .box li.button {float: none; width: 100%; text-align: center;}
	.boardlist_top .box li.button button {margin: 0 2px;}
	.boardlist_top .box li label {display: none; }
	.boardlist_top .box li .optionbox {float: none; width: 100%;}
	.boardlist_top .box li.search_word .inpbox {width: 100%;}
	
	/*일반게시판 검색바*/
	fieldset.boardschbox .optionbox {float:none; display: block; margin-bottom: 10px; margin-right: 0;width:100%; height: 35px;}
	fieldset.boardschbox .inp_btn {float: none;}
	fieldset.boardschbox .inpbox {/*width: calc(100% - 73px);*/ width: 100%; margin-bottom: 8px;}
	fieldset.boardschbox button{ float: right; }

	/*게시판(공지사항) 리스트 타입1*/
	.boardlist table thead th {padding:10px 2px;}
	.boardlist table tbody td.notice span {padding: 6px 3px;font-size: 13px;}
	
	/*일반게시판 상세*/
	.board_detail > li .title_box {padding:10px;}
	.board_detail > li .title_box.type2 .division {width: 100%; float: none; text-align: left;}
	.board_detail > li .title_box.type2 h3 {float: none; width: 100%;}
	.board_detail .name, .board_detail .file, .board_detail .link {padding: 10px;}
	.board_detail .file > dd > li > img{width: 100%;}

	.board_detail .content {padding: 10px;}
	.board_detail .content iframe{width: 100%;}

	.answer_box {padding: 10px;}
	.answer_box h3 {margin: 10px 0;}

	/*사용료지급내역*/
	.board_detail .name li dt.cont_type{width:16%;}

	/*댓글*/
	.total_reply {padding: 0 0 5px 0;}
	/*댓글입력*/
	.comment .comment_write {padding: 10px 0 20px;}
	.comment .comment_write .grade_box .inpbox {width: calc(50% - 2px);}
	.comment .textarea_type {margin: 0 0 10px;height: 80px;}
	/*댓글목록*/
	.comment .comment_list .reply_box {padding: 10px;}
	.comment .comment_list .reply_box .name_box {margin-bottom: 5px;}
	.comment .comment_list .reply_box .name_box .inpbox {width: calc(50% - 2px);}
	.comment .comment_list .reply_box .write {overflow: hidden;}
	.comment .comment_list .reply_box .write .inpbox {float: none; width: 100%; margin: 0 0 10px 0; height: 30px;}
	
	.boardwrite tbody tr th {padding: 10px; width: 90px;}
	.boardwrite tbody tr td a{font-size: 14px;}

	.boardwrite .write .radio_space li.radio_sel{width:75px;}
	.boardwrite .write td > .mobile{display: block; margin-bottom: 5px;}	
	/*갤러리형 게시판*/
	.gallaylist .list > li {width: 50%;}
	
	/*게시판(공지사항) 리스트 타입2*/
	.boardlist.type2 table thead th {color: #303030; padding:10px 2px;}
	.boardlist.type2 table tbody td {padding:10px 2px; overflow: hidden;}
	.boardlist.type2 table tbody td.notice span {padding: 6px 3px;font-size: 13px;}
	.boardlist.type2 table tbody td.thumb img {width: 100%; max-height: 35px;}
	
	/*게시판 등록*/
	.boardwrite .write th {width: 90px; word-break: initial;}

	.li_le li {width: 50%;}
	
	/*썸네일게시판*/
	.thumbnaillist > li {padding: 10px 0;}
	.thumbnaillist li .thumbnaillist_img {float: none; margin: 0 auto;}
	.thumbnaillist li .thumbnaillist_txt {float: none; width: 100%;padding: 10px 0 0;}
	/*게시판 E*/

	/*컨텐츠 입력*/
	.boardwrite .account td{padding-left:5px; padding-right: 5px;}
	.boardwrite .account td.content{line-height: 25px; font-size: 15px;}
	.boardwrite .account td.content .disc li.disc{padding-right: 0;}	
	.boardwrite .account td.content .disc img{max-width: 100%;}	
	.boardwrite table tbody td.notice{padding: 10px; font-size: 14px;}
}
@media screen and (min-width:320px) and (max-width:640px){
	/*하단 버튼*/
	.btn_box .arrow {float: none; margin-bottom: 10px;}
	.btn_box .arrow button {width: calc(50% - 2px); height: 30px;}
	
	.password_all {padding: 20px 0;}

	.comment .comment_list .reply_box .button {overflow: hidden; float: right;}
	
	/*게시판 글쓰기 타입1-일반글쓰기*/
	.boardwrite tbody tr td {padding: 10px 0 10px 10px; vertical-align: text-top; }
	.boardwrite tbody tr td.notice .inpbox {width:100%;}
	.boardwrite tbody tr td .inpbox,
	.boardwrite tbody tr td.account .inpbox {width: 100%; margin-top: 5px; margin-bottom: 5px; font-size:13px;}
	.boardwrite tbody tr td .inpbox input.txt {padding: 0 5px; font-size:13px;}
	.boardwrite tbody tr td .optionbox {width: 100%;}
	.boardwrite tbody tr td .optionbox select {padding: 0 5px; background: url('/images/web/icon_arrow2.png') right 5px top 12px no-repeat}
	.boardwrite tbody tr td .text {margin: 0;}
	.boardwrite tbody tr td .date_text {display: inline-block;  margin: 0;}
	.boardwrite tbody tr td.tel .inpbox, .boardwrite tbody tr td.tel .optionbox {width: 57px;}
	.boardwrite tbody tr td.email .inpbox {width: calc(50% - 12px);}
	.boardwrite tbody tr td.email .optionbox {margin: 5px 0 0 0; width: 100%;}
	.boardwrite tbody tr td.bank .inpbox {width: 25%;}
	.boardwrite tbody tr td.bank .inpbox.num {width: calc(50% - 7px);}
	.boardwrite tbody tr td.id .inpbox {width: calc(100% - 90px);}
	.boardwrite tbody tr td.birthday .optionbox {width: calc(33.33% - 3px);}
	.boardwrite tbody tr td .box2 .inpbox {width: calc(100% - 90px);}
	.boardwrite tbody tr td .name_box li {float: none; padding: 2px 0; width: 100%;}
	.boardwrite tbody tr td .name_box li dl dt {width: 40px;}
	.boardwrite tbody tr td .name_box li dl dd {width: calc(100% - 40px);}
	.boardwrite table tbody td .file_area input {margin-bottom: 5px;margin-top: 10px;	}

	.attachment-file.type2 {width: calc(100% - 68px);}
	.attachment-file span.iptxt {width: calc(100% - 75px);}
	.attachment-file span.ipfile {margin-left: 5px;}
	.attachment-file-edit > button {margin:0;}

	/*모바일 : 에디터 입력창 가로 스크롤 나올때 사이즈 지정*/
	.boardwrite table tbody td .scroll_x {overflow-x: auto; width: 100%;}	
	.boardwrite table tbody td .scroll_x iframe{width: 810px !important; }

	.thumbnaillist li .thumbnaillist_txt .name li {color: #999; font-size: 14px;}

	.tablebasic table th {padding:10px 0;}
	.tablebasic table td {padding:10px 0; letter-spacing: -0.05em;}

	/*사용료지급내역*/
	.board_detail .name li dt.cont_type{width:20%;}

	/*faq*/
	.faq .check_list > li > a h3{padding-top: 5px; max-width: 78%; width: 75%;}
	.faq .check_list .ico_arr_up{background: url(/images/web/arr_up.png) no-repeat 0 90%; width: 10px; height: 25px; display: block;}
	.faq .check_list .ico_arr_down{background: url(/images/web/arr_down.png) no-repeat 0 90%; width: 10px; height: 25px; display: block;}
	.faq .check_list > li > ul{padding: 25px 5px;}
	.faq .check_list > li > ul > li dl{padding-left: 5px; width: 100%;}
}
@media screen and (min-width:320px) and (max-width:480px){

	/*게시판 S*/
	.tabletop_txt {position: relative; padding: 0; color: #001296; line-height: 20px;}
	.tabletop_txt button {position: relative; width: 100%; right: 0; top: 0; transform: translateY(0); margin-top: 10px;}
	.mobile_only .boardlist table tbody td ul > li {display: block; margin-right: 0;}
	
	/*갤러리형 게시판*/
	.gallaylist .list > li {width: 100%;}
	.gallaylist .list li a .gallaylist_text h4 {height: auto; max-height: 44px;}
	
	.calendar table tbody tr td span.day {top: 5px; right: 5px; }
	.calendar table tbody tr td a {width: 100%; height: 100%; font-size: 0; text-indent: -9999px;}
	.calendar table tbody tr td a > span {display: block; position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background: #005aab; border-radius: 10px;}
	.calendar table tbody tr td .bg_w > div {display: block; position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; font-size: 0; text-indent: -9999px; background: #dc0f19; border-radius: 10px;}
	.calendar table tbody tr td .time li {padding: 5px;}
	
	.board_detail table tr th {padding: 5px 0 5px 5px; width: 110px;}
	.board_detail table tr td {padding-left: 10px;}

	/*사용료지급내역*/
	.board_detail .name li dt.cont_type{width:32%;}

}