@charset "utf-8";

/* reset */
*,*:before,*:after{box-sizing:inherit;}
html {	margin: 0;	padding: 0;	box-sizing:border-box;	-webkit-text-size-adjust: none;	-moz-text-size-adjust: none; -ms-text-size-adjust: none; font-size:16px;}
body {	margin: 0;	padding: 0;	color: #333; line-height: 1.25;	font-size:1rem;	font-weight: 400; font-family:'Noto Sans KR'}
ul, ol, li, dl, dt, dd {margin: 0; padding:0; list-style: none}
p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0}
a {color: inherit; text-decoration: none; display:inline-block}
img {max-width: 100%; border: 0; vertical-align: middle; font-size: 0}
table {border-collapse: collapse; width: 100%; table-layout:fixed}
caption, legend {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0}
select, input, textarea {color:#454545; font-size: 1rem}
span, select, input {display:inline-block}
select::-ms-expand {display: none;}
/*b, strong {font-weight: normal}*/
address, em, i {font-style: normal}
button {border: 0; padding: 0; background: none; cursor: pointer}
hr {margin: 0; border: none; padding: 0; display: block}
form, figure, figcaption {padding:0; margin: 0}
fieldset {border: none; padding: 0; margin: 0}
input[type="submit"] {-webkit-appearance: none;}
input::-ms-clear, input::-ms-reveal{display:none;width:0;height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}
header, footer, article, section, aside, nav, main {display: block}
button,input,optgroup,select,textarea {font-family: inherit; font-size: inherit; font-weight:inherit; margin: 0;}
.sr-only, .hidden {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}

/* grid */
.row {display: flex; flex-wrap: wrap;  margin-right: -12px;  margin-left: -12px;}
.no-gutters {margin-right: 0;  margin-left: 0;}
.no-gutters > .col,
.no-gutters > [class*="col-"] {padding-right: 0;  padding-left: 0;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {position: relative;  width: 100%;  padding-right: 12px;  padding-left: 12px;}
.col {flex-basis: 0;  flex-grow: 1;  max-width: 100%;}
.col-auto {flex: 0 0 auto;  width: auto;  max-width: 100%;}
.col-1 {flex: 0 0 8.333333%;  max-width: 8.333333%;}
.col-2 {flex: 0 0 16.666667%;  max-width: 16.666667%;}
.col-3 {flex: 0 0 25%;  max-width: 25%;}
.col-4 {flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-5 {flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-6 {flex: 0 0 50%;  max-width: 50%;}
.col-7 {flex: 0 0 58.333333%;  max-width: 58.333333%;}
.col-8 {flex: 0 0 66.666667%;  max-width: 66.666667%;}
.col-9 {flex: 0 0 75%;  max-width: 75%;}
.col-10 {flex: 0 0 83.333333%;  max-width: 83.333333%;}
.col-11 {flex: 0 0 91.666667%;  max-width: 91.666667%;}
.col-12 {flex: 0 0 100%;  max-width: 100%;}

/* slick Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list {transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left:auto;margin-right:auto}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/* Swiper Slider 5.4.5 */
.swiper-container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {flex-direction: column;}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: border-box;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper {flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper {flex-wrap: wrap; flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {height: auto;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start; transition-property: transform, height;}
.swiper-pagination-progressbar {background: rgba(0, 0, 0, 0.25); position: absolute;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top;}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin: right top;}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%; height: 4px; left: 0; top: 0;}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 4px; height: 100%; left: 0; top: 0;}
.swiper-pagination-lock {display: none;}
.swiper-notification {position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}

.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

/* Custom Scrollbar */
.mCustomScrollbar {touch-action: pinch-zoom;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {touch-action: auto;}
.mCustomScrollBox {position: relative; overflow: hidden; height: 100%; max-width: 100%; direction: ltr;}
.mCSB_container {overflow: hidden; width: auto; height: auto;}
.mCSB_inside > .mCSB_container{margin-right:16px;}
.mCSB_scrollTools {position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0;}
.mCSB_scrollTools .mCSB_draggerContainer {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto;}
.mCSB_scrollTools .mCSB_draggerRail {width: 1px; height: 100%; margin: 0 auto; border-radius: 16px;}
.mCSB_scrollTools .mCSB_dragger {cursor: pointer; width: 100%; height: 30px; z-index: 1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position: relative; width: 5px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center;}
.mCSB_scrollTools .mCSB_draggerRail {background-color:rgba(107, 117, 138, 0.2);}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#6b778a;}

/* claendar */
.cal-pop {position: absolute; top: 0; right: 0; z-index: 10;}
.cal-pop .layer_claendar {position: relative; width: 300px; border: 2px solid #1974dd; background-color: #fff; padding: 40px 15px 15px 15px; box-shadow: 0 0 2px rgba(0, 0, 0, .5); border-radius: 5px;}
.cal-pop .layer_claendar .toppart {text-align: center; margin-bottom: 12px;}
.cal-pop .layer_claendar .toppart button {position: relative; border: 1px solid #adb5bd; width: 26px; height: 26px; border-radius: 50%; vertical-align: middle;}
.cal-pop .layer_claendar .toppart button i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.cal-pop .layer_claendar .toppart button:before, .cal-pop .layer_claendar .toppart button:after {font-family: "xeicon"; font-size: 16px; display: inline-block; color: #5c5c5c; position: absolute; top: 50%; transform: translateY(-50%);}
.cal-pop .layer_claendar .toppart #prevYear:before {content: "\e93c"; left: 2px;}
.cal-pop .layer_claendar .toppart #prevYear:after {content: "\e93c"; left: 6px;}
.cal-pop .layer_claendar .toppart #prevMonth:after {content: "\e93c"; left: 3px;}
.cal-pop .layer_claendar .toppart #nextMonth:after {content: "\e93f"; left: 5px;}
.cal-pop .layer_claendar .toppart #nextYear:after {content: "\e93f"; left: 7px;}
.cal-pop .layer_claendar .toppart #nextYear:before {content: "\e93f"; left: 3px;}
.cal-pop .layer_claendar .toppart > b {width: 95px; display: inline-block; vertical-align: middle;}
.cal-pop .layer_claendar .toppart .year {font-weight: 400;}
.cal-pop .layer_claendar .toppart .month {font-weight: 500; color: #1974dd;}
.cal-pop .layer_claendar .calendarboard {width: 100%; table-layout: fixed; border-collapse: collapse; word-break: break-all; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf;}
.cal-pop .layer_claendar .calendarboard thead th {background-color: #dae4ef; height: 38px; text-align: center; color: #444; font-weight: 400; font-size: 14px; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;}
.cal-pop .layer_claendar .calendarboard td {height: 34px; vertical-align: middle; text-align: center; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; color: #555; font-size: 16px;}
.cal-pop .layer_claendar .calendarboard td.sun {color: #d00202 !important;}
.cal-pop .layer_claendar .calendarboard td.sat {color: #035bbf !important;}
.cal-pop .layer_claendar .calendarboard td a {padding: 6px; display: block;}
.cal-pop .layer_claendar .calendarboard td.sun a {color: #d00202 !important;}
.cal-pop .layer_claendar .calendarboard td.sat a {color: #035bbf !important;}
.cal-pop .layer_claendar .calendarboard .top_sun {color: #d00202 !important;}
.cal-pop .layer_claendar .calendarboard .top_sat {color: #035bbf !important;}
.cal-pop .layer_claendar .calendarboard .today {background-color: #1974dd !important; color: #fff !important;}
.cal-pop .layer_claendar .cal_close {position: absolute; top: 7px; right: 7px; border: 1px solid #adb5bd; width: 23px; height: 23px; border-radius: 5px;}
.cal-pop .layer_claendar .cal_close:after {content: "\e922"; font-family: "xeicon"; font-size: 20px; display: inline-block; color: #5c5c5c; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.cal-pop .layer_claendar .cal_close i {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}

/* 댓글 */
.livere_box{position: relative; margin-top:30px; min-height: 319px; display: none;}
.livere_box .open {display:block; line-height: 0; position:absolute; right:0;  z-index:10; font-size: 13px; display: inline-block; line-height: 20px; height: 20px; color: #757575; padding-right: 13px;}
.livere_box .open span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}
.livere_box .open:after {content: ''; display: inline-block; content: '\e93f'; font-family: 'xeicon'; font-size: 13px; color: #757575; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.livere_box .open i {position:absolute; left:-10000%; top:0; overflow:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-10000px;}
.livere_box .livere_info {display:none; position:absolute; left:0; top:35px; z-index:55; border:1px solid #adb5bd; background:#f9fafc; width:100%;}
.livere_box .livere_info.on {display:block;}
.livere_box .livere_info p {font-size:15px; color:#000; background: #e9ecef; padding:10px; font-weight: 400; border-bottom: 1px solid #adb5bd;}
.livere_box .livere_info ul {padding:10px;}
.livere_box .livere_info ul li {padding:3px 0; font-size: 14px;}
.livere_box .livere_info .close {position:absolute; top:10px; right:10px; display:block; width:20px; height:20px; background-color: #333; border-radius: 100%;}
.livere_box .livere_info .close:before {content: '\e922'; font-family: "xeicon"; font-size: 16px; color: #fff; line-height: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.livere_box .livere_info .close span {position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; margin: -1px; border: 0;}

/*=================================================================================
 * common
 =================================================================================*/
.alignR {text-align:right !important;}
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}

.alignVt {vertical-align:top !important;}
.alignVm {vertical-align:middle !important;}
.alignVb {vertical-align:bottom !important;}

.bold {font-weight:bold !important;}

/* margin */
.mt-25 {margin-top:-25px !important;}
.mt-18 {margin-top:-18px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

/* padding */
.pa0 {padding:0px !important;}
.pa10 {padding:10px !important;}
.pa20 {padding:20px !important;}
.pa30 {padding:30px !important;}
.pa40 {padding:40px !important;}
.pa50 {padding:50px !important;}
.pa60 {padding:60px !important;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

/* 뷰페이지 담당자 안내 팝업 */
#wrap_popup {position:relative; padding:20px;}
#wrap_popup .header {margin-bottom:20px;}
#wrap_popup .header h2 {font-size:20px; font-weight:600; text-align:center;}
#wrap_popup .section_cont {margin-bottom:20px;}
#wrap_popup .cr_info {font-size: 15px; letter-spacing: -0.05em;}
#wrap_popup .cr_info + div {margin-top: 20px;}
#wrap_popup .btn_m {border: 1px solid #666; display: inline-block; padding: 5px 10px; color: #555;}
#wrap_popup .section_cont.scroll {height:440px; padding:15px; border:1px solid #d5d9dc; overflow-x:hidden; overflow-y: scroll;}
#wrap_popup .section_btn {text-align:center;}
#wrap_popup .section_btn a {width:100px; padding: 10px; background-color: #212529; color: #fff; border-radius: 5px;}
#wrap_popup .section_cont .privacy_box {border:none;}
#wrap_popup .table_list.line thead tr {border-bottom: none;}
#wrap_popup .table_list.line thead th {border: 1px solid #dee2e6;}
#wrap_popup .table_list.line td {border: 1px solid #dee2e6; border-top: none;}

/* 뷰페이지 정책위키 안내 */
.curation_info_text {font-size: 14px; color: #737373; padding: 10px 40px; border: 1px solid #d7dce1; margin-bottom: 20px; font-weight: 400;}

/* thumb 배경이미지 */
.thumb.custom {background-size: 120% !important; background-position: center center !important;}
.thumb.custom img {position: absolute !important; top: 0 !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 2; width: auto !important;}
.thumb.custom:after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgb(0 0 0 / 70%);}
.thumb.custom.autio img {width: auto; height: 100%;}
.thumb.custom.short img {width: 53%; height: auto;}
.thumb.custom.h100 img {width: auto; height: 100%;}

/* thumb play */
.thumb.play .ico_play {position: absolute; left:0; bottom:0;width:36px;height:36px;line-height:36px;background:rgba(0,0,0,.7);color:#fff;text-align:center;font-size:20px;z-index:3}
.thumb.play .ico_play:before{content:"\ea3e";font-family:'xeicon'}
.thumb.play .ico_play i{position: absolute; top: 50%; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;}
.thumb.play .ico_play.pos{left:0;bottom:0;}
.as_side .thumb.play .ico_play{display:none}

.icon_video{width:36px;height:36px;line-height:36px;background:rgba(0,0,0,.7);color:#fff;text-align:center;font-size:20px}
.icon_video:before{content:"\ea3e";font-family:'xeicon'}
.thumb .icon_video{position:absolute;left:0;bottom:0;z-index:1}

/* zoom */
.zoomImg {overflow: hidden; position: relative; cursor:url('../images/common/zoom_in.cur'), auto; display: block !important;}
.zoomImg.hover {cursor:url('../images/common/zoom_out.cur'), auto !important;}

/* 검색엔진 하이라이트 */
.highlight {color:#d41115 !important;}