@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; touch-action: manipulation;}
img {max-width: 100%; border: 0; vertical-align: middle; font-size: 0;}
table {border-collapse: collapse; width: 100%;}
caption, legend {/*position: absolute;*/ width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
legend{position:absolute;}
select, input, textarea {color:#454545; font-size: 1rem; vertical-align:middle;}
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; vertical-align: middle; touch-action: manipulation;}
button::-moz-focus-inner {padding:0;border:0; border-radius:0; -webkit-appearance:none;}
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; -moz-appearance: none; appearance: none;}
input[type="text"] {font-size: 16px !important;}
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, .page_title_hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

/* Swiper */
.swiper-container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1;}
.swiper-container-no-flexbox .swiper-slide {float: left;}
.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-free-mode > .swiper-wrapper {transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height: auto;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start; transition-property: transform, height;}
.swiper-container .swiper-notification {position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}
.swiper-wp8-horizontal {-ms-touch-action: pan-y; touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x; touch-action: pan-x;}
.swiper-pagination {position: absolute; text-align: center; z-index: 2;}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
.swiper-scrollbar {border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1);}
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%;}
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; opacity: 100 !important;}
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0;}
.swiper-scrollbar-cursor-drag {cursor: move;}

/* 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;}

/* 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; opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.slick-slider.slick-initialized {visibility: visible; opacity: 1;}
.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{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); 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;}

.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; outline: none;}
.mCSB_container {overflow: hidden; width: auto; height: auto;}
.mCSB_inside > .mCSB_container{margin-right:16px;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right: 0; margin-left: 30px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left: 0;}
.mCSB_scrollTools{position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0;}
.mCSB_outside + .mCSB_scrollTools{right: -16px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right: auto; left: 0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left: -26px;}
.mCSB_scrollTools .mCSB_draggerContainer{position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer{margin: 20px 0;}
.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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width: 12px;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width: 8px;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer;}
.mCSB_scrollTools .mCSB_buttonDown{bottom: 0;}
.mCSB_outside + .mCSB_scrollTools{right:-0px;}
.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(107, 117, 138, 0.2);}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#6b778a;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#6b778a;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#6b778a;}

#datepicker_box {display: block; background-color: #fff; -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); position: absolute; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 99;}
#datepicker_box .datepicker {border-collapse: collapse; border: 0px solid #7d7d7d; width: 250px; font-family: '돋움'; font-size: 13px; font-weight: bold; color: #666;}
#datepicker_box .datepicker tr.controls th {height: 38px; background-color: #000; margin-left: 20px;}
#datepicker_box .datepicker tr.days th {font-weight: bold; font-family: dotum; font-size: 13px; padding-top: 5px; height: 27px;}
#datepicker_box .datepicker th span {font-weight: bold;}
#datepicker_box .datepicker tbody td {width: 23px; height: 16px; font: 11px/22px dotum; text-align: center; background: #ffffff; font-weight: bold;}
#datepicker_box .datepicker tbody td.date {cursor: pointer;}
#datepicker_box .datepicker tbody td.date.over {background-color: #99ffff;}
#datepicker_box .datepicker tbody td.date.chosen {background-color: #eee;}
#datepicker_box .datepicker .today {display: block; background: url("../images/common/btn_calendar_today.gif") 0 0 no-repeat; font: normal 11px dotum; margin: 0 0 3px 5px; padding-top: 2px; color: #ff0000; text-align: center; width: 40px; height: 16px;}
#datepicker_box .datepicker .close {width: 13px; height: 13px; float: right; margin-right: 10px;}
#datepicker_box .datepicker .close::before {content: "\e922"; font-family: 'xeicon'; color: #fff;}
#datepicker_box .datepicker .sat {color: #666; cursor: pointer; width: 23px;}
#datepicker_box .datepicker .sat.over {background-color: #99ffff;}
#datepicker_box .datepicker .sat.chosen {background-color: #eee;}
#datepicker_box .datepicker .sun {color: #666; cursor: pointer; width: 23px;}
#datepicker_box .datepicker .sun_t {color: #ff0000; cursor: pointer; width: 23px;}
#datepicker_box .datepicker .sat_t {color: #105ca6; cursor: pointer; width: 23px;}
#datepicker_box .datepicker .sun.over {background-color: #99ffff;}
#datepicker_box .datepicker .sun.chosen {background-color: #eee;}
#datepicker_box .cal_select {border: 1px solid #333; font-size: 13px !important; font-family: '돋움'; color: #fff; background: #000; padding: 3px 10px 3px 3px; font-weight: bold;}

#ark { z-index: 9 !important; width: auto !important; left: 0 !important; right: 0 !important; margin: 0 auto; }
#ark .ark_wrap { width: auto !important; top: 5px !important; left: 0 !important; right: 0 !important; border: 1px solid #aaa; background-color: #f3f3f3; display: none; border-radius: 8px !important;}
#ark .ark_wrap ul { margin: 0; padding: 0; width: auto !important; display: block !important; border-radius: 8px 8px 0 0 !important;}
#ark .ark_wrap ul li { position: relative; margin: 0; padding: 0; list-style: none; }
#ark .ark_wrap .ark_content { border-bottom: 1px solid #aaa; background-color: #fff; overflow-x: hidden; overflow-y: auto; text-align:left; border-radius: 8px 8px 0 0 !important;}
#ark .ark_wrap .ark_content li { color: #777; width: 100%; padding: 10px !important; margin: 1px; list-style: none; font-size: 12px;}
#ark .ark_wrap .ark_content li strong { color: #ea8d07; font-weight: 500; }
#ark .ark_wrap .ark_content button {position: relative !important; top: auto !important; right: auto !important; width: auto !important; height: auto !important; background-color: transparent !important; font-size: 13px !important; line-height: 1 !important; border: none !important; padding: 0 !important;}
#ark .ark_wrap .ark_content button:after {display: none;}
#ark .ark_wrap .ark_content button:before {display: none;}
#ark .ark_wrap .ark_content .dir-line { padding: 0; }
#ark .ark_wrap .ark_footer { position: relative; width: 100% !important; font-size: 11px; height: 30px; text-align: center; background-color: #f3f3f3; margin-left: 0px; border-left: none; border-right: none; border-radius: 0 0 8px 8px !important;}
#ark .ark_wrap .ark_footer a { color: #666; text-decoration: none; }
#ark .ark_wrap .ark_footer .left { float: left; margin-left: 5px; }
#ark .ark_wrap .ark_footer .right { float: right; margin-right: 10px; }
#ark .ark_wrap .ark_footer label {overflow: visible !important; width: auto !important; height: auto !important; font-size: 13px !important; line-height: 1 !important; visibility: visible !important; text-indent: 0 !important;}
#ark .ark_wrap .ark_footer button {position: relative !important; top: auto !important; right: auto !important; width: auto !important; height: auto !important; background-color: transparent !important; font-size: 13px !important; line-height: 1 !important;}
#ark .ark_wrap .ark_footer button:after {display: none;}
#ark .ark_wrap .ark_footer button:before {display: none;}

/* 뷰페이지 정책위키 안내 */
.curation_info_text {font-size: 15px; color: #737373; padding: 20px 15px; border: 1px solid #d7dce1; margin-bottom: 20px; font-weight: 400;}
@media (max-width:630px) {
	.curation_info_text br {display: none;}
}

/* thumb 배경이미지 */
.thumb.custom {background-size: 150% !important; background-position: center center !important;}
.thumb.custom img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 2; width: auto;}
.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; right: 5px; bottom: 5px; z-index: 3; width: 23%; max-width: 65px; min-width: 25px;}
.thumb.play .ico_play:after {content: ''; display: block; width: 100%; height: 0; padding-bottom: 100%; background-image: url('../images/common/ico_play.png'); background-size: cover;}
.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; right: auto; bottom: 0;}

/* control Holder */
.controlHolder {position: absolute; right: 5px; top: 5px; z-index: 2;}
.controlHolder .fullscreenToggle {width: 33px; height: 33px; background-size: cover;}
.controlHolder .fullscreenToggle.off {background-image: url('../images/common/ico_zoom.png');}
.controlHolder .fullscreenToggle.on {background-image: url('../images/common/ico_zoom_on.png');}
.fullscreenDiv {width: 100%!important; height: 100%!important; position: absolute; left: 0; top: 0; background: #444;}