@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    /*margin-bottom: 30px;*/
}

.slick-dots
{
    display: flex;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translate(-50%, 0%);
    margin: 0;
    list-style: none;
    text-align: center;
    padding: 7px 6px;
    border-radius: 12px;
    background: rgba(0,0,0,0.1);
}

.slick-dots li
{
    position: relative;
    display: inline-block;
    /*width: 10px;
    height: 10px;*/
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    cursor: pointer;
    color: transparent;
    outline: none;

    border: 2px solid #fff;
    border-radius: 6.5px;

    /*
    background: #E5E5E5;
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent;
    padding: 5px;
    */
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    /*content: '•';*/
    text-align: center;
    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* 추가 */
.slick-dots li.slick-active button {
    background-color: #fff;
}




/* 팝업 정보 ================================================================================== */
#system-pop .popup-wrap { background-color: transparent; width: 484px; font-size: 1rem; max-width: 85vw; display: inline-block; position: relative; text-align: left; vertical-align: middle; white-space: initial; overflow: hidden; }
#system-pop .popup-wrap .popup-content {  background-color: #fff; overflow-y: auto; line-height: 1.5; overflow: overlay; max-height: 760px; /*max-height: 75vh;*/ }
#system-pop .body { background-color: #fff; border-top: solid 1.5px #A6A6A6; padding: 20px 0; text-align: left; }
#system-pop .body .check-wrap .checkbox label { cursor: pointer !important; }
#system-pop .popup-wrap { border: 0; border-radius: 0px; }
#system-pop .header { padding-top: 0; margin-bottom: 0px; }
#system-pop .slider-popup { width: 100%; position: relative; }
#system-pop .popup-close { position: relative; text-align: right; }
#system-pop .popup-close .btn-close { margin-bottom: 5px; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; cursor: pointer; }
#system-pop .popup-content-text { width: 100%; /*padding: 60px 30px 30px 30px;*/ padding: 0px 20px 0px 20px; }
#btnPopupClose { content:url("/images/common/x_icon_white.png"); }
#system-pop .target_dots { position: absolute; z-index: 99; left: 50%; transform: translate(-50%, 0%); }

a, button { display: inline-block; text-align: inherit; }
.check-text br{ display:none; }

.popup-content-text * { font-weight: unset; }
.popup-content-text b { font-weight: bold !important; }

/* 스크롤바 설정*/
.popup-content::-webkit-scrollbar{ width: 11.5px; }
.popup-content::-webkit-scrollbar-thumb{ height: 17%; background-color: rgba(0,0,0,0.4); border-radius: 10px; background-clip: padding-box; border: 4px solid transparent; } /* 스크롤바 막대 설정*/
.popup-content::-webkit-scrollbar-track{ background-color: rgba(0,0,0,0); } /* 스크롤바 뒷 배경 설정*/

/* 스마트폰 세로모드 : 가로 해상도가 576px 보다 작은 화면에 적용 */
@media screen and (max-width:575px) {
    #btnPopupClose { content:url("/images/common/x_icon_white_m.png"); } /* Mobile : 닫기버튼 이미지 변경 */
    #system-pop .popup-wrap .popup-content { max-height: 75vh; }
    #system-pop .body { padding: 10px 0; }
    .check-text br{ display: inline; } /* Mobile 아닐때 : br기능 제거 */

}
/* 스마트폰 가로모드 (가로 해상도가 576px 보다 크고 768px 보다 작은 화면에 적용)  */
@media (min-width: 576px) and (max-width: 767px) {
    #btnPopupClose { content:url("/images/common/x_icon_white_m.png"); } /* Mobile : 닫기버튼 이미지 변경 */
    #system-pop .popup-wrap .popup-content { max-height: 60vh; }
    #system-pop .body { padding: 10px 0; }
    .check-text br{ display: inline; } /* Mobile 아닐때 : br기능 제거 */
}

/* 태블릿 디바이스 (가로 해상도가 768px보다 크고 991px 보다 작은 화면에 적용)  */
@media (min-width: 768px) and (max-width: 991px) {
    #system-pop .popup-wrap { width: 400px; }
    #system-pop .body { padding: 10px 0; }
}

/* 데스크탑 (가로 해상도가 992px보다 크고 1199px 보다 작은 화면에 적용)  */
@media (min-width: 992px) and (max-width: 1399px) {
    #system-pop .popup-wrap { width: 300px; }
    #system-pop .popup-wrap .popup-content { max-height: 475px; }
    #system-pop .body { padding: 10px 0; }
    .checkbox label, .radio label { font-size: 12px; }
}

/* 큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용)  */
@media (min-width: 1400px) and (max-width: 1680px) {
    #system-pop .popup-wrap { width: 350px; }
    #system-pop .popup-wrap .popup-content { max-height: 550px; }
    .checkbox label, .radio label { font-size: 12px; }
}