@charset "utf-8";

/* 
 * common CSS Document
 * 수정금지 custom_common.css 파일에서 css중첩선언 후 수정하세요. 아래 목록을 참고합니다.
 *
 * 1) Form control
 * 2) 필수입력
 * 3) skip navigation
 * 4) update
 * 5) 정렬
 * 6) background color
 * 7) button
 * 8) 아이콘버튼
 * 9) 그리드응용 버튼
 * 10) table
 * 11) table 정렬
 * 12) li table 게시판
 * 13) list gallery
 * 14) pagination
 * 15) search
 * 16) 초성검색
 * 17) 단계별 search
 * 18) search + button
 * 19) tab
 * 20) tree UI
 * 21) bbsList
 * 22) bbsView
 * 23) photoList
 * 24) faq
 * 25) tooltip
 * 26) accordian
 * 27) box design
 * 28) file design
 * 29) radio or check number
 * 30) radio or check design
 * 31) info
 * 32) text + title
 * 33) loading
 * 34) layer popup
 */
 
/* 1) Form Control */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=email],
input[type=number],
textarea{height:33px; padding:0px 8px; margin:1px 0px; border:1px solid #dedede; background:#fff; vertical-align:middle;}
textarea{resize:none; min-height:80px; padding:7px 8px;}
select{height:33px; padding:0 20px 0 8px; border:1px solid #dedede; background:#fff url(../../images/common/select_arrow.svg) no-repeat calc(100% - 8px) 50%; background-size:7px 7px; vertical-align:middle;}
select::-ms-expand {background-color:transparent; border:0;}
input[type=file]{background:#eee; font-size:0.9333rem;}
textarea[readonly],
input[readonly]{background:#f5f5f5;}
input[disabled],
select[disabled]{background:#eaeaea; color:#999;}
input[type=checkbox],
input[type=radio]{width:13px; height:13px; margin:2px 3px 1px 0;}
input[type=checkbox] + label,
input[type=radio] + label{margin-right:20px;}
input[type=checkbox] + label:last-child,
input[type=radio] + label:last-child{margin-right:0px;}
table{width:100%;}
input[type=number],
input[type=date],
input.ui-timepicker-input,
input.hasDatepicker{font-family:'Segoe UI', Sans-serif;}
pre{margin:0px; white-space:pre-wrap;}

/* 2) 필수입력 */
.marking{display:inline-block; position:relative; width:10px; height:14px; margin-bottom:-2px; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;} 
.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:17px; font-size:14px; font-weight:600; text-indent:0; color:#c51917;}
i.required{font-size:0px;}
i.required:before{content:'*'; display:inline; margin-left:2px; line-height:0; font-size:18px; color:#e4022e;}
select.required,
input[type="text"].required{border-color:#d83555 !important;}
select.required:focus,
input[type="text"].required:focus{outline:none;}

/* 3) skip navigation */
#jump_menu{position:relative; height:0px; z-index:9999;}
#jump_menu > a{display:block; position:absolute; top:-10000px; left:0px; z-index:9999; background:#2e2e2e; color:#fff; font-weight:600; font-size:14px; text-align:center;}
#jump_menu > a:hover,
#jump_menu > a:focus,
#jump_menu > a:active{position:absolute; top:0px; z-index:9999; height:7px; padding:5px 10px 20px; background:#2e2e2e;}

/* 4) update */
#update{position:fixed; top:0px; left:0px; z-index:99; width:100%; background:#1a1b1d; text-align:center; font-weight:300; color:#f9ed89;}
#update a{display:inline-block; margin-left:10px; color:#ff7f7f;}

/* 5) 정렬 */
.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}

/* 6) background color */
.bg_red{background:#fdf2f5 !important;}
table.table.gray thead th.bg_red{background:#f7cfd9 !important; border-bottom-color:#e4c2ca !important;}
tr.bg_red th{background:#ffe2ea !important; border-right-color:#e4c2ca !important;}
tr.bg_red td{background:#fdf2f5;}
.bg_green{background:#ecf5eb !important;}
table.table.gray thead th.bg_green{background:#d0f1cc !important; border-bottom-color:#a3d89c !important;}
tr.bg_green th{background:#dbf3d8 !important; border-right-color:#a3d89c !important;}
tr.bg_green td{background:#ecf5eb;}
.bg_blue{background:#eaedf5 !important;}
table.table.gray thead th.bg_blue{background:#d1dbf3 !important; border-bottom-color:#b5c3e2 !important;}
tr.bg_blue th{background:#dfe7f9 !important; border-right-color:#b5c3e2 !important;}
tr.bg_blue td{background:#eaedf5;}
.bg_yellow{background:#f9f7ee !important;}
table.table.gray thead th.bg_yellow{background:#f1e9bf !important; border-bottom-color:#d6ca8b !important;}
tr.bg_yellow th{background:#f3eed3 !important; border-right-color:#e4d99c !important;}
tr.bg_yellow td{background:#f9f7ee;}
.bg_gray{background:#f5f5f5 !important;}
table.table.gray thead th.bg_gray{background:#e8e8e8 !important; border-bottom-color:#d2d2d2 !important;}
tr.bg_gray th{background:#e8e8e8 !important; border-right-color:#d2d2d2 !important;}
tr.bg_gray td{background:#f5f5f5;}

/* 7) button */
.area_btn{position:relative; padding:30px 0 15px; margin-top:30px; text-align:center;}
.area_btn.tar{text-align:right;}
.area_btn.tal{text-align:left;}
.area_btn div.btn{position:absolute; right:0px; top:50%; margin-top:-14px;}
.button{display:inline-flex; flex-flow:row wrap; justify-content:center; align-items:center; overflow:hidden; position:relative; min-width:100px; height:33px; box-sizing:border-box; padding:0 15px; margin:1px 0px; background:#063190; border:1px solid #063190; color:#fff !important; text-align:center; vertical-align:top; transition:all 0.2s ease 0s;}
.button:before{content:''; opacity:0; display:block; position:absolute; top:50%; left:50%; z-index:1; width:100px; height:100px; margin-left:-50px; margin-top:-50px; background:#fff; border-radius:50%; transform-origin:50% 50%; transform:scale(0,0); transition:transform 0.8s ease-out 0s, opacity 0.3s ease 0s;}
.button:hover:before,
.button:focus:before{opacity:1; background:#fff; transform:scale(6,6);}
.button:hover,
.button:focus{color:#222 !important; box-shadow:2px 5px 10px rgba(0,0,0,0.15);}
input.button:hover,
input.button:focus{opacity:0.8; color:#fff !important; box-shadow:2px 5px 10px rgba(0,0,0,0.15);}
.button span{position:relative; z-index:2; justify-content:center;}
.button.red{background:#c54848; border-color:#c54848;}
.button.blue{background:#6396d6;border-color:#6396d6;}
.button.green{background:#23a173; border-color:#23a173;}
.button.orange{background:#db9742; border-color:#db9742;}
.button.black{background:#2e303b; border-color:#2e303b;}
.button.gray{background:#92999e; border-color:#92999e;}
.button.white{background:#fff; border-color:#cdcdcd; color:#444 !important;}
.button.white:before{background-color:#2e303b;}
.button.white:hover,
.button.white:focus{color:#063190 !important; border-color:#063190;}
.button.lg{min-width:150px; height:40px; font-size:16px; letter-spacing:-1px;}
.button.sm{min-width:60px; height:23px; padding:0 10px; font-size:13px;}

/* 8) 아이콘버튼 */
.button.ico span:before,
.button.ico:after{display:inline-block; position:relative; z-index:3; width:10px; height:10px; background-repeat:no-repeat; background-position:50% 0; transition:0.2s ease;}
.button.ico span:before{margin-right:4px;}
.button.ico:after{margin-left:4px;}
	/* after icon뒤 배치 */
.button.newTab:after{content:''; background-image:url(../../images/common/btn_newtab.png);}
.button.newTab:hover:after,
.button.newTab:focus:after{background-image:url(../../images/common/btn_newtab_w.png);}
.button.link:after{content:''; width:11px; height:11px; margin-bottom:-1px; background-image:url(../../images/common/btn_link.png);}
	/* before icon앞 배치 */
.button.upload span:before{content:''; background-image:url(../../images/common/btn_upload.png);}
.button.upload:hover span:before,
.button.upload:focus span:before{background-image:url(../../images/common/btn_upload_w.png);}
.button.down span:before{content:''; background-image:url(../../images/common/btn_download.png);}
.button.down:hover span:before,
.button.down:focus span:before{background-image:url(../../images/common/btn_download_w.png);}
.button.copy span:before{content:''; background-image:url(../../images/common/btn_copy.png);}
.button.copy:hover span:before,
.button.copy:focus span:before{background-image:url(../../images/common/btn_copy_w.png);}
.button.write span:before{content:''; width:13px; height:11px; background-image:url(../../images/common/btn_write.png);}
.button.write:hover span:before,
.button.write:focus span:before{background-image:url(../../images/common/btn_write_w.png);}

/* 9) 그리드응용 버튼 */
[class^="btn_grid"]{display:inline-block; min-width:55px; height:17px; line-height:15px; box-sizing:border-box; padding:0 3px; background:#fff; border:1px solid #1f4394; font-family:'돋움', Sans-serif; font-size:11px; color:#444; letter-spacing:-1px; text-align:center; transition:0.3s ease;}
[class^="btn_grid"]:hover{box-shadow:0 2px 5px rgba(0,0,0,0.2);}
[class^="btn_grid"]:before{content:''; display:inline-block; width:13px; height:11px; margin-top:-2px; margin-right:3px; background-repeat:no-repeat; background-position:50% 0; vertical-align:middle;}
[class^="btn_grid"].gray{border-color:#727272;}
.btn_grid_view:before{background-image:url(../../images/content/icon_grid_view.png);}
.btn_grid_del:before{background-image:url(../../images/content/icon_grid_del.png);}
.btn_grid_file:before{background-image:url(../../images/content/icon_grid_file.png);}
.btn_grid_chart:before{background-image:url(../../images/content/icon_grid_chart.png);}
.btn_grid_tip:before{background-image:url(../../images/content/icon_grid_tip.png);}
.btn_grid_excel:before{background-image:url(../../images/content/icon_grid_excel.png);}
.btn_grid_hwp:before{background-image:url(../../images/content/icon_grid_hwp.png);}
.btn_grid_write:before{background-image:url(../../images/content/icon_grid_write.png);}
.btn_grid_on:before{width:16px; background-image:url(../../images/content/icon_grid_on.png);}
.btn_grid_off:before{width:16px; background-image:url(../../images/content/icon_grid_off.png);}
.btn_grid_check:before{width:10px; height:8px; background-image:url(../../images/content/img_check_small.png);}
.btn_grid_down:before{width:10px; height:10px; margin-top:-1px; background-image:url(../../images/content/img_download.png);}
.btn_grid_up:before{width:10px; height:10px; margin-top:-1px; background-image:url(../../images/content/img_upload.png);}

/* 10) table */
table.table{margin-top:15px; border-top:1px solid #c3cae6;}
table.table thead th{background:#edf0fb; border-bottom:1px dashed #e2e7f9;}
table.table.line thead th{border:1px dashed #c3cae6;}
table.table thead tr:last-child th{border-bottom:1px solid #e2e7f9;}
table.table thead th[rowspan]{border-right:1px dashed #c3cae6;}
table.table tbody th{background:#f5f5f5; border:1px solid #e0e0e0; border-right-color:#f5f5f5;}
table.table thead + tbody th{background:transparent; border-right-color:#e0e0e0;}
table.table th,
table.table td{padding:9px 10px; letter-spacing:-0.5px; line-height:1.4em; word-break:keep-all;}
table.table th{text-align:center; text-align:center; font-weight:500;}
table.table tbody td{border:1px solid #e0e0e0; text-align:left;}
table.table thead tr th:last-child,
table.table tbody tr td:last-child{border-right-width:0px;}
table.table thead tr th:first-child,
table.table tbody tr td:first-child,
table.table tbody tr th:first-child{border-left-width:0px;}
table.table thead + tbody tr td{text-align:center;}
table.table.tal td,
table.table .tal{text-align:left !important;}
table.table.tar td,
table.table .tar{text-align:right !important;}
table.table .list{margin-top:0px;}
table.table td input[type="text"],
table.table td input[type="password"],
table.table td select,
table.table td textarea{width:100%;}
table.table .button{min-width:60px;}
table.table [data-search="choice"]{position:relative; height:80px; margin-top:30px; background:#fff; border:1px solid #dedede;}
table.table [data-search="choice"] .btn{position:absolute; top:-29px; right:0px;}
table.table [data-search="choice"] ul{height:100%; overflow-y:auto;}
table.table [data-search="choice"] ul li{padding:5px; border-top:1px dashed #e6e6e6;}
table.table [data-search="choice"] ul li:first-child{border-top-width:0px;}
table.table [data-search="choice"] ul li.on{background:#fdf2f7;}
table.table [data-search="choice"] ul li input{height:23px; line-height:21px; padding-top:0px; padding-bottom:0px;}
table.table [data-search="choice"].none{border:0px; height:auto;}
table.table td a:not([class*="btn_"]):not([data-tooltip]){color:#3653a9; transition:0.2s ease;}
table.table td a:not([class*="btn_"]):not([data-tooltip]):hover{box-shadow:0 1px 0px #265096;}
table.table td a.button:hover{box-shadow:none;}
table.table.blue tbody th{background:#edf0fb !important;}
table.table.gray{border-top-color:#d0d0d0;}
table.table.gray thead th{background:#f5f5f5 !important;}
table.table.gray.line thead th{border-color:#cecece}
table.table.gray thead th[rowspan]{border-right-color:#cecece;}
table.table.gray thead tr:last-child th{border-bottom-color:#e2e2e2;}
table.table.hover tbody tr:hover th,
table.table.hover tbody tr:hover td{background:#58699c !important; color:#fff !important;}
table.table .list_search_result > li{display:inline-block; position:relative; padding-left:10px; margin-left:20px;}
table.table .list_search_result > li:first-child{margin-left:0px;}
table.table .list_search_result > li:before{content:''; display:block; position:absolute; top:8px; left:0px; width:3px; height:3px; background:#444;}
table.table .list_search_result > li strong:after{content:':'; display:inline-block; margin-left:3px; margin-right:5px;}
table.table .list_title li{display:table; width:100%;}
table.table .list_title li > *{display:table-cell; box-sizing:border-box; padding:2px 5px; vertical-align:middle;}
table.table .list_title li em{width:20%;}
table.table img{max-width:100%;}
table.table th.blue{background:#edf0fb !important; border-right-color:#cad0e6; color:#3e58b7;}
table.table th.red{background:#fbecec !important; color:#a03535;}
table.table th.green{background:#eaf3ec !important; color:#2fa249;}
table.table div.conts{min-height:300px; line-height:1.5;}
table.table div.conts img{max-width:100%;}
table.table .total td,
table.table td.total{font-weight:600; color:#222;}
table.table .title_btn .button{margin:0 3px; vertical-align:middle;}
table .box_file{margin-top:10px;}
table .box_file .title{margin-bottom:5px; padding:7px 15px 6px !important; font-size:13px !important;}
table .box_file .form{padding-top:5px; margin-bottom:5px;}
table .box_file .form input[type="file"]{width:100% !important;}
table .box_file .MultiFile-remove{display:inline-block; width:15px; height:15px; line-height:12px; background:#fff; border:1px solid #afafaf; text-align:center; font-size:14px; color:#4668cf;}
table .box_file .MultiFile-remove:hover,
table .box_file .MultiFile-remove:focus{border-color:#484848;}
table .box_file .MultiFile-label > *{vertical-align:middle;}
	/* table size */
table.bigSize td{font-size:16px; color:#222;}
table.smallSize th,
table.smallSize td{font-size:14px;}
table.table.mini th,
table.table.mini td{padding:5px 7px;}
table.smallSize thead th{font-size:15px;}
	/* no-data */
.no_data{padding:20px 0px; text-align:center;}
div.no_data{border-bottom:1px solid #eee;}
.no_data.box{border:1px solid #eee; color:#999;}
	/* text only design */
.box_textonly{min-height:150px; border:0px;}
.box_textonly:focus{outline:none;}
	/* table input notext */
table input[type=checkbox].noText, 
table input[type=radio].noText{vertical-align:initial;}

/* 11) table 정렬 */
table .box_short em{display:inline-block; vertical-align:middle;}
table .short{display:inline-block; vertical-align:middle; margin-left:10px;}
table .short a{display:block; position:relative; width:10px; height:10px; text-indent:100%; overflow:hidden; white-space:nowrap;}
table .short a:before{content:''; display:block; position:absolute; left:0px;}
table .short a.reset{height:6px;}
table .short a.reset:before{left:1px; width:6px; height:6px; background:#a1a1a1; border-radius:100%;}
table .short a.up:before{top:0px; border-bottom:7px solid #a1a1a1; border-left:4px solid transparent; border-right:4px solid transparent;}
table .short a.down:before{bottom:0px; border-top:7px solid #a1a1a1; border-left:4px solid transparent; border-right:4px solid transparent;}
table .short a.reset:hover:before,
table .short a.reset:focus:before{background-color:#002045;}
table .short a.up:hover:before,
table .short a.up:focus:before,
table .short a.up.on:before{border-bottom-color:#002045;}
table .short a.down:hover:before,
table .short a.down:focus:before,
table .short a.down.on:before{border-top-color:#002045;}
table .short a:hover,
table .short a:focus{box-shadow:none !important;}

/* 12) li table 게시판 */
[data-listTable]{margin-top:25px;}
[data-listTable] > li{display:table; table-layout:fixed; width:100%; margin-top:10px;}
[data-listTable] > li > span{display:table-cell; min-height:85px; box-sizing:border-box; padding:10px 30px; vertical-align:middle;}
[data-listTable] > li:first-child{margin-top:0px;}
[data-listTable] .thead span{height:auto; padding:5px 10px 5px 30px; font-size:15px; font-weight:500; color:#9ca4b4;}
[data-listTable] .group{background:#fff; border:1px solid #fff;}
[data-listTable] .group:hover{border-color:#848a96;}
[data-listTable] .choice{background-color:#e4fae5; border-color:var(--point-color-dark);}
[data-listTable] [data-listgroup="subject"] > *{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
[data-listTable] [data-listgroup="subject"] [data-listcate]{flex-wrap:nowrap; margin-top:2px; line-height:1.2em; font-size:14px; color:#999;}
[data-listTable] [data-listgroup="subject"] [data-listcate]:before{content:attr(data-listcate); display:inline-flex; flex-flow:row wrap; justify-content:center; align-items:center; min-width:40px; height:20px; line-height:1em; box-sizing:border-box; margin-right:10px; background:#e1fce2; border:1px solid #8be28d; border-radius:3px; text-transform:uppercase; font-size:11px; font-weight:500; color:var(--point-color);}
[data-listTable] [data-listgroup="subject"] [data-listcate="상위"]:before{background-color:#e1effc; border-color:#8bb9e2; color:#5e94c5; font-size:12px;}
	/* 정렬 */
[data-listTable] [class*="sort_"]{display:inline-block; width:20px; height:20px; margin-left:10px; background-repeat:no-repeat; background-position:50% 0; font-size:0px; vertical-align:middle;}
[data-listTable] .sort_default{background-image:url(../../images/content/icon_short_defult.png);}
[data-listTable] .sort_down{background-image:url(../../images/content/icon_short_defult_on.png);}
[data-listTable] .sort_up{background-image:url(../../images/content/icon_short_up_on.png);}
	/* 버튼 */
[data-listTable] .btn_view{display:inline-flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; text-transform:uppercase; font-size:12px; font-weight:600; color:#444 !important;}
[data-listTable] .btn_view:after{content:''; display:inline-block; width:6px; height:10px; margin-left:10px; background:url(../../images/content/btn_view_arrow.png) no-repeat 50% 0;}

/* 13) list gallery */
[data-list="gallery"]{margin-top:20px;}
[data-list="gallery"] ul{margin-left:-30px;}
[data-list="gallery"] ul:after{content:''; display:block; clear:both;}
[data-list="gallery"] ul > li{float:left; width:calc(100% / 5 - 30.1px); margin-left:30px;}
[data-list="gallery"] ul > li > a{display:block; position:relative; height:300px; box-sizing:border-box; border:1px solid #ddd;}
[data-list="gallery"] ul > li:nth-child(5) ~ li{margin-top:30px;}
[data-list="gallery"] ul ~ ul{margin-top:30px;}
[data-list="gallery"] ul > li .img{overflow:hidden; display:block; position:relative; width:100%; height:180px;}
[data-list="gallery"] ul > li .img img{object-fit:cover; width:100%; height:100%;}
[data-list="gallery"] ul > li .cate{display:block; padding:10px 10px; background:#fff; border-bottom:1px solid #ddd;}
[data-list="gallery"] ul > li .cate span{font-size:13px; color:#1f31b7;}
[data-list="gallery"] ul > li .count{position:absolute; right:10px; top:10px; font-size:12px; color:#999;}
[data-list="gallery"] ul > li > a > div{padding:15px 10px; border-top:1px solid #ddd;}
[data-list="gallery"] ul > li > a > div em,
[data-list="gallery"] ul > li > a > div i{display:block;}
[data-list="gallery"] ul > li > a > div em{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
[data-list="gallery"] ul > li > a > div i{font-size:12px; color:#999; font-family:'Noto Sans KR', Sans-serif;}
[data-list="gallery"] .none{float:none; width:calc(100% - 30px); padding:30px 0px; border-bottom:1px solid #eee; text-align:center; color:#999;}

/* 14) pagination */
.pagination{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:5px; margin-top:10px; padding-top:30px; text-align:center;}
.pagination > *,
.pagination > a{display:inline-flex; flex-flow:row wrap; justify-content:center; align-items:center; height:28px; box-sizing:border-box; padding:0 3px; margin:0 6px; color:#9ca4b4; font-size:15px;}
.pagination a[class^="btn_"]{width:25px; min-width:25px; margin:0px; padding:0px; background-image:url(../../images/common/btn_pagination.png); background-repeat:no-repeat; background-position-x:-4px; background-position-y:-3px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.pagination a.btn_prev{background-position-x:-37px;}
.pagination a.btn_next{background-position-x:-70px;}
.pagination a.btn_last{background-position-x:-103px;}
.pagination span{position:relative; color:#111; font-weight:600;}
.pagination span:after{content:''; display:inline-block; position:absolute; left:0; bottom:4px; width:100%; height:2px; background:#111;} 
.pagination a[class^="btn_"]:hover,
.pagination a[class^="btn_"]:focus{background-position-y:-36px;}

/* 15) search */
.area_search{position:relative; margin-bottom:20px; border-top:1px solid #b9c1c5;}
.area_search ul[data-search="line"]{display:table; width:100%;}
.area_search ul[data-search="line"] > li{display:table-cell; position:relative; z-index:5; padding:10px 15px; background:#f9fbfc; border-bottom:1px solid #ced6da; vertical-align:top;}
.area_search ul[data-search="line"] > li:before{content:''; display:block; position:absolute; top:0px; left:0px; width:1px; height:35px; background:#ced6da;}
.area_search ul[data-search="line"] > li:first-child:before{display:none;}
.area_search ul[data-search="line"] > li label,
.area_search ul[data-search="line"] > li em{display:block; margin-bottom:5px; font-size:14px; letter-spacing:-0.5px;}
.area_search ul[data-search="line"] > li em input{margin:0 2px 0 15px;}
.area_search ul[data-search="line"] > li em label:after{display:none;}
.area_search ul[data-search="line"] > li em ~ label{display:inline-block; margin-bottom:0px; font-size:14px;}
.area_search ul[data-search="line"] > li .button{min-width:60px;}
.area_search ul[data-search="line"] input[type="text"],
.area_search ul[data-search="line"] select,
.area_search ul[data-search="line"] textarea{width:100%;}
.area_search [data-search="choice"]{position:relative; height:80px; background:#fff; border:1px solid #dedede;}
.area_search [data-search="choice"] .btn{position:absolute; top:-29px; right:0px;}
.area_search [data-search="choice"] .btn input[type="text"]{height:23px;}
.area_search [data-search="choice"] ul{height:100%; overflow-y:auto;}
.area_search [data-search="choice"] ul li{padding:5px; border-top:1px dashed #e6e6e6;}
.area_search [data-search="choice"] ul li:first-child{border-top-width:0px;}
.area_search [data-search="choice"] ul li.on{background:#fdf2f7;}
.area_search [data-search="choice"] ul li a{display:block;}
.area_search [data-search="choice"] ul li.no_data{height:100%; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; color:#999;}
.area_search [data-search="choice"].only{height:31px !important;}
.area_search [data-search="moreSerch"]{position:relative; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.area_search [data-search="moreSerch"] .button{flex:none; height:33px; line-height:31px;}
.area_search [data-search="moreSerch"] input[type="text"]{flex:auto; width:calc(100% - 63px) !important; margin-right:3px;}
.area_search [data-search="moreSerch"] .btn{position:absolute; top:-25px; right:0px;}
.area_search [data-search="moreSerch"] ul{flex:auto; width:calc(100% - 63px) !important; margin-right:3px;}
.area_search [data-search="moreSerch"] ul li{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; height:33px; box-sizing:border-box; padding:0px 8px; margin:1px 0px; background:#fff; border:1px solid #dedede;}
.area_search [data-search="moreSerch"] ul li.no_data{padding-left:8px !important; color:#999; text-align:left;}
.area_search [data-search="moreSerch"] ul li.no_data span{padding:0 3px;}
.area_search [data-search="date"] input[type="text"]{width:100px !important;}
.area_search [data-search="date"] > div{display:inline-block;}
.area_search [data-search="date"] > div input[type="text"]{height:auto; padding:0px; border:0px;}
.area_search [data-search="date"] > *{vertical-align:middle;}
.area_search [data-search="one_btn"] > *{vertical-align:middle;}
.area_search [data-search="one_btn"] .on{background:#c54848; border-color:#c54848; color:#fff !important;}
.area_search [data-search="one_btn"] .on:before{background:#c54848;}
.area_search .btn_deleteCalendar{display:inline-block; width:19px; height:33px; background:url(../../images/common/icon_delete.png) no-repeat 50% 0; font-size:0px;}
.area_search input[type="radio"],
.area_search input[type="checkbox"]{display:inline-block; width:15px; height:15px; margin-top:-2px; margin-bottom:0px;}
.area_search input[type="radio"] + label:after,
.area_search input[type="checkbox"] + label:after{content:''; display:inline-block; height:35px; vertical-align:middle;}
.area_search > .btn{position:relative; z-index:3; margin-top:-2px; text-align:right;}
.area_search > .btn .button{height:45px; line-height:44px; vertical-align:middle; font-size:15px; letter-spacing:-0.5px;}
.area_search > .btn .button.search{min-width:150px; background:#2e303b; border-color:#2e303b; font-family:'Poppins', 'Noto Sans KR', Sans-serif; font-weight:400;}
.area_search > .btn .button.search span:before{content:''; display:inline-block; width:18px; height:18px; margin-top:-2px; margin-right:10px; background:url(../../images/common/icon_search.png) no-repeat 50% 0; vertical-align:middle; transition:all 0.2s ease 0.1s;}
.area_search > .btn .button.search:hover span:before,
.area_search > .btn .button.search:focus span:before{background-image:url(../../images/common/icon_search_b.png);}
.area_search > .btn .boxSpan{display:inline-block; height:45px; line-height:44px; margin-right:15px; vertical-align:middle;}
.area_search > .btn .boxSpan input[type="checkbox"] + label,
.area_search > .btn .boxSpan input[type="radio"] + label{display:inline-block !important; line-height:44px;}
.area_search > .btn .boxSpan input[type="checkbox"],
.area_search > .btn .boxSpan input[type="radio"]{margin-top:0px;}
.area_search + h3{margin-top:0px !important;}
.area_search .txt_total{position:absolute; bottom:10px; left:0px;}
.area_search .txt_total span{font-weight: 500; color: #de2480;}
.area_search .radio15 input[type=checkbox] + label,
.area_search .radio15 input[type=radio] + label{margin-right:15px !important;}
.area_search .radio15 input[type=checkbox] + label:last-child,
.area_search .radio15 input[type=radio] + label:last-child{margin-right:0px !important;}
.area_search .radio10 input[type=checkbox],
.area_search .radio10 input[type=radio]{margin-right:0px;}
.area_search .radio10 input[type=checkbox] + label,
.area_search .radio10 input[type=radio] + label{margin-right:10px !important;}
.area_search .radio10 input[type=checkbox] + label:last-child,
.area_search .radio10 input[type=radio] + label:last-child{margin-right:0px !important;}
.area_search .divLine > div{display:inline-block; vertical-align:middle;}
.area_search .scroll ul li a.select_link{background:#fbf6ea; color:#3653a9; text-decoration:underline;}
.area_search .scroll ul li a{display:block; padding:7px; color:#666;}
.area_search .scroll ul li a:hover{background:#f6f8ff;}
	/* ie search */
.ie .area_search input[type="radio"]{margin-top:0px;}
.ie .area_search input[type="checkbox"]{margin-top:3px;}
.ie .area_search .radio15 input[type=checkbox] + label,
.ie .area_search .radio15 input[type=radio] + label{margin-right:10px;}
	/* search 한줄 */
.area_search.one{position:relative; border-top:1px solid #ced6da;}
.area_search.one ul[data-search="line"]{display:flex; align-items:stretch; box-sizing:border-box; padding-right:190px; background:#f9fbfc; border-bottom:1px solid #ced6da;}
.area_search.one.mini ul[data-search="line"]{padding-right:126px;}
.area_search.one.row.mini ul[data-search="line"]{padding-right:110px;}
.area_search.one ul[data-search="line"] > li{display:inline-block; padding:10px 25px; border-bottom-width:0px;}
.area_search.one:not(.row) ul[data-search="line"] > li label,
.area_search.one:not(.row) ul[data-search="line"] > li em{display:inline-block; margin-bottom:0px; margin-right:10px; vertical-align:middle;}
.area_search.one:not(.row) ul[data-search="line"] input[type="text"],
.area_search.one:not(.row) ul[data-search="line"] select,
.area_search.one:not(.row) ul[data-search="line"] textarea{width:auto; margin:0;}
.area_search.one:not(.row) input[type=checkbox],
.area_search.one:not(.row) input[type=radio]{margin-top:0px; margin-bottom:-2px;}
.area_search.one:not(.row) input[type=checkbox] + label,
.area_search.one:not(.row) input[type=radio] + label{display:inline-block !important; margin-bottom:-5px !important;}
.area_search.one [data-search="date"]{display:inline-block;}
.area_search.one [data-search="one_btn"]{display:inline-block;}
.area_search.one > .btn{position:absolute; top:50%; right:10px; margin-top:-1px; transform:translateY(-50%); -webkit-transform:translateY(calc(-50% + 0.5px));}
.area_search.one > .btn .button.search{min-width:135px;}
.area_search.one > .btn .button.search span:before{margin-right:5px;}
.area_search.one.mini > .btn .button.search{min-width:105px; padding:0 10px;}
.area_search.one.row ul[data-search="line"]{padding-right:150px;}
.area_search.one.row > .btn{display:flex; flex-flow:row wrap; align-items:center; height:100%;}
.area_search.one.row > .btn .button.search{min-width:115px; height:88%; line-height:inherit;}
.area_search.one.row > .btn .button.search span{display:block;}
.area_search.one.row > .btn .button.search span:before{display:block; margin:0 auto 5px;}
.area_search.one.row.mini > .btn .button.search{min-width:95px;}
.area_search ul[data-search="line"] > li.one label,
.area_search ul[data-search="line"] > li.one em{display:inline-block; margin-right:10px; margin-bottom:0px;}
	/* search 버튼만 별도 */
.btn_only.btn{position:relative; z-index:3; text-align:right;}
.btn_only.btn .button{height:45px; line-height:44px;}
.btn_only.btn .button.search{min-width:150px; background:#2e303b; border-color:#2e303b; font-family:'Poppins', 'Noto Sans KR', Sans-serif; font-size:15px; font-weight:400; letter-spacing:-0.5px;}
.btn_only.btn .button.search span:before{content:''; display:inline-block; width:18px; height:18px; margin-top:-2px; margin-right:10px; background:url(../../images/common/icon_search.png) no-repeat 50% 0; vertical-align:middle; transition:all 0.2s ease 0.1s;}
.btn_only.btn .button.search:hover span:before{background-image:url(../../images/common/icon_search_b.png);}

/* 16) 초성검색 */
.area_initial{margin-bottom:10px; margin-left:4px;}
.area_initial > a{display:inline-block; width:22px; height:22px; margin:3px 0px; border:1px solid #939393; background:#fff; border-radius:3px; color:#444; box-shadow:0 3px 0px rgba(0,0,0,0.09); text-align:center; line-height:22px;}
.area_initial > a.disabled{background:#ebebeb; border:1px solid #c6c6c6; color:#9c9c9c; box-shadow:none;}
.area_initial > a.checked{background:#ffd3d4; border:1px solid #967475; color:#ab1416; font-weight:600;}

/* 17) 단계별 search */
div[class^="area_col"]:after{content:''; display:block; clear:both;}
div[class^="area_col"] > div[class^="box"]{position:relative; float:left; min-height:480px; box-sizing:border-box; border:1px solid #e2e2e2;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner{height:515px;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul li{border-top:1px dashed #eee;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul li:first-child{border-top-width:0px;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul.noneLink li,
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul li a{display:block; padding:7px; color:#666;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul.noneLink li:hover,
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul li a:hover{background:#f6f8ff;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul li a.select_link,
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul li a.on{background:#d9e3fe; color:#3653a9; text-decoration:underline;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul li.no_data{padding:30px 7px 7px; text-align:center;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner ul.noneLink label{line-height:1.2;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner + .search{width:100%; box-sizing:border-box; padding:10px 5px; border-top:1px solid #e2e2e2;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner + .search input[type="text"]{width:calc(100% - 70px); padding-right:15px;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner + .search .button{width:70px; min-width:inherit; padding:0px; margin-left:-5px;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner + .search .total{padding-top:5px; font-size:13px; text-align:center; letter-spacing:-0.5px;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner + .search .total span{font-weight:600; color:#000; font-size:14px;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner + .search > div:not(.tac) .button{width:inherit; padding-left:5px; padding-right:5px;}
div[class^="area_col"] > div[class^="box"] .scroll.scrollbar-inner + .search > div.col02 .button{width:50%;}
div[class^="area_col"] > div[class^="box"] #jqx_table,
div[class^="area_col"] > div[class^="box"] #grid-parent{margin-top:20px;}
div[class^="area_col"] > div[class^="box"] h4{padding:15px 15px 15px 25px !important; margin:0px !important; border-bottom:1px solid #eaeaea; font-size:17px !important;}
div[class^="area_col"] > div[class^="box"] h4:before{top:26px !important; left:10px !important;}
div[class^="area_col"] > div[class^="box"] .area_tab{margin-bottom:0px;}
div[class^="area_col"] > div[class^="box"] .area_tab.small > li > a{min-width:110px; height:40px; line-height:40px;}
div[class^="area_col"] > div[class^="box"].tab{min-height:460px;}
div[class^="area_col"] > div[class^="box"].tab .scroll{height:460px;}
.area_col01 .box01{float:none; width:100%; min-height:400px !important;}
.area_col01 .box01 .scroll{height:415px !important;}
.area_col02 .box01{width:25%;}
.area_col02 .box02{width:calc(75% - 20px); margin-left:20px; border:0px !important;}
.area_col03 .box01,
.area_col03 .box02{width:calc(18% - 20px);}
.area_col03 .box02{margin-left:20px;}
.area_col03 .box03{width:calc(64% + 20px); padding-left:20px; border:0px !important;}
.area_col03.type02 .box01,
.area_col03.type02 .box02{width:calc(22% - 20px);}
.area_col03.type02 .box03{width:calc(56% + 20px);}

/* 18) search + button */
.search_bbs{margin-bottom:20px;}
.search_bbs:after{content:''; display:block; clear:both;}
.search_bbs .search{float:left;}
.search_bbs .search input[type="text"]{width:200px;}
.search_bbs .search .button{min-width:auto;} 
.search_bbs .btn{float:right;}
.bbsList + .search_bbs{margin-top:30px;}
.bbsList + .search_bbs .search{float:none; text-align:center;}

/* 19) tab */
.area_tab{margin-bottom:30px; border-bottom:1px solid #dedede; font-size:0px;}
.area_tab > li{display:inline-block; margin-bottom:-1px;}
.area_tab > li > a{display:inline-flex; justify-content:center; align-items:center; position:relative; min-width:180px; height:45px; box-sizing:border-box; padding:0 25px; background:#f5f5f5; border:1px solid #dedede; border-left-width:0px; text-align:center; font-size:15px;}
.area_tab > li > a:before{content:''; position:absolute; top:-1px; left:-1px; display:block; width:calc(100% + 2px); height:2px; background:#1e2b8b; transform:scaleX(0); transition:all 0.5s ease;}
.area_tab > li:first-child > a{border-left-width:1px;}
.area_tab > li > a.on{background:#fff; border-bottom-color:#fff; color:#111;}
.area_tab > li > a.on:before{transform:scaleX(1);}
.area_tab.type02{margin-top:30px; margin-bottom:0px; border-bottom-width:0px; text-align:left;}
.area_tab.type02 > li > a{min-width:150px;}
.area_tab.type02 > li > a.on{z-index:10; background:#fff; border-color:#1e2b8b; border-left-width:1px; box-shadow:3px 10px 10px rgba(0,0,0,0.1); color:#1e2b8b; font-weight:500;}
.area_tab.type02 > li > a:before{display:none;}

/* 20) tree UI */
.list_tree li{position:relative; margin-bottom:10px;}
.list_tree li:before{content:attr(data-treenum); display:inline-flex; flex-flow:row wrap; justify-content:center; align-items:center; position:absolute; left:0px; top:0px; z-index:5; width:25px; height:25px; box-sizing:border-box; background:#fff; border:2px solid var(--point-color); border-radius:100%; color:var(--point-color); font-size:14px; font-weight:700; transition:var(--trans-ani);}
.list_tree li:after{content:''; display:block; position:absolute; left:12.5px; top:10px; width:1px; height:100%; border-left:1px dashed var(--point-color);}
.list_tree li:last-child:after{display:none;}
.list_tree li > div{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; height:65px; box-sizing:border-box; margin-left:40px; padding:7px 30px; background:#fff; border:1px solid #fff; transition:var(--trans-ani);}
.list_tree li > div button{flex:none; width:20px; height:18px; margin-right:20px; background:url(../../images/content/icon_tree_open.png) no-repeat 50% 0; font-size:0px; transition:var(--trans-ani);}
.list_tree li > div div,
.list_tree li > div a{display:inline-block; color:#000; line-height:1.3em; word-break:keep-all; font-weight:500; transition:var(--trans-ani);}
.list_tree li > ol{display:none; margin-left:40px; margin-top:10px;}
.list_tree li > div a:hover{text-decoration:underline;}
	/* 활성화 */
.list_tree li.active:before{background-color:var(--point-color); color:var(--color-white);}
.list_tree li.active > div{border-color:#848a96;}
.list_tree li.active > div button{background-image:url(../../images/content/icon_tree_close.png);}
.list_tree li.active > div a{font-weight:600;}
	/* 선택값 */
.list_tree li.choice > div{background-color:#e4fae5; border-color:var(--point-color-dark);}

 /* 21) bbsList */
.bbsList th,
.bbsList td{padding:15px 10px; border-bottom:1px solid #e6e6e6; text-align:center;}
.bbsList thead th{background:#fff; border-top:1px solid #000 !important; font-weight:500; color:#222; font-size:15px;}
.bbsList thead tr th:first-child,
.bbsList tbody tr td:first-child{border-left-width:0px}
.bbsList thead tr th:last-child,
.bbsList tbody tr td:last-child{border-right-width:0px;}
.bbsList td{color:#666; word-break:break-all;}
.bbsList tr.active td{background:#f9eff2; color:#111 !important;}
.bbsList td a:not(.button){display:inline-block; font-weight:500; color:#41464e;}
.bbsList td a:not(.button) i{display:inline-block; margin-right:3px; vertical-align:middle;}
.bbsList td a:not(.button) span{/* display:block; */ font-size:13px; color:#999;}
.bbsList td[data-table="subject"] a{display:inline-block;}
.bbsList td[data-table="subject"]{text-align:left;}
.bbsList td[data-table="subject"] i{display:inline-block; margin-left:10px; font-size:13px; font-family:'Verdana'; color:#ce6c0c;}
.bbsList td[data-table="subject"] .new{display:inline-block; margin-right:5px; width:25px; height:11px; background:url(../images/common/icon_new.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice{display:block; position:relative; width:25px; height:25px; margin:0 auto; background:#025ea7; border-radius:50%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice:before{content:'공'; display:block; color:#fff; text-indent:0; line-height:25px;}
.bbsList .none{text-align:center;}
.bbsList .reply{display:inline-block; position:relative; padding:2px 7px; margin-right:5px; background:#41464e; border-radius:3px; font-size:12px; color:#fff;}
.bbsList .reply:before,
.bbsList .reply:after{content:''; display:block; position:absolute; left:-10px; background:#41464e;}
.bbsList .reply:before{top:0px; width:1px; height:10px;}
.bbsList .reply:after{top:10px; width:10px; height:1px;}
.bbsList .short{display:inline-block; vertical-align:middle; margin-left:10px;}
.bbsList .short a{display:block; position:relative; width:10px; height:10px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList .short a:before{content:''; display:block; position:absolute; left:0px;}
.bbsList .short a.up:before{top:0px; border-bottom:7px solid #a1a1a1; border-left:4px solid transparent; border-right:4px solid transparent;}
.bbsList .short a.down:before{bottom:0px; border-top:7px solid #a1a1a1; border-left:4px solid transparent; border-right:4px solid transparent;}
.bbsList .short a.up:hover:before,
.bbsList .short a.up:focus:before,
.bbsList .short a.up.on:before{border-bottom-color:#002045;}
.bbsList .short a.down:hover:before,
.bbsList .short a.down:focus:before,
.bbsList .short a.down.on:before{border-top-color:#002045;}
.bbsList.line thead th{border:1px solid #e6e6e6;}
.bbsList.line tbody td{border:1px solid #e6e6e6;}
.bbsList.mini th{padding:7px 5px; font-size:14px;}
.bbsList.mini td{padding:5px; font-size:14px; line-height:1.3;}
.bbsList.mini thead th{font-size:15px;}
.bbsList .link{color:#3653a9; text-decoration:underline; font-weight:normal;}
.bbsList.hig td{height:38px;}

/* 22) bbsView */
.bbsTitle{padding:10px 20px !important; margin:0px !important; background:#edf0fb; border-top:1px solid #3653a9; font-size:18px !important; color:#222 !important;}
.bbsTitle:before{display:none !important;}
.bbsTitle em{display:inline-block; margin-right:10px; margin-bottom:-3px; color:#3653a9; font-size:16px;}
.bbsTitle span{vertical-align:middle; margin-top:-4px;}
.bbsTitle .reply{display:inline-block; position:relative; padding:2px 7px; margin-right:5px; margin-bottom:3px; background:#2e303b; border-radius:3px; font-size:13px; font-weight:400; color:#fff; vertical-align:middle;}
.bbsView{border-collapse:inherit; table-layout:fixed;}
.bbsView th,
.bbsView td{padding:10px; border-bottom:1px solid #d8d8d8;}
.bbsView th{background:#fff; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; text-align:left; letter-spacing:-1px;}
.bbsView td{border-right:1px solid #d8d8d8; color:#666; word-break:break-all;}
.bbsView tr:first-child th{border-top:1px solid #bbbbbb;}
.bbsView tr:last-child th{border-bottom:1px solid #bbbbbb;}
.bbsView tr:first-child td{border-top:1px solid #d8d8d8;}
.bbsView th[data-view="date"],
.bbsView th[data-view="count"]{border-bottom:1px solid #bbbbbb;}
.bbsView th[data-view="file"]{border-top:1px solid #bbbbbb;}
.bbsView th[data-view="file"] + td{border-top:1px solid #d8d8d8;}
.bbsView th[data-view="date"] + td{border-right-width:0px;}
.bbsView td.conts{padding:30px 20px; border:0px;}
.bbsView div.conts{min-height:350px; line-height:1.4em;}
.bbsView .conts .img{padding-bottom:30px; text-align:center;}
.bbsView .conts .img img{max-width:100%;}
.bbsView textarea{resize:none; height:150px;}
.bbsView td.address > input[type="text"]{margin-top:3px;}
.bbsView td.date > span{margin-right:10px;}
.bbsView td.category div{margin-top:3px;}
.bbsView td.file > span{display:block; margin:2px 0;}
.bbsView.page{margin-top:20px;}
.bbsView.page th{background:#fdf8eb;}
*[class^="bbs"] ~ .btn_area{padding-top:50px;}
	/* th,td tr에 여러개 들어갈 경우 */
.bbsView.col tr td:not(:last-child){border-right-width:0px !important;}
	/* bbs view new */
[data-bbs="bbsView"]{max-width:1300px; margin:0 auto;}
[data-bbs="bbsView"] .bbs_view_top{padding-bottom:30px; border-bottom:1px solid #e3e3e3; text-align:center;}
[data-bbs="bbsView"] .bbs_view_top .title_bbs{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; font-size:28px !important; color:#111 !important; font-weight:500 !important;}
[data-bbs="bbsView"] .bbs_view_top .title_bbs [data-notice]{margin-right:5px;}
[data-bbs="bbsView"] .bbs_view_top .title_bbs ~ i{display:flex; justify-content:center; align-items:center; margin-top:20px; font-family:var(--font-rubik);; font-size:16px; color:#999;}
[data-bbs="bbsView"] .bbs_view_top .title_bbs ~ i:before{content:''; display:inline-block; width:20px; height:20px; margin-right:10px; background:url(../images/bbs/ico_time.png) no-repeat 50% 0;}
[data-bbs="bbsView"] .bbs_view_mid{padding-top:30px; padding-bottom:50px; border-bottom:1px solid #e3e3e3;}
[data-bbs="bbsView"] .bbs_view_bottom{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:relative; min-height:80px; margin-top:70px; padding-bottom:50px;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view]{display:inline-flex; justify-content:flex-start; align-items:center; width:30%; font-size:18px; color:#333;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view] span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.2em;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view]:before{content:''; display:block; width:18px; height:15px; background:url(../images/bbs/btn_page_arrow.png) no-repeat 50% 50%;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view].none{color:#999; pointer-events:none;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view].none:before{opacity:0.3;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view="list"]{justify-content:center; position:absolute; left:50%; top:0; width:80px; height:80px; box-sizing:border-box; border:1px solid #e4e4e4; font-size:0px; transform:translateX(-50%); transition:0.3s ease 0s;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view="list"]:before{background-image:url(../images/bbs/btn_page_list.png);}
[data-bbs="bbsView"] .bbs_view_bottom [data-view="list"]:hover{border-color:#111;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view="next"]{justify-content:flex-end; margin-left:auto;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view="next"]:before{order:1; margin-left:10px;}
[data-bbs="bbsView"] .bbs_view_bottom [data-view="prev"]:before{margin-right:10px; transform:rotate(-180deg);}
[data-bbs="bbsView"] .bbs_date{display:flex; justify-content:center; align-items:center; font-family:var(--font-rubik);; font-size:16px; color:#999;}
[data-bbs="bbsView"] .bbs_date:before{content:''; display:inline-block; width:20px; height:20px; margin-right:10px; background:url(../images/bbs/ico_time.png) no-repeat 50% 0;}
[data-bbs="bbsView"] .bbs_view_mid .file{margin-top:60px;}
[data-bbs="bbsView"] .conts pre{font-size:18px; font-weight:300;}
[data-notice]{display:inline-block; min-width:57px; height:18px; box-sizing:border-box; line-height:16px; background:#4b6dd1; border:1px solid #2e50b2; border-radius:2px; font-family:'돋움', Sans-serif; font-size:12px; letter-spacing:-0.5px; color:#fff; text-align:center;}
[data-notice="01"]{background:#4b6dd1; border-color:#2e50b2;}
[data-notice="02"]{background:#cd4c65; border-color:#a13e51;}
[data-notice="03"]{background:#46506f; border-color:#282f48;}
	/* photo view */
[data-bbs="bbsView"] .view_photo{margin-top:20px;}
[data-bbs="bbsView"] .view_photo .list{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; --sizeMargin:20px; margin-left:calc(var(--sizeMargin) * -1);}
[data-bbs="bbsView"] .view_photo .list li{width:calc(100% / 3 - var(--sizeMargin)); margin-left:var(--sizeMargin); margin-top:20px;}
[data-bbs="bbsView"] .view_photo .list li span{display:block; overflow:hidden; width:100%; text-align:center;}
[data-bbs="bbsView"] .view_photo .list li span img{max-width:100%;}
	/* slide */
.list_photo_view{position:relative; width:850px; margin:0 auto;}
.list_photo_view .list li span{display:block; cursor:grab;}
.list_photo_view .list li span img{width:100%;}
.list_photo_view .btn{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin-bottom:15px;}
.list_photo_view .btn_all_view{display:inline-flex; justify-content:flex-start; align-items:center; height:40px; font-size:16px; color:#666; line-height:1.2em;}
.list_photo_view .btn_all_view:before{content:''; display:block; width:12px; height:12px; margin-right:10px; background:url(../images/bbs/ico_all_view.png) no-repeat 50% 0;}
.list_photo_view .controls{position:absolute; right:0px; top:0px;}
.list_photo_view .controls button[class*="bx-"]{display:inline-flex; justify-content:center; align-items:center; width:40px; height:40px; background:#eeeff3; border-radius:100%; font-size:0px;}
.list_photo_view .controls button[class*="bx-"]:before{content:''; opacity:0.5; display:block; width:12px; height:12px; background:url(../images/bbs/ico_play.png) no-repeat 50% 50%; transition:opacity 0.3s ease 0s;}
.list_photo_view .controls button.bx-start{display:none;}
.list_photo_view .controls button.bx-stop:before{background-image:url(../images/bbs/ico_stop.png);}
.list_photo_view .controls button[class*="bx-"]:hover:before{opacity:1;}
.list_photo_view .custom_pager{margin-right:60px; font-family:var(--font-rubik);; font-weight:700; color:#111; font-size:18px;}
.list_photo_view .custom_pager span{color:#cbcbcb; font-weight:400;}
.list_photo_view .bx-controls-direction a[class*="bx-"]{display:inline-flex; justify-content:center; align-items:center; position:absolute; top:50%; z-index:60; width:80px; height:80px; background:rgba(255,255,255,0.8); border-radius:100%; font-size:0px; transform:translateY(-50%); transition:0.3s ease 0s;}
.list_photo_view .bx-controls-direction a[class*="bx-"]:before{content:''; opacity:0.2; display:block; width:23px; height:20px; background:url(../images/bbs/btn_slide_arrow.png) no-repeat 50% 0; transition:0.3s ease 0s;}
.list_photo_view .bx-controls-direction a.bx-prev{left:-40px;}
.list_photo_view .bx-controls-direction a.bx-prev:before{transform:rotate(-180deg);}
.list_photo_view .bx-controls-direction a.bx-next{right:-40px;}
.list_photo_view .bx-controls-direction a[class*="bx-"]:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.list_photo_view .bx-controls-direction a[class*="bx-"]:hover:before{opacity:1;}
.photo_all_view{display:none; overflow-y:auto; position:fixed; top:0px; left:0px; z-index:90; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.photo_all_view .box{padding:100px 0px; text-align:center;}
.photo_all_view .box ul li span{display:block; text-align:center;}
.photo_all_view .box ul li span img{max-width:100%;}
.photo_all_view .btn_close{position:fixed; right:10%; top:10%; width:66px; height:66px; background:transparent url(../images/bbs/btn_close.svg) no-repeat 50% 50%; font-size:0px;}

/* 23) photoList */
.photoList{padding-bottom:15px;}
.photoList:after{content:''; display:block; clear:both;}
.photoList > li{float:left; width:24%; margin-top:20px; margin-left:1.3%;}
.photoList > li:nth-child(4n+1){clear:left; margin-left:0px;}
.photoList > li a{display:block; background:#fff; border:1px solid #d8d8d8; transition:all 0.3s ease 0s;}
.photoList > li a > *{display:block;}
.photoList > li a > *:not(.img){padding-left:15px; padding-right:15px;}
.photoList > li .img{overflow:hidden; width:100%; height:240px; background:#f5f5f5; text-align:center;}
.photoList > li .img img{height:100%; margin-left:-100%; margin-right:-100%; transform:scale(1,1); transition:all 0.5s ease-out 0s;}
.photoList > li a > em{opacity:1; min-height:32px; box-sizing:border-box; margin-top:15px; padding-bottom:15px; font-size:15px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photoList > li a:hover,
.photoList > li a:focus{background:#f0f6f8;}
.photoList > li a:hover img,
.photoList > li a:focus img{opacity:0.7; transform:scale(1.1,1.1);}

/* 24) faq */
.faqList{margin-top:20px; border-top:2px solid #999;}
.faqList dt,
.faqList dd{position:relative; border-bottom:1px solid #d8d8d8;}
.faqList dt:before,
.faqList dd:before{display:block; position:absolute; left:20px; top:27px; width:36px; height:34px; line-height:34px; background:#e46252; border-radius:2px; text-align:center; color:#fff; font-size:20px; font-weight:600;}
.faqList dt:before{content:'Q';}
.faqList dd:before{content:'A'; background-color:#444;}
.faqList dt{padding:35px 20px 30px 66px; font-size:16px;}
.faqList dd{display:none; background:#f8f8f8;}
.faqList dd > div{padding:35px 20px 30px 66px; line-height:1.6em;}
.faqList .box_comm{background:#fff;}
.faqList dt a{display:block; padding-right:45px;}
.faqList dt a.on{font-weight:500;}
.faqList dt a:after{content:''; display:block; position:absolute; right:32px; top:50%; width:12px; height:7px; margin-top:-3px; background:url(../../images/common/img_faq.png) no-repeat 0 0; transition:all 0.3s ease 0s;}
.faqList dt a:before{content:''; display:block; position:absolute; right:20px; top:50%; width:36px; height:36px; margin-top:-18px; border:1px solid #ddd;}
.faqList dt a.on:after{transform:rotate(180deg);}
.faqList table td{background-color:#fff;}

/* 25) tooltip */
[data-tooltip="explan"]{display:inline-block; position:relative; margin-top:-2px; font-size:0px; vertical-align:middle; line-height:1em; font-weight:400;}
[data-tooltip="explan"]:before{content:''; display:block; width:16px; height:16px; background:url(../../images/common/icon_info_tool.png) no-repeat 50% 50%; background-size:100%;}
[data-tooltip="explan"] > div{display:none; position:absolute; top:0px; left:16px; z-index:999; min-width:350px; min-height:80px; box-sizing:border-box; padding:15px; background:#fff; border:1px solid #292929; font-size:14px; text-align:left; word-break:keep-all; box-shadow:5px 10px 20px rgba(0,0,0,0.10); line-height:1.4em;}
[data-tooltip="explan"] > div p{font-size:15px; font-weight:600; border-bottom:1px solid #e4e4e4; margin-bottom:10px; padding:5px 0 10px;}
[data-tooltip="explan"] > div p .button{margin-top:-3px;}
[data-tooltip="explan"]:hover > div,
[data-tooltip="explan"]:focus > div{display:block;}
	/* tooptip left view */
[data-tooltip="explan"].left > div{left:auto; right:0px; top:16px;}

/* 26) accordian */
.btn_acco{position:relative; margin-top:30px;}
.btn_acco > a{display:block; position:relative; padding:10px 15px 9px 40px; background:#f6f3ed; border:1px solid #e6e0d3; font-size:15px; font-weight:500; color:#222; transition:all 0.3s ease 0s;}
.btn_acco > a:before{content:''; display:block; position:absolute; top:50%; left:15px; width:16px; height:16px; margin-top:-7px; background:url(../../images/common/icon_minus.png) no-repeat 50% 0; transform:rotate(0deg); transition:all 0.5s ease 0s;}
.btn_acco + div{padding:10px 15px 15px;}
.btn_acco.active > a{background:#fff;}
.btn_acco.active > a:before{transform:rotate(180deg); background-image:url(../../images/common/icon_plus.png);}
.btn_acco + div > h5:first-child{margin-top:0px !important;}
.btn_acco + div .area_search{margin-bottom:0px;}
.btn_acco + div .table:nth-of-type(1){margin-top:0px;}
.btn_acco + div .conts{margin-top:10px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.btn_acco + div .pre{white-space:pre-line; word-break:break-all;}

/* 27) box design */
.box_double{margin-top:20px;}
.box_double > div{float:right; width:49%; min-height:400px; position:relative;}
.box_double > div:first-child{float:left; padding-right:1.5%; border-right:1px dashed #ccc;}
.box_double .box > div{box-sizing:border-box; padding-top:10px; border-top:1px dashed #ccc;}
.box_double .box > div:first-child{padding-top:0px; border-top-width:0px;;}
.box_double:after{content:''; display:block; clear:both;}
.box_double.scrollFix{position:relative;}
.box_double.scrollFix > div:first-child{position:absolute !important; top:0px; left:0px; bottom:auto; transition:all 0.3s ease 0s;}
	/* result - text only */
.box_result{box-sizing:border-box; margin-top:10px; padding:10px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.box_result > p{padding:10px; background:#eff2fb; border:1px dashed #d1d3da; font-size:16px; font-weight:600;}
.box_result > p em{display:inline-block; margin-right:10px;}
.box_result > ul{margin-top:10px;}
.box_result > ul > li{display:inline-block; margin-right:15px; vertical-align:middle; font-size:15px;}
.box_result > ul > li:after{content:','; display:inline-block; margin-left:3px;}
.box_result > ul > li em{font-weight:600;}
.box_result > ul > li i{color:#3566d8; font-weight:600;}
.box_result img{max-width:100%;}
	/* flex */
.box_flex{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}

/* 28) file design */
.list_file li{margin-top:4px;}
.list_file li:first-child{margin-top:0px;}
.list_file li > a{vertical-align:middle;}
.list_file li > a:not(.del){display:inline-block; position:relative; padding-left:20px;}
.list_file li > a:not(.del):before{content:''; display:block; position:absolute; left:0px; top:2px; width:16px; height:16px; background:url(../../images/common/icon_file.png) no-repeat 0 0;}
.list_file li > a:not(.del):hover,
.list_file li > a:not(.del):focus{color:#2783c7;}
.list_file li > a.del{display:inline-block; margin-left:10px; width:16px; height:16px; background:url(../../images/common/icon_del.png) no-repeat 50% 0; font-size:0px;}
.list_file li > a.preview:before{content:''; display:block; position:absolute; left:0px; top:2px; width:16px; height:16px; background:url(../../images/common/icon_preview.png) no-repeat 0 0;}
.list_file li > a.preview{margin-left:10px;}
.designFile{position:relative;}
.designFile input[type="file"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
.designFile label.button{cursor:pointer;}

/* 29) radio or check number */
.designNumber{counter-reset:title;}
.designNumber li{display:inline-block; margin:3px 30px 3px 0;}
.designNumber li:last-child{margin-right:0px;}
.designNumber li input[type="radio"],
.designNumber li input[type="checkbox"]{position:absolute; opacity:0;}
.designNumber li input[type="radio"] + label,
.designNumber li input[type="checkbox"] + label{position:relative; cursor:pointer; padding-left:23px; margin-right:0px;}
.designNumber li input[type="radio"] + label:before,
.designNumber li input[type="checkbox"] + label:before{counter-increment:title; content:counter(title); display:inline-block; position:absolute; top:50%; left:0px; display:flex; flex-direction:column; justify-content:center;  width:16px; height:16px; margin-top:-10px; background:#e8e8e8; border:2px dotted #b9b9b9; font-size:12px; font-family:'Poppins', Sans-serif; color:#444; text-align:center; font-weight:400;}
.designNumber li input[type="radio"] + label:before{border-radius:100%;}
.designNumber li input[type="radio"] + label + input[type="text"],
.designNumber li input[type="checkbox"] + label + input[type="text"]{display:inline-block; margin-left:3px !important;}
table.table .designNumber li input[type="text"]{width:auto;}
.designNumber li input[type="radio"]:checked + label,
.designNumber li input[type="checkbox"]:checked + label{color:#3653a9;}
.designNumber li input[type="radio"]:checked + label:before,
.designNumber li input[type="checkbox"]:checked + label:before{background:#265096; border-style:solid; border-color:#222831; color:#fff; font-weight:600;}
.designNumber li input[type="radio"]:disabled + label:before,
.designNumber li input[type="checkbox"]:disabled + label:before{background:#ececec; border-color:#e0e0e0; color:#999;}
.designNumber li input[type="radio"]:disabled + label,
.designNumber li input[type="checkbox"]:disabled + label{color:#999; cursor:auto;}
.designNumber.none li input[type="radio"] + label:before,
.designNumber.none li input[type="checkbox"] + label:before{content:'';}
.designNumber.none li input[type="radio"]:checked + label:before,
.designNumber.none li input[type="checkbox"]:checked + label:before{content:'v';}

/* 30) radio or check design */
.designRadio_form input[type="radio"],
.designCheck_form input[type="checkbox"]{position:absolute; opacity:0;}
.designRadio_form input[type="radio"] + label,
.designCheck_form input[type="checkbox"] + label{position:relative; cursor:pointer; padding-left:23px; vertical-align:baseline;}
.designRadio_form input[type="radio"] + label:before,
.designCheck_form input[type="checkbox"] + label:before{content:''; display:inline-block; position:absolute; top:50%; left:0px; display:flex; flex-direction:column; justify-content:center;  width:16px; height:16px; margin-top:-10px; background:#fff; border:1px solid #9e9e9e; font-size:12px; font-family:'Poppins', Sans-serif; color:#444; text-align:center; font-weight:400;}
.designRadio_form input[type="radio"] + label:before{border-radius:100%;}
.designRadio_form input[type="radio"] + label + input[type="text"],
.designCheck_form input[type="checkbox"] + label + input[type="text"]{display:inline-block; margin-left:3px !important; margin-right:20px;}
.designRadio_form input[type="radio"]:checked + label:before,
.designCheck_form input[type="checkbox"]:checked + label:before{background:#265096; border-style:solid; border-color:#222831; color:#fff; font-weight:600;}
.designRadio_form input[type="radio"]:checked + label:before{content:'v';}
.designCheck_form input[type="checkbox"]:checked + label:before{content:'v';}
.designRadio_form input[type="radio"]:disabled + label:before,
.designCheck_form input[type="checkbox"]:disabled + label:before{background:#ececec; border-color:#e0e0e0; color:#999;}
.designRadio_form input[type="radio"]:disabled + label,
.designCheck_form input[type="checkbox"]:disabled + label{color:#999; cursor:auto;}

/* 31) info */
.txt_info{position:relative; margin-top:5px; padding-left:20px;}
.txt_info:before{content:''; display:block; position:absolute; top:4px; left:0px; width:16px; height:13px; background:url(../../images/common/icon_info.png);}
.box_tip{position:relative; margin-bottom:20px; padding-left:25px; color:#444;}
.box_tip:before{content:''; display:block; position:absolute; left:0px; top:2px; width:18px; height:18px; background:url(../../images/content/icon_tip02.svg) no-repeat 50% 0; background-size:100%;}
.box_info{padding:20px; margin-bottom:20px; background:#fbf6ea;}
.box_info strong{color:#3653a9;}
.box_info ul > li{display:inline-block; margin-right:15px;}
.box_info.title{position:relative; margin-bottom:20px; padding:25px 20px 25px 80px; font-size:15px;}
.box_info.title:before{content:''; display:block; position:absolute; left:20px; top:13px; width:49px; height:48px; background:url(../../images/common/img_info.png) no-repeat 50% 0;}
.ie .box_info strong{font-weight:500;}

/* 32) text + title */
.box_title{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:relative;}
.box_title .btn{margin-left:auto;}
.box_title .txt{margin-left:auto; font-weight:500;}
.box_title > *{margin-top:0px !important;}

/* 33) loading */
.area_loding{position:fixed; top:0px; left:0px; z-index:999; width:100%; height:100%; background:rgba(255,255,255,0.7);}
.area_loding .img{position:absolute; top:50%; left:50%; z-index:101; width:120px; height:120px; transform:translate(-50%, -50%);}
.small_loading{position:absolute; left:50%; top:50%; width:102px; height:42px; box-sizing:border-box; padding:10px 10px 10px 35px; margin:-21px 0 0 -51px; background:#fff url(../../images/common/loader-small.gif) no-repeat 10px 10px; border:1px solid #d6d6d6;}
	/* loading map2018 로딩이미지*/
.area_loading{position:fixed; left:0px; top:0px; z-index:99999; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.area_loading > div{position:absolute; left:50%; top:50%; margin-top:-42px; margin-left:-52px; padding:10px 20px; background:#fff; border-radius:15px; text-align:center;}
.area_loading > div > img{width:42px; height:42px;}
.area_loading > div > p{margin-top:5px; color:#555; font-size:15px;}
.area_loding_stop{position:fixed; top:0px; left:0px; z-index:999; width:100%; height:100%; background:rgba(255,255,255,0.7);}
.area_loding_stop .img{position:absolute; top:50%; left:50%; z-index:101; width:120px; height:120px; transform:translate(-50%, -50%);}

/* 34) layer popup */
.wrap_layer{position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.wrap_layer .box_layer{position:absolute; top:50%; left:50%; min-width:900px; min-height:700px; box-sizing:border-box; background:#fff; box-shadow:3px 15px 20px rgba(0,0,0,0.15); transform:translate(-50%, -50%);}
.wrap_layer .box_layer h2{padding:15px 20px; border-bottom:1px solid #eee; font-size:25px; font-weight:500; letter-spacing:-1px;}
.wrap_layer .box_layer .btn_close{position:absolute; top:0px; right:-70px; width:70px; height:68px; line-height:68px; background:#3653a9; font-family:'Poppins', Sans-serif; font-size:30px; color:#fff; font-weight:300; box-shadow:3px 10px 15px rgba(0,0,0,0.15);}
.wrap_layer .box_layer .btn_close span{display:inline-block; position:relative; width:18px; height:18px; margin:-4px auto 0; vertical-align:middle; background:url(../../images/common/btn_close.png) no-repeat 50% 0; font-size:0px;}
.wrap_layer .box_layer .btn_close:focus{outline:none;}
.wrap_layer .scroll-wrapper > .scroll-content{max-height:632px !important;}
.wrap_layer .box_layer .conts{padding:20px 20px 40px;}
	/* jqx layer */
.jqx_layer{overflow:inherit !important;}
.jqx_layer .box_layer{overflow:inherit !important; padding:0px; background:transparent; border-color:transparent;}
.jqx_layer .box_layer h2{display:block; padding:15px 20px; border-bottom:1px solid #eee; font-size:25px; font-weight:500; letter-spacing:-1px; color:#444;}
.jqx_layer .box_layer > div{float:none !important;}
.jqx_layer .jqx-window-content{overflow:hidden; padding:0px;}
.jqx_layer .conts iframe{width:100%; height:100%; border:0px; overflow:auto;}
.jqx_layer .jqx-window-close-button-background{position:absolute !important; top:0px; right:-70px !important; width:70px !important; height:68px !important; line-height:68px; background:#3653a9; font-family:'Poppins', Sans-serif; font-size:30px; color:#fff; font-weight:300; text-align:center; box-shadow:3px 10px 15px rgba(0,0,0,0.15); cursor:pointer;}
.jqx_layer .jqx-window-close-button-background > button{display:inline-block; position:relative; width:100%; height:100%; margin:-4px auto 0; vertical-align:middle; background:url(../../images/common/btn_close.png) no-repeat 50% 50%; font-size:0px;}
	/* jqx-layerpop */
.pop_title{height:65px; line-height:65px; border-bottom:1px solid #eee; padding-left:20px; font-family:var(--font-pretendard); font-size:24px; font-weight:400;}
.jqx-window-close-button{display:block; position:absolute; top:3px; right:0; width:50px !important; height:50px !important; line-height:50px; background:#1f4394 url(../../images/common/btn_close.png) no-repeat 50% 50%; font-family:var(--font-poppins); font-size:30px; color:#fff; font-weight:300; box-shadow:3px 10px 15px rgba(0,0,0,0.15);}

/* 35) none data */
.none_data{padding:100px 0px; color:#c1c1c1; text-align:center;}