@charset "utf-8"; /* 아이콘 제작자: Freepik - Flaticon */ /* 다음 아이콘 제작자: Roundicons - Flaticon */ /* box ---------------------------------------------------------------------------------------- */ div[data-dinnum] > div:last-child {margin-bottom: 0;} .box {clear: both;position: relative;max-width:100%;margin: 0 auto;} .box .box-title {position: relative;margin-bottom: 17px;display: flex;align-items: center;justify-content: flex-start;width: 100%;} .box .box-title .name {position: relative;line-height: 1.25;letter-spacing: -0.65px;font-size: 26px;font-weight: bold;} .box-title.row {display: flex !important;flex-direction: row !important;justify-content: flex-start !important;} /* banner */ .adlink {background-color: #FFF;} .banner li {text-align: center;} .banner li img {max-width: 100%;} /* div[data-dinnum="2"] .banner li {text-align: right;} */ /* list */ .list {position: relative;width: 100%;} /* article */ .article {position: relative;width:100%;overflow: hidden;} .thumb {position: relative;width:100%;overflow: hidden;border: 1px solid #0001;} .thumb img {width: 100%;height: 100%;object-fit: cover;object-position: top;} .thumb iframe {width: 100%;height: 100%;border-radius: inherit;} .thumb video {width: 100%;height: 100%;border-radius: inherit;} .article .title {font-size: 17px;letter-spacing: -0.78px;line-height: 1.1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;} .article .sub-title {color:#888;font-size: 16px;line-height: 1.3;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;} .article .desc {color:#333;font-size: 16px;display: -webkit-box;overflow: hidden;font-weight: 200;line-height: 1.6;letter-spacing: -0.4px;text-overflow: ellipsis;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;} .bg-mint .article .sub-title {color: #666;} .bg-bage .article .sub-title {color: #666;} /* 페이지네비게이션 */ .page {position:relative;display: flex;justify-content: center;align-items: center;} .page .inner {display: inline-block;} .page a {float: left;border:1px solid #dddddd;width: 30px;height: 30px;font-size: 14px;color:#999999;line-height: 2.14;text-align: center;margin-right: 5px;} .page a:last-child {margin-right: 0;} .page .no.current {color:#ffffff;background-color: #003567;border:1px solid #003567;} /* page-cont */ .page-cont {display: flex;justify-content: center;align-items: center;max-width: 1200px;margin: 0 auto;} /* file-guide 파일첨부 안내 */ .file-guide {font-size:16px;color:#777;letter-spacing: -0.7px;line-height: 1.3;padding: 8px 15px;word-break: keep-all;} .text .file-guide {padding:0} /* font-weight */ .font-bold {font-weight: bold;} /* font-color */ .font-yellow {color: #ffc200;} .font-c-o {color:#f67122} /* jwPlayer 스크롤 이동시 좌측 하단으로 이동 */ .jw-flag-floating .jw-wrapper {left: 1rem !important;right: auto !important;} /* swiper elements */ .swiper-button-prev::after, .swiper-button-next::after {font-size: 30px !important;color: #0006;} .swiper-button-prev, .swiper-button-next {color: #0006;} .swiper-button-prev {left: 15px !important;} .swiper-button-next {right: 15px !important;} .swiper-button-prev:hover, .swiper-button-next:hover {transform: scale(1.17);} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0.5 !important;} .swiper-pagination {position: relative !important;} /* datepicker elements */ .ui-datepicker {font-family: 'Noto Sans KR' !important;} .ui-datepicker-header.ui-widget-header {border: 0;background-color: #FFF;} .ui-datepicker-calendar td {padding: 1px 3px !important;} .ui-datepicker-calendar tr td:first-of-type a {color: #fa4343 !important;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 0 !important;background: #FFF !important;font-weight: normal !important;color: #000 !important;text-align: center;} .ui-state-default.ui-state-active {background: #ff9999 !important;color: #FFF !important;border-radius: 50% !important;} .ui-datepicker-calendar tr td:first-of-type a.ui-state-default.ui-state-highlight, .ui-datepicker-calendar tr td:first-of-type a.ui-state-default.ui-state-active {color: #FFF !important;} .ui-state-highlight , .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #2370b5 !important;color: #FFF !important;border-radius: 50% !important;} .ui-datepicker .ui-datepicker-prev .ui-icon {width: 14px !important;height: 14px !important;background: url('/img/icon/arr-prev.png') no-repeat center !important;background-size:contain !important;} .ui-datepicker .ui-datepicker-next .ui-icon {width: 14px !important;height: 14px !important;background: url('/img/icon/arr-next.png') no-repeat center !important;background-size:contain !important;} .ui-datepicker-trigger {z-index: 999;cursor: pointer;} /* 박스타이틀 영역 전체보기버튼 */ .list-arr {font-size: 13px;color: #666;vertical-align: bottom;display: inline-flex;align-items: flex-end;} .list-arr::after {width: 13px;height: 20px;content: '';position: relative;display: inline;background: url('/img/icon/arrow-more.png') no-repeat center;background-size: 5px auto;} .m-list-arr {display: none;} /* circle-arr */ .circle-arr {content: '';display: inline-block;width: 26px;height: 26px;background: url('/img/icon/arrow-circle.png') no-repeat center;background-size: 98%;} .box-title .circle-arr {margin-left: 7px;} .circle-prev {content: '';display: inline-block;width: 30px;height: 30px;background: url('/img/icon/circle-prev.png') no-repeat center;background-size: 98%;} .circle-next {content: '';display: inline-block;width: 30px;height: 30px;background: url('/img/icon/circle-next.png') no-repeat center;background-size: 98%;} .circle-back {display: inline-block;width: 20px;height: 20px;content: '';background: url('/img/icon/circle-back-button.png') no-repeat center;background-size: 100%;} .radius-6 {border-radius: 6px;} .radius-12 {border-radius: 12px;} /* icon */ .sch-icon {content: '';width: 17px;height: 17px;position: relative;display: inline-block;background: url('/img/icon/table.png') no-repeat center;background-size: 17px auto;} .gift-icon {content: '';position: relative;display: inline-block;background: url('/img/icon/gift.png') no-repeat center;background-size: 22px auto;} .onair-icon {content: '';width:60px;height: 25px;position: relative;display: inline-block;background: url('/img/icon/onair.png') no-repeat center;background-size: 99% auto;} .onair-icon2 {content: '';width:17px;height: 17px;position: relative;display: inline-block;background: url('/img/icon/mic-circle.png') no-repeat center;background-size: 99% auto;} .radio-icon1 {content: '';width: 67px;height: 18px;position: relative;display: inline-block;background: url('/img/icon/texticon-view.png') no-repeat center;background-size: 99% auto;} .radio-icon2 {content: '';width: 62px;height: 18px;position: relative;display: inline-block;background: url('/img/icon/texticon-youtube.png') no-repeat center;background-size: 99% auto;} .radio-icon1 + .radio-icon2 {margin-left: 5px;} .radio-icon2 + .radio-icon1 {margin-left: 5px;} .radio-icon3 {content: '';width: 100%;height: 50px;position: relative;display: inline-block;background: url('/img/icon/btn-home.png') no-repeat center;background-size: auto 40px;} .radio-icon4 {content: '';width: 100%;height: 50px;position: relative;display: inline-block;background: url('/img/icon/btn-listen.png') no-repeat center;background-size: auto 40px;} .radio-icon5 {content: '';width: 100%;height: 50px;position: relative;display: inline-block;background: url('/img/icon/btn-play.png') no-repeat center;background-size: auto 40px;} .radio-icon6 {content: '';width: 100%;height: 50px;position: relative;display: inline-block;background: url('/img/icon/btn-youtube.png') no-repeat center;background-size: auto 40px;} .radio-icon7 {content: '';width: 80px;height: 20px;position: relative;display: inline-block;background: url('/img/icon/youtube-w.png') no-repeat center;background-size: contain;} .radio-icon8 {content: '';width: 80px;height: 20px;position: relative;display: inline-block;background: url('/img/icon/btn-audio.png') no-repeat center;background-size: contain;} .radio-icon9 {content: '';width: 90px;height: 25px;position: relative;display: inline-block;background: url('/img/icon/view-w.png') no-repeat center;background-size: contain;} .radio-icon10 {content: '';width: 90px;height: 25px;position: relative;display: inline-block;background: url('/img/icon/view-b.png') no-repeat center;background-size: contain;} .radio-icon12 {content: '';width: 90px;height: 25px;position: relative;display: inline-block;background: url('/img/icon/view-w2.png') no-repeat center;background-size: contain;} .tv-icon1 {content: '';width: 12px;height: 13px;display: inline-block;position: relative;background: url('/img/icon/tv-icon1.png') no-repeat center;background-size: 100% auto;} .tv-icon2 {content: '';width: 13px;height: 13px;display: inline-block;position: relative;background: url('/img/icon/tv-icon2.png') no-repeat center;background-size: 100% auto;} .tv-icon3 {content: '';width: 13px;height: 13px;display: inline-block;position: relative;background: url('/img/icon/tv-icon3.png') no-repeat center;background-size: 100% auto;} .home-border-icon {content: '';width: 17px;height: 17px;position: relative;display: inline-block;background: url('/img/icon/btn-home-border.png') no-repeat center;background-size: 100% auto;} .home-color-icon {content: '';width: 32px;height: 32px;position: relative;display: inline-block;background: url('/img/icon/btn-home-color.png') no-repeat center;background-size: 100% auto;} .sort-up {content: '';position: relative;width: 15px;height: 17px;display: inline-block;background: url('/img/icon/arrow-up-wf.png') no-repeat center;background-size: 90%;} .sort-down {content: '';position: relative;width: 15px;height: 17px;display: inline-block;background: url('/img/icon/arrow-down-wf.png') no-repeat center;background-size: 90%;} .arr-down-w {content: '';position: relative;width: 15px;height: 15px;display: inline-block;background: url('/img/icon/arrow_down_w.png') no-repeat center 6px;background-size: 90%;} .onair-text {content: '';position: relative;width: 154px;height: 43px;display: inline-block;background: url('/img/icon/onair2.png') no-repeat center;background-size: 99%;} .calendar-icon {content: '';width: 17px;height: 20px;position: relative;display: inline-block;background: url('/img/icon/btn-calendar.png') no-repeat center;background-size: 99% auto;} .file-icon {content: '';width: 17px;height: 20px;position: relative;display: inline-block;background: url('/img/icon/attach.png') no-repeat center;background-size: 99% auto;} .down-icon {content: '';width: 20px;height: 20px;position: relative;display: inline-block;background: url('/img/icon/btn-down.png') no-repeat center;background-size: 99% auto;} .down-icon2 {content: '';width: 30px;height: 30px;position: relative;display: inline-block;background: url('/img/icon/down-icon.png') no-repeat center;background-size: 99% auto;} .down-circle-icon {content: '';width: 30px;height: 30px;position: relative;display: inline-block;background: url('/img/icon/down-circle.png') no-repeat center;background-size: 99% auto;} .down-w-icon {content: '';width: 30px;height: 30px;position: relative;display: inline-block;background: url('/img/icon/down-w-icon.png') no-repeat center;background-size: 99% auto;} .clock-icon {content: '';width: 15px;height: 15px;position: relative;display: inline-block;background: url('/img/icon/clock-icon.png') no-repeat center;background-size: 99% auto;} .clock-gray {content: '';width: 15px;height: 15px;position: relative;display: inline-block;background: url('/img/icon/clock-gray.png') no-repeat center;background-size: 99% auto;} .plus-icon {border-radius: 4px;content: '';width: 35px;height: 35px;position: relative;display: inline-block;background:#fb868e url('/img/icon/plus.png') no-repeat center;background-size: 21px auto;} .like-icon {content: '';width: 20px;height: 20px;position: relative;display: inline-block;background: url('/img/icon/like-fill.png') no-repeat center;background-size: 99% auto;} .like-border-icon {content: '';width: 20px;height: 20px;position: relative;display: inline-block;background: url('/img/icon/like-border.png') no-repeat center;background-size: 99% auto;} .sticker-ing {content: '';width: 86px;height: 28px;position: relative;display: inline-block;background: url('/img/icon/sticker-ing.png') no-repeat center;background-size: 99% auto;} .sticker-end {content: '';width: 86px;height: 28px;position: relative;display: inline-block;background: url('/img/icon/sticker-end.png') no-repeat center;background-size: 99% auto;} .sp-like-icon {content: '';width: 27px;height: 30px;position: relative;display: inline-block;background: url('/img/icon/like-sp.png') no-repeat center;background-size: 99% auto;} .glass-w-icon {content: '';width: 44px;height: 44px;position: relative;display: inline-block;background: url('/img/icon/glass-w.png') no-repeat center;background-size: 99% auto;} .check-icon-blue {display: inline-block;width: 20px;height: 20px;content: '';background: url('/img/icon/checked-blue-icon.png') no-repeat center;background-size: 100%;} .check-icon-gray {display: inline-block;width: 20px;height: 20px;content: '';background: url('/img/icon/checked-x-icon.png') no-repeat center;background-size: 100%;} .icon-x {content: '';display: inline-block;width: 20px;height: 20px;background: url('/img/icon/x.png') no-repeat center;background-size: 99% auto;} .arr-right-bp {content: '';width: 24px;height: 24px;position: relative;display: inline-block;background: url('/img/icon/arr-right-bp.png') no-repeat center;background-size: 99% auto;} .arr-right-bw {content: '';width: 24px;height: 24px;position: relative;display: inline-block;background: url('/img/icon/arr-right-bw.png') no-repeat center;background-size: 99% auto;} .icon-excel {content: '';display: inline-block;width: 30px;height: 30px;background: url('/img/icon/icon-excel.png') no-repeat center;background-size: 99% auto;} .icon-tel {position: relative;content: '';display: inline-block;width: 20px;height: 20px;background: url('/img/icon/icon-tel.png') no-repeat center;background-size: auto 13px;} .icon-help {position: relative;content: '';display: inline-block;width: 25px;height: 25px;background: url('/img/icon/icon-help.png') no-repeat center;background-size: 99%;} .icon-music {position: relative;content: '';display: inline-block;width: 40px;height: 40px;background: url('/img/icon/icon-music.png') no-repeat center;background-size: 99%;} .icon-music2 {position: relative;content: '';display: inline-block;width: 40px;height: 40px;background: url('/img/icon/icon-music2.png') no-repeat center;background-size: 99%;} .icon-interview {position: relative;content: '';display: inline-block;width: 40px;height: 40px;background: url('/img/icon/icon-interview.png') no-repeat center;background-size: 99%;} .icon-select {position: relative;content: '';display: inline-block;width: 40px;height: 40px;background: url('/img/icon/icon-select.png') no-repeat center;background-size: 99%;} .icon-reply {position: relative;content: '';display: inline-block;width: 18px;height: 16px;background: url('/img/icon/icon-reply.png') no-repeat center;background-size: 99%;} .icon-arr-next-w {content: '';position: relative;width: 18px;height: 18px;display: inline-block;background: url('/img/icon/arrow-right-w.png') no-repeat center;background-size: 99%;} .btn-blue .sch-icon, .btn-gray .sch-icon {margin-right: 5px;background-size: 15px auto;} .btn-blue .tv-icon1, .btn-gray .tv-icon1 {margin-right: 5px;} .btn-blue .tv-icon2, .btn-gray .tv-icon2 {margin-right: 5px;} .btn-blue .tv-icon3, .btn-gray .tv-icon3 {margin-right: 5px;} .btn-blue .radio-icon4, .btn-gray .radio-icon4 {content: '';width: 13px;height: 13px;display: inline-block;position: relative;background: url('/img/icon/btn-listen.png') no-repeat center;background-size: 100% auto;margin-right: 5px;} .btn-red .onair-icon2 {margin-right: 5px;} .btn-skyGray .down-icon {margin-right: 5px;} .btn-mysp .sp-like-icon {margin-right: 10px;} .btn-excel .icon-excel {margin-right: 10px;} /* btn */ .btn-search {display: inline-block;width: 25px;height: 25px;content: '';background: url('/img/icon/glass-w-shadow.png') no-repeat center;background-size: 90%;} .btn-search:hover {transform: scale(1.1);} .btn-search-b {display: inline-block;width: 33px;height: 33px;content: '';background: url('/img/icon/glass-b.png') no-repeat center;background-size: 55%;} .btn-search-b:hover {transform: scale(1.1);} .btn-blue {display: inline-flex;align-items: center;background-color: #004ea2;color: #FFF;padding: 4px 16px 4px 12px;border-radius: 20px;font-size: 14px;letter-spacing: 1px;} .btn-gray {display: inline-flex;align-items: center;background-color: #4c4c4c;color: #FFF;padding: 4px 16px 4px 12px;border-radius: 20px;font-size: 14px;letter-spacing: 1px;} .btn-red {display: inline-flex;align-items: center;background-color: #a83737;color: #FFF;padding: 4px 16px 4px 12px;border-radius: 20px;font-size: 14px;letter-spacing: 1px;} .btn-orange {display: inline-flex;align-items: center;background-color: #ff8a00;color: #FFF;padding: 4px 16px 4px 12px;border-radius: 20px;font-size: 14px;letter-spacing: 1px;} .btn-pause {content: '';width: 23px;height: 23px;background: #0003 url('/img/icon/pause.png') no-repeat center;background-size: 102%;z-index: 10;border-radius: 50%;box-shadow: 2px 2px 3px #0008;} .btn-play {content: '';width: 23px;height: 23px;background: #0003 url('/img/icon/play-button.png') no-repeat center;background-size: 102%;z-index: 10;border-radius: 50%;box-shadow: 2px 2px 3px #0008;} .btn-sp1 {font-family: 'SEBANG Gothic';display: inline-flex;align-items: center;justify-content: center;border-radius: 30px;border: 2px solid #FFF;width: 130px;height: 40px;background-color: #ffc200;color: #164106;font-size: 19px;} .btn-sp2 {font-family: 'SEBANG Gothic';display: inline-flex;align-items: center;justify-content: center;border-radius: 30px;border: 2px solid #FFF;width: 130px;height: 40px;background-color: #ffc200;color: #164106;font-size: 19px;} .btn-replay {line-height: 1.1;display: inline-block;color: #FFF;background: rgb(111,20,156);background: linear-gradient(0deg, rgba(111,20,156,1) 0%, rgba(79,107,186,1) 100%);border-radius: 50px;padding: 6px 30px;font-size: 16px;} .btn-replay:hover {transform: scale(1.04);} .btn-oval {cursor: pointer;;display: inline-flex;align-items: center;justify-content: center;background-color: #FFF;color: #000;font-size: 18px;line-height: 1.55;border: 1px solid #0007;border-radius: 20px;padding: 3px 30px;} .btn-oval:hover {background-color: #000;color: #FFF;} .btn-white {display: inline-flex;align-items: center;justify-content: center;background-color: #FFF;color: #000;font-size: 18px;line-height: 1.55;border: 1px solid #0003;border-radius: 20px;padding: 3px 30px;} .btn-skyGray {display: inline-flex;align-items: center;justify-content: center;background-color: #cedce2;color: #000;font-size: 18px;line-height: 1.55;border-radius: 20px;padding: 4px 30px;} .btn-mysp {display: inline-flex;align-items: center;justify-content: center;background-color: transparent;color: #445cb4;border: 4px solid #445cb4;border-radius: 40px;height: 64px;width: 204px;font-family: 'SEBANG Gothic';font-size: 24px;font-weight: bold;line-height: normal;} .btn-mysp:hover {background-color: #445cb4;color: #FFF;} .btn-sp-rgl, .btn-sp-tmp {text-shadow: 2px 2px 3px #0009;display: inline-flex;align-items: center;justify-content: center;font-family: 'SEBANG Gothic';font-size: 21px;font-weight: normal;color: #FFF;width:158px;height: 48px;border: 3px solid #FFF;border-radius: 40px;} .btn-sp-rgl + .btn-sp-tmp {margin-left: 10px;} .btn-sp-rgl:hover, .btn-sp-tmp:hover {background-color: #FFF;color: #000;font-weight: bold;text-shadow: unset;} .btn-modal-close {content: '';display: inline-block;width: 90px;height: 35px;background: url('/img/icon/btn-close-w.png') no-repeat center;background-size: 100% auto;} .btn-hide {filter: opacity(40%);content: '';display: inline-block;width: 28px;height: 28px;background: url('/img/icon/hide-icon.png') no-repeat center;background-size: 99% auto;} .btn-show {filter: opacity(40%);content: '';display: inline-block;width: 28px;height: 28px;background: url('/img/icon/show-icon.png') no-repeat center;background-size: 99% auto;} .btn-excel {display: inline-flex;align-items: center;background-color: #FFF;color: #000;border:1px solid #0003;padding: 4px 16px 4px 12px;border-radius: 5px;font-size: 15px;font-weight: bold;letter-spacing: -0.4px;} .btn-excel:hover {background-color: rgba(18, 66, 42, 0.035);box-shadow: 0 0 10px 4px rgba(18, 66, 42, 0.133);transform: scale(1.02);transition: transform .1s ease;} .btn-warning {background-color: #eee;color: #888;display: inline-flex;align-items: center;justify-content: center;font-size: 15px;line-height: 1.2;height:35px;border-radius: 20px;padding: 0 20px;} .btn-warning::before {position: relative;content: '';display: inline-block;width: 18px;height: 18px;background: url('/img/icon/warning-circle.png') no-repeat center;background-size: 99%;margin-right: 4px;} .btn-warning:hover,.btn-warning:focus {background-color: #ddd;color: #555;} .btn-warning2 {background-color: #5c5a57;color: #FFF;display: inline-flex;align-items: center;justify-content: center;font-size: 15px;line-height: 1.2;height:35px;border-radius: 20px;padding: 0 20px;} .btn-warning2::before {position: relative;content: '';display: inline-block;width: 18px;height: 18px;background: url('/img/icon/warning.png') no-repeat center;background-size: 99%;margin-right: 4px;} .btn-warning2:hover,.btn-warning2:focus {background-color: #444;} .m-btn-blue {display: none;} .m-btn-gray {display: none;} .m-more-cont {display: none;} /* tab-cont */ .tab-cont {display: flex;align-items: center;background-color: #f4f4f4;border-radius: 30px;height: 33px;} .tab-cont .tab {padding: 0 20px;font-size: 17px;height: 33px;border-radius: 30px;display: flex;align-items: center;font-weight: bold;background-color: inherit;} .tab-cont .tab.on {background-color: #4a2194;color: #FFF;font-weight: normal;} .bg-bage .tab-cont {background-color: #FFF;} /* tv-tab-cont */ .tv-tab-cont {display: flex;} .tv-tab-cont .tab.on {background-color: #196ac2;color: #FFF !important;} /* oval-tab-cont . tv 방영프로그램 탭리스트, 디콘메인 탭리스트 */ .oval-tab-cont {display: flex;} .oval-tab-cont .tab {display:inline-flex;align-items: center;justify-content: center;margin-right: 11px;width: 110px;height: 30px;font-size: 17px;line-height: 1.5;color: #777;border: 1px solid #bbb;border-radius: 18px;background-color: #FFF;} .oval-tab-cont .tab.on {color: #ffffffe4;border: 0;} /* play-bg : box에 클래스 부여시 .thumb에 배경이미지 */ .play-bg .thumb {background: url('/img/bg/sermon-bg.png') no-repeat center 100%;border: unset;padding: 9px 10px;} .play-bg .thumb img {border-radius: 6px;height:auto;width: 50%;max-height: 100%;height: 100%;} /* search-cont */ .search-cont {position: relative;} .search-cont input {width: 178px;height: 37px;color: #FFF;font-size: 16px;letter-spacing: normal;background-color: #FFF4;border: 0;border-radius: 30px;box-shadow:1px 1px 4px 2px #0003;padding: 0 35px 0 15px;} .search-cont input:focus {background-color: #FFF4;} .search-cont .btn-search {position: absolute;top: 12%;right: 8px;} /* .box .search-cont */ .box .search-cont input {width: 178px;height: 33px;color: #000;font-size: 16px;letter-spacing: normal;background-color: #FFF;border: 1px solid #0003;border-radius: 30px;box-shadow: unset;padding: 0 35px 0 15px;} .box .search-cont .btn-search-b {position: absolute;top: 0;right: 5px;} /* .search-cont.sermon-search */ .search-cont.sermon-search {border-radius: 30px;border: 1px solid #0002;display: flex;align-items: center;} .search-cont.sermon-search select {font-size: 15px;padding: 0 6px;border: 0;height: 33px;color: #000;background-color: #ddd;border-radius: 0;border-top-left-radius: 30px;border-bottom-left-radius: 30px;} .search-cont.sermon-search select:hover, .search-cont.sermon-search select:focus {background-color: #ccc;} .search-cont.sermon-search input {border-top-left-radius: 0;border-bottom-left-radius: 0;border: 0;} /* search-cont2 */ .search-cont2 {padding: 16px 0;background-color: #f5f5f5;border-top: 1px solid #0001;border-bottom: 1px solid #0001;display: flex;justify-content: center;} .search-cont2 select {height: 30px;border: 1px solid #0003;padding: 6px 25px 6px 14px;font-size: 14px;margin-right: 5px; -webkit-appearance: none;-moz-appearance: none;appearance: none;background: #FFF url('/img/icon/arrow-down-b.png') no-repeat center right 7px;} .search-cont2 input {height: 30px;border: 1px solid #0003;padding: 6px 14px;font-size: 14px;margin-right: 5px;background-color: #FFF;} .search-cont2 .btn-search2 {height: 30px;width: 65px;font-size: 14px;text-align: center;border-radius: 3px;color: #FFF;background-color: #222;} /* tv-sort-cont */ .tv-sort-cont {display: flex;width: 1200px;margin: 0 auto 40px;} .tv-sort-cont .btn-sort {height:32px;margin-right: 12px;display: flex;align-items: center;color: #FFF;background-color: #cedce2;font-size: 17px;padding: 0 17px;border-radius: 30px;line-height: 1.4;} .tv-sort-cont .btn-sort.on {background-color: #2370b5;} .tv-sort-cont .btn-sort:hover {background-color: #2370b5;} .tv-sort-cont .btn-sort .sort-up, .tv-sort-cont .btn-sort .sort-down {margin-right: 2px;} /* sliding-box */ .bg-bage .sliding-box {padding-bottom: 0;} .sliding-box {padding-bottom: 75px;width: fit-content;margin: 0 auto;} .sliding-box .box-title {width: 1200px;margin: 0 auto;justify-content: space-between;align-items: baseline;} .sliding-box .box-title a {display: flex;width: 100%;justify-content: space-between;align-items: baseline;} .sliding-box .box-title a.circle-arr {width: 26px;display: inline-block;} .sliding-box .box-title .list-arr {display: inline-flex;width: 100px;justify-content: flex-end;align-items: center;} .sliding-box .box-title .cont {display: flex;} .sliding-box .box-title .tab-cont {margin-left: 27px;} .sliding-box .box-title .search-cont {margin-left: 10px;} .sliding-box .list {display: flex;align-items: center;width: 1300px;margin: 0 auto;} .sliding-box .swiper {width: 1230px;min-width: 1230px;} .sliding-box .swiper-button-prev, .sliding-box .swiper-button-next {top: 37% !important;} .sliding-box .thumb {width:100%;height: 161px;margin-bottom: 10px;} .sliding-box .text-box {padding:0 5px;} .sliding-box .title {margin-bottom: 3px;line-height: normal;} /* 라디오 */ .sliding-box.replaySlide .swiper-slide:hover {transition: transform .3s ease;padding: 0;z-index: 10;transform: scale(1.1);} .sliding-box.replaySlide .swiper {max-height: 270px;height: 270px;padding: 15px;} /* 선교 탭슬라이드*/ .sliding-box.sermonTabReplay .box-title a {display: inline-flex;align-items: center;width: fit-content;} .sliding-box.sermonTabReplay .thumb {height: 126px;margin-bottom: 8px;} .sliding-box.sermonTabReplay .title {margin-bottom: 3px;-webkit-line-clamp: 1;} .sliding-box.sermonTabReplay .sub-title {-webkit-line-clamp: 1;} .sliding-box.sermonTabReplay .swiper {padding: 20px 15px 15px;height: 230px;} .sliding-box.sermonTabReplay .swiper-slide:hover {transition: transform .2s ease;padding: 0;z-index: 10;transform: scale(1.1);} .sliding-box.sermonTabReplay .list {display: none;} .sliding-box.sermonTabReplay .list.on {display: block;} .sliding-box.sermonTabReplay .swiper-button-prev, .sliding-box.sermonReplay .swiper-button-next {top: 39% !important;} /* 선교슬라이드 */ .bg-bage .sliding-box.sermonReplay {padding-bottom: 40px;} .sliding-box.sermonReplay .thumb {height: 126px;margin-bottom: 8px;} .sliding-box.sermonReplay .title {margin-bottom: 3px;line-height: 1.3;} .sliding-box.sermonReplay .sub-title {-webkit-line-clamp: 1;} .sliding-box.sermonReplay .swiper {padding: 20px 15px 15px;} .sliding-box.sermonReplay .swiper-slide:hover {transition: transform .2s ease;padding: 0;z-index: 10;transform: scale(1.1);} .sliding-box.sermonReplay .swiper-button-prev, .sliding-box.sermonReplay .swiper-button-next {top: 39% !important;} /* 디콘 */ .sliding-box.dcReplay .box-title a {display: inline-flex;align-items: center;width: fit-content;} .sliding-box.dcReplay .thumb {border-radius: 50%;width: 180px;height: 180px;margin-bottom: 28px;} .sliding-box.dcReplay .thumb img {object-position: center;} .sliding-box.dcReplay .title {text-align:center;margin-bottom: 0;word-break: keep-all;} .sliding-box.dcReplay .swiper {padding: 20px 15px 15px;} .sliding-box.dcReplay .swiper-slide {display: flex;flex-direction: column;align-items: center;align-items: center;height: 260px;} .sliding-box.dcReplay .swiper-slide:hover {transition: transform .2s ease;padding: 0;z-index: 10;transform: scale(1.07);} .sliding-box.dcReplay .list {display: none;} .sliding-box.dcReplay .list.on {display: block;} .sliding-box.dcReplay .swiper-button-prev, .sliding-box.dcReplay .swiper-button-next {top: 40% !important;} /* TV디콘 */ .sliding-box.tv-dcReplay .thumb {border-radius: 50%;width: 180px;height: 180px;margin-bottom: 28px;} .sliding-box.tv-dcReplay .thumb img {object-position: center;} .sliding-box.tv-dcReplay .title {text-align:center;margin-bottom: 0;} .sliding-box.tv-dcReplay .swiper {padding: 20px 15px 15px;} .sliding-box.tv-dcReplay .swiper-slide {display: flex;flex-direction: column;align-items: center;align-items: center;} .sliding-box.tv-dcReplay .swiper-slide:hover {transition: transform .2s ease;padding: 0;z-index: 10;transform: scale(1.07);} .sliding-box.tv-dcReplay .swiper-button-prev, .sliding-box.tv-dcReplay .swiper-button-next {top: 40% !important;} /* 라디오 메인 분류별 프로그램 슬라이드 */ .sliding-box.radio-program .thumb {height: 306px;width: 100%;} .sliding-box.radio-program .title {text-align: center;margin-bottom: 0;line-height: 1.3;font-weight: bold;padding: 0 5px;word-break: keep-all;} .sliding-box.radio-program .swiper {padding: 20px 15px;} .sliding-box.radio-program .swiper-slide:hover {transition: transform .2s ease;padding: 0;z-index: 10;transform: scale(1.1);} .sliding-box.radio-program .swiper-button-prev, .sliding-box.radio-program .swiper-button-next {top: 45% !important;} /* tv-tab-list. 인기TV프로그램 다시보기*/ .sliding-box.tv-tab-list {} .sliding-box.tv-tab-list .box-title {justify-content: space-between;align-items: baseline;margin-bottom: 13px;} .sliding-box.tv-tab-list .cont {position: relative;margin: 0 auto;width: 1200px;} .sliding-box.tv-tab-list .tv-tab-cont {border-top: 1px solid #555;border-bottom: 1px solid #555;width: 100%;flex-wrap: nowrap;overflow-x: auto;} .sliding-box.tv-tab-list .tv-tab-cont::-webkit-scrollbar {height: 5px;} .sliding-box.tv-tab-list .tv-tab-cont::-webkit-scrollbar-thumb {background-color: #ddd;} .sliding-box.tv-tab-list .tv-tab-cont::-webkit-scrollbar-track {background-color: transparent;} .sliding-box.tv-tab-list .tv-tab-cont .tab {font-size: 17px;padding: 5px 12px;color: #333;white-space: nowrap;} .sliding-box.tv-tab-list .tv-tab-cont .tab:hover {font-weight: bold;} .sliding-box.tv-tab-list .tv-tab-cont .tab.on:hover {font-weight: normal;} .sliding-box.tv-tab-list .list {display: none;} .sliding-box.tv-tab-list .list.on {display: block;} .sliding-box.tv-tab-list .swiper {padding: 20px 15px;} .sliding-box.tv-tab-list .swiper-slide:hover {transform: scale(1.1);transition: transform .3s ease;} /* 선교메인 설교 유튜브 */ .sliding-box.sermon-youtube {width: fit-content;;} .sliding-box.sermon-youtube .box-title {justify-content: flex-start;align-items: center;} .sliding-box.sermon-youtube .swiper-slide:hover {transition: transform .3s ease;padding: 0;z-index: 10;transform: scale(1.1);} .sliding-box.sermon-youtube .swiper {max-height: 270px;height: 270px;padding: 20px 15px 0 15px;} .sliding-box.sermon-youtube .thumb img {object-position: center;} .sliding-box.sermon-youtube .article .title {-webkit-line-clamp: 1;} /* news-box */ .news-box {padding-bottom: 90px;min-width: 600px;} .news-box .thumb-list {display: flex;float: left;width: 50%;} .news-box .thumb-list .article {width: calc((100% - 15px) / 2);margin-right: 15px;} .news-box .thumb-list .article:last-of-type {margin-right: 0;} .news-box .thumb-list .thumb {width: 100%;height: 123px;margin-bottom: 8px;} .news-box .thumb-list .article .title {-webkit-line-clamp: 2;;font-size: 16px;line-height: 1.24;letter-spacing: -0.6px;} .news-box .list {float: left;width: 50%;padding-left: 30px;} .news-box .list .article {margin-bottom: 17px;} .news-box .list .article:last-of-type {margin-bottom: 0;} .news-box .list .title {-webkit-line-clamp: 1;} .news-box .list .title::before {content: '·';margin-right: 5px;} /* main-onair */ .main-onair {padding-bottom: 130px;min-width: 1200px;} .main-onair .box-title {justify-content: space-between;} .main-onair .box-title .name {font-size: 30px;} .main-onair .box-title .name::after {position: absolute;top: 2px;right: -10px;display: block;content: '';width: 8px;height: 8px;background-color: #ff0000;border-radius: 50%;} .main-onair .box-title .cont {display: flex;align-items: center;} .main-onair .date {color: #666;font-size: 16px;letter-spacing: -0.8px;} .main-onair .time {font-size: 16px;letter-spacing: -0.7px;margin-left: 12px;} .main-onair .onair-sch {margin-left: 25px;display: flex;align-items: center;justify-content: center;height: 35px;width: 126px;border-radius: 3px;background-color: #4a2194;color: #FFF;font-size: 17px;} .main-onair .onair-sch .text {display: inline-block;height: 100%;width: calc(100% - 38px);text-align: center;line-height: 1.8;} .main-onair .onair-sch .sch-icon {width: 38px;height: 100%;background-color: #5a29b7;border-radius: 3px;} .main-onair .list {display: flex;justify-content: space-between;} .main-onair .list .cont {width:291px;margin-right: 12px;position: relative;} .main-onair .list .cont:last-of-type {margin-right: 0;} .main-onair .m-cat {display: none;} .main-onair .cat {font-size: 15px;color: #FFF;height: 28px;width: 100%;display: flex;align-items: center;justify-content: center;} .main-onair .cat1 { background: linear-gradient( to right, #004ea2, #004ea2b1);} .main-onair .cat2 { background: linear-gradient( to right, #5100a2, #5100a2b1);} .main-onair .cat3 { background: linear-gradient( to right, #337eb8, #337eb8b1);} .main-onair .cat4 { background: linear-gradient( to right, #0a9b77, #0a9b77b1);} .main-onair .cont .title {height: 44px;;border-bottom: 2px solid #004ea2;} .main-onair .cont .title a {font-size: 18px;height: 100%;width: 100%;padding: 5px 15px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: keep-all;line-height: 1.7;} .main-onair .list .cont .thumb {width:100%;height: 0;position: absolute;z-index: 5;left: 0px;top: 28px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;border:0;} .main-onair .list .cont:hover .thumb {height: fit-content;} /* ar3n-box */ .ar3n-box {padding-bottom: 70px;} .ar3n-box .box-title {justify-content: space-between;align-items: baseline;} .ar3n-box .list {display: flex;} .ar3n-box .article {width: calc((100% - 26px) / 3);margin-right: 13px;} .ar3n-box .article:nth-of-type(3n) {margin-right: 0;} .ar3n-box .article:last-of-type {margin-right: 0;} .ar3n-box .article .thumb {width: 100%;aspect-ratio: 16 / 9;margin-bottom: 8px;} .ar3n-box .article .title {font-size: 15px;line-height: 1.26;padding: 0 3px;} /* ar3n-title-box */ .ar3n-title-box {} .ar3n-title-box .box-title {justify-content: space-between;} .ar3n-title-box .list {display: flex;width:100%} .ar3n-title-box .article {width: calc((100% - 26px) / 3);margin-right: 13px;} .ar3n-title-box .article:last-of-type {margin-right: 0;} .ar3n-title-box .article .thumb {width: 100%;height: 120px;margin-bottom: 8px;} .ar3n-title-box .article .title {font-size: 15px;line-height: 1.3;margin-bottom: 5px;} .ar3n-title-box .article .sub-title {font-size: 14px;line-height: 1.3;} /* .ar3n-title-sliding */ .ar3n-title-sliding {} .ar3n-title-sliding .box-title {justify-content: space-between;} .ar3n-title-sliding .article .thumb {width: 100%;aspect-ratio: 16 / 10;margin-bottom: 8px;} .ar3n-title-sliding .article .title {font-size: 15px;line-height: 1.3;margin-bottom: 5px;} .ar3n-title-sliding .article .sub-title {font-size: 14px;line-height: 1.3;} .ar3n-title-sliding .list {display: flex;justify-content: space-between;width:100%} .ar3n-title-sliding .swiper {position: relative;width:90%;} .ar3n-title-sliding .swiper-button-prev::after, .ar3n-title-sliding .swiper-button-next::after {font-size: 28px !important;} .ar3n-title-sliding .swiper-button-prev, .ar3n-title-sliding .swiper-button-next {position:relative;height:unset} .ar3n-title-sliding .swiper-button-prev {align-items: unset;margin-top:35px;height: fit-content;justify-content: flex-start;left:4px !important;} .ar3n-title-sliding .swiper-button-next {align-items: unset;margin-top:35px;height: fit-content;justify-content: flex-end;right:4px !important;} .ar3n-title-sliding .swiper .swiper-wrapper .article.swiper-slide {width: calc(100% / 3);padding: 0 5px;} /* ar2n-title-box */ .ar2n-title-box {padding-bottom: 80px;width: 660px;margin: unset;float: right;} .ar2n-title-box .box-title {justify-content: flex-start;align-items: center;} .ar2n-title-box .list {display: flex;flex-wrap: wrap;} .ar2n-title-box .article {width: calc((100% - 25px) / 2);margin-right: 25px;margin-bottom: 30px;} .ar2n-title-box .article:nth-child(2n) {margin-right: 0;} .ar2n-title-box .article .thumb {width: 100%;aspect-ratio: 16 / 9;margin-bottom: 8px;} .ar2n-title-box .article .title {font-size: 20px;line-height: 1.26;} .ar2n-title-box .article .sub-title {font-size: 16px;line-height: 1.26;-webkit-line-clamp: 2;display: none;} .ar2n-title-box .article .title + .sub-title {margin-top: 5px;} /* ar5-title-box */ .ar5n-title-box {width: 1200px;margin: 0 auto;padding-bottom: 30px;} .ar5n-title-box .box-title {justify-content: space-between;align-items: baseline;} .ar5n-title-box .box-title .cont {display: flex;} .ar5n-title-box .box-title .search-cont {margin-left: 20px;} .ar5n-title-box .list {display: flex;flex-wrap: wrap;} .ar5n-title-box .article {width: calc((100% - 80px) / 5);margin-right: 20px;margin-bottom: 30px;} .ar5n-title-box .article:nth-of-type(5n), .ar5n-title-box .article:last-of-type {margin-right: 0;} .ar5n-title-box .article .thumb {height: 126px;margin-bottom: 5px;} .ar5n-title-box .article .title {margin-bottom: 3px;} /* ar-center-box . 라디오 마이크로사이트 오늘의 방송 */ .ar-center-box {padding-bottom: 90px} .ar-center-box .box-title {margin-bottom: 20px;justify-content: center;} .ar-center-box .box-title .list-arr {position: absolute;right: 0;bottom: 0;} .ar-center-box .list {border-radius: 10px;width:100%;background: url('/img/bg/news-bg.png') no-repeat center;background-size: cover;} .ar-center-box .article {padding: 30px 42px;} .ar-center-box .article .date {text-align: center;font-size: 23px;letter-spacing: -0.9px;margin-bottom: 10px;} .ar-center-box .article .thumb {width: 496px;aspect-ratio: 16 / 9;margin-bottom: 12px;} .ar-center-box .article .title {font-size: 20px;font-weight: bold;word-break: keep-all;line-height: 1.3;} /* ar-list-box . 라디오 마이크로사이트 인터뷰 전문 */ .ar-list-box {padding-bottom: 90px} .ar-list-box .box-title {margin-bottom: 20px;justify-content: center;} .ar-list-box .box-title .list-arr {position: absolute;right: 0;bottom: 0;} .ar-list-box .list {background-color: #ebebeb;padding: 20px;border-radius: 10px;} .ar-list-box .article {display: flex;align-items: center;margin-bottom: 20px;} .ar-list-box .article:last-of-type {margin-bottom: 0;} .ar-list-box .article .thumb {width: 220px;height: 123px;margin-right: 20px;} .ar-list-box .article .title {font-size: 19px;line-height: 1.4;} .ar-list-box .article:hover .title {font-weight: bold;} .ar-list-box .article .date {font-size: 17px;color: #777;} /* main-qt */ .main-qt {} .main-qt .thumb {width: 340px;height: 180px;} /* event-box */ .event-box {padding-bottom: 90px;} .event-box .board-name {color: #0074b7;font-size: 17px;font-weight: bold;display: inline-flex;align-items: center;margin-left: 14px;} .event-box .gift-icon {width: 30px;height: 30px;} .event-box .list {display: flex;} .event-box .article {width: calc((100% - 80px) / 6);margin-right: 15px;} .event-box .article:last-of-type {margin-right: 0;} .event-box .article:hover {transform: scale(1.01);transition: transform .1s ease;} .event-box .article .thumb {max-width: 186px;height: 105px;margin-bottom: 10px;} .event-box .article .text-box {padding: 0 5px;} .event-box .title {font-size: 15px;margin-bottom: 5px;} .event-box .sub-title {font-size: 15px;-webkit-line-clamp: 1;} /* notice-box */ .notice-box {background-color: #004ea2;padding: 0 calc((100% - 1200px) / 2);height: 58px;display: flex;align-items: center;} .notice-box .box-title {margin-bottom: 0;width: 110px;height: 32px;background-color: #55f7ea;border-radius: 3px;justify-content: center;} .notice-box .box-title .name {width: 100%;font-size: 17px;text-align: center;} .notice-box .article {padding-left: 10px;} .notice-box .title {color: #FFF;font-size: 17px;letter-spacing: normal;-webkit-line-clamp: 1;} /* notice-box2 . 회사소개 알려드립니다 */ .notice-box2 {padding:40px calc((100% - 1200px) / 2);display: flex;align-items: flex-start;border-top: 1px solid #0003;} .notice-box2 .box-title {width: 30%;} .notice-box2 .box-title .name {font-size: 30px;} .notice-box2 .list {width: 70%;} .notice-box2 .article {display: flex;align-items: center;justify-content: space-between;align-items: baseline;} .notice-box2 .article .title {-webkit-line-clamp: 1;font-size: 22px;letter-spacing: -0.6px;} .notice-box2 .article .title:hover {font-weight: bold;} .notice-box2 .article .date {font-size:20px;} .notice-box2 .article + .article {margin-top: 13px;} /* main-sliding-box */ .main-sliding-box {width: 100%;min-width: 1200px;height:760px;min-height: 760px;max-height: 760px;margin-bottom: 40px;} .main-sliding-box .thumb::after {width: 100%;height: 200px;display: block;content: '';position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom, #0000, #0007) no-repeat;background-size: 100%;} .main-sliding-box .swiper-wrapper {width: 100%;height: 760px;min-width: 1200px;min-height: 760px;} .main-sliding-box .thumb {border: 0;min-width: 1200px;height: 760px;max-height: 760px;min-height: 760px;} .main-sliding-box .thumb img {object-position: center;min-width: 1200px;width: 100%;height: 100%;object-position: center;} .main-sliding-box .thumb .mobileImg {display:none;} .main-sliding-box .text-box {position: absolute;bottom: 100px;color: #FFF;max-width: 500px;padding-left: 45px;} .main-sliding-box .text-box .title {letter-spacing: -5px;line-height: 1.18;font-size: 82px;font-weight: bold;text-shadow: 1px 1px 9px #000;margin-bottom: 15px;} .main-sliding-box .text-box .sub-title {letter-spacing: -1px;line-height: 1.18;font-size: 30px;text-shadow: 1px 1px 7px #0009;margin-bottom: 6px;} .main-sliding-box .text-box .info {line-height: 1.18;font-size: 24px;text-shadow: 2px 2px 3px #0008;} .main-sliding-box .btn-cont {position: absolute;bottom: 30px;display: flex;align-items: center;justify-content: center;width: 100%;left: 0;} .main-sliding-box .swiper-pagination {position: relative;bottom: unset !important;left: unset !important;width: fit-content !important;display: flex;align-items: center;justify-content: center;} .main-sliding-box .swiper-pagination-bullet {background-color: #FFF !important;opacity: 1;box-shadow: 2px 2px 3px #0008;margin: 0 5px !important;} .main-sliding-box .swiper-pagination-bullet-active {background-color: #0000 !important;border: 3.8px solid #FFF;width: 14px;height: 14px;margin: 0 3px !important;} .main-sliding-box .btn-cont .btn-pause, .main-sliding-box .btn-cont .btn-play {margin-left: 5px;} .main-sliding-box .btn-cont .btn-pause:hover, .main-sliding-box .btn-cont .btn-play:hover {transform: scale(1.03);padding-bottom: 3px;} @media screen and (min-width: 1200px) { .main-sliding-box .text-box {left: calc((100% - 1200px) / 2);} } /* .main-mission.main-sliding-box .선교메인 상단 슬라이드 */ .main-mission .main-sliding-box {margin-bottom: 100px;} .main-mission .main-sliding-box .text-box {top:45%;max-width: 350px;} .main-mission .main-sliding-box .btn-cont {bottom: 110px;} .main-mission .banner {margin-bottom: 100px;height:760px;} /* .main-mission .banner li {width:100%;height:100%} */ .main-mission .banner li img {width:100%;height:100%;min-height: 760px;max-height: 760px;object-position: bottom;object-fit: cover;} /* 상단 슬라이드 배너 */ .main-slide .banner {margin-bottom: 100px;height:760px;} /* .main-slide .banner li {width:100%;height:100%} */ .main-slide .banner li img {width:100%;height:100%;min-height: 760px;max-height: 760px;object-position: bottom;object-fit: cover;} /* 선교후원 - 메인 슬라이드 */ .main-sliding-box.main-height-910 {width: 101%;min-width: 1200px;height:760px;margin-bottom: 220px;} .main-sliding-box.main-height-910 .swiper-slide {width: 100%;} .main-sliding-box.main-height-910 .thumb::after {display: none;} .main-sliding-box.main-height-910 .thumb {width: 100%;min-width: 1200px;height: 910px;max-height: 910px;min-height: 910px;border: 0;} .main-sliding-box.main-height-910 .btn-cont {position: absolute;bottom: 120px;} .main-sliding-box.mission-main-sliding {margin-bottom: 80px;} .main-sliding-box.mission-main-sliding .btn-cont {bottom: 55px;} .main-sliding-box.main-height-620 {height: 620px;min-height: 620px;max-height: 620px;padding-bottom: 0;} .main-sliding-box.main-height-620 .swiper-wrapper {height: 620px;min-height: 620px;} .main-sliding-box.main-height-620 .btn-cont {bottom: 20px;} .main-sliding-box.main-height-620 .thumb {height:100%;min-height: 100%;} .main-sliding-box.main-height-620 .thumb img {object-position: center;} /* main-height-320 : 마이크로 사이트 상단 height320px 이미지박스*/ .main-height-320 {width: 100%;height: 420px;padding-bottom: 100px;min-width: 1200px;} .main-height-320 .thumb {min-height: 320px;max-height: 320px;border: 0;} .main-height-320 .thumb::after {width: 100%;height: 100px;display: block;content: '';position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom, #0000, #0004) no-repeat;background-size: 100%;} .main-height-320 .thumb img {width: 100%;height: 100%;min-height: 320px;max-height: 320px;object-position: center;} .main-height-320 .text-box {position: absolute;bottom: 80px;width: 600px;padding: 0 70px;} .main-height-320 .text-box .title {color: #FFF;letter-spacing: -1px;line-height: 1.18;font-size: 52px;font-weight: bold;text-shadow: 1px 1px 9px #000;margin-bottom: 15px;} .main-height-320 .text-box .sub-title {color: #FFF;letter-spacing: -1px;line-height: 1.18;font-size: 21px;text-shadow: 1px 1px 7px #000;margin-bottom: 6px;} @media screen and (min-width: 1200px) { .main-height-320 .article .text-box {left: calc((100% - 1200px) / 2);} } /* main-height-370 : 마이크로 사이트 상단 height370px 이미지박스 */ .main-height-370 {width: 100%;min-width: 1200px;} .main-height-370 .thumb {min-height: 370px;max-height: 370px;border: 0;} .main-height-370 .thumb::after {width: 100%;height: 100px;display: block;content: '';position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom, #0000, #0004) no-repeat;background-size: 100%;} .main-height-370 .thumb img {width: 100%;height: 100%;min-height: 370px;height: 370px;object-position: bottom;} .main-height-370 .btn-cont-right {position: absolute;z-index: 10;top: 40%;right: calc((100% - 1200px) / 2);} .main-height-370 .btn-cont-right .title {font-family: 'NanumSquareNeo';color: #FFF;font-size: 70px;font-weight: 400;letter-spacing: -1px;text-align: right;text-shadow: 1px 1px 5px #0008;} .main-height-370 .btn-cont-right .desc {font-family: 'NanumSquareNeo';color: #FFF;font-size: 36px;font-weight: 400;letter-spacing: -1px;text-align: right;text-shadow: 1px 1px 5px #0008;} /* main-height-400 */ .main-height-400 {position: relative;width: 100%;height: 400px;min-width: 1200px;} .main-height-400 .thumb {min-height: 400px;max-height: 400px;border: 0;} .main-height-400 .thumb img {width: 100%;height: 100%;min-height: 400px;max-height: 400px;object-position: bottom;} .main-height-400 .btn-cont-right {position: absolute;z-index: 10;bottom: 35px;right: calc((100% - 1200px) / 2);} .main-height-400 .btn-cont-right .title {text-align: center;} .main-height-400 .btn-cont-right .title ~ a {margin-top: 15px;} .main-height-400 .btn-cont-right .title img {height: auto;} .main-height-400 .btn-cont-left {position: absolute;z-index: 10;bottom: 50px;left: calc(((100% - 1200px) / 2) + 40px);} .main-height-400.title-right-box .btn-cont-right {position: absolute;z-index: 10;bottom: 100px;right: calc((100% - 1200px) / 2);} .main-height-400.title-right-box .btn-cont-right .title {padding-right: 50px;} /* .main-height-400.title-right-box.btn-left-box {margin-bottom: 0;} */ .main-height-400.title-right-box.btn-left-box .btn-cont-right .title img {height: auto;} /* main-height-530 height530px 이미지박스 */ .main-height-530 {width: 100%;min-width: 1200px;} .main-height-530 .thumb {min-height: 530px;max-height: 530px;border: 0;} .main-height-530 .thumb::after {width: 100%;height: 100px;display: block;content: '';position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom, #0000, #0004) no-repeat;background-size: 100%;} .main-height-530 .thumb img {width: 100%;height: 100%;min-height: 530px;height: 530px;object-position: bottom;} .main-height-530 .btn-cont-right {position: absolute;z-index: 10;top: 90px;right: calc((100% - 1100px) / 2);width:380px;} .main-height-530 .btn-cont-right .title {font-family: 'NanumSquareNeo';color: #FFF;font-size: 60px;font-weight: 400;line-height: 1.2;letter-spacing: -1px;text-align: right;text-shadow: 1px 1px 7px #0008;;} .main-height-530 .btn-cont-right .desc {font-family: 'NanumSquareNeo';color: #FFF;font-size: 36px;font-weight: 400;letter-spacing: -1px;text-align: right;} .main-height-530 .btn-cont-right .desc img {width:186px;height:auto;margin-top: 20px;} /* main-height-580 : 마이크로 사이트 상단 height580px 이미지박스 */ .main-height-580 {width: 100%;height: 680px;padding-bottom: 100px;min-width: 1200px;margin-top: -1px;} .main-height-580 .thumb {min-height: 580px;max-height: 580px;border: 0;} .main-height-580 .thumb::after {width: 100%;height: 100px;display: block;content: '';position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom, #0000, #0004) no-repeat;background-size: 100%;} .main-height-580 .thumb img {width: 100%;height: 100%;min-height: 580px;height: 580px;object-position: bottom;} /* main-height-760 : 마이크로 사이트 상단 height760px 이미지박스 */ .main-height-760 {width: 100%;height: 860px;padding-bottom: 100px;min-width: 1200px;margin-top: -1px;} .main-height-760 .thumb {min-height: 760px;max-height: 760px;border: 0;} .main-height-760 .thumb::after {width: 100%;height: 100px;display: block;content: '';position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom, #0000, #0004) no-repeat;background-size: 100%;} .main-height-760 .thumb img {width: 100%;height: 100%;min-height: 760px;height: 760px;object-position: bottom;} /* home-nav . TV 마이크로 사이트 메뉴 */ .home-nav {position: absolute;z-index: 100;width: 100%;display: flex;justify-content: center;} .home-nav .inner {display: flex;width: fit-content;padding: 15px 20px;border-radius: 10px;border: 4px solid #FFF;} .home-nav .inner > li {padding: 0 20px;position: relative;} .home-nav .inner > li a {color: #FFF;font-size: 17px;line-height: 1.7;} .home-nav .inner > li:hover {transform: scale(1.05);transition: transform .1s ease;} .home-nav .inner > li a .home-border-icon {margin-right: 3px;margin-bottom: -2px;} .home-nav .inner > li a .arr-down-w {margin-left: 5px;} .home-nav .inner > li.on {background-color: #FFF;border-radius: 20px;} .home-nav .inner > li.home.on {background-color: inherit;border-radius: unset;} .home-nav .bg-blue li.on a {color: #284db8;font-weight: bold;} .home-nav .bg-blue li.home.on a {color: #FFF;font-weight: normal;} .home-nav .bg-orange li.on a {color: #f76900;font-weight: bold;} .home-nav .bg-orange li.on a .arr-down-w {width: 14px;height: 14px;background: url('/img/icon/arr-down-o.png') no-repeat center 2px;background-size: 90%;} .home-nav .bg-orange li.home.on a {color: #FFF;font-weight: normal;} .home-nav .bg-orange li .board-menu {display: none;} .home-nav .bg-orange li .board-menu.on {display: block;background-color: #d85e00;position: absolute;right: 0;top: 115%;border-radius: 6px;box-shadow: 1px 1px 5px 2px #0005;overflow: hidden;} .home-nav .bg-orange li .board-menu.on li:not(:last-of-type) {margin-bottom: 3px;} .home-nav .bg-orange li .board-menu.on li {padding: 2px 20px;} .home-nav .bg-orange li .board-menu.on li:first-of-type {padding-top: 6px;} .home-nav .bg-orange li .board-menu.on li:last-of-type {padding-bottom: 8px;} .home-nav .bg-orange li .board-menu.on a {color: #FFF;font-size: 16px;line-height: 1.5;font-weight: normal;} .home-nav .bg-orange li .board-menu.on li:hover {background-color: rgb(226, 135, 65);} .home-nav .bg-orange li .board-menu.on li.on a {} .main-sliding-box ~ .home-nav {margin-top: -130px;} .mission-main-sliding ~ .home-nav {margin-top: -110px;} .main-height-320 ~ .home-nav {margin-top: -130px;} .main-height-760 ~ .home-nav {margin-top: -130px;} .main-slide .banner ~ .home-nav {margin-top: -130px;} /* fm-home-nav . 라디오 마이크로 사이트 메뉴 */ .fm-home-nav {background-color: #4776cb;} .fm-home-nav .inner {width: 1200px;margin: 0 auto;padding: 20px 0;display: flex;height: 100%;} .fm-home-nav .thumb {min-width: 125px;width: 125px;height: 125px;border-radius: 50%;border: 2px solid #FFF;margin: auto 28px auto 28px;} .fm-home-nav .cont {height: 100%;display: flex;flex-direction: column;justify-content: flex-end;} .fm-home-nav .box-title {padding-top: 16px;margin-bottom: 15px;align-items: center;flex-wrap: wrap;} .fm-home-nav .box-title .name {margin-right: 20px;font-size: 35px;color: #FFF;letter-spacing: -0.3px;line-height: 1.3;} .fm-home-nav .box-title .info {margin-top:8px;display: flex;align-items: center;background-color: #00458f;color: #FFF;font-size: 15px;line-height: 1.1;padding: 10px 20px;border-radius: 30px;} .fm-home-nav .box-title .info .media {white-space: nowrap;} .fm-home-nav .box-title .info .time {font-size: 14px;display: flex;margin-left:10px;word-break: keep-all;line-height: 1.25;} .fm-home-nav .box-title .info .time .clock-icon {margin-right: 5px;margin-top: 2px;} .fm-home-nav .cont ul {display: flex;flex-wrap: wrap;margin-left: -10px;} .fm-home-nav .cont ul li {margin: 5px;white-space: nowrap;} .fm-home-nav .cont ul li:hover {transform: scale(1.07);transition: transform .1s ease;} /* .fm-home-nav .cont ul li.on {background-color: #FFF;;} */ .fm-home-nav .cont ul li a {font-size: 17px;color: #FFF;padding: 0 15px;height: 30px;border-radius: 30px;line-height: 1.2;display: inline-flex;align-items: center;justify-content: center;} .fm-home-nav .cont ul li.on a {background-color: #FFF;color: #222;font-weight: bold;} .fm-home-nav .cont ul li.home.on a {background-color: #0000;color: #FFF;font-weight: normal;} .fm-home-nav .home-border-icon {margin-right: 3px;margin-bottom: -2px;} /* tab-list-box */ .tab-list-box {} .tab-list-box .box-title {max-width: 1200px;margin: 0 auto 26px;} .tab-list-box .tab-cont {border-radius: 0;height: 50px;} .tab-list-box .tab {border-radius: 0;height: 50px;font-size: 20px;letter-spacing: -1px;} .tab-list-box .tab.on {} .tab-list-box .program-cont {display: flex;margin: 0 auto;width: 1200px;} .tab-list-box .program-cont .thumb:first-of-type {margin-right: 40px;} .tab-list-box .program-cont .thumb {width: calc((100% - 40px) / 2);height:244px;} .tab-list-box .program-cont .thumb:hover {transform: scale(1.03);transition: transform .2s ease;} .tab-list-box .sliding-box .thumb {aspect-ratio: 25 / 34;;height: fit-content;width: 100%;} .tab-list-box .sliding-box .thumb img {object-position: center;} .tab-list-box .sliding-box .swiper-button-prev,.tab-list-box .sliding-box .swiper-button-next {top: 53% !important;} .tab-list-box .sliding-box .title {text-align: center;margin-bottom: 0;line-height: 1.3;font-weight: bold;padding: 0 5px;word-break: keep-all;} .tab-list-box .sliding-box .swiper {padding: 60px 15px 20px;} /* .tab-list-box .sliding-box .swiper-slide {max-height: 363px;height: 363px;} */ .tab-list-box .sliding-box .swiper-slide:hover {transition: all .3s ease;padding: 0;z-index: 10;transform: scale(1.1);} .tab-list-box .cont {display: none;} .tab-list-box .cont.on {display: block;} /* sch-link */ .sch-link {width: fit-content;position: absolute;left: calc((100% - 1200px) / 2);z-index: 10;} .sch-link .box-title {background-color: #4a2194;justify-content: space-between;padding: 3px 11px;margin-bottom: 0;border-top-left-radius: 6px;border-top-right-radius: 6px;} .sch-link .box-title .name {font-size: 17px;font-weight: normal;color: #FFF;} .sch-link .box-title .date {font-size: 15px;font-weight: normal;color: rgba(255, 255, 255, 0.95);} .sch-link .list {display: flex;justify-content: space-between;border: 1px solid #0005;border-top: 0;} .sch-link .list li {padding: 3px 11px;} .sch-link .list li a {font-size: 15px;} .sch-link .list li a:hover {font-weight: bold;} /* out-link */ .out-link {width: fit-content;position: absolute;right: calc((100% - 1200px) / 2);z-index: 10;} .out-link .list {display: flex;} .out-link .list li {padding: 0 20px;position: relative;} .out-link .list li:first-of-type {padding-left: 0;} .out-link .list li:last-of-type {padding-right: 0;} .out-link .list li:not(:last-of-type)::after {content: '';display: inline-block;position: absolute;top: 0;right: 0;z-index: 15;width: 1px;height: 43px;border-right: 1px solid #ddd;} .out-link .list li a {display: flex;flex-direction: column;align-items: center;justify-content: center;} .out-link .list li img {height: 43px;width: auto;} .out-link .list li .title {font-size: 15px;text-align: center;} .out-link .list li a:hover .title {font-weight: bold;} /* radio-tab-list */ .radio-tab-list {padding-top: 5px;} .radio-tab-list .box-title {justify-content: center;margin-bottom: 30px;} .radio-tab-list .tab-cont {background-color: unset;height: fit-content;} .radio-tab-list .tab-cont .tab {height: fit-content;border-radius: unset;font-size: 22px;font-weight: bold;letter-spacing: -1.3px;line-height: 1;margin: 0 26px;} .radio-tab-list .tab-cont .tab.on {transition: border .2s ease;background-color: unset;font-size: 26px;color: #0142bb;border-top: 3px solid #4a2194;border-bottom: 3px solid #337eb8;padding: 10px 16px;} .radio-tab-list .swiper-slide .icon-cont {display: flex;justify-content: center;} .radio-tab-list .swiper-slide.swiper-slide-active .icon-cont {justify-content: flex-start;} .radio-tab-list .sliding-box .swiper {width: 1220px;min-width: 1220px;max-width: 1220px;padding: 20px 10px;} .radio-tab-list .sliding-box .swiper-slide {width:13% !important;padding-top: 35px;} .radio-tab-list .sliding-box .swiper-slide .thumb {height: 207px;} .radio-tab-list .sliding-box .swiper-slide .vertical {display: block;} .radio-tab-list .sliding-box .swiper-slide .horizontal {display: none;} .radio-tab-list .sliding-box .swiper-slide .title {display: none;} .radio-tab-list .sliding-box .swiper-slide .info {display: none;} .radio-tab-list .sliding-box .swiper-slide > .onair-icon {display: block;position: absolute;top: 0;left: calc((100% - 60px) / 2);} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active {width: 40% !important;padding-top: 0;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active .thumb {/*width:485px;*/height: 273px;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active .vertical {display: none;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active .horizontal {display: block;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active .title {display: block;font-weight: bold;font-size: 22px;display: flex;align-items: center;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active > .onair-icon {display: none;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active .title .onair-icon {display: inline-block;margin-left:7px;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active .info {display: flex;align-items: flex-start;font-size: 15px;font-weight: normal;line-height: 1.25;word-break: keep-all;color: #aaa;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active .info .clock-gray {margin-right:4px;margin-top: 2px;width:17px;height:17px} .radio-tab-list .sliding-box .swiper-button-prev, .radio-tab-list .sliding-box .swiper-button-next {top: 42% !important;} .radio-tab-list .cont {display: none;} .radio-tab-list .cont.on {display: block;} .radio-tab-list .sliding-box .swiper-slide .onair-menu {display: none;} .radio-tab-list .sliding-box .swiper-slide:hover .onair-menu {display: none;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active:hover .onair-menu {display: flex;justify-content: center;align-items: center;z-index: 30;position: absolute;top: 0;padding: 0 30px;width: 100%;height: 272px;background-color: #0009;} .radio-tab-list .sliding-box .swiper-slide .onair-menu li:not(:last-of-type) {margin-right: 30px;} .radio-tab-list .sliding-box .swiper-slide .onair-menu li a {width: fit-content;display: inline-flex;flex-direction: column;justify-content: center;color: #FFF;font-size: 16px;} .radio-tab-list .sliding-box .swiper-slide .onair-menu li a span {margin-bottom: 10px;} .radio-tab-list .sliding-box .swiper-slide .onair-menu li a:hover {transform: scale(1.07);} .radio-tab-list .sliding-box .swiper-slide .hover-menu {display: none;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active:hover .onair-menu + .hover-menu {display: none;} .radio-tab-list .sliding-box .swiper-slide.swiper-slide-active:hover .hover-menu {display: flex;justify-content: center;align-items: center;height: 272px;top: 0;} .radio-tab-list .sliding-box .swiper-slide:hover .hover-menu {display: flex;justify-content: center;align-items: center;z-index: 30;position: absolute;top: 35px;padding: 0 30px;width: 100%;height: 205px;background-color: #0009;} .radio-tab-list .sliding-box .swiper-slide .hover-menu li a {width: fit-content;display: inline-flex;flex-direction: column;justify-content: center;color: #FFF;font-size: 16px;} .radio-tab-list .sliding-box .swiper-slide .hover-menu li a img {height: 35px;width: auto;object-fit: contain;margin-bottom: 10px;} .radio-tab-list .sliding-box .swiper-slide .hover-menu li a:hover {transform: scale(1.07);} .radio-tab-list .link-onair {display:inline-flex;align-items: center;} /* nocut-box */ .nocut-box {padding-top: 10px;display: flex;align-items: center;} .nocut-box .thumb {width:188px;height: 105px;margin-right: 20px;} .nocut-box .article {display: block;margin-bottom: 12px;} .nocut-box .article:last-of-type {margin-bottom: 0;} .nocut-box .article .title {font-size: 16px;-webkit-line-clamp: 1;} /* sch-table */ .sch-table {} .sch-table .box-title {align-items: baseline;justify-content: space-between;} .sch-table .list {background-color: #d3e6f1;height: 278px;padding: 16px 0;} .sch-table .list .article {padding: 8px 20px;} .sch-table .list .article .title {font-size: 17px;-webkit-line-clamp: 1;} .sch-table .list .article .title .time {display: inline-block;margin-right: 10px;} .sch-table .list .article.onair {background-color: #b0d5eb;} .sch-table .list .article.on {background-color: #196ac2;} .sch-table .list .article.on .title {color: #FFF;} /* onair-player */ .onair-player {padding-bottom: 90px;} .onair-player .box-title {justify-content: center;} .onair-player .onair-sch {display: none;} .onair-player .box-title .name::after {position: absolute;top: 2px;right: -10px;display: block;content: '';width: 8px;height: 8px;background-color: #ff0000;border-radius: 50%;} .onair-player .article .thumb {height: 278px;margin-bottom: 10px;} .onair-player .article .title {font-size: 21px;letter-spacing: -1px;} .onair-player .article .info {margin-top: 9px;line-height: 1.3;font-size: 15px;color: #666;letter-spacing: -0.4px;word-break: keep-all;} /* tv-tab-list-box */ .tv-tab-list-box {padding: 0 calc((100% - 1200px) / 2) 50px;} .tv-tab-list-box .box-title {} .tv-tab-list-box .tv-tab-cont {margin-left: 30px;} .tv-tab-list-box .tv-tab-cont .tab {padding: 4px 15px 5px;font-size: 17px;line-height: 1.1;} .tv-tab-list-box .tv-tab-cont .tab:hover {font-weight: bold;} .tv-tab-list-box .tv-tab-cont .tab.on:hover {font-weight: normal;} .tv-tab-list-box .box-title .cont {position: absolute;right: 0;} .tv-tab-list-box .box-title .cont .btn-gray {margin-left: 10px;} .tv-tab-list-box .list {display: none;} .tv-tab-list-box .list.on {display: flex;flex-wrap: wrap;} .tv-tab-list-box .article {width: calc((100% - 80px) / 5);margin-right: 20px;margin-bottom: 40px;} .tv-tab-list-box .article:hover {transform: scale(1.08);transition: transform .2s ease} .tv-tab-list-box .article:nth-of-type(5n), .tv-tab-list-box .article:last-of-type {margin-right: 0;} .tv-tab-list-box .article .thumb {aspect-ratio:25 / 34;margin-bottom: 10px;} .tv-tab-list-box .article .thumb img {object-position: center;} .tv-tab-list-box .article .title {text-align: center;line-height: 1.3;font-weight: bold;padding: 0 5px;word-break: keep-all;} /* sp-box . 선교 후원배너 */ .sp-box {font-family: 'SEBANG Gothic';margin: 0 auto 90px;padding: 0 50px;width: 1070px;height: 110px;display: flex;align-items: center;border-radius: 10px;background-color: #4f6bba;} .sp-box .bnn {width: 100%;font-size: 33px;color: #FFF;font-weight: bold;line-height: 1.4;;} .sp-box .cont {display: flex;} .sp-box .cont a {margin-left: 20px;} .sp-box .btn-sp1:hover, .sp-box .btn-sp2:hover {transform: scale(1.03);} /* board-box */ .board-box {padding-bottom: 50px;width: 500px;margin: unset;} .board-box .box-title {align-items: center;margin-bottom: 0;} .board-box .list {display: flex;flex-wrap: wrap;padding: 20px 8px 0;} .board-box .article {width: calc((100% - 30px) / 2);height: 190px;background-color: #FFF;border-radius: 10px;border: 1px solid #0001;box-shadow: 0 0 15px 7px #0001;padding: 25px 23px;margin-right: 30px;margin-bottom: 30px;cursor: pointer;} .board-box .article:nth-child(2n) {margin-right: 0;} .board-box .article .title {font-size: 20px;line-height: 1.4;letter-spacing: normal;} .board-box .article .date {font-size: 19px;line-height: 1.1;position: absolute;bottom: 38px;} .board-box .article.on {transform: scale(1.02);background-color: #4f6bba;} .board-box .article.on .title, .board-box .article.on .date {color: #FFF;font-weight: normal;} /* .board-box .article .circle-arr {position: absolute;right: 23px;bottom: 25px;} */ /* board3n-box */ .board3n-box {padding-left: 40px;padding-bottom: 40px;margin: unset;height: fit-content;} .board3n-box .box-title {align-items: center;margin-bottom: 0;} .board3n-box .list {display: flex;flex-wrap: wrap;padding: 20px 10px;} .board3n-box .article {width: 240px;height: 200px;background-color: #FFF;border-radius: 10px;border: 1px solid #0001;box-shadow: 0 0 15px 7px #0001;padding: 25px 23px;margin-right: 30px;margin-bottom: 30px;cursor: pointer;} .board3n-box .article:nth-child(3n) {margin-right: 0;} .board3n-box .article:nth-last-of-type(-n+3) {margin-bottom: 0;} .board3n-box .article .title {font-size: 20px;line-height: 1.4;letter-spacing: normal;} .board3n-box .article .date {font-size: 19px;line-height: 1.1;position: absolute;bottom: 68px;} /* .board3n-box .article .circle-arr {position: absolute;right: 23px;bottom: 25px;} */ .board3n-box .article.on {background-color: #4f6bba;} /* .board3n-box .article.on .circle-arr {display: none;} */ .board3n-box .article.on .title {color: #FFF;font-size: 20px;line-height: 1.4;font-weight: normal;letter-spacing: normal;} .board3n-box .article.on .date {color: #eee;font-size: 19px;line-height: 1.1;} /* sermon-list */ .sermon-list {padding: 0 10px 90px;width: 1220px;} .sermon-list .box-title {align-items: center;margin-bottom: 20px;} .sermon-list .box-title .search-cont {position: absolute;right: 0;top: 2px;} .sermon-list .box-title .search-cont input {width: 220px;} .sermon-list .list {display: flex;flex-wrap: wrap;} .sermon-list .article {cursor: pointer;;width: calc((100% - 90px) / 7);padding: 18px;background-color: #FFF;box-shadow: 0 0 10px 5px #0001;border: 1px solid #0001;border-radius: 10px;margin: 0 15px 15px 0;display: flex;flex-direction: column;align-items: center;} .sermon-list .article:nth-child(7n) {margin-right: 0;} .sermon-list .article .thumb {width: 112px;height: 125px;margin-bottom: 5px;} .sermon-list .article .info {color: #666;font-size: 12px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;} .sermon-list .article .title {font-size: 15px;text-align: center;} .sermon-list .article:hover {background-color: #4f6bba;} .sermon-list .article:hover .info {color: #FFF;} .sermon-list .article:hover .title {color: #FFF;font-weight: normal;} .sermon-list .more-cont {margin-top: 40px;text-align: center;} .sermon-list .more-cont a {display: inline-block;color: #FFF;font-size: 20px;background-color: #4f6bba;border-radius: 6px;width: 160px;height: 44px;text-align: center;line-height: 2;} .sermon-list .more-cont a:hover {transform: scale(1.02);} /* shorts-box */ .shorts-box {padding: 0 10px 90px;width: 1220px;} .shorts-box .list {display: flex;} .shorts-box .article {width: calc((100% - 100px) / 5);margin-right: 25px;} .shorts-box .article:hover {transform: scale(1.05);transition: transform .1s ease;} .shorts-box .article:nth-of-type(5n) {margin-right: 0;} .shorts-box .article .thumb {height: 391px;margin-bottom: 12px;} .shorts-box .article .title {-webkit-line-clamp: 1;font-size: 17px;letter-spacing: normal;margin-bottom: 3px;} .shorts-box .article .info {font-size: 14px;color: #777;} /* mission-pg-bnn */ .mission-pg-bnn {padding-bottom: 90px;} .mission-pg-bnn .list {display: flex;} .mission-pg-bnn .article {width: calc((100% - 60px) / 4);margin-right: 20px;} .mission-pg-bnn .article:nth-of-type(4n) {margin-right: 0;} .mission-pg-bnn .article .thumb {aspect-ratio: 11 / 9;} .mission-pg-bnn .article .title {font-size: 30px;letter-spacing: -0.4px;color: #FFF;font-weight: bold;word-break: keep-all;line-height: 1.3;position: absolute;z-index: 5;top: 0;left:0;width: 100%;height: 100%;padding: 10px;text-align: center;display: flex;align-items: center;justify-content: center;background-color: #0006;border-radius: 6px;} .mission-pg-bnn .article:hover .title {transform: scale(1.13);transition: transform .1s ease;} /* board-photo-list . 게시판 포토 리스트*/ .board-photo-list {padding-top: 80px;} .board-photo-list .box-title {margin-bottom: 30px;padding: 0 calc((100% - 1200px) / 2);} /* .board-photo-list .box-title .name {font-size: 35px;} */ /* .board-photo-list .box-title .search-cont {width: 100%;display: flex;justify-content: flex-end;align-items: flex-end;} */ .board-photo-list .box-title .search-cont2 {position: absolute;right: calc((100% - 1200px) / 2);top: 0;z-index: 5;padding: 0;background-color: #FFF;border:0;margin-bottom: 0;} .board-photo-list .list {display: flex;flex-wrap: wrap;padding: 0 calc((100% - 1200px) / 2);} .board-photo-list .article {width: calc((100% - 48px) / 3);margin-right: 24px;margin-bottom: 50px;} .board-photo-list .article:hover {transform: scale(1.02);transition: transform .1s ease;} .board-photo-list .article:nth-of-type(3n) {margin-right: 0;} .board-photo-list .article:nth-last-of-type(-n+3) {margin-bottom: 0;} .board-photo-list .article .thumb {margin-bottom: 10px;aspect-ratio: 16 / 9;} .board-photo-list .article .title {font-size: 18px;line-height: 1.3;} .board-photo-list .article .sub-title {font-size: 16px;color: #333;margin-top: 7px;} .board-photo-list .article .info-cont {display: flex;align-items: center;justify-content: space-between;} .board-photo-list .article .date {font-size: 14px;color: #777;margin-top: 5px;line-height: 1.2;} .board-photo-list .article .pv {padding: 0 10px;color: #777} .board-photo-list .article .icon-comm {color: #777;} .board-photo-list .page-cont {padding-top: 75px;padding-bottom: 100px;} .board-photo-list .search-cont2 {margin-bottom: 130px;} .main-height-320 + .home-nav + .board-photo-list {padding-top: 20px;} .board-photo-list .btn-cont {padding: 20px calc((100% - 1200px) / 2);display: flex;align-items: center;justify-content: flex-end;} .board-photo-list .btn-cont + .page-cont {padding: 45px 0;} /* board-photo-list2 . 게시판 포토 리스트*/ .main-height-400 + .board-photo-list2 {padding-top: 80px;} .board-photo-list2 {} .board-photo-list2 .box-title {padding: 0 calc((100% - 1200px) / 2);} .board-photo-list2 .box-title .name {font-size: 35px;font-family: 'NanumSquareNeo';font-weight: 500;color: #445cb4;} .board-photo-list2 .list {padding: 0 calc((100% - 1200px) / 2);} .board-photo-list2 .article {display: flex;border-bottom: 1px solid #ddd;padding: 25px 15px;} .board-photo-list2 .article .thumb {width: 255px;height: 144px;display: flex;align-items: center;justify-content: center;background-color: #0007;border: 0;} .board-photo-list2 .article .thumb img{height: auto;} .board-photo-list2 .article .text-box {position: relative;padding: 25px 20px 15px;} .board-photo-list2 .article .text-box .title {font-size: 22px;line-height: 1.35;} .board-photo-list2 .article .text-box .title:hover {font-weight: bold;} .board-photo-list2 .article .text-box .date {position: absolute;bottom: 15px;left: 20px;font-size: 18px;color: #999;line-height: 1.2;display: flex;align-items: baseline;} .board-photo-list2 .article .text-box .date i {margin-left: 30px;margin-right:2px;} .board-photo-list2 .page-cont {padding-top: 120px;padding-bottom: 45px;} .board-photo-list2 .btn-cont {padding: 20px calc((100% - 1200px) / 2);display: flex;align-items: center;justify-content: flex-end;} /* board-text-list . 게시판 텍스트 리스트*/ .board-text-list {padding-top: 80px;} .board-text-list .box-title {flex-direction: column;align-items: flex-start;padding: 0 calc((100% - 1200px) / 2);} .board-text-list .box-title.row {display: flex !important;flex-direction: row !important;} /* .board-text-list .box-title .name {font-size: 35px;} */ .board-text-list .box-title .search-cont {width: 100%;display: flex;justify-content: flex-end;align-items: flex-end;} .board-text-list .list {width: 1200px;margin: 0 auto;padding: 0;border-top: 3px solid #0005;border-bottom: 1px solid #0003;} .board-text-list .list li {display: flex;} .board-text-list .list li div {width: 130px;font-size: 16px;display: flex;align-items: center;justify-content: center;} .board-text-list .list li.head {font-size: 16px;font-weight: bold;background-color: #f5f5f5;border: 0;height: 48px;} .board-text-list .list li.head .title {font-size: 16px;width: 940px;} .board-text-list .list li.article {padding: 13px 0;border-top: 1px solid #ddd;font-size: 14px;} .board-text-list .list li.notice {background-color: #feffc6;} .board-text-list .list li.article .title {padding: 0 60px;width: 940px;justify-content: flex-start;height: 100%;} .board-text-list .list li.article .title:hover {font-weight: bold;} .board-text-list .list li.article .title a {font-size: 18px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;} .board-text-list .page-cont {padding-top: 75px;padding-bottom: 45px;} .board-text-list .search-cont2 {margin-bottom: 130px;} .main-height-400 + .board-text-list .search-cont2 {margin-bottom: 0;} .main-height-320 + .home-nav + .board-text-list {padding-top: 20px;} .board-text-list .btn-cont {padding: 20px calc((100% - 1200px) / 2);display: flex;align-items: center;justify-content: flex-end;} /* board css*/ .board-text-list table td.title {width: 45%;} .board-text-list table td.date {width: 120px;} .board-text-list table td.writer {width: 150px;} .board-text-list table td.no, .board-text-list table td.files,.board-text-list table td.pv {min-width: 80px;} .noticeTable td.title {padding-left: 16px;padding-right: 16px;} /* 게시판 table 디자인 */ .board-text-list table{ width: 1200px;margin: 0 auto;padding: 0;border-top: 3px solid #0005;border-bottom: 1px solid #0003;text-align: center;} .board-text-list table thead tr{font-size: 16px;font-weight: bold;background-color: #f5f5f5;border: 0; height: 48px;} .board-text-list table tbody tr td {font-size: 16px;padding: 13px 0;border-top: 1px solid #ddd;} .board-text-list table tbody tr .title {text-align: left;word-break: keep-all;} .board-text-list table tbody tr .title a:hover {font-weight: bolder;} .board-text-list table tbody tr.notice {background:#feffc6;} .board-text-list table tbody tr.notice .no {font-weight: bold;} .board-text-list table tbody tr.notice .title {font-weight: bold;} /* board-mg-list . 게시판 미션지 리스트*/ .board-mg-list {padding-top: 100px;} .board-mg-list .box-title {padding: 0 calc((100% - 1200px) / 2);} .board-mg-list .list {display: flex;flex-wrap: wrap;padding: 0 calc((100% - 1200px) / 2);} .board-mg-list .article {width: calc((100% - 190px) / 3);margin-right: 95px;margin-bottom: 70px;} .board-mg-list .article:hover {transform: scale(1.02);transition: transform .1s ease;} .board-mg-list .article:hover .title {font-weight: bold;} .board-mg-list .article:nth-of-type(3n) {margin-right: 0;} .board-mg-list .article:nth-last-of-type(-n+3) {margin-bottom: 0;} .board-mg-list .article .thumb {margin-bottom: 20px;} .board-mg-list .article .title {font-family: 'NanumSquareNeo';font-size: 22px;font-weight: normal;text-align: center;} .board-mg-list .page-cont {padding-top: 200px;padding-bottom: 45px;} .board-mg-list .search-cont2 {margin-bottom: 0px;} /* board-tab-list . 게시판 탭리스트*/ .board-tab-list {padding-top: 80px;} .board-tab-list .box-title {flex-direction: column;align-items: flex-start;padding: 0 calc((100% - 1200px) / 2);} /* .board-tab-list .box-title .name {font-size: 35px;} */ .board-tab-list .box-title .cont {width: 100%;display: flex;align-items: flex-end;padding: 26px 0 0;} .board-tab-list .box-title .search-cont {width: 100%;display: flex;justify-content: flex-end;align-items: flex-end;} .board-tab-list .box-title .board-tab-cont {display: inline-flex;align-items: flex-end;} .board-tab-list .box-title .board-tab-cont .tab {font-size: 16px;background-color: #ddd;border-radius: 30px;padding: 5px 30px;margin-right: 17px;white-space: nowrap;} .board-tab-list .box-title .board-tab-cont .tab:last-child {margin-right: 0;} .board-tab-list .box-title .board-tab-cont .tab.on {font-size: 18px;background-color: #ff8a00;color: #FFF;border-radius: 30px;padding: 7px 40px;} .board-tab-list .list {display: none;width: 1200px;margin: 0 auto;padding: 25px 0;border-top: 3px solid #0005;border-bottom: 1px solid #0003;} .board-tab-list .list.on {display: flex;flex-wrap: wrap;} .board-tab-list .list .article {width: calc((100% - 48px) / 3);margin-right: 24px;margin-bottom: 50px;} .board-tab-list .list .article:hover {transform: scale(1.02);transition: transform .1s ease;} .board-tab-list .list .article:nth-of-type(3n) {margin-right: 0;} .board-tab-list .list .article:nth-last-of-type(-n+3) {margin-bottom: 0;} .board-tab-list .list .article:nth-of-type(1) {margin-bottom: 0;} .board-tab-list .list .article .thumb {margin-bottom: 10px;aspect-ratio: 16 / 9;} .board-tab-list .list .article .thumb img {object-position: center;} .board-tab-list .list .article .text-box {font-family:'Noto Sans KR';} .board-tab-list .list .article .title {font-size: 18px;-webkit-line-clamp: 1;line-height: 1.3;} .board-tab-list .list .article .sub-title {font-size: 17px;color: #333;margin-top: 7px;} .board-tab-list .list .article .date {font-size: 14px;color: #777;margin-top: 5px;line-height: 1.2;} .board-tab-list .page-cont {margin-top: 25px;padding-top: 75px;padding-bottom: 45px;} .board-tab-list .btn-cont {width: 1200px;margin: 50px auto 0;display: flex;justify-content: flex-end;} .board-tab-list .search-cont2 {margin-bottom: 130px;} .board-tab-list .list.text-list {display: none;width: 1200px;margin: 0 auto;padding: 0;} .board-tab-list .list.text-list.on {display: block;} .board-tab-list .list.text-list li {display: flex;} .board-tab-list .list.text-list li div {width: 130px;display: flex;align-items: center;justify-content: center;} .board-tab-list .list.text-list li.head div {font-size: 16px;font-weight: bold;background-color: #f5f5f5;border: 0;height: 48px;} .board-tab-list .list.text-list li.head .title {font-size: 16px;width: 940px;} .board-tab-list .list.text-list li.article:hover {transform: unset;transition: unset;} .board-tab-list .list.text-list li.article {padding: 13px 0;width: 100%;border-top: 1px solid #ddd;margin: 0;font-size: 14px;} .board-tab-list .list.text-list li.article div {font-size: 16px;} .board-tab-list .list.text-list li.article .title {padding: 0 60px;width: 940px;justify-content: flex-start;height: 100%;} .board-tab-list .list.text-list li.article .title:hover {font-weight: bold;} .board-tab-list .list.text-list li.article .title a {font-size: 18px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;} .board-tab-list .search-title {font-size: 24px;font-weight: bold;position: absolute;width: 800px;left: calc((100% - 800px) / 2);top: 60px;text-align: center;} .main-height-320 + .home-nav + .board-tab-list {padding-top: 20px;} /* sermon-view . 설교 비디오뷰 */ .sermon-view {padding-bottom: 50px;max-width: 1200px;} .sermon-view .box-title {margin-bottom: 35px;} .sermon-view .box-title .name {font-size: 35px;} .sermon-view .cont {display: flex;align-items: flex-end;justify-content: space-between;} .sermon-view .cont .article {width: 710px;border-bottom: 1px solid #0004;} .sermon-view .cont .article .thumb {height: 400px;} .sermon-view .cont .article .text-box {display: flex;height: 100px;padding: 10px 0} .sermon-view .cont .article .title {font-size: 23px;padding-right: 45px;line-height: normal;} .sermon-view .cont .article .date {font-size: 18px;color: #777;} .sermon-view .cont .article .info {display: flex;align-items: center;margin-bottom: 25px;} .sermon-view .cont .article .info span {font-size: 24px;line-height: 1;} .sermon-view .cont .article .info span:last-of-type::before {content: '|';display: inline-block;margin: 0 15px;} .sermon-view .cont .text-cont {height: 500px;width: 460px;} .sermon-view .text-cont .view-tab-cont {display: flex;} .sermon-view .text-cont .view-tab-cont .tab {background-color: #bbb;color: #444;font-size: 19px;font-weight: bold;width: 50%;height: 45px;text-align: center;padding: 5px 0;cursor: pointer;} .sermon-view .text-cont .view-tab-cont .tab:first-of-type {border: 1px solid #bbb;border-bottom: 0;} .sermon-view .text-cont .view-tab-cont .tab:not(:first-of-type) {border: 1px solid #bbb;border-bottom: 0;border-left: 0;} .sermon-view .text-cont .view-tab-cont .tab.on {background-color: #FFF;color: #000;} .sermon-view .text-cont p {display: none;font-size: 16px;} .sermon-view .text-cont p.on {display: block;border: 1px solid#bbb;border-top: 0;height: calc(100% - 45px);width: 100%;padding: 25px 25px 40px;line-height: 1.7;word-break: keep-all;overflow-y: auto;} .sermon-view .text-cont p a {color: #004da0;} .sermon-view .text-cont p a:hover, .sermon-view .text-cont p a:focus {font-weight: bold;} /* sermon-view-list . 설교 비디오뷰 하단 리스트*/ .sermon-view-list {padding-bottom: 200px;max-width: 1200px;} .sermon-view-list .box-title .name {font-size: 24px;} .sermon-view-list .box-title .search-cont {margin-left: 25px;} .sermon-view-list .list {width: 100%;} .sermon-view-list .list li {display: flex;line-height: 1.1;} .sermon-view-list .list li .no {width: 80px;} .sermon-view-list .list li .program-title {width: 200px;} .sermon-view-list .list li .title {width: 400px;} .sermon-view-list .list li .bible {width: 200px;} .sermon-view-list .list li .btnCont {width: 160px;min-width:160px;} .sermon-view-list .list li .date {width: 160px;} .sermon-view-list .list li.head {background-color: #4f6bba;color: #FFF;font-size: 18px;height: 45px;} .sermon-view-list .list li > div {display: flex;align-items: center;justify-content: center;} .sermon-view-list .list li.article {font-size: 18px;color: #444;border:1px solid #bbb;border-top: 0;} .sermon-view-list .list li.article.on {background-color: #d8e0f580;} .sermon-view-list .list li.article > div {border-right: 1px solid #bbb;overflow: hidden;height: 54px;} .sermon-view-list .list li.article > div:last-child {border-right: 0} .sermon-view-list .list li.article .no {background-color: #d8e0f5;} .sermon-view-list .list li.article .title {padding-left: 20px;padding-right: 20px;justify-content: flex-start;} .sermon-view-list .list li.article .program-title {padding:0 16px;justify-content: flex-start;color: #777;font-size: 17px;} .sermon-view-list .list li.article .title a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;letter-spacing: -0.4px;} .sermon-view-list .list li.article .title a:hover {font-weight: bold;} .sermon-view-list .page-cont {margin-top: 45px;} .sermon-view-list .list.radio-list li .title {width: 600px;} /* sermon-search-box . 설교 검색 리스트 */ .sermon-search-box {padding-bottom: 300px;} .sermon-search-box > .box-title {margin-bottom: 30px;width: 100%;padding: 0 calc((100% - 1200px) / 2);} .sermon-search-box > .box-title .name {font-size: 35px;} .sermon-search-box form .cont {display: flex;align-items: center;font-size: 18px;width: 100%;padding: 0 calc((100% - 1200px) / 2);margin-bottom: 20px;} .sermon-search-box .tab-cont {margin: 0 20px;height: 37px;} .sermon-search-box .tab-cont .tab {font-size: 18px;color: #999;height: 100%;padding: 0 15px;} .sermon-search-box .tab-cont .tab.on {color: #FFF;background: rgb(111,20,156);background: linear-gradient(0deg, rgba(111,20,156,1) 0%, rgba(79,107,186,1) 100%);} .sermon-search-box .sort-cont {display: none;width: 100%;padding: 12px calc((100% - 1200px) / 2);margin-bottom: 50px;font-size: 17px;} .sermon-search-box .sort-cont.on {display: flex;align-items: center;} .sermon-search-box .sort-cont li {margin: 0 2px;width: 28px;height: 27px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;} .sermon-search-box .sort-cont li:last-of-type {width: fit-content;padding: 0 12px;} .sermon-search-box .sort-cont li.on {color: #FFF;background: rgb(111,20,156);background: linear-gradient(0deg, rgba(111,20,156,1) 0%, rgba(79,107,186,1) 100%);border-radius: 50px;} .sermon-search-box .sort-cont li.text {margin-right: 15px;width: fit-content;} .sermon-search-box .sort-cont li.text.on {background: transparent;color: #000;} .sermon-search-box .bible-cont {width: 1200px;margin: 0 auto 50px;display: none;} .sermon-search-box .bible-cont.on {display: block;} .sermon-search-box .bible-cont ul {display: flex;flex-wrap: wrap;border: 1px solid #999;} .sermon-search-box .bible-cont ul + ul {margin-top: 12px;} .sermon-search-box .bible-cont ul li {cursor:pointer;width: calc(100% / 8);height: 45px;display: flex;align-items: center;padding: 0 8px;font-size: 18px;border:1px solid #999;border-top: 0;border-left: 0;} .sermon-search-box .bible-cont ul li:nth-last-of-type(-n+8) {border-bottom: 0;} .sermon-search-box .bible-cont ul li:nth-of-type(8n) {border-right: 0;} .sermon-search-box .bible-cont ul li.on {background-color: #4f6bba;color: #FFF;} .sermon-search-box .sermon-list {margin: 0 auto;padding-bottom: 100px;} .sermon-search-box .sermon-list:last-of-type {padding-bottom: 0;} .sermon-search-box .search-list {display: none;} .sermon-search-box .search-list.on {display: block;} .sermon-search-box .bible-list {width: 1200px;margin: 0 auto 0;} .sermon-search-box .bible-list li {display: flex;line-height: 1.1;} .sermon-search-box .bible-list li .date {width: 160px;} .sermon-search-box .bible-list li .info {width: 300px;} .sermon-search-box .bible-list li .title {width: 550px;} .sermon-search-box .bible-list li .btnCont {width: 190px;} .sermon-search-box .bible-list li.head {background-color: #4f6bba;color: #FFF;font-size: 18px;height: 45px;} .sermon-search-box .bible-list li > div {display: flex;align-items: center;justify-content: center;} .sermon-search-box .bible-list li.article {font-size: 18px;color: #444;border:1px solid #bbb;border-top: 0;} .sermon-search-box .bible-list li.article > div {border-right: 1px solid #bbb;overflow: hidden;height: 54px;} .sermon-search-box .bible-list li.article > div:last-child {border-right: 0} .sermon-search-box .bible-list li.article .date {background-color: #d8e0f5;} .sermon-search-box .bible-list li.article .info, .sermon-search-box .bible-list li.article .title {padding-left: 20px;padding-right: 20px;justify-content: flex-start;} .sermon-search-box .bible-list li.article .title a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;letter-spacing: -0.4px;} .sermon-search-box .bible-list li.article .title a:hover {font-weight: bold;} .sermon-search-box .bible-list li.article .bible {padding: 0 5px;text-align: center;word-break: keep-all;} .sermon-search-box .bible-list li.article.on {background-color: aliceblue;} .sermon-search-box .search-list .page-cont {margin-top: 45px;} .btn-sermon-replay:hover {transform: scale(1.03);box-shadow: 1px 1px 10px 5px #0002;} .sermon-search-box .sermon-view {width: 1200px;margin: 0 auto;} /* main-dicon . 디콘 메인 상단 고정 이미지 박스 */ .main-dicon {padding-bottom: 90px;position: relative;} .main-dicon .thumb {height: 320px;min-height: 320px;max-height: 320px;border: 0;} /* .main-dicon .thumb::after {width: 100%;height: 200px;display: block;content: '';position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom, #0000, #0007) no-repeat;background-size: 100%;} */ .main-dicon .thumb img {min-width: 1200px;} .main-dicon .text-box {color: #FFF;position: absolute;top:150px;} .main-dicon .text-box .title {letter-spacing: -5px;line-height: 1.18;font-size: 60px;font-weight: bold;text-shadow: 1px 1px 9px #0009;margin-bottom: 15px;} @media screen and (min-width: 1200px) { .main-dicon .text-box {left: calc((100% - 1150px) / 2);} } .main-dicon .cont {position: absolute;z-index: 10;right: calc((100% - 1200px) / 2);top: 120px;text-align: right;} .main-dicon .cont .btn-orange {font-size: 21px;font-weight: bold;letter-spacing: -0.7px;color: #ff8000;background-color: #FFF;border: 6px solid #f67122;border-radius: 50px;padding: 10px 50px;} .main-dicon .cont .desc {font-size: 22px;color: #FFF;text-shadow: 1px 1px 4px #0004;margin-top: 25px;} /* dicon-tab-list . 디콘 탭리스트 */ .dicon-tab-list {padding: 0 10px 150px;width: 1220px;} .dicon-tab-list .box-title {margin-bottom: 70px;} .dicon-tab-list .list {display: none;} .dicon-tab-list .list.on {display: flex;flex-wrap: wrap;} .dicon-tab-list .oval-tab-cont {margin-left: 30px;} .dicon-tab-list .oval-tab-cont .tab.on {background: rgb(111,20,156);background: linear-gradient(to bottom, #9929ea 0%, #5808fb 100%);} .dicon-tab-list .oval-tab-cont .tab:hover {background: rgb(111,20,156);background: linear-gradient(to bottom, #9929ea 0%, #5808fb 100%);} .dicon-tab-list .article:hover {transform: scale(1.05);transition: transform .1s ease;} .dicon-tab-list.youtube {} .dicon-tab-list.youtube .article {width: calc((100% - 125px) / 6);margin-right: 25px;margin-bottom: 75px;} .dicon-tab-list.youtube .article:nth-of-type(6n), .dicon-tab-list.youtube .article:last-of-type {margin-right: 0;} .dicon-tab-list.youtube .article:nth-last-of-type(-n+6) {margin-bottom: 0;} .dicon-tab-list.youtube .article .thumb {width: 178px;aspect-ratio: 1 / 1;border-radius: 50%;margin-bottom: 24px;border-color: #0002;} .dicon-tab-list.youtube .article .thumb img {object-position: center;} .dicon-tab-list .article .title {text-align: center;word-break: keep-all;font-size: 18px;-webkit-line-clamp: unset;padding: 0 5px;line-height: 1.3;height: 52px;} .dicon-tab-list.podcast {} .dicon-tab-list.podcast .article {width: calc((100% - (56px * 3)) / 4);margin-right: 56px;margin-bottom: 60px;} .dicon-tab-list.podcast .article:nth-of-type(4n), .dicon-tab-list.youtube .article:last-of-type {margin-right: 0;} .dicon-tab-list.podcast .article:nth-last-of-type(-n+4) {margin-bottom: 0;} .dicon-tab-list.podcast .article .thumb {aspect-ratio: 1/ 1;margin-bottom: 10px;} .dicon-tab-list.podcast .article .thumb img {object-position: center;} /* dicon-bnn-box . 디콘 메인 배너리스트 */ .dicon-bnn-box {width: 1200px;padding-bottom: 150px;} .dicon-bnn-box .box-title {margin-bottom: 40px;} .dicon-bnn-box .list {display: flex;flex-wrap: wrap;} .dicon-bnn-box .cont {width: calc((100% - 30px) / 2);margin-right: 30px;margin-bottom: 30px;} .dicon-bnn-box .cont:nth-of-type(2n), .dicon-bnn-box .list .cont:last-of-type {margin-right: 0;} .dicon-bnn-box .cont:nth-last-of-type(-n+2) {margin-bottom: 0;} .dicon-bnn-box .cont .btn-oval {color: #777;position: relative;display: flex;justify-content: flex-start;width: 100%;height: 150px;border-radius: 75px;border-color: #aaa;padding: 0 95px;} .dicon-bnn-box .cont .btn-oval:hover {background-color: rgba(215, 229, 255, 0.367);color: #444;border-color: #0001;transform: scale(1.01);box-shadow: 0px 0px 20px #0002;transition: all .1s ease;} .dicon-bnn-box .cont .btn-oval .logo {width: 92px;height: auto;margin-right: 20px;} .dicon-bnn-box .cont .btn-oval .title {font-size: 48px;font-weight: bold;line-height: 1.2;} .dicon-bnn-box .cont .btn-oval .icon {width: 97px;height: 97px;position: absolute;right: 85px;} /* dicon-app-box . 디콘 앱소개, PC레인보우 */ .dicon-app-box {font-family: 'NanumSquareNeo';padding-bottom: 280px;} .dicon-app-box .main-dicon {padding-bottom: 55px;} .dicon-app-box .main-dicon .text-box {top: 105px;} .dicon-app-box .btn-oval:hover {background-color: unset;color: unset;} .dicon-app-box .box-title {justify-content: space-between;margin-bottom: 50px;width: 100%;padding: 0 calc((100% - 1200px) / 2);} .dicon-app-box .box-title .name {font-size: 50px;letter-spacing: -1.2px;font-weight: 500;} .dicon-app-box .box-title .btn-oval {margin-right: 15px;width: 160px;height: 44px;padding: 0;font-size: 20px;border-radius: 30px;} .dicon-app-box .box-title .btn-oval:last-of-type {margin-right: 0;} .dicon-app-box .box-title .btn-oval.on {color: #FFF;background-color: #004da0;border-color: #004da0;} .dicon-app-box .list {width: 100%;padding: 0 calc((100% - 1200px) / 2);} .dicon-app-box .item {position: relative;width: 100%;border-bottom: 1px solid #999;} .dicon-app-box .item .folding-arr {cursor: pointer;;content: '';position: absolute;z-index: 10;top: 130px;right: 50px;display: flex;align-self: center;justify-self: center;width: 48px;height: 48px;border: 1px solid #999;border-radius: 50%;background: #FFF url('/img/icon/arrow-down-g.png') no-repeat center 13px;background-size: 23px auto;} .dicon-app-box .item.on .folding-arr {background: #777 url('/img/icon/arrow-up-w.png') no-repeat center 11px;background-size: 23px auto;} .dicon-app-box .item .cont {display: flex;padding: 50px 0;cursor: pointer;} .dicon-app-box .item .cont .icon {width: 155px;height: 155px;border-radius: 25px;border: 1px solid #0001;overflow: hidden;} .dicon-app-box .item .cont .icon img {width: 100%;height: 100%;object-fit: cover;object-position: center;} .dicon-app-box .item .cont .text-box {padding: 15px 50px;} .dicon-app-box .item .cont .title {font-size: 35px;font-weight: 500;line-height: normal;margin-bottom: 15px;} .dicon-app-box .item .desc {font-size: 22px;color: #777;font-weight: normal;line-height: 1.6;} .dicon-app-box .item .desc a {color: #777;} .dicon-app-box .item .hide-cont { overflow: hidden;max-height: 0;transition: 0.3s ease;} .dicon-app-box .item.on .hide-cont {display: block;max-height: fit-content;padding: 20px 0;width: 1020px;margin: 0 auto;} .dicon-app-box .item .hide-cont .thumb {border: 0;margin-bottom: 60px;} .dicon-app-box .item .qr-cont {display: flex;justify-content: space-between;} .dicon-app-box .item .qr-cont .cont {align-items: center;padding: 100px 0;} .dicon-app-box .item .qr-cont .cont > img {width: 170px;height: 170px;border: 5px solid #eee;} .dicon-app-box .item .qr-cont .btn-oval {margin-left: 30px;flex-direction: column;width: 240px;height: 130px;border-color: #bbb;color: #026ddf;font-size: 23px;font-weight: normal;} .dicon-app-box .item .qr-cont .btn-oval .down {color: #000;font-size: 33px;font-weight: bold;display: flex;align-items: center;} .dicon-app-box .item .qr-cont .btn-oval .down-icon2 {margin-right: 8px;} .dicon-app-box .item .qr-cont .btn-oval:hover {background-color: rgba(215, 229, 255, 0.367);box-shadow: 0 0 8px 5px #0001;} .dicon-app-box .text-cont {font-size: 22px;color: #555;line-height: 1.7;border-bottom:1px solid #999;padding:60px 10px;} .dicon-app-box .text-cont:last-child {border-bottom: 0;} .dicon-app-box .text-cont a {color: #555;margin-top: 15px;display: block;} .dicon-app-box .text-cont .title {margin-bottom: 20px;color: #000;font-weight: 500;font-size: 30px;} .dicon-app-box .text-cont ul li {padding: 24px 0;} .dicon-app-box .text-cont ul li .btn-orange {display: inline-block;color: #FFF;font-size: 18px;background-color: #f67122;padding: 6px 25px;} .dicon-app-box .text-cont ul li img {width: 820px;height: auto;margin-left: 25px;margin-top: 20px;} .dicon-app-box .item .btn-cont {position: absolute;right: 230px;top: 130px;} .dicon-app-box .item .btn-oval {width: 160px;height: 44px;padding: 0;font-size: 20px;border-radius: 30px;} .dicon-app-box .item .btn-oval:hover {color: #FFF;background-color: #004da0;border-color: #004da0;} /* program-list . TV, 라디오 전체 프로그램 리스트*/ .program-list {padding-bottom: 230px;padding-top: 90px;} .program-list .box-title {width: 1200px;margin: 0 auto 45px;} .program-list .box-title .name {font-size: 36px;} .program-list .flex-cont {width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;} .program-list .oval-tab-cont {margin-left: 30px;} .program-list .oval-tab-cont .tab.on {background-color: #2370b5;} .program-list .box-title .cont {position: absolute;right: 0;} .program-list .list {display: none;} .program-list .list.on {width: 1220px;padding: 0 10px;margin: 0 auto;display: flex;flex-wrap:wrap} .program-list .article {width: calc((100% - 80px) / 5);height: 360px;margin-right: 20px;margin-bottom: 70px;} .program-list .article:nth-of-type(5n), .program-list .article:last-of-type {margin-right: 0;} .program-list .article:nth-last-of-type(-n+5) {margin-bottom: 0;} .program-list .article:hover {transform: scale(1.04);transition: transform .13s ease-in;} .program-list .article .thumb {width:224px;height: 304px;margin-bottom: 10px;} .program-list .article .thumb img {object-position: center;} .program-list .article .title {-webkit-line-clamp: 2;text-align: center;font-size: 16px;letter-spacing: normal;line-height: 1.3;word-break: keep-all;padding: 0 15px;} /* view-box2 . TV 방영 프로그램 다시보기, 라디오 다시듣기 뷰 */ .view-box2 {padding-top: 90px;} .view-box2 .box-title {width:1200px;margin: 0 auto 30px;justify-content: space-between;} .view-box2 .box-title .cont {display: flex;align-items: center;justify-content: flex-start;} .view-box2 .box-title .oval-tab-cont {margin-left: 30px;} .view-box2 .box-title .oval-tab-cont .tab.on {background-color: #2370b5;} .view-box2 .box-title .name {font-size: 36px;} .view-box2 .box-title .btn-oval {margin-left: 25px;height: fit-content;} .view-box2 .view {width: 1023px;margin: 0 auto;padding-bottom: 100px;} .view-box2 .view .thumb {width: 100%;height: auto;border: 0;} .view-box2 .view .text-box {display: flex;width: 100%;} .view-box2 .view .text-box .title-cont {padding: 25px 35px;background-color: #2370b5;color: #FFF;width: 65%;} .view-box2 .view .text-box .title-cont .program {font-size: 30px;line-height: 1.1;margin-bottom: 10px;} .view-box2 .view .text-box .title-cont .title {font-size: 18px;line-height: 1.3;margin-bottom: 7px;} .view-box2 .view .text-box .title-cont .date {font-size: 18px;line-height: 1.1;} .view-box2 .view .text-box .info-cont {padding: 25px 35px;background-color: #195081;color: #FFF;width: 35%;font-size: 18px;word-break: keep-all;} .view-box2 .view .text-box .info-cont .info {font-size: 16px;margin-top: 4px;} .view-box2 .view .text-box .info-cont .info span {display: inline-block;margin-left: 20px;} .view-box2 .list {padding-top: 40px;border-top: 1px solid #ddd;} .view-box2 .list .list-title-cont {display: flex;align-items: center;justify-content: space-between;padding: 0 calc((100% - 1126px) / 2);margin-bottom: 20px;} .view-box2 .list .list-title {font-size: 27px;font-weight: bold;letter-spacing: -0.7px;} .view-box2 .list .list-title-cont .link-cont .btn-oval + .btn-oval {margin-left:5px} .view-box2 .list ul {width: 1126px;margin: 0 auto;border-top: 3px solid #0005;border-bottom: 1px solid #ddd;} .view-box2 .list ul li {display: flex;align-items: center;} .view-box2 .list ul li div {text-align: center;} .view-box2 .list ul li .date {width: 170px;} .view-box2 .list ul li .program {width: 250px;} .view-box2 .list ul li .btnCont {width: 170px;} .view-box2 .list ul li .title {width: 536px;} .view-box2 .list ul li.head {background-color: #f5f5f5;height: 47px;} .view-box2 .list ul li.head div {font-size: 16px;font-weight: bold;} .view-box2 .list ul li.article {border-top: 1px solid #ddd;height: 50px;} .view-box2 .list ul li.article .program {padding:0 20px;text-align: left;font-size: 17px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;} .view-box2 .list ul li.article .title {font-size: 18px;line-height: 1.5;text-align: left;-webkit-line-clamp: 1;} .view-box2 .list ul li.article .title:hover {font-weight: bold;} .view-box2 .list ul li.article .date {font-size: 16px;} .view-box2 .list ul li.article.on {background-color: #d8e0f580;} .view-box2 .page-cont {padding-top: 60px;padding-bottom: 45px;} .view-box2 .search-cont2 {margin-bottom: 130px;} .view-box2 .program-cont-wrap {display: flex;flex-wrap: wrap;width: 1200px; margin: 0 auto 75px;} .view-box2 .program-cont-wrap .btn-fold {margin: 0 auto;width: 195px;background-color: #eee;border: 1px solid #bbb;border-top:0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;padding: 6px 0 10px;text-align: center;font-size: 18px;font-weight: bold;} .view-box2 .program-cont {display: flex;flex-wrap: wrap;width: 1200px; margin: 0 auto 0;} .view-box2 .program-cont li {height: 45px;width: calc(100% / 4);font-size: 17px;line-height: 1.1;display: flex;align-items: center;padding: 0 20px;} .view-box2 .program-cont li:nth-of-type(n+17) {display: none;} .view-box2 .program-cont li:nth-of-type(-n+4) {border: 1px solid #bbb;} .view-box2 .program-cont li:not(:nth-of-type(-n+4)) {border: 1px solid #bbb;border-top: 0;} .view-box2 .program-cont li:not(:nth-of-type(4n)) {border-right: 0;} .view-box2 .program-cont li:last-child {border-right: 1px solid #bbb;} .view-box2 .program-cont li.on {background-color: #196ac2;} .view-box2 .program-cont li.on a {color: #FFF;} .view-box2 .program-cont li:hover {background-color: #196bc217;} .view-box2 .program-cont li.on:hover {background-color: #196ac2;} .view-box2 .program-cont li a {display: flex;align-items: center;width: 100%;height: 100%;word-break: keep-all;} .view-box2 .program-cont .btn-fold {margin: 0 auto;width: 195px;background-color: #eee;border: 1px solid #bbb;border-top:0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;padding: 6px 0 10px;text-align: center;font-size: 18px;font-weight: bold;} /* tv-end-list . tv 종영 프로그램 리스트*/ .tv-end-list {padding-bottom: 230px;padding-top: 40px;} .tv-end-list .box-title {width: 1200px;margin: 0 auto 45px;} .tv-end-list .box-title .name {font-size: 36px;} .tv-end-list .box-title .cont {position: absolute;right: 0;} .tv-end-list .list {width: 1220px;padding: 0 10px;margin: 0 auto;display: flex;align-items: flex-end;flex-wrap:wrap} .tv-end-list .article {width: calc((100% - 100px) / 3);margin-right: 50px;margin-bottom: 50px;} .tv-end-list .article:nth-of-type(3n), .program-list .article:last-of-type {margin-right: 0;} .tv-end-list .article:nth-last-of-type(-n+3) {margin-bottom: 0;} .tv-end-list .article:hover {transform: scale(1.04);transition: transform .13s ease-in;} .tv-end-list .article .thumb {width:100%;height: 110px;margin-bottom: 10px;} .tv-end-list .article .title {-webkit-line-clamp: 1;text-align: left;font-size: 16px;letter-spacing: normal;} /* view-box . TV 종영 프로그램 다시보기 뷰 */ .view-box {padding-top: 90px;} .view-box .box-title {width:1200px;margin: 0 auto 40px;justify-content: space-between;} .view-box .box-title .cont {display: flex;align-items: center;} .view-box .box-title .name {font-size: 36px;} .view-box .box-title .btn-oval {margin-left: 25px;height: fit-content;} .view-box .view {width: 1023px;margin: 0 auto;padding-bottom: 40px;} .view-box .view .thumb {width: 100%;height:auto;border: 0;margin-bottom: 15px;} .view-box .view .title {font-size: 30px;letter-spacing: -1px;font-weight: bold;} .view-box .list {padding-top: 40px;border-top: 1px solid #ddd;} .view-box .list .list-title {width: 1126px;margin: 0 auto 20px;font-size: 27px;font-weight: bold;letter-spacing: -0.7px;} .view-box .list ul {width: 1126px;margin: 0 auto;border-top: 3px solid #0005;border-bottom: 1px solid #ddd;} .view-box .list ul li {display: flex;align-items: center;} .view-box .list ul li div {text-align: center;} .view-box .list ul li .date {width: 170px;} .view-box .list ul li .btnCont {width: 170px;} .view-box .list ul li .title {width: 786px;} .view-box .list ul li.head {background-color: #f5f5f5;height: 47px;} .view-box .list ul li.head div {font-size: 16px;font-weight: bold;} .view-box .list ul li.article {border-top: 1px solid #ddd;height: 50px;} .view-box .list ul li.article.on {background-color: #d8e0f580;} .view-box .list ul li.article .title {font-size: 18px;line-height: 1.5;text-align: left;} .view-box .list ul li.article .title:hover {font-weight: bold;} .view-box .list ul li.article .date {font-size: 16px;} .view-box .page-cont {padding-top: 60px;padding-bottom: 45px;} .view-box .search-cont2 {margin-bottom: 130px;} /* tv-intro-box . TV 마이크로사이트 프로그램 소개*/ .tv-intro-box {margin-bottom: 100px;} .tv-intro-box .box-title {justify-content: space-between;} .tv-intro-box .box-title .cont {display: flex;align-items: center;} .tv-intro-box .box-title .arr-cont {display: flex;align-items: center;} .tv-intro-box .swiper-pagination {font-size: 13px;bottom: unset;margin-right: 7px;} .tv-intro-box .swiper-pagination .swiper-pagination-current {color: #ff1818;} .tv-intro-box .swiper-button-prev, .tv-intro-box .swiper-button-next {position: relative !important;width: 24px;height: 24px;border: 1px solid #ccc;left: unset !important;right: unset !important;margin-top: unset;} .tv-intro-box .swiper-button-prev::after, .tv-intro-box .swiper-button-next::after {font-size: 12px !important;color: #444;} .tv-intro-box .swiper-button-prev:hover, .tv-intro-box .swiper-button-next:hover {transform: unset;} .tv-intro-box .swiper-slide {width: 100%;max-width: 470px;} .tv-intro-box .swiper-slide .thumb {width: 100%;height: fit-content;} .tv-intro-box .content {font-size: 16px;padding: 20px 5px;} /* tv-replay-box . TV 마이크로사이트 홈 다시보기 */ .tv-replay-box {max-width: 670px;padding-bottom: 100px;} .tv-replay-box .list {display: flex;flex-wrap: wrap;} .tv-replay-box .article .title {-webkit-line-clamp: 1;} .tv-replay-box .article .sub-title {-webkit-line-clamp: 1;} .tv-replay-box .article:first-of-type {width: 100%;margin-bottom: 30px;} .tv-replay-box .article:first-of-type .thumb {height: 377px;margin-bottom: 12px;cursor: pointer;border: 0;} .tv-replay-box .article:first-of-type .title {margin-bottom: 5px;font-size: 24px;} .tv-replay-box .article:not(:first-of-type) {width: calc((100% - 20px) / 2);margin-right: 20px;margin-bottom: 30px;} .tv-replay-box .article:not(:first-of-type):hover {transform: scale(1.01);} .tv-replay-box .article:nth-of-type(3), .tv-replay-box .article:nth-of-type(5), .tv-replay-box .article:last-of-type {margin-right: 0;} .tv-replay-box .article:nth-last-of-type(-n+2) {margin-bottom: 0;} .tv-replay-box .article:not(:first-of-type) .thumb {height: 180px;margin-bottom: 12px;} .tv-replay-box .article:not(:first-of-type) .title {margin-bottom: 5px;} /* program-info-bnn .마이크로사이트 프로그램 정보 배너 */ .program-info-bnn {display: flex;align-items: flex-end;justify-content: space-between;min-height: 164px;padding: 20px 46px 30px;margin-bottom: 100px !important;width: 1200px;background: #39435d url('/img/logo/logo-transl.png') no-repeat;background-position: 70% 40px;color: #FFF;border-radius: 6px;} .program-info-bnn .category {font-size: 80px;font-weight: bold;line-height: 1;white-space: nowrap;margin-left: 10px;} .program-info-bnn .cont {line-height: 1;} .program-info-bnn .title-cont {display: flex;align-items: baseline;} .program-info-bnn .title {font-size: 40px;font-weight: bold;margin-bottom: 20px;line-height: 1.3;white-space: nowrap;} .program-info-bnn .title-cont .text {font-size: 18px;font-weight: normal;margin-left: 25px;line-height: 1.3;word-break: keep-all;} .program-info-bnn .info {display: flex;margin-top: 20px;flex-wrap: wrap;} .program-info-bnn .info span {font-size: 18px;font-weight: normal;margin-right: 25px;line-height: 1.3;word-break: keep-all;margin-bottom: 5px;} .program-info-bnn .info span:last-of-type {margin-right: 0;} /* unopenInfo 비공개게시판 */ .unopenInfo {display: flex;align-items: baseline;} .unopenInfo i {border: 1px solid #ddd;padding: 10px 12px;background: #000;color: #ffffff;border-radius: 50%;font-size: 16px;z-index: 2;} .unopenInfo .info {background: #004da0;border-radius: 0 15px 15px 0;margin-left: -10px;padding: 4px 18px 4px 20px;color: #fff;z-index: 1;} .unopenInfo .commentary {background: #196ac2;border-radius: 0 15px 15px 0;margin-left: -11px;padding: 4px 25px 4px 20px;color: #fff;} .box-title .unopenInfo {margin-left: 20px;} /* board-view . 마이크로사이트 다시보기 뷰 */ .board-view {padding: 80px calc((100% - 1200px) / 2) 100px;} .board-view .box-title {justify-content: space-between;} .board-view .title-cont {width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 15px 25px ;background-color: #f5f5f5;border-top: 2px solid #000;border-bottom: 1px solid #0005;} .board-view .title-cont .title {width: 67%;font-weight: bold;padding-right: 20px;font-size: 18px;letter-spacing: normal;line-height: 1.5;word-break: keep-all;} .board-view .title-cont .info {display: flex;} .board-view .title-cont .info .writer {margin-right: 22px;} .board-view .title-cont .info .pv {margin-left: 22px;} .board-view .title-cont .writer {font-size: 16px;} .board-view .title-cont .date {font-size: 16px;} .board-view .title-cont .pv {font-size: 16px;} .board-view .content {min-height: 250px;padding: 30px;border-bottom: 1px solid #000;line-height: 1.9;word-break: keep-all;} .board-view .content li {list-style: unset;} .board-view .content img{margin-left: auto;margin-right: auto;display: block;max-width:100%;} .board-view .content iframe {max-width: 100%;} .board-view .btn-cont-wrap {display: flex;justify-content: space-between;} .board-view .btn-cont {margin-top: 20px;display: flex;justify-content: flex-end;} .board-view .btn-cont .btn-oval {margin-right: 18px;height: fit-content;} .board-view .fields .text {padding: 10px ;font-size: 16px;color: #777;} .board-view .field {display: flex;padding-left:20px;border-bottom: 1px solid #ddd;} .board-view .field:last-child{border-bottom: 1px solid #000 !important;} .board-view .field .title {padding: 10px;font-size: 14pt;font-weight: bold;min-width: 100px;} .board-view .field .desc {padding: 10px;font-size: 14pt;margin-left:20px;} .board-view .files {font-size: 14px;} .board-view .files a {display: flex;align-items: center;} .board-view .files a:hover {font-weight: bold;} .board-view .files img {width: 20px;height:20px;margin-right: 10px;} .board-view .btn-cont-wrap .w-60p {width: 60%;} .board-view .btn-cont-wrap .link-cont {padding:10px;width:70%;} .board-view .btn-cont-wrap .link-cont a {line-height: normal;} .board-view .btn-cont-wrap .link-cont a + a .itemLink {margin-top:4px;} .board-view .btn-cont-wrap .link-cont .itemLink {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;width: fit-content;font-size: 16px;font-weight: normal;line-height: normal;color: #666;} .board-view .btn-cont-wrap .link-cont .itemLink * {font-weight:normal;} .board-view .btn-cont-wrap .link-cont .itemLink.isSecret {color: #aaa;} /* .board-view .files:hover {font-weight: bold;} */ .main-height-320 + .home-nav + .board-view {padding-top: 20px;} /* board-view2 . 선교후원 게시글 뷰 */ .main-height-400 + .board-view2 {padding-top: 80px;} .board-view2 {padding-bottom: 80px;} .board-view2 .box-title {margin-bottom: 30px;} .board-view2 .inner {padding: 0 calc((100% - 1200px) / 2);} .board-view2 .title-cont {width: 100%;display: flex;align-items: flex-end;padding: 0 25px 20px 0;border-bottom: 3px solid #777;} .board-view2 .title-cont .cont {width: 24%;display: flex;align-items: center;justify-content: flex-end;} .board-view2 .title-cont .title {width: 76%;padding-right: 40px;font-weight: bold;font-size: 27px;letter-spacing: normal;line-height: 1.35;word-wrap: break-word;word-break: break-all;} .board-view2 .title-cont .date {font-size: 16px;margin-left: 20px;} .board-view2 .content {min-height: 420px;padding: 80px 60px;border-bottom: 3px solid #777;line-height: normal;} .board-view2 .content img {margin-left: auto;margin-right: auto;display: block;max-width:100%;} .board-view2 .content p iframe {max-width: 100%;} .board-view2 .content .bg {padding: 110px 0;border-radius: 30px;background: url('/img/bg/letter-bg.png') no-repeat center;background-size: cover;} .board-view2 .content .title {font-size: 30px;font-weight: bold;text-align: center;margin-bottom: 60px;} .board-view2 .content .desc {font-size: 24px;font-weight: normal;text-align: center;} .board-view2 .btn-cont {margin-top: 20px;display: flex;justify-content: flex-end;} .board-view2 .btn-cont .btn-oval {margin-right: 18px;} .board-view2 .search-cont2 {margin-top: 80px;} .share-icon {display: flex;align-items: center;} .share-icon .icon {width: 28px;height: 28px;margin: 0 4px;} /* boardView 게시판 에디터 */ .boardView {padding: 80px calc((100% - 1200px) / 2) 170px;} .boardView .box-title {flex-direction: column;align-items: flex-start;padding: 0 calc((100% - 1200px) / 2);} .boardView .edit {width: 100%;min-height: 60px;border: 1px solid #b3b3b3;} .boardView .edit .row {width: 100%;min-height: 60px;display: flex;flex-direction: row;border-bottom: 1px solid #b3b3b3;} .boardView .edit .row .desc {width: calc(100% - 320px);font-size: 18px;} .boardView .edit .row .desc.column {flex-direction: column;align-items: flex-start !important;} .boardView .edit .row .desc input[type="text"] {width: 100%;height: 100%;border: 0;padding-left: 20px;font-size: 18px;font-weight: normal;line-height: 1;color: #000;} .boardView .edit .row input, .boardView .edit .row textarea{font-family:'Noto Sans KR', 'Noto Serif KR', 'SEBANG Gothic','NanumSquareNeo','Apple SD Gothic Neo','Apple Gothic','AppleGothic','sans-serif','dotum';} .boardView .edit .row .title{width: 180px;font-size: 18px;color:#777;font-weight: bold;line-height: 1.25;display: flex;align-items: center;border-right: 1px solid #b3b3b3;justify-content: center;padding: 10px;word-break: keep-all;text-align: center;} .boardView .edit .row .title.column {flex-direction: column;} .boardView #inputForm .dz-image-preview,.boardView #inputForm .dz-complete {margin: 10px;background: #fff;box-shadow: 1px 1px 10px #444;padding: 1px;position: relative;} .boardView #inputForm .dz-image-preview .dz-size,.boardView #inputForm .dz-complete .dz-size {font-size: 16px;} .boardView #inputForm .dz-image-preview .dz-remove,.boardView #inputForm .dz-complete .dz-remove {position: absolute;right: 5px;bottom: 8px;content: '';width: 16px;height: 20px;background: url('/img/icon/icon-delete.png') no-repeat center;background-size: cover;} .boardView #inputForm .secret {width: 104px;font-size: 20px;display: flex;align-items: center;justify-content: space-evenly;} .boardView .edit .row:last-child {border: 0;} .boardView .edit .row textarea {color: #000;width: 100%;height: 465px;border: 0;padding: 10px;font-size: 14pt;font-weight: normal;line-height: 22pt;} .boardView .edit .row textarea::placeholder {font-size: 17px;} .boardView button.btnWhite {width: auto;height: 35px;background-color: #fff;border: 1px solid #aaa;font-size: 16px;font-weight: normal;padding: 0 30px;} .boardView .center {text-align: center;} .boardView .bottom {width:100%; margin:40px 0 0;} .boardView .bottom .btn-oval {width: 120px;} .boardView .bottom button + button {margin-left:30px;} .boardView .tox-tinymce {border: 0px solid;} .boardView .uploadArea {width:85% !important;} .boardView .column .row {width:fit-content;height:fit-content;min-height:42px;align-items: center;border: 0;} .boardView .column .address {min-height:42px !important;border-bottom: 1px solid #888 !important;margin-bottom: 6px;padding: 4px;} .boardView #addressBtn {font-size: 15px;white-space: nowrap;height: 30px;} .boardView .textAddr {word-break: keep-all;padding: 16px;display: flex;align-items: flex-end;} .boardView #resetAddr.btn-oval {margin-left: 20px;font-size: 13px;background-color: #FFF;border: 1px solid #0003;color: #777;padding: 3px 12px;} .boardView #resetAddr.btn-oval:hover {background-color: #0001;} .boardView .edit .row .desc label {cursor: pointer;} /* .boardHeader */ .boardHeader {position: relative;display: flex;align-items: center;max-width: 1200px;margin: 20px auto;padding: 18px 30px;border: 1px solid #365bc0c8;border-radius: 16px;word-break: keep-all;} .boardHeader::before {content: '';display: block;width: 12%;height:96px;background: url(/img/icon/writing.png) no-repeat center;background-size: auto 100%;} .boardHeader p {width: 86%;} .boardHeader + .head-cont {padding: 0 calc((100% - 1200px) / 2) 20px ;display: flex;align-items: center;justify-content: space-between;} .head-cont {padding: 0 calc((100% - 1200px) / 2) 20px;display: flex;align-items: center;justify-content: space-between;} /* .board-popup */ .board-popup {display: none;border: 1px solid #0002;width: fit-content;height: fit-content;position: fixed;top:20%;left:calc(((100% - 1200px) / 2) + 170px);z-index: 110;} .board-popup.on {display: block;} .board-popup .icon-x {position: absolute;right: 10px;top: 10px;cursor: pointer;} .board-popup .btn-close {width: 50px;height:30px;background-color: #0001;position: absolute;right: 20px;bottom: 20px;cursor: pointer;} .board-popup .icon-x:hover {transform: scale(1.1);} .board-popup .btn-close:hover {background-color: #0000;} /* onair-view-box */ .onair-view-box {padding-top: 40px;} .onair-view-box .btn-gray {font-size: 15px;padding: 4px 16px;} .onair-view-box .box-title {justify-content: space-between;width: 1200px;margin:0 auto 26px;} .onair-view-box .box-title .cont {display: flex;align-items: center;} .onair-view-box .box-title .name {font-size: 36px;} .onair-view-box .oval-tab-cont {margin-left: 30px;} .onair-view-box .oval-tab-cont .tab {font-size: 20px;width: 156px;height: 40px;border-radius: 30px;color: #000;} .oval-tab-cont .tab:hover {background-color: #2370b5;color: #FFF;} .onair-view-box .oval-tab-cont .tab.on {background-color: #2370b5;color: #FFF;} .onair-view-box .view {padding: 60px calc((100% - 1123px) / 2);margin-bottom: 100px;width: 100%;min-height: 900px;background: url('/img/bg/onair-bg.png') no-repeat center;background-size: cover;} .onair-view-box .view .top-cont {padding-bottom: 10px;border-bottom: 1px solid #FFF;margin-bottom: 25px;width: 100%;display: flex;align-items: center;justify-content: space-between;} .onair-view-box .icon-cont a {display: inline-flex;align-items: center;height: 38px;padding: 0 20px;border-radius: 30px;} .onair-view-box .icon-cont a.on {border: 1px solid #FFF;} /* .onair-view-box .icon-cont a .radio-icon9 {height: 39px;width: 132px;background-size: cover;} */ .onair-view-box .view .cont {padding: 20px 15px;display: flex;justify-content: space-between;} .onair-view-box .view .text-box {color: #FFF;line-height: 1.1;} .onair-view-box .view .text-box .program {font-size: 40px;font-weight: bold;margin-bottom: 10px;} .onair-view-box .view .text-box .info {font-size: 21px;} .onair-view-box .view .btn-oval {height: 40px;border-radius: 40px;} .onair-view-box .view .btn-oval ~ .btn-oval {margin-left: 10px;} .onair-view-box .m-menu {display: none;} /* schedule-box . 편성표 관련 */ .schedule-box {padding-top: 40px;} .schedule-box .box-title {justify-content: space-between;width: 1200px;margin: 0 auto 26px;} .schedule-box .box-title .cont {display: flex;align-items: center;} .schedule-box .box-title .name {font-size: 36px;} .schedule-box .oval-tab-cont {margin-left: 30px;} .schedule-box .oval-tab-cont .tab {font-size: 20px;width: 156px;height: 40px;border-radius: 30px;color: #000;display: inline-flex;align-items: center;justify-content: center;} .schedule-box .oval-tab-cont .tab.on {background-color: #2370b5;color: #FFF;} .schedule-box .inner {width: 100%; padding: 30px calc((100% - 1200px) / 2);display: flex;} .schedule-box .inner .cont {display: inline-flex;flex-direction: column;} .schedule-box .inner .btn-white {font-size: 15px;padding: 0;width: 80px;height: 30px;} .schedule-box .inner .btn-white.on {background-color: #2370b5;color: #FFF;border: 0;} .schedule-box .inner .btn-white ~ .btn-white {margin-top: 12px;} .schedule-box #calendar {color: transparent;background-color: transparent;border: transparent;width: 30px;height: 30px;;} .schedule-box #calendar {position: absolute;cursor: pointer;} .schedule-box .navCont {margin: 0 auto;position: relative;} .schedule-box .navSwiper {width: 900px;} .schedule-box .navSwiper .swiper-slide {cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 110px;border-radius: 10px;line-height: 1;} .schedule-box .navSwiper .swiper-slide.swiper-slide-thumb-active {background: linear-gradient(to bottom, #4760ff 50%, #10b6e4 100%);color: #FFF;} .schedule-box .navSwiper .swiper-slide .date {font-size: 31px;} .schedule-box .navSwiper .swiper-slide .day {font-size: 18px;margin-top: 15px;} .schedule-box .navCont .swiper-button-prev {left: -65px !important;} .schedule-box .navCont .swiper-button-next {right: -65px !important;} .schedule-box .navCont .swiper-button-prev::after, .schedule-box .navCont .swiper-button-next::after {color: #FFF;font-size: 70px !important;} .schedule-box .slide-cont .cont {width: 125px;padding: 20px;height: 100%;} .schedule-box .hide-cont {position: relative;} .schedule-box .hide-cont .btn-skyGray {position: absolute;left: calc((100% - 1200px) / 2);margin-top: -80px;} .schedule-box .btn-skyGray:hover {transform: scale(1.02);box-shadow: 0 0 6px 1px #0007;} .schedule-box .forSwiper {margin-top: 125px;min-height: 1000px;} .schedule-box .forSwiper .swiper-slide {visibility: hidden;height: 0;z-index: -10;} .schedule-box .forSwiper .swiper-slide.active {visibility: visible;height: fit-content;z-index: 5;transition: all .1s ease;} /* time-table . 편성표 */ .time-table {width: 1200px;margin: 0 auto 200px;} .time-table li {display: flex;align-items: center;height: 80px;font-size: 25px;} .time-table li:nth-of-type(2n) {background-color: #e5e5e5;} .time-table li:nth-of-type(2n+1) {background-color: #f1f1f1;} .time-table li.text-slide {background-color: #0000;text-align: center;justify-content: center;} .time-table li .time {width: 200px;text-align: center;font-style: italic} .time-table li .btn-cont {width: 320px;display: flex;align-items: center;justify-content: flex-end;padding-right: 20px;} .time-table li .btn-cont a, .time-table li .btn-cont button {margin: 0 8px;} .time-table li .blank-span {width: 50px;} .time-table li .blank-span.home-color-icon {background-size: 32px auto;background-position: left;} .time-table li .program {width: calc(100% - 570px);text-align: left;display: flex;align-items: center;justify-content: space-between;line-height: 1.2;word-break: keep-all;} .time-table li .program .mc {font-size: 19px;min-width: fit-content;margin-left:20px;margin-right: 180px;} .time-table li.on {background: linear-gradient(to bottom, #2a5298, #062459);color: #FFF;} .time-table li.on .program a {color: #FFF;} .time-table li.on .text-gray {color: #FFF;} .time-table .btn-cont .radio-icon9 {width: 120px;height: 42px;} .time-table .btn-cont .radio-icon10 {width: 104px;height: 32px;} .time-table .btn-cont .radio-icon9:hover, .time-table .btn-cont .radio-icon10:hover {transform: scale(1.1);transition: transform .2s ease;} .time-table .btn-cont .btn-white {font-size: 16px;padding: 4px 20px;} .time-table .btn-cont .btn-white:hover {transform: scale(1.04);box-shadow: 0 0 5px 1px #0005;} .time-table .btn-cont .btn-onair {background-color: #eb0505;border:3px solid #FFF;border-radius: 30px;display: inline-block;color: #FFF;font-size: 22px;font-weight: bold;padding: 10px 30px;line-height: 1;} .time-table .btn-cont .btn-onair:hover {transform: scale(1.03);} .time-table .text-gray {color: #777;} /* down-list . TV 주간편성표 다운로드*/ .down-list {padding-top: 50px;display: none;} .down-list .box-title {width: 1126px;margin: 0 auto 26px;} .down-list .list {width: 1126px;margin: 0 auto;border-top: 3px solid #0005;} .down-list .list li {display: flex;border-bottom:1px solid #ddd;height: 47px;} .down-list .list li div {font-size: 16px;height: 100%;display: flex;align-items: center;justify-content: center;width: 150px;} .down-list .list li .title {width: 526px;} .down-list .list li.head {font-weight: bold;background-color: #f5f5f5;} .down-list .list li.article .title {justify-content: flex-start;padding: 0 20px;font-size: 18px;} .down-list .list li.article .title:hover {font-weight: bold;} .down-list .page-cont {padding-top: 75px;padding-bottom: 45px;} .down-list .search-cont2 {margin-bottom: 130px;} /* micro-html-box . 라디오 마이크로사이트 요일별코너 1단용*/ .micro-html-box {padding-bottom: 70px;} .micro-html-box .box-title {margin-bottom: 30px;} .micro-html-box .box-title .name {color: #FFF;background-color: #d66a60;border-radius: 30px;min-width: 233px;max-width: 600px;padding: 10px 30px;text-align: center;} .micro-html-box .box-title::after {position:absolute;z-index: -1;content: '';width: 100%;height: 1px;border-top: 1px solid #ddd;} .micro-html-box .article {padding-bottom: 20px;} .micro-html-box .article:last-of-type {padding-bottom: 0;} /* micro-html-box2 . 라디오 마이크로사이트 홈 요일별코너 2단용*/ .micro-html-box2 {padding-bottom: 70px;} .micro-html-box2 .box-title {background-color: #d66a60;justify-content: center;border-radius: 30px;padding: 10px 30px;margin-bottom: 18px;} .micro-html-box2 .box-title .name {color: #FFF;} .micro-html-box2 .box-title .plus-icon {background-color: transparent;position: absolute;right: 15px;} .micro-html-box2 .list {background-color: #f1f1f1;border-radius: 10px;padding: 5px 15px;} .micro-html-box2 .article {padding: 30px 25px;border-bottom: 1px solid #ccc;} .micro-html-box2 .article:last-of-type {border: 0;} /* micro-date-box . 라디오 마이크로사이트 홈 선곡표 1단용. 달력 */ .micro-date-box {padding-bottom: 70px;} .micro-date-box .box-title {margin-bottom: 30px;} .micro-date-box .box-title .name {color: #FFF;background-color: #fb868e;border-radius: 30px;min-width: 233px;max-width: 600px;padding: 10px 30px;text-align: center;} .micro-date-box .box-title .plus-icon {background-color: #fb868e;margin-left: 20px;} .micro-date-box .box-title::after {position:absolute;z-index: -1;content: '';width: 100%;height: 1px;border-top: 1px solid #ddd;} .micro-date-box .cont {display: flex;} .micro-date-box .date-cont {width: 600px;padding: 0 50px 0 30px;} .micro-date-box .date-cont .dashToday {font-size: 20px;font-weight: bold;letter-spacing: 1px;text-align: center;margin-bottom: 20px;} .micro-date-box .date-cont #calendar {} .micro-date-box .date-cont #calendar .ui-datepicker {width: 500px;border: 0;} .micro-date-box .date-cont #calendar .ui-datepicker thead {display: none;} .micro-date-box .date-cont #calendar .ui-datepicker table {font-size: 19px;} .micro-date-box .date-cont #calendar .ui-datepicker table td {padding: 10px 15px!important;} .micro-date-box .date-cont #calendar .ui-datepicker table td a {padding: .1em .25em .25em;} .micro-date-box .date-cont #calendar .ui-datepicker .ui-datepicker-title {font-size: 20px;} .micro-date-box .date-cont #calendar .ui-datepicker .ui-datepicker-prev, .micro-date-box .date-cont #calendar .ui-datepicker .ui-datepicker-next {top: 10px;} .micro-date-box .list {width: 600px;max-height: 400px;overflow-y: auto;padding-left: 100px;} .micro-date-box .list .article {display: flex;align-items: center;margin-bottom: 18px;padding-right: 30px;} .micro-date-box .list .article:last-of-type {margin-bottom: 0;} .micro-date-box .list .article .thumb {width: 67px;height: 67px;} .micro-date-box .list .article .title-cont {width: 310px;padding: 0 20px;display: flex;align-items: baseline;} .micro-date-box .list .article .title-cont .title{font-size: 17px;font-weight: bold;line-height: normal;-webkit-line-clamp: 1;} .micro-date-box .list .article .title-cont .name {font-size: 13px;color: #777;font-weight: normal;margin-left: 15px;white-space: nowrap;} .micro-date-box .list .article .time {width: 70px;font-size: 13px;color: #777;letter-spacing:0.5px;} /* micro-scroll-box . 라디오 마이크로사이트 홈 선곡표 2단용*/ .micro-scroll-box {padding-bottom: 70px;} .micro-scroll-box .box-title {background-color: #fb868e;justify-content: center;border-radius: 30px;padding: 10px 30px;margin-bottom: 18px;} .micro-scroll-box .box-title .name {color: #FFF;} .micro-scroll-box .box-title .plus-icon {background-color: transparent;position: absolute;right: 15px;} .micro-scroll-box .cont {background-color: #f1f1f1;border-radius: 10px;padding: 30px 30px 40px 50px;} .micro-scroll-box .dashToday {font-size: 20px;font-weight: bold;letter-spacing: 1px;text-align: center;margin-bottom: 35px;} .micro-scroll-box .list {height: 400px;overflow-y: auto;} .micro-scroll-box .list .article {display: flex;align-items: center;margin-bottom: 18px;padding-right: 30px;} .micro-scroll-box .list .article:last-of-type {margin-bottom: 0;} .micro-scroll-box .list .article .thumb {width: 68px;height: 68px;} .micro-scroll-box .list .article .title-cont {width: 310px;padding: 0 20px;display: flex;align-items: baseline;} .micro-scroll-box .list .article .title-cont .title{font-size: 17px;font-weight: bold;line-height: normal;-webkit-line-clamp: 1;} .micro-scroll-box .list .article .title-cont .name {font-size: 13px;color: #777;font-weight: normal;margin-left: 15px;white-space: nowrap;} .micro-scroll-box .list .article .title span {font-size: 13px;color: #777;font-weight: normal;margin-left: 15px;} .micro-scroll-box .list .article .time {width: 70px;font-size: 13px;color: #777;letter-spacing:0.5px;} .micro-scroll-box .list .article .like {display: none;} /* micro-photo-box . 라디오 마이크로사이트 홈 포토리스트 */ .micro-photo-box {padding-bottom: 70px;} .micro-photo-box .box-title {margin-bottom: 30px;} .micro-photo-box .box-title .name {color: #FFF;background-color: #ffa486;border-radius: 30px;min-width: 233px;max-width: 600px;padding: 10px 30px;text-align: center;} .micro-photo-box .box-title .plus-icon {background-color: #ffa486;margin-left: 20px;} .micro-photo-box .box-title::after {position:absolute;z-index: -1;content: '';width: 100%;height: 1px;border-top: 1px solid #ddd;} .micro-photo-box .list {display: flex;padding: 0 3px;} .micro-photo-box .article {width: calc((100% - 66px) / 4);margin-right: 22px;margin-bottom: 40px;} .micro-photo-box .article:nth-of-type(4n),.micro-photo-box .article:last-of-type {margin-right: 0;} .micro-photo-box .article:nth-last-of-type(-n+4) {margin-bottom: 0;} .micro-photo-box .article:hover {transform: scale(1.015);transition: transform .13s ease-in;} .micro-photo-box .article .thumb {height: 161px;margin-bottom: 10px;} .micro-photo-box .article .title {letter-spacing: normal;line-height: 1.35;} /* micro-text-box . 라디오 마이크로사이트 홈 텍스트리스트 */ .micro-text-box {padding-bottom: 70px;} .micro-text-box .box-title {margin-bottom: 30px;} .micro-text-box .box-title .name {color: #FFF;background-color: #d66a60;border-radius: 30px;min-width: 233px;max-width: 600px;padding: 10px 30px;text-align: center;} .micro-text-box .box-title .plus-icon {background-color: #d66a60;margin-left: 20px;} .micro-text-box .box-title::after {position:absolute;z-index: -1;content: '';width: 100%;height: 1px;border-top: 1px solid #ddd;} .micro-text-box .article {display: flex;align-items: center;margin-bottom: 10px;} .micro-text-box .article:last-of-type {margin-bottom: 0;} .micro-text-box .article .date {font-size: 18px;width: 150px;padding: 0 5px;} .micro-text-box .article .else {font-size: 18px;width: 200px;} .micro-text-box .article .title {-webkit-line-clamp: 1;;font-size: 20px;width: 850px;padding-right:70px;line-height: 1.35;} .micro-text-box .article .title:hover {font-weight: bold;} /* micro-text-box2 . 라디오 마이크로사이트 홈 텍스트리스트2 pvX */ .micro-text-box2 {padding-bottom: 70px;} .micro-text-box2 .box-title {background-color: #d66a60;justify-content: center;border-radius: 30px;padding: 10px 30px;margin-bottom: 30px;} .micro-text-box2 .box-title .name {color: #FFF;} .micro-text-box2 .box-title .plus-icon {background-color: transparent;position: absolute;right: 15px;} .micro-text-box2 .list {padding: 0 10px;} .micro-text-box2 .article {display: flex;align-items: center;margin-bottom: 18px;width: 100%;} .micro-text-box2 .article:last-of-type {margin-bottom: 0;} .micro-text-box2 .article .date {font-size: 18px;margin-right: 40px;padding: 0 5px;white-space: nowrap;} .micro-text-box2 .article .title {-webkit-line-clamp: 1;;font-size: 20px;line-height: 1.35;} /* play-list */ .play-list {padding-bottom: 100px;} .play-list #calendar {color: transparent;background-color: transparent;border: transparent;width: 30px;height: 30px;;} .play-list #calendar {position: absolute;cursor: pointer;} .play-list #calendar + img {width: auto;height: 25px;} .play-list .box-title #calendar {margin-left: 27px;position: relative;width: 1px;} .play-list .box-title .inner {width: 240px;margin-left: 15px;position:relative} .play-list .inner .dateSwiper {width: 180px;} .play-list .inner .dateSwiper .swiper-slide {font-size: 20px;text-align: center;} .play-list .inner .swiper-button-prev {left: 0 !important;padding: 0 6.5px;} .play-list .inner .swiper-button-next {right: 0 !important;padding: 0 8.5px;} .play-list .inner .swiper-button-prev, .play-list .inner .swiper-button-next {justify-content: flex-start;height: 25px;width: 25px;top: 28px;border: 2px solid #999;border-radius: 50%;background-color: #FFF;} .play-list .inner .swiper-button-prev::after, .play-list .inner .swiper-button-next::after {font-size: 13px !important;color: #666!important;} .play-list .inner .swiper-button-prev:hover, .play-list .inner .swiper-button-next:hover {transform: scale(1);} .play-list .listSwiper {width: 1200px;} .play-list .listSwiper .swiper-slide {width: 100%;background-color: #FFF;visibility: hidden;} .play-list .listSwiper .swiper-slide.swiper-slide-active {visibility: visible;} .play-list .listSwiper .swiper-slide ul {border-top: 3px solid #0005;border-bottom: 1px solid #ddd;} .play-list .listSwiper .swiper-slide li {display: flex;align-items: center;width: 100%;text-align: center;} .play-list .listSwiper .swiper-slide li.head {font-size: 16px;font-weight: bold;background-color: #f5f5f5;border: 0;height: 48px;border-bottom: 1px solid #ddd;margin-bottom: 10px;} .play-list .listSwiper .swiper-slide li .time {width: 200px;} .play-list .listSwiper .swiper-slide li .title-cont {width: 650px;} .play-list .listSwiper .swiper-slide li .name {width: 200px;text-align: left;} .play-list .listSwiper .swiper-slide li .like {width: 150px;} .play-list .listSwiper .swiper-slide li.head .name {padding-left: 30px;} .play-list .listSwiper .swiper-slide li.article {padding: 10px 0;} .play-list .listSwiper .swiper-slide li.article .time {font-size: 17px;color: #666;letter-spacing: 0.5px;} .play-list .listSwiper .swiper-slide li.article .title-cont {padding: 0 50px;display: flex;align-items: center;text-align: left;font-size: 17px;font-weight: bold;} .play-list .listSwiper .swiper-slide li.article .title-cont .thumb {width: 67px;min-width: 67px;height: 67px;margin-right: 20px;} .play-list .listSwiper .swiper-slide li.article .title-cont .title {-webkit-line-clamp: unset;line-height: 1.27;word-break: keep-all;} .play-list .listSwiper .swiper-slide li.article .name {font-size: 15px;color: #666;line-height: 1.2;word-break: keep-all;} .play-list .listSwiper .swiper-slide li.article .like {font-size: 15px;color: #ff6d6d;display: flex;justify-content: center;align-items: center;} .play-list .listSwiper .swiper-slide li.article .like .btn-like {margin-right: 5px;} .play-list .listSwiper .swiper-slide li.article .like .count {cursor: pointer;} .play-list .listSwiper .swiper-slide li.article:last-of-type {padding-bottom: 50px;} /* hello-box . helloCBS 메인이미지 */ .hello-box {padding-bottom: 60px;margin: 0 auto;max-width: 1200px;} .hello-box .thumb {width: 1200px;height: 145px;} /* hello-list . helloCBS 이벤트 리스트 */ .hello-list {padding: 0 calc((100% - 1200px) / 2) 160px;} .hello-list .list {display: flex;flex-wrap: wrap;} .hello-list .article {width: calc((100% - 74px) / 3);padding-right: 9px;margin-right: 37px;margin-bottom: 55px;} .hello-list .article:hover {transform: scale(1.04);transition: transform .1s ease;} .hello-list .article:nth-of-type(3n), .hello-list .article:last-of-type {margin-right: 0;} .hello-list .article:nth-last-of-type(-n+3) {margin-bottom: 0;} .hello-list .article .thumb {aspect-ratio: 225 / 114;margin-bottom: 12px;} .hello-list .article .sticker-end, .hello-list .article .sticker-ing {position: absolute;top: 12px;right: 0;z-index: 10;} .hello-list .article .text-box {padding: 0 12px;} .hello-list .article .title {font-weight: bold;letter-spacing: normal;} .hello-list .article .sub-title {font-size: 16px;} .hello-list .article .date {color: #007ee8;font-size: 14px;margin-top: 3px;} .hello-list .page-cont {margin-top: 90px;} /* hello-view . helloCBS 이벤트 뷰*/ .hello-view {width: 1000px;padding-bottom: 250px;} .hello-view .box-title {margin-bottom: 20px;justify-content: space-between;align-items: flex-end;} .hello-view .box-title .cont {display: flex;align-items: flex-start;} .hello-view .box-title .name {padding-right: 30px;} .hello-view .btn-red, .hello-view .btn-gray {margin-right: 12px;width: 107px;min-width: 107px;height: 31px;padding: 0;justify-content: center;font-size: 19px;line-height: 1.3;} .hello-view .btn-red {background-color: #e3492f;margin-top: 3px;} .hello-view .btn-gray {background-color: #777;} .hello-view .btn-list {margin: 0 15px;min-width: 103px;height: 30px;display: inline-flex;align-items: center;justify-content: center;font-size: 16px;color: #0145b1;font-weight: bold;border: 2px solid #ccc;border-radius: 30px;} .hello-view .content {width: 100%;} .hello-view .content img {display: block;margin: 0 auto;} .hello-view .content img + img {margin-top: 20px;} /* donation-box . 선교후원 후원하기 박스 */ .main-sliding-box ~ .donation-box {top:675px;left:calc((100% - 1400px) / 2)} .donation-box {position: absolute;z-index: 999;font-family: 'SEBANG Gothic';width: 1400px;min-width: 1400px;height: 170px;background-color: #4f6bba;color: #FFF;padding: 35px 145px 30px;border-radius: 100px;} .donation-box .cont {display: flex;align-items: center;} .donation-box select, .donation-box .input-donation, .select-donation,.donation-box .input-cont label[for='input-donation'] {width: 172px;height: 55px;} .donation-box select {font-family: 'SEBANG Gothic';font-size: 25px;padding:0 15px;margin-right: 15px; -webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;background: #FFF url('/img/icon/arrow_down.png') no-repeat 140px center;} .donation-box select::-ms-expand{ display:none;/*for IE10,11*/} .select-donation {cursor: pointer;;margin-right: 15px;border: 1px solid #FFF;background-color: #4f6bba;color: #FFF;font-size: 28px;font-weight: bold;display: flex;align-items: center;justify-content: center;} .select-donation.on, .select-donation:hover {background-color: #FFF;color: #4f6bba;} /* .donation-box .input-donation::placeholder {font-family: 'SEBANG Gothic';font-size: 22px;color: #777;} */ .donation-box .input-cont {position: relative;} .donation-box .input-cont label[for='input-donation'] {display: flex;align-items: center;padding: 0 12px;font-size: 22px;color: #777;;position: absolute;white-space: nowrap;right: 0;top: 0;} .donation-box .input-cont label[for='input-donation'].on {width: 25px;padding: 0;right: 10px;} .donation-box .input-donation {font-family: 'SEBANG Gothic';padding:0 40px 0 15px;background-color: #FFF;border:0;font-size: 24px;text-align: right;} /* .donation-box .input-donation.on {text-align: right;} */ .donation-box .text-cont {display: flex;align-items: center;margin-top: 10px;padding-left: 100px;} .donation-box .text-cont .desc {font-size: 30px;margin-right: 50px;letter-spacing: normal;} .donation-box .text-cont .info {font-size: 25px;} .donation-box .btn-sp-link {position: absolute;right: 145px;top: 15px;width:137px;height:137px;background-color: #FFF;border: 3px solid #00b5a8;border-radius: 50%;font-size: 27px;font-weight: bold;display:flex;align-items: center;justify-content: center;} .donation-box .btn-sp-link:hover {background-color: #00b5a8;border-color: #FFF;border-width: 5px;} /* sp-video-box . 선교후원 영상 박스*/ .sp-video-box {width: 1400px;min-width: 1400px;padding: 160px 0 0;margin-bottom: 150px;} .sp-video-box .inner {width: 100%;height:366px;margin: 0 auto;display: block;background-color: #f0e4d6;border-radius: 40px;padding: 50px 60px;font-family: 'NanumSquareNeo';} .sp-video-box .inner .title {font-weight: bold;font-size: 35px;color: #031072;line-height: 1.4;} .sp-video-box .inner .desc {font-size: 25px;color: #555;line-height: 1.3;margin-top: 30px;} .sp-video-box .thumb {width: 865px;height: 484px;position: absolute;z-index: 10;right: 40px;bottom: 40px;} /* sp-video-box-sm . 선교후원 영상 박sm*/ .sp-video-box-sm {width: 1200px;min-width: 1200px;margin-bottom: 150px;} .sp-video-box-sm .box-title {margin-bottom: 90px;} .sp-video-box-sm .box-title .name {font-family: 'NanumSquareNeo';font-size: 40px;color: #031072;} .sp-video-box-sm .inner {width: 100%;height:316px;margin: 0 auto;display: block;background-color: #f0e4d6;border-radius: 40px;padding: 50px 60px;font-family: 'NanumSquareNeo';} .sp-video-box-sm .inner .title {font-weight: bold;font-size: 30px;color: #031072;line-height: 1.4;} .sp-video-box-sm .inner .desc {font-size: 20px;color: #555;line-height: 1.4;margin-top: 30px;} .sp-video-box-sm .thumb {width: 744px;height: 416px;position: absolute;z-index: 10;right: 40px;bottom: 40px;} /* sp-ms-box . 선교후원 미션지 */ .sp-ms-box {width: 340px;padding-bottom: 150px;} .sp-ms-box .article {height: 500px;width: 100%;} /* sp-link-box . 선교후원 메인 링크박스*/ .sp-link-box {width: 100%;max-width:1200px;padding-bottom: 150px;} .sp-link-box .article {width: 100%;padding: 15px 7px;margin-bottom: 10px;} .sp-link-box .article > a {overflow: hidden;position: relative;;height: 110px;width: 100%;display: flex;align-items: center;background: #eef1f5;border: 1px solid #e1e3e7;border-radius: 6px;padding: 0 50px;box-shadow: 0 0 12px 7px #0001;} .sp-link-box .article .icon-cont {width:75px;display: inline-flex;align-items: center;justify-content: center;margin-right: 40px;} .sp-link-box .article .title {font-size: 29px;font-weight: bold;} .sp-link-box .article .circle-arr {position: absolute;right: 50px;} .sp-link-box .article > a .grd-bg {position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;border-radius: 6px;} .sp-link-box .article > a .grd-bg::after {opacity: 0;content: '';display: block;width: 20%;height: 100%;border-top-right-radius: 50px;border-bottom-right-radius: 50px;background: linear-gradient(to right, #cdeafdaa, #acccf9b8);transition: all .6s ease ;} .sp-link-box .article > a:hover .grd-bg::after {opacity: 1;height: 100%;width: 110%;} .sp-link-box .article .icon-cont, .sp-link-box .article .title, .sp-link-box .article .circle-arr {z-index: 10;} /* sp-info-box . 선교후원 메인 최하단 후원정보 */ .sp-info-box {} .sp-info-box .thumb {width: 100%;height: 317px;border:0} .sp-info-box .text-box {display: flex;background-color: #1a60ab;color: #FFF;margin-top: -1px;padding: 27px calc((100% - 1200px) / 2);} .sp-info-box .text-box .cont {padding: 0 40px;} .sp-info-box .text-box .cont:nth-child(2) {border-right: 1px solid #FFF7;border-left: 1px solid #FFF7;} .sp-info-box .text-box .title {font-size: 25px;font-weight: normal;} .sp-info-box .text-box .info {font-size: 36px;font-weight: bold;} .sp-info-box .text-box .desc {font-size: 13px;font-weight: normal;} /* img-box */ .main-height-400 + .img-box {padding-top: 80px;} .img-box {margin: 0 auto;text-align: center;padding-bottom: 100px; width: 1200px;} .img-box img {object-fit: contain;} .img-box.bg-full {width: 100%;padding-bottom: 150px;} .img-box.bg-full .bg {position: absolute;z-index: -1;width: 100%;} .img-box.bg-full .bg img {width: 100%;height: auto;object-fit: cover;} .img-box.bg-full .img {max-width: 1200px;margin: 0 auto;} .img-box.bg-full .img img {height: auto;display: block;margin: 0 auto;} .img-box.bg-full .img img ~ img {padding-top: 100px;} /* text-img-list */ .text-img-list {width: 1200px;margin: 0 auto;padding-bottom: 150px;} .text-img-list .article {margin-bottom: 25px;} .text-img-list .thumb {border: 0;} .text-img-list .article .btn-cont {position: absolute;z-index: 5;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;padding-left: 320px;} .text-img-list .article .btn-cont a {display: inline-block;width: 210px;height: 76px;margin-right: 25px;border-radius: 35px;} .text-img-list .article .btn-cont a:hover {box-shadow: 0 0 12px 7px #e9e9e9;transform: scale(1.02);} .text-img-list .article .btn-cont a img {width: 100%;height: auto;} /* sp-sliding-box */ .sp-sliding-box {font-family: 'NanumSquareNeo';width: 1300px;min-width: 1300px;padding-bottom: 200px;} .sp-sliding-box .box-title {width: 1200px;margin: 0 auto 40px;} .sp-sliding-box .box-title .name {font-size: 40px;color: #031072;} .sp-sliding-box .swiper {width: 1230px;} .sp-sliding-box .list .swiper-button-prev {left: 10px !important;} .sp-sliding-box .list .swiper-button-next {right: 10px !important;} .sp-sliding-box .list .swiper-button-prev, .sp-sliding-box .list .swiper-button-next {top: 40% !important;} .sp-sliding-box .list .swiper-button-prev::after, .sp-sliding-box .list .swiper-button-next::after {font-size: 38px !important;} .sp-sliding-box .swiper-slide {cursor: pointer;position: relative;padding: 10px 18px} .sp-sliding-box .swiper-slide:hover {transform: scale(1.04);transition: transform .2s ease-in;} .sp-sliding-box .swiper-slide .thumb {border: none;border-radius: 10px;height: 265px;margin-bottom: 25px;} .sp-sliding-box .swiper-slide .title {font-size: 30px;font-weight: normal;text-align: center;} .sp-sliding-box .modal-cont {display: none;} .sp-sliding-box .modal-cont.modal-on {width: 100%;height: 100%;position: fixed;z-index: 1500;top: 0;left: 0;background-color: rgba(0,0,0,0.7);display: flex;justify-content: center;align-items: center;} .sp-sliding-box .modal-cont .inner {position: relative;margin-top: 100px;max-width: 1200px;min-width: 1200px;height: fit-content;max-height: 700px;background-color: #FFF;display: flex;flex-direction: row;align-items: flex-start;padding: 50px 40px;border-radius: 30px;} .sp-sliding-box .modal-cont .inner .btn-modal-close {position: absolute;top: -60px;right: calc((100% - 1150px) / 2);} .sp-sliding-box .modal-cont .inner .btn-modal-close:hover {transform: scale(1.04);} .sp-sliding-box .modal-cont .thumb-cont {display: flex;} .sp-sliding-box .modal-cont .thumb {width: 300px;height: 385px;border-radius: 6px;box-shadow: 0 0 15px 10px #0002;} .sp-sliding-box .modal-cont .thumb ~ .thumb {margin-left: 30px;} .sp-sliding-box .modal-cont .text-cont {padding-right: 50px;width: 490px;} .sp-sliding-box .modal-cont .title {font-size: 35px;font-family: 'SEBANG Gothic';font-weight: bold;text-align: left;margin-bottom: 20px;} .sp-sliding-box .modal-cont .desc {font-size: 20px;line-height: 1.6;} /* sp-dnt-bnn1 . 선교후원 방송선교 하단 */ .sp-dnt-bnn1 {position: relative;} .sp-dnt-bnn1 .thumb {width: 100%; height: 558px;min-height: 558px;max-height: 558px;} .sp-dnt-bnn1 .btn-cont {position: absolute;z-index: 10;bottom: 140px;width: 100%;display: block;text-align: center;} .sp-dnt-bnn1 .btn-cont .title {margin-bottom: 40px;} .sp-dnt-bnn1 .btn-blue {font-family: 'NanumSquareNeo';background-color: #1a60ab;font-size: 36px;font-weight: normal;padding: 25px 50px;border-radius: 60px;} .sp-dnt-bnn1 .btn-blue::after {margin-left:150px;content: '';display: inline-block;width: 22px;height: 22px;background: url('/img/icon/arr-right-w.png') no-repeat center;background-size: auto 99%;} .sp-dnt-bnn1 .btn-blue:hover {background-color: #FFF;color: #1a60ab;font-weight: bold;box-shadow: 0 0 15px 10px #0002;} .sp-dnt-bnn1 .btn-blue:hover::after {margin-left:150px;content: '';display: inline-block;width: 24px;height: 24px;background: url('/img/icon/arr-right-b.png') no-repeat center;background-size: auto 99%;} /* sp-dnt-bnn2 . 선교후원 후원안내 하단 */ .sp-dnt-bnn2 {position: relative;width: 100%;height: 460px;margin-bottom: 100px;min-width: 1200px;} .sp-dnt-bnn2 .thumb {min-height: 460px;max-height: 460px;} .sp-dnt-bnn2 .thumb img {width: 100%;height: 100%;min-height: 460px;max-height: 460px;} .sp-dnt-bnn2 .txt {transition: transform .1s ease;height: 80px;text-align: center;position: absolute;z-index: 5;bottom:180px;left: calc((100% - 1000px) / 2);} .sp-dnt-bnn2 .txt:hover {transform: scale(1.03);} /* sp-dnt-bnn3 . 선교후원 다윗처럼 하단 */ .sp-dnt-bnn3 {position: relative;} .sp-dnt-bnn3 .thumb {width: 100%; height: 558px;min-height: 558px;max-height: 558px;} .sp-dnt-bnn3 .btn-cont {position: absolute;z-index: 10;top: 40%;width: 100%;display: block;text-align: center;} .sp-dnt-bnn3 .btn-orange {font-family: 'NanumSquareNeo';background-color: #ff8a00;font-size: 45px;font-weight: normal;text-shadow: 2px 2px 2px #0005;padding: 20px 50px;border-radius: 70px;border: 4px solid #FFF;} .sp-dnt-bnn3 .btn-orange::after {margin-left:150px;content: '';display: inline-block;width: 25px;height: 25px;background: url('/img/icon/arr-right-w.png') no-repeat center;background-size: auto 99%;} .sp-dnt-bnn3 .btn-orange:hover {background-color: #FFF;color: #ff8a00;border-color: #ff8a00;font-weight: bold;text-shadow: unset;} .sp-dnt-bnn3 .btn-orange:hover::after {margin-left:150px;content: '';display: inline-block;width: 26px;height: 26px;background: url('/img/icon/arr-right-o.png') no-repeat center;background-size: auto 99%;} /* sp-dnt-bnn4 . 선교후원 유산기부 하단 */ .sp-dnt-bnn4 {position: relative;width: 100%;height: 558px;margin-bottom: 100px;min-width: 1200px;} .sp-dnt-bnn4 .thumb {min-height: 558px;max-height: 558px;} .sp-dnt-bnn4 .thumb img {width: 100%;height: 100%;min-height: 558px;max-height: 46558px0px;} .sp-dnt-bnn4 .txt {height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;position: absolute;z-index: 5;top:0;left: 0;} /* sp-fixed-icon-box . 선교후원 우측 날개 아이콘 */ .sp-fixed-icon-box {position: fixed;z-index: 1500;bottom: 10vh;right: 60px;} .sp-fixed-icon-box .icon {width: 70px;height: 70px;margin-bottom: 10px;cursor: pointer;} .sp-fixed-icon-box .icon.pc-100px {width: 100px;height:100px;} .sp-fixed-icon-box .icon img {width: 100%;height: auto;object-fit: cover;object-position: center;} /* sp-btn-box . 선교후원 후원안내 후원신청 링크버튼 */ .sp-btn-box {width: 1200px;display: flex;flex-wrap: wrap;padding-bottom: 150px;} .sp-btn-box .link {display: block;width: 570px;border-radius: 10px;} .sp-btn-box .link ~ .link {margin-left: 60px;} .sp-btn-box .link:nth-of-type(3n) {margin-left: 0;} .sp-btn-box .link:hover {box-shadow: 0 0 15px 15px #0001;transform: scale(1.03);transition: transform .1s ease-in;} /* bg-bage-box . 선교후원 유산기부 */ .bg-bage-box {margin-bottom: 120px;width: 100%;background-color: rgba(252, 244, 231, 0.923);padding: 50px calc((100% - 950px) / 2)} .bg-bage-box .cont {display: flex;justify-content: space-between;} .bg-bage-box .cont img {object-fit: contain;} /* icon-list-box1 . 선교후원 유산기부 */ .icon-list-box1 {width: 1200px;margin: 0 auto;font-family: 'NanumSquareNeo';padding-bottom: 150px;} .icon-list-box1 .box-title {margin-bottom: 60px;} .icon-list-box1 .box-title .name {font-size: 28px;font-weight: bold;} .icon-list-box1 .list {display: flex;padding: 0 50px;} .icon-list-box1 .article {display: flex;flex-direction: column;align-items: center;padding: 0 70px;} .icon-list-box1 .thumb {margin-bottom: 30px;border: none;} .icon-list-box1 .thumb img {object-fit: contain;} .icon-list-box1 .title {font-size: 24px;font-weight: 500;} /* icon-list-box2 . 선교후원 유산기부 */ .icon-list-box2 {width: 1200px;margin: 0 auto;font-family: 'NanumSquareNeo';padding-bottom: 250px;} .icon-list-box2 .box-title {margin-bottom: 60px;} .icon-list-box2 .box-title .name {font-size: 28px;font-weight: bold;} .icon-list-box2 .list {display: flex;padding: 0 0 0 55px;} .icon-list-box2 .article {display: flex;flex-direction: column;align-items: center;padding: 0 30px 0 0;} .icon-list-box2 .thumb {border: none;margin-bottom: 35px;width: 195px;height: 195px;} .icon-list-box2 .title {height: 70px;font-size: 24px;font-weight: normal;padding: 0 45px;word-break: keep-all;line-height: 1.4;display: flex;align-items: center;text-align: center;} .icon-list-box2 .article:not(:last-of-type)::after {content: '';display: inline-block;position: absolute;z-index: 5;right: 5px;bottom: 23px;width: 20px;height: 30px;background: url('/img/icon/arr-right-g.png') no-repeat center;background-size: 100% auto;} /* folding-list . 선교후원 faq */ .main-height-400 + .folding-list {padding-top: 100px;} .folding-list {margin: 0 auto;padding: 0 calc((100% - 1200px) / 2) 130px;} .folding-list .article {border-bottom: 1px solid #ddd;padding: 30px 0;} .folding-list .article .t-cont {display: flex;cursor: pointer;} .folding-list .article .t-cont .title {position: relative;width: calc(100% - 36px);padding: 0 60px 0 20px;-webkit-line-clamp: unset;word-break: keep-all;font-size: 24px;font-weight: bold;line-height: 1.4;} .folding-list .article .t-cont .title::after {position: absolute;right: 10px;top: calc(50% - 6px);content: '';display: inline-block;width: 22px;height: 11px;background: url('/img/icon/arrow_down.png') no-repeat center;background-size: 99% auto;} .folding-list .article .t-cont.on .title::after {position: absolute;right: 10px;top: calc(50% - 6px);content: '';display: inline-block;width: 22px;height: 11px;background: url('/img/icon/arrow_up.png') no-repeat center;background-size: 99% auto;} .folding-list .article .a-cont {display: flex; overflow: hidden;max-height: 0;transition: max-height, padding 0.7s ease;} .folding-list .article .a-cont.on {padding-top: 40px;max-height: fit-content;} .folding-list .article .a-cont .desc {width: calc(100% - 36px);padding-left: 20px;font-size: 22px;font-weight: normal;line-height: 1.5;} .q-icon {display: flex;align-items: center;justify-content: center;padding-top: 3px;font-family: 'SEBANG Gothic';font-size: 22px;font-weight: bold;width: 36px;height: 36px;border-radius: 50%;border:1px solid #000;background-color: #FFF;color: #000;} .a-icon {display: flex;align-items: center;justify-content: center;padding-top: 3px;font-family: 'SEBANG Gothic';font-size: 22px;font-weight: bold;width: 36px;height: 36px;border-radius: 50%;background-color: #000;color: #FFF;} /* apply-box . 선교후원 중보기도 신청 */ .main-height-400 + .apply-box {padding-top: 80px;} .apply-box {padding: 0 calc((100% - 1200px) / 2) 100px;font-family: 'NanumSquareNeo';} .apply-box .box-title {justify-content: center;margin-bottom: 100px;} .apply-box .box-title .name {font-weight: 500;font-size: 45px;color: #666;text-align: center;line-height: 1.5;} .apply-box form {width: 1000px;margin: 0 auto;} .apply-box .bg-gray {position: relative;border-radius: 30px;padding: 85px 120px;} .apply-box .bg-gray .share-icon {position: absolute;right: 30px;top: 25px;} .apply-box .bg-gray .input-cont {display: flex;flex-direction: column;margin-bottom: 70px;} .apply-box .bg-gray .input-cont label {font-size: 24px;font-weight: normal;margin-bottom: 10px;} .apply-box .bg-gray .input-cont input, .apply-box .bg-gray .input-cont textarea {padding:30px 25px;font-family: 'NanumSquareNeo';font-size: 22px;color: #000;font-weight: normal;} .apply-box .bg-gray .input-cont input::placeholder, .apply-box .bg-gray .input-cont textarea::placeholder {font-family: 'NanumSquareNeo';font-size: 24px;color: #ccc;font-weight: normal;} .apply-box .bg-gray .input-cont input {border: none;border-radius: 10px;background-color: #FFF;} .apply-box .bg-gray .input-cont textarea {border: none;border-radius: 10px;background-color: #FFF;height: 590px;overflow-y: auto;resize: none;line-height: 1.6;letter-spacing: 0.25px;} .apply-box .bg-gray .input-cont textarea::-webkit-scrollbar {width: 10px;} .apply-box .bg-gray .input-cont textarea::-webkit-scrollbar-thumb {background-color: #888;border-radius: 8px;} .apply-box .bg-gray .input-cont textarea::-webkit-scrollbar-track {background-color: #FFF;border-radius: 10px;} .apply-box .btn-cont {text-align: center;} .apply-box .btn-blue {justify-content: center;background-color: #445cb4;font-size: 36px;letter-spacing: -0.9px;height: 68px;width: 275px;border-radius: 50px;} .apply-box .btn-blue:hover {background-color: #FFF;color: #445cb4;font-weight: bold;border: 3px solid #445cb4;} .apply-box .text {font-size: 24px;font-weight: normal;margin-top: 15px;} /* 선교후원 관련 게시판 타이틀 */ .box-title .name.name-sp {font-size: 35px;font-family: 'NanumSquareNeo';font-weight: 500;color: #445cb4;margin-bottom: 15px;} /* search-box . 검색 리스트 검색창 */ .search-box {margin-bottom: 80px;background: linear-gradient(to right, #1e3c72, #396ecb);height: 154px;display: flex;align-items: center;justify-content: space-between;padding: 0 calc((100% - 1100px) / 2);} .search-box .box-title {width: fit-content;margin: 0;} .search-box .box-title .name {color: #FFF;font-size: 36px;margin-left: 12px;} .search-box .input-cont {position: relative;width: 620px;height: 60px;} .search-box .input-cont input {font-family: 'Noto Sans KR';width: 100%;height: 100%;border: 0;border-radius: 40px;font-size: 20px;font-weight: bold;padding: 0 120px 0 32px;} .search-box .input-cont input::placeholder {font-weight: normal;} .search-box .input-cont .btn-blue {position: absolute;z-index: 5;right: 12px;top: calc((100% - 38px) / 2);background-color: #00aeff;font-size: 20px;width: 96px;height: 38px;padding: 0;padding-bottom: 3px;justify-content: center;} .search-box .input-cont .btn-blue:hover {transform: scale(1.1);transition: transform .1s ease;} /* photo-box . 검색 리스트 포토 */ .photo-box {max-width: 1200px;padding-bottom: 80px;} .photo-box .box-title {width: 100%;padding-bottom: 16px;border-bottom: 3px solid #004da0;display: flex;justify-content: space-between;} .photo-box .box-title .name {font-size: 28px;} .photo-box .list {display: flex;align-items: flex-start;flex-wrap: wrap;padding: 20px 0;} .photo-box .article {width: calc((100% - 80px) / 3);margin-right: 40px;margin-bottom: 40px;} .photo-box .article:nth-of-type(3n) {margin-right: 0;} .photo-box .article:hover {transform: scale(1.02);transition: transform .2s ease;} .photo-box .article .thumb {border: 0;aspect-ratio: 16 / 9;border-radius: 10px;margin-bottom: 20px;background-color: #0003;display: flex;align-items: center;justify-content: center;} .photo-box .article .thumb img {max-height: 100%;max-width: 100%;width: auto;} .photo-box .article .text-box a {display: flex;align-items: flex-start;} .photo-box .article .title {font-size: 20px;font-weight: bold;line-height: 1.3;} .photo-box .article .c-blue, .photo-box .article .c-yello {margin-right: 8px;margin-top: 3px;min-width: 58px;} .photo-box .article .info {font-size: 16px;color: #888;letter-spacing: -0.8px;line-height: 1.3;margin-top: 4px;} .c-blue {background-color: #004da0;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;font-weight: normal;color: #FFF;width: 52px;height: 20px;border-radius: 20px;} .c-yello {background-color: #ff9600;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;font-weight: normal;color: #FFF;width: 52px;height: 20px;border-radius: 20px;} /* .search-list .view-box . 검색 리스트 텍스트 */ .search-list .view-box2 {width: 1200px;padding-top: 0;padding-bottom: 100px;} .search-list .view-box2 .box-title {padding-bottom: 16px;border-bottom: 3px solid #004da0;margin-bottom: 0;} .search-list .view-box2 .box-title .name {font-size: 28px;} .search-list .view-box2 .list {padding: 0;} .search-list .view-box2 .list ul {width: 100%;border-top: 0;} .search-list .view-box2 .list ul .title {width: 620px;} .search-list .view-box2 .list ul li.article .title {font-size: 17px;} .search-list .view-box2 .list ul li.article .program {font-size: 16px;color: #666;} .search-list .view-box2 .list ul li.article .date {font-size: 16px;color: #666;} .search-list .view-box2 .list ul li.article .btn-replay {font-size: 15px;padding: 7px 25px;} .result-none {width: 100%;padding: 90px 0;text-align: center;font-size: 28px;color: #aaa;} /* 회원가입 약관 모달 내용 */ .terms-cont {width: 100%;padding: 30px;font-size: 15px;} .terms-cont h1 {margin-bottom: 30px;font-size: 30px;text-align: center;} .terms-cont h4 {font-size: 16px;} .terms-cont .cont + .cont {margin-top: 20px;} .terms-cont p + .cont {margin-top: 20px;} .terms-cont ol {padding-left: 20px;} .terms-cont ol ol {padding: 0 10px;} .terms-cont ol ul {padding: 0 10px;} .terms-cont .cont > ol > li {list-style: auto;margin-top: 5px;} .terms-cont table {border-collapse: collapse;border: 1px solid #000;width:100%;} .terms-cont table td, .terms-cont table th {border: 1px solid #0005;padding: 5px;} .terms-cont table th {text-align: center;} /* 약관 탭 박스 */ .terms-tab-box {padding: 80px 15px 0;} .terms-tab-box * {word-break: keep-all;} /* .terms-tab-box .logo {width: 90px;} .terms-tab-box .logo img {width: 100%;height: auto;} */ /* .terms-tab-box .box-title .name {margin-left: 10px;} */ .terms-tab-box .box-title {align-items: flex-end;margin-bottom: 50px;justify-content: center;} .terms-tab-box .box-title .name {font-size: 36px;} .terms-tab-box .tab-container {width: 90%;margin: 0 auto 20px;display: flex;align-items: center;justify-content: flex-start;border: 2px solid #437ebe;border-right: 0;border-left: 0;} .terms-tab-box .tab-container .tab {display: block;font-size: 19px;border: 1px solid #9cb4cd50;padding: 4px 0;text-align: center;width: calc(100% / 4);} .terms-tab-box .tab-container .tab.on {background-color: #9cb4cd50;font-weight: bold;} .terms-tab-box .tab-container.tab-container2 .tab {display: block;font-size: 19px;border: 1px solid #9cb4cd50;padding: 4px 0;text-align: center;width: calc(100% / 2);} .terms-tab-box .title-cont {display: flex;width: 90%;margin: 0 auto;background-color: #eeeeeed8;border: 2px solid #ccc;border-right: 0;border-left: 0;padding: 25px 80px;} .terms-tab-box .title-cont li {width: calc(100% - 20px);} .terms-tab-box .title-cont li + li {margin-left: 20px;} .terms-tab-box .title-cont li a {display: block;font-size: 16px;font-weight: bold;letter-spacing: 0.2px;color: #217599;line-height: normal;margin-bottom: 6px;} .terms-tab-box .title-cont a:hover {color: #074661;} .terms-tab-box .date {font-size: 16px;color: #888;width: 90%;margin: 0 auto 2px;text-align: right;} .terms-tab-box .tab-container + .title-cont {margin-top: 45px;} .terms-tab-box .terms-cont {width: 90%;margin: 0 auto;font-size: 16px;padding-bottom: 200px;} .terms-tab-box .terms-cont h4 {font-size: 17px;} .terms-tab-box .terms-cont .cont + .cont, .terms-tab-box .terms-cont p + .cont {margin-top: 30px;} .terms-tab-box .terms-cont .cont p {line-height: 1.5;} .terms-tab-box .terms-cont .cont p + ol, .terms-tab-box .terms-cont .cont p + ul {margin-top: 10px;} .terms-tab-box .terms-cont .cont > ol {padding-left: 30px;} .terms-tab-box .terms-cont .cont > ol > li {margin-top: 8px;} .terms-tab-box .terms-cont ol ol {padding: 0;} .terms-tab-box .terms-cont ol + p {margin-top: 10px;} .terms-tab-box .terms-cont table {width: 90%;margin: 10px 10px 20px;} .terms-tab-box .terms-cont table th {background-color: #0001;word-break: keep-all;} .terms-tab-box .terms-cont table td {word-break: keep-all;padding: 10px;} /* comment_area */ #comment_form.disable {background-color: #0002;} .comment_area {overflow: hidden !important;position: relative;width: 1200px;padding-bottom: 300px;margin-top: 30px;} .comment_area .box_title {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 10px;} .comment_area .box_title .name {font-size: 22px;color: #222222;} .comment_area .box_title .count {font-size: 19px;color: #777777;margin-left:5px;} .comment_area .box_title .btn_social_login {margin-left: 10px;line-height: 2;} .comment_area .box_title .btn_social_login img {height: 25px;} .comment_area #logout {font-size: 16px;font-weight: bold;color: #666;} .comment_area .input {border: 1px solid #cccccc;margin-bottom: 30px;} .comment_area .input .comment_input {font-family: 'Noto Sans KR';outline: none;font-size: 16px;color: #666666;padding: 20px;width: 100%;height: 120px;border: 0;border-bottom: 1px solid #f2f2f2;resize: none;} .comment_area .input .comment_input::placeholder {font-size: 16px;color: #999999;} .comment_area .input .button_wrap {height: 35px;position: relative;margin-top: -5px;} .comment_area .input .button_wrap .info {font-size: 15px;color: #999;line-height: 2.5;margin-left: 5px;} .comment_area .input .button_wrap .length {font-size: 15px;color: #999;position: absolute;right: 72px;top: 5px;} .comment_area .input .button_wrap button {background-color: #0166ad;width: 60px;height: 100%;color: #ffffff;font-size: 15px;letter-spacing: 1px;position: absolute;right: 0;top: 0px;cursor: pointer;} .comment_area .input .button_wrap button:disabled {background-color: #0002;} .comment_area .sort .item {font-size: 14px;font-weight: 500;color: #222222;margin-right: 10px;cursor: pointer;} .comment_area .sort .item.active {color: #1e92e5;text-decoration: underline;} .comment_area .list .item {border-top: 1px solid #cccccc;padding: 20px;position: relative;} .comment_area .list .item:last-child {border-bottom: 1px solid #cccccc;} .comment_area .list .item .thumb {width: 60px;height: 60px;background-color: #eeeeee;float: left;position: absolute;top: 20px;left: 0;} .comment_area .list .item .text_box {} .comment_area .list .item .title {margin-bottom: 0;line-height: 1.2;margin-bottom: 10px;position: relative;display: flex;align-items: baseline;} .comment_area .list .item .title .name {font-size: 17px;color: #0166ad;font-weight: 500;margin-right: 20px;} .comment_area .list .item .title .date {font-size: 15px;color: #999999;} .comment_area .list .item .title .more {position: relative;float: right;width:30px;cursor: pointer;} .comment_area .list .item .title .more img {width:100%;} .comment_area .list .item .title .more .open {width: 30px;height: 30px;background-image: url(/img/dott_icon.png);background-position: center;background-repeat: no-repeat;background-size: 100% auto;cursor: pointer;background-color: #ffffff;} .comment_area .list .item .title .more .more_menu {display: none;z-index: 2;position: absolute;top: 30px; right: 0;width: 45px;background-color: #ffffff;border: 1px solid #cccccc;padding: 8px;} .comment_area .list .item .title .more .more_menu.on {display: block;} .comment_area .list .item .title .more .more_menu .more_item {cursor: pointer;background-color: #ffffff;} .comment_area .list .item .comment {font-size: 16px;color: #666666;line-height: 1.35;} .comment_area .list .item .like {display: flex;justify-content: flex-end;align-items: center;font-size: 14px;} .comment_area .list .item .like .up {cursor: pointer;color: #dd203f;position: relative;margin-right: 10px;display: flex;align-items: center;} .comment_area .list .item .like .up .thumb-up {position: relative;content: '';display: inline-block;width: 22px;height: 20px;background:url("/img/icon/thumb-up.png") no-repeat center;background-size: 100% auto;} .comment_area .list .item .like .down {cursor: pointer;color: #4867aa;position: relative;display: flex;align-items: center;} .comment_area .list .item .like .down .thumb-down {position: relative;content: '';display: inline-block;width: 22px;height: 20px;background:url("/img/icon/thumb-down.png") no-repeat center;background-size: 100% auto;} .comment_area .list .item .title .btn-delete {margin-left: 20px;} .comment_area .list .item .btn-delete {display: flex;align-items: center;color: #FFF;background-color: #dd203f;font-size: 12px;padding: 3px 7px;border-radius: 3px;} .comment_area .list .item .btn-delete i {margin-right: 3px;} /* agree-modal . 중보기도신청 팝업 */ .agree-modal.on {display: flex;align-items: center;justify-content: center;} .agree-modal {display: none;width: 100%;height: 100%;background-color: #0009;position:fixed;top: 0;left: 0;z-index: 1200;} .agree-modal .card {background-color: #FFF;border-top-left-radius: 10px;border-top-right-radius: 10px;} .agree-modal .card .inner {padding: 50px;} .agree-modal .card .title {font-size: 22px;font-weight: bold;margin-bottom: 15px;} .agree-modal .card .desc-cont {display: flex;font-size: 19px;color: #444;} .agree-modal .card .desc-cont + .desc-cont {margin-top: 5px;} .agree-modal .card .desc-cont .sub-title {white-space: nowrap;margin-right: 4px;} .agree-modal .btn-cont {display: flex;width: 100%;} .agree-modal .btn-cont .btn-rect {width:50%;} .agree-modal .btn-cont .btn-rect:hover {box-shadow: 0 0 10px 1px #0007;} .btn-rect {font-size: 22px;text-align: center;padding: 14px 0;} .btn-rect.bg-gray {background-color: #e1e1e1;color: #004da0;} .btn-rect.bg-blue {background-color: #004da0;color: #FFF;} /* quiz-box 시청자참여퀴즈 */ .quiz-box {} .quiz-box .btn-oval {border-color: #0005;color: #666;width: 140px;height: 48px;border-radius: 30px;} .quiz-box .btn-oval + .btn-oval {margin-left: 26px;} .quiz-box .btn-oval:hover {background-color: #004da0;border-color: #004da0;color: #FFF;} .quiz-box .row {display: flex;flex-direction: row;width: 100%;} .quiz-box .column {display: flex;flex-direction: column;width: 100%;} .quiz-box > .cont + .cont{margin-top: 90px;} .quiz-box .box-title {margin-bottom: 50px;} .quiz-box .row.btn-cont {justify-content: center;margin-top: 30px;} .quiz-box .row.btn-cont .btn-oval {margin-top: 20px;} .quiz-box .text-cont.bg-gray {font-size: 18px;letter-spacing: -0.46px;line-height: 1.7;word-break: keep-all;padding: 28px 46px;border-radius: 10px;} .quiz-box .text-cont.bg-gray + .row span {display: inline-flex;align-items: center;} .quiz-box .text-cont.bg-gray + .row span + span {margin-left: 60px;} .quiz-box .text-cont.bg-gray + .row label {font-size: 18px;margin-left: 8px;line-height: 1.3;font-weight: bold;cursor: pointer;} .quiz-box .text-cont.bg-gray + .row input[type="radio"] {width: 18px;height: 18px;} .quiz-box .input-cont label {font-size: 20px;font-weight: bold;} .quiz-box .input-cont input {font-size: 18px;height: 38px;border: 1px solid #0005;border-radius: 5px;padding: 3px 10px;} .quiz-box .input-cont input::placeholder {color: #0000;} .quiz-box .input-cont > .row {margin-bottom: 26px;} .quiz-box .input-cont > .row > label {width: 20%;} .quiz-box .input-cont > .row > input {width: 80%;} .quiz-box .input-cont > .row > .row {width: 80%;} .quiz-box .input-cont > .row > .column {width: 80%;} .quiz-box .input-cont > .row .row input {width: 20%;} .quiz-box .input-cont > .row .row input.address1 {width: calc(40% + 10px);} .quiz-box .input-cont > .row .row input + input {margin-left: 10px;} .quiz-box .input-cont .column input {margin-bottom: 4px;} .quiz-box .input-cont .text {font-size: 18px;font-weight: bold;} .quiz-box #addressBtn {border: 1px solid #0003;font-size: 16px;line-height: 1.2;height: 38px;padding: 0 16px;display: inline-flex;align-items: center;margin-bottom: 4px;margin-left: 10px;} .quiz-box #addressBtn:hover {background-color: #333;color: #FFF;} .quiz-box .input-cont input:disabled {background-color: #0001;} .quiz-box button:disabled {background-color: #0001;} /* board-jebo 제보 */ .board-jebo {margin: 0 calc((100% - 1200px) / 2) 100px;background-color: #f5f5f5;} .board-jebo .box-title {margin-bottom: 0;height: 260px;border-top-left-radius: 10px;border-top-right-radius: 10px;background: url(/img/bg/jebo-bg.png) no-repeat center 100%;align-items: center;justify-content: center;flex-direction: column;} .board-jebo .box-title .name {color: #FFF;font-size: 40px;margin-bottom: 26px;} .board-jebo .box-title .name .font-bold {font-size: 48px;} .board-jebo .box-title .text {font-size: 22px;} .board-jebo .btn-oval {border-color: #0005;color: #666;width: 140px;height: 48px;border-radius: 30px;} .board-jebo .btn-oval + .btn-oval {margin-left: 26px;} .board-jebo .btn-oval:hover {background-color: #004da0;border-color: #004da0;color: #FFF;} .board-jebo .cont {padding: 40px 60px} .board-jebo .row {display: flex;flex-direction: row;width: 100%;} .board-jebo .row .row {width: fit-content;max-width: 100%;} .board-jebo .between {justify-content: space-between;width:100%;} .board-jebo .align-center {align-items: center;} .board-jebo .row.btn-cont {justify-content: center;padding-bottom:60px;} .board-jebo .column {display: flex;flex-direction: column;width: 100%;} .board-jebo .title-cont {display: flex;justify-content: space-between;align-items: center;padding-bottom:16px;margin-bottom: 16px;border-bottom: 3px solid #000;} .board-jebo .title-cont .title {font-size: 26px;font-weight: bold;} .board-jebo .title-cont .desc {font-size: 17px;} .board-jebo .title-cont .row {width: fit-content;max-width:100%;align-items: center;} .board-jebo .agree-cont input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 20px;height:20px;border: 1px solid #0003;border-radius: 50%;background-color: #FFF;} .board-jebo .agree-cont input[type="checkbox"] + label {margin-left: 6px;cursor: pointer;} .board-jebo .agree-cont input[type="checkbox"]::after {border: solid #fff;border-width: 0 3px 3px 0;content: '';display: none;height: 50%;left: 36%;position: relative;top: 20%;transform: rotate(45deg);width: 30%; } .board-jebo .agree-cont input[type="checkbox"].on {background: #4776cb;} .board-jebo .agree-cont input[type="checkbox"].on::after {display: block; } .board-jebo input::placeholder, .board-jebo textarea::placeholder {color: #0000;} .board-jebo input[type="text"] {height:46px;width: 90%;border: 1px solid #0003;padding: 5px 16px;font-size: 18px;} .board-jebo input.email {width: 30%;} .board-jebo input.tel {width: 20%;} .board-jebo input + .dash {margin: 0 3px;font-size: 12px;color: #0003;} .board-jebo input + .at {margin: 0 5px;font-size: 16px;} .board-jebo select {height:46px;width:20%;border: 1px solid #0003;padding: 5px 3px;font-size: 17px;} .board-jebo select.email {margin-left: 10px;} .board-jebo textarea {height:240px;max-height: 240px;resize: none;width: 90%;border: 1px solid #0003;font-family: 'Noto Sans KR';padding: 5px 16px;font-size: 18px;line-height: 1.8;} .board-jebo .label {font-size: 18px;white-space: nowrap;width: 10%;padding-top: 6px;} .board-jebo .input-cont > .row {margin-bottom: 16px;} .board-jebo .agree-cont .label {width:fit-content;padding-top: 0;line-height: 1.3;} .board-jebo .agree-cont .text-cont {background-color: #FFF;border: 1px solid #0002;height:180px;max-height: 180px;overflow-y: auto;padding: 30px;font-size: 16px;word-break: keep-all;line-height: 1.8;margin-top: 18px;} .board-jebo .agree-cont .input-cont > .column {padding: 20px 0;} .board-jebo #captchaImg {width: 300px;height: auto;margin-right: 10px;} .board-jebo #captcha {margin-right: 6px;width: 35%;} .board-jebo #btn-refresh {height: 46px;width: 46px;border: 1px solid #0003;background: #FFF url(/img/icon/icon-refresh.jpg) no-repeat center;background-size:30px auto;} .board-jebo .uploadArea {width: 90%;height: 200px;position:relative;} .board-jebo .uploadArea #dropzone {width:100%;height:100%;background-color: #FFF;border: 1px solid #0003;position: relative;display: flex;} .board-jebo .uploadArea .text {font-size: 16px;margin-top: 10px;} .board-jebo #dropzone .boxMessage {position: relative;font-size: 17px;cursor: pointer;display: flex !important;flex-direction: column;justify-content: space-between;align-items: center;padding: 20px 6px;width: 15%;min-width: 145px;border-right: 1px solid #0003;} .board-jebo #dropzone .boxMessage:hover {background-color: #0001;} .board-jebo #dropzone .boxMessage .text {font-size: 14px;color:#555;text-align: left;} .board-jebo #dropzone .preview-cont {display: flex;flex-wrap: wrap;width: 85%;max-width:85%;height:100%;overflow-y: auto;} .board-jebo #dropzone .card {width:150px;min-width:150px;height: fit-content;position: relative;margin: 5px;display: inline-block;border: 1px solid #0002;} .board-jebo #dropzone .card .card-img-top {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 150px;} .board-jebo #dropzone .card .card-img-top img {max-width: 100%;} .board-jebo #dropzone .card .card-body {padding: 3px;background-color: #0001;} .board-jebo #dropzone .card .card-body .dz-size {font-size: 17px;} .board-jebo #dropzone .card .filename {width: 100%;height: auto;position: absolute;top: 0px;background-color: rgb(0,0,0,0.4);color: #fff;width: 100%;text-overflow: ellipsis;padding:2px 5px;overflow: hidden;font-size: 14px;font-weight: normal;line-height: 1.3;} .board-jebo #dropzone .card .dz-remove {position: absolute;right: 5px;bottom: 8px;content: '';width: 16px;height: 20px;background: url('/img/icon/icon-delete.png') no-repeat center;background-size: cover;} /* sms-box */ .sms-box {padding-bottom: 100px;} .sms-box > .cont + .cont {margin-top: 70px;} .sms-box .text-cont {font-size:18px;line-height: 1.4;} .sms-box .red {color: #e50000;} .sms-box .info-cont {padding: 0 calc((100% - 1120px) / 2);} .sms-box .info-cont .text-cont {font-size: 17px;line-height: 1.7;font-weight: bold;} .sms-box .info-cont ul {display: flex;justify-content: space-between;width: 100%;padding:70px 0;} .sms-box .info-cont .info {display: flex;flex-direction: column;align-items: center;} .sms-box .info-cont .info .thumb {height:130px;width:fit-content;border:0;margin-bottom: 30px;} .sms-box .info-cont .info .thumb img {width: auto;} .sms-box .info-cont .info .text {display: flex;align-items: center;} .sms-box .info-cont .info .num {font-size: 20px;line-height: 1.5;color: #FFF;width:42px;height:42px;background-color: #1c8adb;display:inline-flex;align-items: center;justify-content: center;border-radius: 50%;} .sms-box .info-cont .info .desc {word-break: keep-all;font-size: 17px;line-height: 1.4;margin-left: 12px;font-weight: bold;} .sms-box .iframe-cont {padding: 0 calc((100% - 1120px) / 2);height:500px;} .sms-box .iframe-cont iframe {width: 100%;height:100%;} /* evend-ad-box . 이벤트 페이지 */ .event-ad-box {padding: 60px 0 200px;} .event-ad-box .box-title {margin-bottom: 20px;width:fit-content} .event-ad-box .box-title .name {font-size: 40px;color: #004da0;letter-spacing: -2px;} .event-ad-box .box-cont {display: flex;min-height:1000px;} .event-ad-box .bg-ef {background-color: rgba(239,236,231,0.4);border-top: 1px solid #004ca3;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .event-ad-box .bg-ee {background-color: #eee;padding: 16px 30px;} .event-ad-box .bg-e5 {background-color: #e5e3da;padding: 16px 30px;border-radius: 10px;} .event-ad-box .bg-99 {background-color: rgba(153,147,139,0.5);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .event-ad-box .bg-navy {background-color: #004ca3;color: #FFF;font-size: 15px;letter-spacing: 0.4px;width: fit-content;height: fit-content;display: inline-flex;align-items: center;padding: 7px 12px;border-radius: 5px;} .event-ad-box .font-18 {font-size: 18px;} .event-ad-box .icon-tel {position: relative;content: '';display: inline-block;width: 20px;height: 20px;background: url('/img/icon/icon-tel.png') no-repeat center;background-size: auto 13px;} .event-ad-box .bg-navy .icon-tel {margin-right: 2px;} .event-ad-box .box-cont .menu-cont {min-width: 220px;} .event-ad-box .menu-cont .bg-99 {padding: 0;height:0;transition: padding .2s ease;overflow: hidden;} .event-ad-box .menu-cont .bg-99.on {padding: 12px 0;height: fit-content;} .event-ad-box .menu-cont ul li a {display: block;line-height: 1.3;} .event-ad-box .menu-cont > ul {padding: 30px 0;} .event-ad-box .menu-cont .dep01 {position: relative;cursor: pointer;} .event-ad-box .menu-cont .dep01:hover {background-color: rgba(239,236,231,0.4);} .event-ad-box .menu-cont .dep01.hasC.on::after {position: absolute;right: 12px;top: 12px;content: '';display: inline-block;width: 26px;height: 26px;background: url('/img/icon/arrow_down.png') no-repeat center;background-size: 16px auto;} .event-ad-box .menu-cont .dep01.on::after {position: absolute;right: 12px;top: 12px;content: '';display: inline-block;width: 26px;height: 26px;background: url('/img/icon/arr-next.png') no-repeat center;background-size: auto 16px;} .event-ad-box .menu-cont .dep01 > a {font-size: 20px;font-weight: bold;padding: 12px 25px;} .event-ad-box .menu-cont .dep02 {cursor: pointer;} .event-ad-box .menu-cont .dep02:hover {background-color: rgba(153,147,139,0.5);} .event-ad-box .menu-cont .dep02:hover a {color: #8d8880;} .event-ad-box .menu-cont .dep02 > a::before {content: '·';margin-right: 10px;} .event-ad-box .menu-cont .dep02 > a {font-size: 18px;color: #8d8882;padding: 8px 20px;} .event-ad-box .menu-cont .dep02.on > a {color: #FFF;} .event-ad-box .cont {padding-left: 50px;width:100%;} .event-ad-box .cont .content {width:100%;} .event-ad-box .cont .content .desc {font-size: 18px;letter-spacing: -0.7px;word-break: keep-all;} .event-ad-box .cont .content .info {padding: 20px;font-size: 18px;} .event-ad-box .cont .content .info.pd-bt-50 {padding-bottom: 50px;} .event-ad-box .cont .content .cont-title {margin-bottom: 12px;display: flex;align-items: flex-end;color: #004da0;font-size: 25px;letter-spacing: -1px;line-height:1.25;font-weight: bold;word-break: keep-all;} .event-ad-box .cont .content .cont-title .cont-text {margin-left: 20px;} .event-ad-box .cont .content .cont-title .cont-text + select {margin-left: 20px;font-size: 16px;height:30px;width:220px;} .event-ad-box .cont .content .cont-title .logo {height:30px;margin-right: 10px;} .event-ad-box .box-cont .main-cont {display: flex;flex-wrap: wrap;} .event-ad-box .main-cont .content {margin-bottom: 60px;width: 400px} .event-ad-box .main-cont .content:nth-of-type(2n+1) {margin-right: 40px;width: calc(100% - (400px + 40px))} .event-ad-box .main-cont .content .cont-title .font-18 {margin-left: 8px;} .event-ad-box .main-cont .content .info {min-height: 160px;} .event-ad-box .main-cont .content .info ul li {font-size: 18px;word-break: keep-all;line-height: 1.3;letter-spacing: -0.9px;margin-bottom: 6px;} .event-ad-box .full-cont {width: 100%;} .event-ad-box .full-cont .info .tel {margin: 40px 0;display: flex;align-items: center;} .event-ad-box .full-cont .info .tel .bg-navy {margin-right: 16px;} .event-ad-box .full-cont .info .sub-cont + .tel {margin-top: 80px;} .event-ad-box .full-cont .sub-cont {width:100%;} .event-ad-box .info .sub-cont:first-child {margin-top: 0;} .event-ad-box .info .sub-cont {margin-top: 40px;} .event-ad-box .sub-cont {margin-top:60px;} .event-ad-box .sub-cont .title {font-size: 22px;color: #004ca3;font-weight: bold;letter-spacing: -1px;margin-bottom:12px;word-break: keep-all;} .event-ad-box .sub-cont .sub-title {font-size: 18px;letter-spacing: -0.7px;font-weight: bold;word-break: keep-all;} .event-ad-box .sub-cont .desc {font-size: 18px;letter-spacing: -0.7px;word-break: keep-all;} .event-ad-box .sub-cont .table-cont {margin-top:20px;} .event-ad-box .sub-cont table {width:100%;font-size: 16px;border-collapse: collapse;border-bottom: 1px solid #0006;} .event-ad-box .sub-cont table th {height: 42px;background-color: rgba(239,236,231,0.4);border-top: 1px solid #0006;border-right: 1px solid #0002;} .event-ad-box .sub-cont table tr th:last-child {border-right: 0;} .event-ad-box .sub-cont table td {height: 42px;text-align: center;border-top: 1px solid #0002;border-right: 1px solid #0002;} .event-ad-box .sub-cont table tr td:last-child {border-right: 0;} .event-ad-box .sub-cont .table-cont + .caption {font-size: 16px;letter-spacing: -0.7px;word-break: keep-all;margin-top: 8px;} .event-ad-box .sub-cont .sub-title .btn-excel {margin-left: 17px;} .event-ad-box .sub-cont .sub-content .img-full {width:100%;height:auto;margin-top: 50px;} .event-ad-box .sub-cont.qa-cont {border-bottom:1px solid #ccc;margin:0;padding: 24px 0;} .event-ad-box .sub-cont.qa-cont:first-child {padding-top: 10px;} .event-ad-box .sub-cont.qa-cont .sub-title {display: flex;align-items: flex-start;} .event-ad-box .sub-cont.qa-cont .desc {display: flex;align-items: flex-start;line-height: 1.6;} .event-ad-box .sub-cont.qa-cont .sub-title + .desc {margin-top: 18px;} .event-ad-box .info .list + .tel {margin-top: 80px;} .event-ad-box .q-icon {padding:0;font-family: 'Noto Sans KR';min-width: 30px;width: 30px;height: 30px;font-size: 14px;color: #000;border:none;background-color: #b5b5b5;margin-right: 20px;} .event-ad-box .a-icon {padding:0;font-family: 'Noto Sans KR';min-width: 30px;width: 30px;height: 30px;font-size: 14px;color: #FFF;border:none;background-color: #004ca3;margin-right: 20px;} .event-ad-box .help-cont {margin-top: 30px;width: 100%;display: flex;flex-wrap: wrap;background: rgba(239,236,231,0.4) url(/img/bg/bg-help.png) no-repeat;background-size: 200px auto;background-position: calc(100% - 50px) 80px;border-radius: 10px;padding: 36px;} .event-ad-box .help-cont .title {width: 100%;margin-bottom: 26px;font-size: 24px;font-weight: bold;letter-spacing: -1px;display: flex;align-items: center;} .event-ad-box .help-cont .title .icon-help {margin-right: 6px;} .event-ad-box .help-cont ul {width: calc(50% - 1px);padding: 0 30px;} .event-ad-box .help-cont ul + ul {border-left: 1px solid #ccc;padding-left:60px;} .event-ad-box .help-cont ul li {font-size: 18px;margin-bottom: 8px;line-height: 1.3;word-break: keep-all;} .event-ad-box .help-cont ul li.sub-title {font-size: 20px;margin-bottom: 16px;font-weight:bold;} .event-ad-box #inputForm {margin-top: 30px;display: flex;flex-direction: column;align-items: center;} .event-ad-box #inputForm table {border-collapse: collapse;border: 1px solid #0004;width: 100%;line-height: 1.3;} .event-ad-box #inputForm table th {background-color: #e9e9e8;text-align: left;border: 1px solid #0003;padding: 8px 18px;font-size: 16px;vertical-align: top;} .event-ad-box #inputForm table td {background-color: #FFF;text-align: left;border: 1px solid #0003;padding: 8px;} .event-ad-box #inputForm table td .row {display: flex;width: 75%;} .event-ad-box #inputForm table td > input {width: 75%;} .event-ad-box #inputForm table input {height: 32px;border: 1px solid #0003;padding: 0 8px;font-size: 16px;} .event-ad-box #inputForm table select {height: 32px;border: 1px solid #0003;padding: 0 8px;font-size: 16px;} .event-ad-box #inputForm table textarea {font-family: 'Noto Sans KR';width: 100%;height: 200px;max-height: 200px;resize: none;overflow-y: auto;border: 1px solid #0003;padding: 8px;font-size: 16px;line-height: 1.7;} .event-ad-box #inputForm table label {font-size: 15px;color: #999;width: 60px;min-width: 60px;} .event-ad-box #inputForm table .row {display: flex;align-items: center;padding: 6px 0;} .event-ad-box #inputForm table .row input {width: 30%;} .event-ad-box #inputForm table .row select {width: 22%;} .event-ad-box #inputForm .dash {color: #999;margin: 0 5px;} .event-ad-box #inputForm .btn-blue {margin-top: 50px;font-size: 16px;width: 200px;height: 40px;justify-content: center;} .event-ad-box #inputForm .btn-blue:hover {box-shadow: 0 0 10px 3px rgba(0,76,156,0.3);transform: scale(1.07);transition: transform .1s ease;} .event-ad-box #inputForm ::placeholder {color: #0000;} .event-ad-box .cont .board-text-list {width:100%;padding-top: 0;} .event-ad-box .cont .board-text-list table {width:100%;} .event-ad-box .cont .board-text-list tr .title {padding:13px;} .event-ad-box .cont .board-text-list .title:hover {font-weight: bold;} .event-ad-box .cont .board-text-list .search-cont2 {margin-bottom:0;border:1px solid #0001;} .event-ad-box .cont .board-view {padding:0;} .event-ad-box .cont .board-view .info-cont {display: flex;} .event-ad-box .cont .board-view .info-cont .writer {margin-right:22px;} .event-ad-box .cont .board-view .info-cont .date {margin-right:22px;} .event-ad-box .board-view .files:hover {font-weight: normal !important;} .event-ad-box .board-view .files a:hover {font-weight: bold;} .event-ad-box .uploadArea {width: 100%;height: 260px;position:relative;} .event-ad-box .uploadArea #dropzone {width:100%;height:calc(100% - 30px);background-color: #FFF;border: 1px solid #0003;position: relative;display: flex;} .event-ad-box .uploadArea .text {font-size: 16px;margin-top: 10px;} .event-ad-box #dropzone .boxMessage {position: relative;font-size: 17px;cursor: pointer;display: flex !important;flex-direction: column;justify-content: space-between;align-items: center;padding: 20px 6px;width: 15%;min-width: 145px;border-right: 1px solid #0003;} .event-ad-box #dropzone .boxMessage:hover {background-color: #0001;} .event-ad-box #dropzone .boxMessage .text {font-size: 14px;color:#555;text-align: left;} .event-ad-box #dropzone .preview-cont {display: flex;flex-wrap: wrap;width: 85%;max-width:85%;height:100%;overflow-y: auto;} .event-ad-box #dropzone .card {height: 181px;width:150px;min-width:150px;position: relative;margin: 5px;display: inline-block;border: 1px solid #0002;} .event-ad-box #dropzone .card .card-img-top {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 150px;} .event-ad-box #dropzone .card .card-img-top img {max-width: 100%;} .event-ad-box #dropzone .card .card-body {padding: 3px;background-color: #0001;} .event-ad-box #dropzone .card .card-body .dz-size {font-size: 17px;} .event-ad-box #dropzone .card .filename {width: 100%;height: auto;position: absolute;top: 0px;background-color: rgb(0,0,0,0.4);color: #fff;width: 100%;text-overflow: ellipsis;padding:2px 5px;overflow: hidden;font-size: 14px;font-weight: normal;line-height: 1.3;} .event-ad-box .sub-cont .sub-title + .bg-ee {margin: 16px 0;font-size: 17px;} .event-ad-box .sub-cont .sub-title + .bg-ee ul {padding: 12px 20px;} .event-ad-box .sub-cont .sub-title + .bg-ee ul li {margin-bottom: 6px;line-height: 1.3;font-size: 16px;} .event-ad-box label.agree {font-size: 17px;cursor: pointer;} .event-ad-box .row {display: flex;align-items: flex-start;} .event-ad-box .desc a {color: #004ca3;margin: 0 5px;font-weight: bold;} .event-ad-box .desc a:hover {text-decoration: underline;} .event-ad-box .bg-e5 .btn-cont {margin-top: 12px;} .event-ad-box .bg-e5 .btn-oval {border:1px solid #0003;} .event-ad-box .bg-e5 .btn-oval + .btn-oval {margin-left:14px;} /* 모바일메뉴 안보이게 처리 */ .event-nav-m {display: none;height: 0;} /* music-box . 뮤직차트, 이 주의 트랙 */ .music-box {padding-bottom: 160px;} .music-box .btn-oval.btn-black {background-color: #000;color: #FFF;width: 160px;border:2px solid #FFF;height: 39px;padding: 3px 10px 3px 19px;display: inline-flex;justify-content: space-between;font-size: 16px;} .music-box .btn-oval.btn-black:hover {transform:scale(1.1);transition: transform .2s ease;} .music-box select {-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;background: #FFF url('/img/icon/arrow_down.png') no-repeat 85% center;background-size: 10px auto;} .music-box select::-ms-expand{ display:none;/*for IE10,11*/} .music-box .box-title {margin-bottom: 60px;justify-content: space-between;align-items: flex-end;padding: 48px calc((100% - 1200px) / 2);width: 100%;height: 320px;} .music-box .box-title .btn-oval.btn-black {position: absolute;right: calc((100% - 1200px) / 2);top: 48px;} .music-box .box-title select {font-size: 14px;width: 180px;height: 30px;border-radius: 30px;padding: 6px 12px;border: 0;background: #FFF url('/img/icon/arrow_down.png') no-repeat 95% center;;background-size: 10px auto;} .music-box .box-title select option {font-size: 14px;} .music-box .box-title .select-cont select {width: fit-content;padding: 6px 30px 6px 12px;background: #FFF url('/img/icon/arrow_down.png') no-repeat calc(100% - 10px) center;background-size: 10px auto;} .music-box .box-title .name-cont {display: flex;align-items: flex-end;} .music-box .box-title .name-cont + .name-cont {margin-top: 16px;} .music-box .box-title .select-cont label {font-size: 15px;margin-right: 20px;color: #FFF;} .music-box .box-title .select-cont select {font-size: 15px;padding-right: 48px;} .music-box .box-title .logo {width: 142px;} .music-box .box-title .name {color: #FFF;font-size: 50px;letter-spacing: -1.2px;} .music-box .box-title .logo + .name {margin-left:20px} .music-box .box-title .info-cont {display: flex;flex-direction: column;align-items: center;} .music-box .box-title .title {font-size: 35px;color: #FFF;font-weight: normal;letter-spacing: -0.7px;} .music-box .box-title .date {font-size: 20px;color: #FFF;padding: 3px 0;margin-left: 20px;letter-spacing: -0.7px;} .music-box .box-title.bg-chart {background:linear-gradient(to top, #0005, #0000 30%), url('/img/bg/music-chart-bg.png') no-repeat center;background-size: cover;} .music-box .box-title.bg-track {background:linear-gradient(to top, #0005, #0000 30%), url('/img/bg/music-track-bg.png') no-repeat center;background-size: cover;} .music-box .list-cont {display: flex;padding: 0 calc((100% - 1200px) / 2);} .music-box .list-cont .list {background-color: #f1f2f6;padding: 40px 20px 50px;border-radius: 6px;} .music-box .list-cont .list + .list {margin-left: 30px} .music-box .list-cont .list-title {text-align: center;font-size: 30px;line-height: 1.3;font-weight: bold;margin-bottom: 30px;} .music-box .list-cont .list ol {width: 100%;} .music-box .list-cont .list ol li {width: 100%;counter-increment: rank_counter;display: flex;align-items: center;} .music-box .list-cont .list ol li + li {margin-top: 32px;} .music-box .list-cont .list ol li::before {content: counter(rank_counter);color: #666;font-size: 20px;font-weight: bold;line-height: 1.3;width: 40px;min-width: 40px;margin-right: 8px;text-align: center;} .music-box .list-cont .list ol li:first-of-type::before {color: #004ca3;font-size: 28px;} .music-box .list-cont .list ol li .thumb {width: 66px;min-width: 66px;aspect-ratio: 1 / 1;margin-right: 12px;} .music-box .list-cont .list ol li .title-cont {width: 266px;} .music-box .list-cont .list ol li .title-cont .title {line-height: 1.3;font-weight: bold;font-size: 15px;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;} .music-box .list-cont .list ol li .title-cont .artist {margin-top: 4px;line-height: 1.3;font-size: 15px;color: #777;;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;word-break: break-all;} .music-box .list-cont .list ol li .like {width: 38px;text-align: center;} .music-box .list-cont .list ol li .like .num {color: #999;font-size: 13px;} .music-box .list-cont .list .thumb.main-thumb {width: 100%;height:auto;margin-bottom: 12px;border: 0;border-radius: 10px;} .music-box .list-cont .list .main-cont {padding-bottom: 60px;} .music-box .list-cont .list .main-cont .title-cont {display: flex;flex-direction: column;justify-content: center;align-items: center;} .music-box .list-cont .list .main-cont .title {font-weight: bold;font-size: 26px;line-height: 1.3;padding: 3px 42px;text-align: center;} .music-box .list-cont .list .main-cont .artist {font-weight: bold;font-size: 19px;line-height: 1.3;text-align: center;} .music-box .list-cont .list .cont {padding-bottom: 60px;} .music-box .list-cont .list .cont:last-of-type {padding-bottom: 0;} .music-box .list-cont .list .cont .cont-title {display: flex;align-items: center;font-size: 20px;font-weight: bold;color: #0074b7;margin-bottom: 20px;} .music-box .list-cont .list .cont .cont-title span + span {margin-left: 6px;} .music-box .list-cont .list .cont .cont-title .line {flex: 1;margin-left: 16px;} .music-box .list-cont .list .cont .cont-title .line::after {content: '';display: block;height: 2px;background-color: #0002;} .music-box .list-cont .list .cont .video {width: 100%;height: auto;padding: 0 12px;} .music-box .list-cont .list .cont .video + .video {margin-top: 30px;} .music-box .list-cont .list .interview {display: block;width:100%;height: fit-content;padding: 0 12px;} .music-box .list-cont .list .interview + .interview {margin-top: 30px;} .music-box .list-cont .list .interview .thumb {width: 200px;min-width: 200px;height:fit-content;margin-right: 16px;float: left;border: 0;border-radius: 6px;} .music-box .list-cont .list .interview .thumb img {width:100%;height:auto;} .music-box .list-cont .list .interview .desc-cont {min-height: 80px;} .music-box .list-cont .list .interview .name {font-weight: bold;font-size: 17px;} .music-box .list-cont .list .interview .desc {font-size: 16px;line-height: 1.6;color: #777;} .music-box .text-cont {background-color: #39435d;border-radius: 6px;padding: 27px 32px 32px;width: 1200px;margin: 0 auto;} .music-box .text-cont .title {font-weight: bold;font-size: 18px;line-height: 1.3;margin-bottom: 12px;color: #FFF;} .music-box .text-cont .desc {font-size: 16px;line-height: 1.3;color: #FFF;} .music-box .text-cont .desc::before {content: '·';font-weight: bold;margin-right: 5px;} .music-box .text-cont .desc + .desc {margin-top: 6px;} .music-box .list-cont + .text-cont {margin-top: 36px;} .music-box .list-cont2 .list {width: calc((100% - 30px) / 2);background-color: #faf7f6;padding:0;} .music-box .list-cont2 .list .list-title {margin-bottom: 0;height: 80px;border-top-left-radius: 10px;border-top-right-radius: 10px;display: flex;align-items: center;justify-content: center;} .music-box .list-cont2 .list .list-title.bg-puple {background-color: #730775;color: #FFF;} .music-box .list-cont2 .list .list-title.bg-pink {background-color: #DF217F;color: #FFF;} .music-box .list-cont2 .list .wrap {padding: 30px 20px 50px;} .music-box .list-cont3 .list {padding: 40px 12px 50px;width: calc((100% - (30px * 2)) / 3);background: linear-gradient(to bottom, #faf7f6,#ebe2d5);} /* 면편집 뮤직차트 박스 .music-chart-box */ .music-chart-box {max-width: 370px;width: 370px;margin:0;cursor: pointer;padding-bottom:90px;} .music-chart-box .box-title {} .music-chart-box .box-title .logo {height: 25px;margin-right: 6px;} .music-chart-box .wrap {background-color: #f2ecea;border-radius: 10px;padding: 24px 10px 30px;} .music-chart-box .list-title {padding-top: 5px;text-align: center;vertical-align: middle;color: #FFF;font-weight: bold;font-size: 20px;width:100%;height:64px;background: url('/img/bg/ribbon-bg.png') no-repeat center;background-size: 100% 64px;} .music-chart-box .list-title .rank {font-size: 25px;} .music-chart-box .list {padding: 28px 20px 0;} .music-chart-box .list .article {display: flex;align-items: center;} .music-chart-box .list .article + .article {margin-top: 24px;} .music-chart-box .list .article:hover {transform: scale(1.05);transition: transform .2s ease;} .music-chart-box .article .cat {margin-right: 20px;width: 46px;min-width: 46px;height: 39px;display: inline-flex;align-items: center;justify-content: center;background-color: #c73c3c;color: #FFF;font-size: 14px;border-radius: 10px;} .music-chart-box .article .title {font-weight: bold;font-size: 17px;width: calc(100% - 66px);line-height: 1.3;} .music-chart-box .article .artist {font-size: 13px;color: #777;margin-left: 8px;} /* 면편집 이주의트랙 박스 .music-track-box */ .music-track-box {width: calc(1200px - 400px);margin: 0;padding-right: 6px;padding-left: 6px;} .music-track-box .list {display: flex;align-items: flex-start;} .music-track-box .article {width: calc((100% - 24px) / 2);} .music-track-box .article:nth-of-type(2n + 1) {margin-right: 24px;} .music-track-box .article:hover {transform: scale(1.035);transition: transform .2s ease;} .music-track-box .article .thumb {aspect-ratio: 16 / 9;margin-bottom: 8px;border-radius: 10px;} .music-track-box .article .thumb .cat {position: absolute;top:10px;left:12px;background-color: #c73c3c;color: #FFF;width: 62px;height: 24px;display: flex;align-items: center;justify-content: center;border-radius: 24px;} .music-track-box .article .thumb img {object-position: center;} .music-track-box .article .desc {font-size: 16px;color:#000;letter-spacing: -0.67px;line-height: 1.3;} .music-track-box .article .title {font-weight: bold;font-size: 25px;margin-top:4px;line-height: 1.35;} /* intro-page 라디오 프로그램 소개 페이지 */ .intro-page {max-width:1000px;padding-bottom:100px;margin:0 auto;} .intro-page .box-title {} .intro-page .thumb {width: fit-content;min-width:400px;margin:0 auto;} .intro-page .thumb + .thumb {margin-top: 10px;} /* .company-box01 회사소개 */ .company-box01 {padding: 200px 0;width: 100%;height: 100%;background: url(/img/company/cbs-bg.png) no-repeat;background-size: cover;} .company-box01 .box-title {display: block;text-align: center;margin-bottom: 100px;} .company-box01 .box-title .name {color: #ff7200;font-size:50px;letter-spacing: -0.7px;} .company-box01 .box-title img {width: 260px;} .company-box01 .box-title .name + img {margin-top: 36px;} .company-box01 .cont {width: 1100px;margin: 0 auto;} .company-box01 .cont .title {margin-bottom: 30px;display: flex;align-items: center;font-size: 36px;font-weight: bold;color: #004da0;letter-spacing: -0.8px;} .company-box01 .cont .title img {height:36px;margin-right: 6px;} .company-box01 .cont .desc {font-size: 24px;line-height: 1.8;letter-spacing: -0.9px;} .company-box01 .cont + .cont {margin-top: 120px;} .company-box01 .sign {font-size: 28px;font-weight: bold;padding: 50px calc((100% - 1000px) / 2);text-align: right;} .company-box01 .sign img {margin-top:20px;width: 210px;} /* .company-box02 회사소개 */ .company-box02 {padding:100px calc((100% - 1200px) / 2) 50px;width:100%;} .company-box02 .m-cont {display: none !important;} .company-box02.bg-skyBlue {padding-top:60px;padding-bottom:60px;} .company-box02 .box-title {margin-bottom:90px;display: block;} .company-box02 .box-title.mg-bt-40 {margin-bottom: 40px;} .company-box02 .box-title.mg-bt-20 {margin-bottom: 20px;} .company-box02 .box-title .name {font-size:40px;color: #004da0;letter-spacing: -0.9px;} .company-box02 .box-title .name + .cont {word-break: keep-all;padding-right: 260px;line-height: 1.9;letter-spacing: -0.7px;} .company-box02 .box-title .name + .cont.flex-cont {padding-right: 0;} .company-box02 .user-cont .box-title .name + .cont {padding-right: 0;} .company-box02 .user-cont .userImg {width: 350px;height: auto;margin-left: 80px;margin-right: 40px;} .company-box02 .user-cont .shadow-cont .num + span {margin-left: 10px;} .company-box02 .user-cont .flex-cont .shadow-cont {width:calc((100% - 140px) / 3);padding:24px 40px 46px;box-shadow: 1px 1px 10px 8px #0001;} .company-box02 .user-cont .shadow-cont .link {background-color: #004da0;color: #FFF;display: inline-flex;align-items: center;justify-content: center;width: 100%;height: 45px;border-radius: 30px;} .company-box02 .user-cont .shadow-cont .link:hover {transform: scale(1.04);transition: transform .2s ease;} .company-box02 .text-navy {color: #004da0;} .company-box02 .text-lightNavy {color: #0052cd;} .company-box02 .text-blue {color: #127bc1;} .company-box02 .text-orange {color: #ff7200;} .company-box02 .text-gray {color: #666;} .company-box02 .font-50 {font-size: 50px !important;} .company-box02 .font-35 {font-size: 35px !important;} .company-box02 .font-30 {font-size: 30px !important;} .company-box02 .font-25 {font-size: 25px !important;} .company-box02 .font-23 {font-size: 23px !important;} .company-box02 .font-20 {font-size: 20px !important;} .company-box02 .font-15 {font-size: 15px !important;} .company-box02 .center {text-align: center;} .company-box02 .border {border: 1px solid #0003;} .company-box02 .border-top {border-top: 1px solid #0003;} .company-box02 .border-bottom {border-bottom: 1px solid #0003;} .company-box02 .flex-cont {display: flex;} .company-box02 .flex-cont.column {flex-direction: column;} .company-box02 .flex-cont.flex-between {justify-content: space-between;} .company-box02 .flex-cont.justify-center {justify-content: center;} .company-box02 .flex-cont.align-center {align-items: center;} .company-box02 .flex-cont.flex-wrap {flex-wrap: wrap;} .company-box02 .bottom-bar {position: relative;} .company-box02 .bottom-bar::after {content: '';display: block;width: 200px;height:2px;background-color: #098ad2;position: absolute;bottom:0;left:0;} .company-box02 .thumb-cont .thumb {width:440px;height:fit-content;border:0;} .company-box02 .text-box .sub {padding:10px 0;} .company-box02 .text-box .sub .title {font-size: 32px;} .company-box02 .text-box .sub .desc {font-size: 24px;} .company-box02 .text-box .sub.flex-cont .title {width: 170px;} .company-box02 .ci-cont {margin-bottom: 60px;} .company-box02 .ci-cont .cont-title {position: relative;width: 100%;padding-bottom:6px;margin-bottom: 80px;} .company-box02 .ci-cont .cont-title .name {font-size: 30px;border-bottom: 5px solid #004da0;width:fit-content;padding-bottom:6px;;padding-right: 32px} .company-box02 .ci-cont .cont-title::after {content: '';display: block;width: 100%;height:1px;border-bottom: 1px solid #0004;position: absolute;bottom:0;left:0;} .company-box02 .ci-cont .content {text-align: center;} .company-box02 .down-cont {box-shadow: 0 0 4px 4px #0001;border-radius: 16px;width:300px;height: 230px;padding: 30px;background-color: #FFF;display: flex;flex-direction: column;align-items: center;justify-content: space-between;text-align: center;} .company-box02 .down-cont:hover {transform: scale(1.06);transition: transform .2s ease;} .company-box02 .down-cont img {width:186px;height:auto;} .company-box02 .down-cont .down {font-size: 26px;} .company-box02 .down-cont .down .down-w-icon {width:27px;height:27px;background-size:auto 99%;margin-left:12px;} .company-box02 .text-cont {} .company-box02 .text-cont .cont-title {font-size: 30px;margin-bottom: 36px;letter-spacing: -0.7px;} .company-box02 .text-cont .desc {font-size: 24px;margin-bottom: 36px;line-height: 1.9;letter-spacing: -0.7px;} .company-box02 .text-cont .desc .bg-gray {font-size: 24px;display: flex;flex-direction: column;word-break: keep-all;width: 160px;border-radius: 16px;padding: 20px;line-height: 1.3;} .company-box02 .text-cont .desc .bg-gray .font-bold {font-size: 28px;line-height: 1.2;letter-spacing: -0.9px;} .company-box02 .text-cont .desc .bg-gray + .font-20 {line-height: 2.2;margin-left: 24px;} .company-box02 .table-cont .cont-title {font-size: 30px;margin-bottom: 36px;letter-spacing: -0.7px;} .company-box02 .table-cont .cont-title .font-20 {margin-left:12px} .company-box02 .broad-cont .thumb {min-width: 150px;width: 150px;height:fit-content;border: 0;margin-right: 80px;} .company-box02 .broad-cont .thumb img {height: auto;} .company-box02 .broad-cont > .flex-cont {padding: 60px 20px;border-bottom: 1px solid #0004;} .company-box02 .broad-cont > .flex-cont:first-child {padding-top: 0;} .company-box02 .broad-cont .text-cont .cont-title {margin-bottom: 18px;} .company-box02 .broad-cont .text-cont .desc {margin-bottom: 0;} .company-box02 .max-cont {width: 100%;} .company-box02 .max-cont img {width: 100%;height: auto;display: block;} .company-box02 .shadow-cont {box-shadow: 1px 1px 8px 0 #0003;padding: 24px 40px;border-radius: 10px;display: block;} .company-box02 .max-cont img + .shadow-cont {margin-top: 60px;} .company-box02 .terms-cont {padding: 0 50px;word-break: keep-all;font-size: 18px;} .company-box02 .terms-cont .cont ol {padding-left: 0;} .company-box02 .terms-cont ol li {list-style-type: none;display: flex;} .company-box02 .terms-cont ol li span {margin-right: 5px;} .company-box02 .terms-cont ol ul {padding:0 10px 10px;} .company-box02 .tel-cont .cont-title {position: relative;width: 100%;padding-bottom:6px;margin-bottom: 40px;} .company-box02 .tel-cont .cont-title .name {font-size: 25px;border-bottom: 5px solid #004da0;width:fit-content;padding-bottom:6px;;padding-right: 32px} .company-box02 .tel-cont .cont-title::after {content: '';display: block;width: 100%;height:1px;border-bottom: 1px solid #0004;position: absolute;bottom:0;left:0;} .company-box02 .tel-cont .shadow-cont {width: calc((100% - 70px) / 2);height: 170px;display: flex;align-items: center;justify-content: center;} .company-box02 .tel-cont .shadow-cont span + span {margin-left: 30px;} .company-box02 .tel-cont .flex-cont .cont {width: calc(100% / 2);max-width: 550px;padding-right: 40px;padding-bottom: 60px;} .company-box02 .video-cont > .cont {width:1120px;} .company-box02 .video-cont > .cont .thumb {width:100%;height: 630px;} .company-box02 .video-cont > .cont .text-box {padding-right: 150px;word-break: keep-all;} .company-box02 .council-table {border-collapse: collapse;} .company-box02 .council-table th {background-color:#e4e0dd;font-size: 24px;padding: 10px 50px;} .company-box02 .council-table th:last-child {text-align: left;} .company-box02 .council-table td {padding: 42px 50px;border-bottom: 1px solid #0004;} .company-box02 .council-table td.td-img {padding: 42px 10px;} .company-box02 .council-table td.td-img .img {background-color: #FFF;padding: 14px;box-shadow: 0 0 12px 6px #0001;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 18px;} .company-box02 .council-table td.td-img .img img {margin-bottom: 6px;width: 136px;height: 160px;} .company-box02 .council-table td.td-desc {font-size: 18px;line-height: 1.7;} .company-box02 .flex-cont .council-table {width: calc((100% - 60px) / 2);height: fit-content;} .company-box02 .flex-cont .council-table + .council-table th {background-color: #e1cfc1;} .company-box02 .flex-cont .council-table td {padding: 40px 30px 40px 20px;height: 304px;} .company-box02 .network-img.shadow-cont:hover {background-color: rgba(206,220,226,0.3);} .company-box02 .network-table {border-collapse: collapse;width: 100%;border: 1px solid #0003;} .company-box02 .network-table th {background-color:#4974b8;font-size: 20px;color: #FFF;font-weight: normal;padding: 8px 24px;} .company-box02 .network-table td {font-size: 20px;padding: 18px 0 18px 24px;vertical-align: top;border-top:1px solid #0003;word-break: keep-all;} .company-box02 .network-table td a {color: #4974b8;font-weight: bold;} .company-box02 .network-table td a:hover {text-decoration: underline;} .company-box02 .level-table {border-collapse: collapse;width: 100%;border: 1px solid #ddd;} .company-box02 .level-table th {background-color:#4974b8;font-size: 20px;color: #FFF;line-height: 1.8;font-weight: normal;padding: 30px;border-right:1px solid #ddd;word-break: keep-all;} .company-box02 .level-table td {font-size: 18px;padding: 30px 50px;vertical-align: top;border-top:1px solid #ddd;border-right:1px solid #ddd;word-break: keep-all;} .company-box02 ol.decimal {padding: 0 40px;} .company-box02 ol.decimal li {list-style-type: decimal;margin-bottom: 22px;line-height: 1.3;word-break: keep-all;} .company-box02 .bg-translateBage {padding: 24px 32px;border-radius: 15px;word-break: keep-all;} .company-box02 img.financial {width: 950px;height: auto;} .company-box02 #viewerForm .input-cont {padding: 7px 20px;} .company-box02 #viewerForm label {width: 130px;font-weight: bold;font-size: 18px;} .company-box02 #viewerForm input {height: 40px;border: 1px solid #0003;font-size: 18px;padding: 4px 10px;} .company-box02 #viewerForm input[type="email"] {width: 400px;} .company-box02 #viewerForm input[type="text"] {width: calc(100% - 130px);} .company-box02 #viewerForm textarea {padding: 10px;font-family: 'NotoSansKR';width: calc(100% - 130px);height: 360px;resize: none;border: 1px solid #0003;font-size: 18px;} .company-box02 #viewerForm .input-cont .font-15 {margin-left: 10px;} .company-box02 #viewerForm > .border {padding-bottom: 50px;} .company-box02 #viewerForm .btn-cont {padding: 30px 0 37px;} .company-box02 #viewerForm .btn-cont .btn-oval {width: 130px;height: 46px;font-weight: bold;border-radius: 30px;border-color: #004da0;color: #004da0;} .company-box02 #viewerForm .btn-cont .btn-oval:hover {background-color: #004da0;color: #FFF;} .company-box02 #viewerForm .btn-cont .btn-oval + .btn-oval {margin-left: 40px;} .company-box02 .board-text-list {padding-top:0;} .company-box02 .board-text-list .title:hover {font-weight: bold;} .company-box02 .board-view {padding-top:0;} .company-box02 .board-view .info-cont > div {margin-left: 16px;} .company-box02 .board-view .files {font-size: 17px;} /* .company-box02 .board-view .files:hover {font-weight: normal !important;} */ /* .company-box02 .board-view .files a:hover {font-weight: bold;} */ /* .company-box02 .board-view .files a {align-items: center;} */ .company-box02 .board-view .files img {width:20px;height: auto;margin-right: 10px;display: block;} .company-box02 .pr-list a {width: fit-content;height: fit-content;} .company-box02 .pr-list .article {width: calc((100% - 80px) / 2);margin-bottom: 100px;} .company-box02 .pr-list .article.notice .title::before {position:relative;display:inline;content:'[공지]';margin-right:3px;} .company-box02 .pr-list .article:nth-of-type(2n + 1) {margin-right: 80px;} .company-box02 .pr-list .article .thumb {width: 235px;height: fit-content;margin: 5px 10px;border-radius: 10px;} .company-box02 .pr-list .article .thumb:hover {transform: scale(1.03);transition: transform .2s ease;} .company-box02 .pr-list .article .text-box {width: 300px;padding-left: 15px;} .company-box02 .pr-list .article .title {line-height: 1.3;margin-bottom: 10px;word-break: keep-all;} .company-box02 .pr-list .article .date {font-size: 16px;margin-bottom: 10px;} .company-box02 .pr-list .article .desc,.company-box02 .pr-list .article .desc * {font-size: 16px !important;line-height: 1.5;word-break: keep-all;color: #777;margin-bottom: 0;} .company-box02 .pr-list .article .desc.border-top {padding: 10px 0;} .company-box02 .pr-list + .page-cont {padding: 50px 0;} .company-box02 .modal-cont .inner {max-width: 600px;} .company-box02 .modal-cont .btn-cont {width:100%;display: flex;justify-content: center;padding: 20px 0;} .company-box02 .modal-cont .btn-cont .btn-oval + .btn-oval {margin-left:20px;} .company-box02 .btn-down {background-color: #004da0;color: #FFF;font-size: 24px;width: 380px;height: 80px;border-radius: 10px;} .company-box02 .btn-down .down-circle-icon {margin-left: 10px;} .company-box02 .btn-down:hover {transform: scale(1.05);transition: transform .2s ease;} .company-box02 .btn-down + .btn-down {margin-left: 30px;} .company-box02 .search-cont2 {border: 1px solid #0001;} .justify_space-between { justify-content: space-between !important; } .searchDiplay{display:flex;justify-content: flex-end;align-items: center;font-size: 17px;margin-bottom: 20px;} .searchDiplay label{margin-right:10px;} .searchDiplay .buttonArea button{height:30px;background: #fff;border:1px solid #ddd;} .searchDiplay .buttonArea button:first-child{width: 40px;font-size: 16px;border-radius: 15% 0 0 15% / 50% 0 0 50%;} .searchDiplay .buttonArea button:last-child{width: 40px;font-size: 16px; border-radius: 0 15% 15% 0 / 0 50% 50% 0;margin-left:-5px;margin-left: -4px;} .searchDiplay .buttonArea button.on {background: #00aeff;color: #fff;} .photo-box.textList .list{display:block;} .photo-box.textList .list .article {width:100%;margin-right:0;display: flex;align-items: center;padding-bottom:10px;border-bottom: 1px dashed #ddd;margin-bottom: 10px;} .photo-box.textList .list .article .thumb {width: 150px;margin-bottom:0;} .photo-box.textList .list .article .text-box{display: flex;flex-direction: row;} .photo-box.textList .list .article .text-box .c-blue,.photo-box.textList .list .article .text-box .c-yello {background-color:#fff;width:140px;text-align:center;display: block;font-size: 16px;color: #000;} .photo-box.textList .list .article .text-box .title {background-color:#fff;width:600px;} .photo-box.textList .list .article .text-box .info {background-color:#fff;width:300px;margin-top: 0;} /* bnn-left-sliding-box : 좌측날개배너 슬라이드 w-150*/ .bnn-left-sliding-box {width:150px;margin-bottom: 40px;}