@charset "utf-8";
/**
 * 해운대구 미디어센터 — 아이콘
 *
 * 손으로 고치지 말 것. docs-hudmedia/도구/build_icons.php 가 만든다.
 * 새 아이콘을 쓰게 되면 그 스크립트를 다시 돌린다. 안 돌리면 그 아이콘만 빈칸으로 나온다.
 *
 * Font Awesome Free 5.13.0 (fas·far·fab) 과 4.7.0 (fa) 에서 쓰는 아이콘만 골랐다.
 * 아이콘 CC BY 4.0, 글꼴 SIL OFL 1.1, 코드 MIT — https://fontawesome.com/license/free
 *
 * 5.x 가 먼저, 4.x 가 나중이다. 순서가 바뀌면 fa-trash-o 같은 외곽선 아이콘이 다른 모양이 된다.
 */

/* ── 5.x ── */
.fa,
.fas,
.far,
.fal,
.fad,
.fab{-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.fa-lg{font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em;}
.fa-xs{font-size: .75em;}
.fa-sm{font-size: .875em;}
.fa-1x{font-size: 1em;}
.fa-2x{font-size: 2em;}
.fa-3x{font-size: 3em;}
.fa-4x{font-size: 4em;}
.fa-5x{font-size: 5em;}
.fa-6x{font-size: 6em;}
.fa-7x{font-size: 7em;}
.fa-8x{font-size: 8em;}
.fa-9x{font-size: 9em;}
.fa-10x{font-size: 10em;}
.fa-fw{text-align: center; width: 1.25em;}
.fa-ul{list-style-type: none; margin-left: 2.5em; padding-left: 0;}
.fa-ul > li{position: relative;}
.fa-li{left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit;}
.fa-border{border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em;}
.fa-pull-left{float: left;}
.fa-pull-right{float: right;}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left{margin-right: .3em;}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right{margin-left: .3em;}
.fa-spin{-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;}
.fa-pulse{-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8);}
@-webkit-keyframes fa-spin{0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@keyframes fa-spin{0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
.fa-rotate-90{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.fa-rotate-180{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.fa-rotate-270{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg);}
.fa-flip-horizontal{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1);}
.fa-flip-vertical{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1);}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1);}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both{-webkit-filter: none; filter: none;}
.fa-stack{display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em;}
.fa-stack-1x,
.fa-stack-2x{left: 0; position: absolute; text-align: center; width: 100%;}
.fa-stack-1x{line-height: inherit;}
.fa-stack-2x{font-size: 2em;}
.fa-inverse{color: #fff;}
.fa-angle-double-right:before{content: "\f101";}
.fa-angle-down:before{content: "\f107";}
.fa-angle-left:before{content: "\f104";}
.fa-angle-right:before{content: "\f105";}
.fa-arrow-up:before{content: "\f062";}
.fa-arrows-alt-h:before{content: "\f337";}
.fa-bars:before{content: "\f0c9";}
.fa-bookmark:before{content: "\f02e";}
.fa-camera:before{content: "\f030";}
.fa-caret-down:before{content: "\f0d7";}
.fa-caret-left:before{content: "\f0d9";}
.fa-caret-right:before{content: "\f0da";}
.fa-caret-up:before{content: "\f0d8";}
.fa-check-circle:before{content: "\f058";}
.fa-chevron-circle-down:before{content: "\f13a";}
.fa-chevron-down:before{content: "\f078";}
.fa-chevron-left:before{content: "\f053";}
.fa-chevron-right:before{content: "\f054";}
.fa-chevron-up:before{content: "\f077";}
.fa-cog:before{content: "\f013";}
.fa-comments:before{content: "\f086";}
.fa-database:before{content: "\f1c0";}
.fa-download:before{content: "\f019";}
.fa-edit:before{content: "\f044";}
.fa-ellipsis-v:before{content: "\f142";}
.fa-envelope:before{content: "\f0e0";}
.fa-envelope-open:before{content: "\f2b6";}
.fa-eye:before{content: "\f06e";}
.fa-folder-open:before{content: "\f07c";}
.fa-gift:before{content: "\f06b";}
.fa-heart:before{content: "\f004";}
.fa-history:before{content: "\f1da";}
.fa-home:before{content: "\f015";}
.fa-info-circle:before{content: "\f05a";}
.fa-link:before{content: "\f0c1";}
.fa-list:before{content: "\f03a";}
.fa-list-ul:before{content: "\f0ca";}
.fa-lock:before{content: "\f023";}
.fa-minus:before{content: "\f068";}
.fa-outdent:before{content: "\f03b";}
.fa-pencil-alt:before{content: "\f303";}
.fa-phone:before{content: "\f095";}
.fa-plus:before{content: "\f067";}
.fa-power-off:before{content: "\f011";}
.fa-question:before{content: "\f128";}
.fa-question-circle:before{content: "\f059";}
.fa-reply:before{content: "\f3e5";}
.fa-rss:before{content: "\f09e";}
.fa-search:before{content: "\f002";}
.fa-search-plus:before{content: "\f00e";}
.fa-share-alt:before{content: "\f1e0";}
.fa-shopping-cart:before{content: "\f07a";}
.fa-th-large:before{content: "\f009";}
.fa-th-list:before{content: "\f00b";}
.fa-thumbs-down:before{content: "\f165";}
.fa-thumbs-up:before{content: "\f164";}
.fa-times:before{content: "\f00d";}
.fa-times-circle:before{content: "\f057";}
.fa-trash-alt:before{content: "\f2ed";}
.fa-unlock-alt:before{content: "\f13e";}
.fa-user:before{content: "\f007";}
.fa-user-circle:before{content: "\f2bd";}
.fa-users:before{content: "\f0c0";}
.fa-volume-off:before{content: "\f026";}
.fa-window-close:before{content: "\f410";}
.fa-window-restore:before{content: "\f2d2";}
.fa-youtube:before{content: "\f167";}
.sr-only{border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.sr-only-focusable:active, .sr-only-focusable:focus{clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
@font-face{font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("../html/css_js/fontawesome/webfonts/fa-brands-400.eot"); src: url("../html/css_js/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../html/css_js/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("../html/css_js/fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("../html/css_js/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("../html/css_js/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg");}
.fab{font-family: 'Font Awesome 5 Brands'; font-weight: 400;}
@font-face{font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("../html/css_js/fontawesome/webfonts/fa-regular-400.eot"); src: url("../html/css_js/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../html/css_js/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../html/css_js/fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("../html/css_js/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../html/css_js/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");}
.far{font-family: 'Font Awesome 5 Free'; font-weight: 400;}
@font-face{font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("../html/css_js/fontawesome/webfonts/fa-solid-900.eot"); src: url("../html/css_js/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../html/css_js/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../html/css_js/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("../html/css_js/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../html/css_js/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");}
.fa,
.fas{font-family: 'Font Awesome 5 Free'; font-weight: 900;}

/* ── 4.x ── */
@font-face{font-family: 'FontAwesome'; src: url('../../../js/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../../../js/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../../js/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../../js/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../../js/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../../js/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}
.fa{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.fa-lg{font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%;}
.fa-2x{font-size: 2em;}
.fa-3x{font-size: 3em;}
.fa-4x{font-size: 4em;}
.fa-5x{font-size: 5em;}
.fa-fw{width: 1.28571429em; text-align: center;}
.fa-ul{padding-left: 0; margin-left: 2.14285714em; list-style-type: none;}
.fa-ul > li{position: relative;}
.fa-li{position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center;}
.fa-li.fa-lg{left: -1.85714286em;}
.fa-border{padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em;}
.fa-pull-left{float: left;}
.fa-pull-right{float: right;}
.fa.fa-pull-left{margin-right: .3em;}
.fa.fa-pull-right{margin-left: .3em;}
.pull-right{float: right;}
.pull-left{float: left;}
.fa.pull-left{margin-right: .3em;}
.fa.pull-right{margin-left: .3em;}
.fa-spin{-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;}
.fa-pulse{-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8);}
@-webkit-keyframes fa-spin{0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }}
@keyframes fa-spin{0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }}
.fa-rotate-90{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.fa-rotate-180{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.fa-rotate-270{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
.fa-flip-horizontal{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1);}
.fa-flip-vertical{-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1);}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical{filter: none;}
.fa-stack{position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle;}
.fa-stack-1x,
.fa-stack-2x{position: absolute; left: 0; width: 100%; text-align: center;}
.fa-stack-1x{line-height: inherit;}
.fa-stack-2x{font-size: 2em;}
.fa-inverse{color: #ffffff;}
.fa-search:before{content: "\f002";}
.fa-envelope-o:before{content: "\f003";}
.fa-heart:before{content: "\f004";}
.fa-star-o:before{content: "\f006";}
.fa-user:before{content: "\f007";}
.fa-th-large:before{content: "\f009";}
.fa-th-list:before{content: "\f00b";}
.fa-close:before,.fa-times:before{content: "\f00d";}
.fa-search-plus:before{content: "\f00e";}
.fa-power-off:before{content: "\f011";}
.fa-cog:before{content: "\f013";}
.fa-trash-o:before{content: "\f014";}
.fa-home:before{content: "\f015";}
.fa-clock-o:before{content: "\f017";}
.fa-download:before{content: "\f019";}
.fa-lock:before{content: "\f023";}
.fa-volume-off:before{content: "\f026";}
.fa-bookmark:before{content: "\f02e";}
.fa-camera:before{content: "\f030";}
.fa-list:before{content: "\f03a";}
.fa-outdent:before{content: "\f03b";}
.fa-picture-o:before{content: "\f03e";}
.fa-pencil:before{content: "\f040";}
.fa-edit:before,.fa-pencil-square-o:before{content: "\f044";}
.fa-share-square-o:before{content: "\f045";}
.fa-arrows:before{content: "\f047";}
.fa-chevron-left:before{content: "\f053";}
.fa-chevron-right:before{content: "\f054";}
.fa-times-circle:before{content: "\f057";}
.fa-check-circle:before{content: "\f058";}
.fa-question-circle:before{content: "\f059";}
.fa-info-circle:before{content: "\f05a";}
.fa-arrow-up:before{content: "\f062";}
.fa-plus:before{content: "\f067";}
.fa-minus:before{content: "\f068";}
.fa-gift:before{content: "\f06b";}
.fa-eye:before{content: "\f06e";}
.fa-chevron-up:before{content: "\f077";}
.fa-chevron-down:before{content: "\f078";}
.fa-shopping-cart:before{content: "\f07a";}
.fa-folder-open:before{content: "\f07c";}
.fa-comments:before{content: "\f086";}
.fa-thumbs-o-up:before{content: "\f087";}
.fa-thumbs-o-down:before{content: "\f088";}
.fa-heart-o:before{content: "\f08a";}
.fa-sign-out:before{content: "\f08b";}
.fa-thumb-tack:before{content: "\f08d";}
.fa-phone:before{content: "\f095";}
.fa-rss:before{content: "\f09e";}
.fa-users:before{content: "\f0c0";}
.fa-link:before{content: "\f0c1";}
.fa-files-o:before{content: "\f0c5";}
.fa-bars:before{content: "\f0c9";}
.fa-list-ul:before{content: "\f0ca";}
.fa-caret-down:before{content: "\f0d7";}
.fa-caret-up:before{content: "\f0d8";}
.fa-caret-left:before{content: "\f0d9";}
.fa-caret-right:before{content: "\f0da";}
.fa-envelope:before{content: "\f0e0";}
.fa-file-text-o:before{content: "\f0f6";}
.fa-angle-double-right:before{content: "\f101";}
.fa-angle-left:before{content: "\f104";}
.fa-angle-right:before{content: "\f105";}
.fa-angle-down:before{content: "\f107";}
.fa-reply:before{content: "\f112";}
.fa-question:before{content: "\f128";}
.fa-chevron-circle-down:before{content: "\f13a";}
.fa-unlock-alt:before{content: "\f13e";}
.fa-ellipsis-v:before{content: "\f142";}
.fa-ticket:before{content: "\f145";}
.fa-thumbs-up:before{content: "\f164";}
.fa-thumbs-down:before{content: "\f165";}
.fa-youtube:before{content: "\f167";}
.fa-database:before{content: "\f1c0";}
.fa-history:before{content: "\f1da";}
.fa-share-alt:before{content: "\f1e0";}
.fa-commenting:before{content: "\f27a";}
.fa-commenting-o:before{content: "\f27b";}
.fa-question-circle-o:before{content: "\f29c";}
.fa-envelope-open:before{content: "\f2b6";}
.fa-user-circle:before{content: "\f2bd";}
.fa-window-restore:before{content: "\f2d2";}
.fa-window-close:before{content: "\f2d3";}
.sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.sr-only-focusable:active,
.sr-only-focusable:focus{position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}