@import "default.css";
/*@import "content.css";*/
@import "board.css";
@import "font.css";
@import "leaverou.css";
@import "member.css";
@import "shop.css";
@import "shop_skin_default.css";
@import "table.css";
@import "search.css";
@import "button.css";
@import "pages.css";

/* font size */
.fs-13 {font-size:13px;}
.fs-14 {font-size:14px;}
.fs-15 {font-size:15px;}
.fs-16 {font-size:16px;}
.fs-17 {font-size:17px;}
.fs-18 {font-size:18px;}
.fs-19 {font-size:19px;}
.fs-20 {font-size:20px;}
.fs-21 {font-size:21px;}
.fs-22 {font-size:22px;}
.fs-23 {font-size:23px;}
.fs-24 {font-size:24px;}
.fs-25 {font-size:25px;}
.fs-26 {font-size:26px;}
.fs-27 {font-size:27px;}
.fs-28 {font-size:28px;}
.fs-29 {font-size:29px;}
.fs-30 {font-size:30px;}
.fs-31 {font-size:31px;}
.fs-32 {font-size:32px;}
.fs-33 {font-size:33px;}
.fs-34 {font-size:34px;}
.fs-35 {font-size:35px;}
.fs-36 {font-size:36px;}
.fs-37 {font-size:37px;}
.fs-38 {font-size:38px;}
.fs-39 {font-size:39px;}
.fs-40 {font-size:40px;}
.fs-41 {font-size:41px;}
.fs-42 {font-size:42px;}
.fs-43 {font-size:43px;}
.fs-44 {font-size:44px;}
.fs-45 {font-size:45px;}
.fs-46 {font-size:46px;}
.fs-47 {font-size:47px;}
.fs-48 {font-size:48px;}
.fs-49 {font-size:49px;}
.fs-50 {font-size:50px;}
.fs-55 {font-size:55px;}
.fs-60 {font-size:60px;}
.fs-66 {font-size:66px;}
.fs-70 {font-size:70px;}
.fw-100 {font-weight:100;}
.fw-200 {font-weight:200;}
.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}
.fw-900 {font-weight:900;}

/**/
.w-10 {width:10%;}
.w-20 {width:20%;}
.w-30 {width:30%;}
.w-40 {width:40%;}
.w-50 {width:50%;}
.w-60 {width:60%;}
.w-70 {width:70%;}
.w-80 {width:80%;}
.w-90 {width:90%;}
.w-100 {width:100%;}

/*padding*/
.pdt-0{padding-top:0 !important;}
.pdt-40{padding-top:40px;}
.pdt-50{padding-top:50px;}
.pdt-60{padding-top:60px;}
.pdt-80{padding-top:80px;}
.pdt-100{padding-top:100px;}

/**/
#site-map-toggle {position:absolute;z-index:1000;top:0;right:0;bottom:0;width:20px;cursor:pointer;margin:auto;height: 22px;}
#site-map-toggle span {
    display:block;height:2px;background:#fff;margin:4px 0;border-radius:50px;transition:all 0.5s;top:0;
    opacity:1;transform:rotate(0);
}
#site-map-toggle.active {}
#site-map-toggle.active span {position:relative;height: 3px;}
#site-map-toggle.active span:nth-child(1) {transform:rotate(45deg) translateY(4px) translateX(5px);}
#site-map-toggle.active span:nth-child(2) {opacity: 0;}
#site-map-toggle.active span:nth-child(3) {transform:rotate(-45deg)translateY(-5px) translateX(6px);}
#tnb {position:relative;}
#tnb ul.m2 {display:none;}
#snb {display:none;}

/* font family */
/*
.gsans {font-family: 'Gmarket Sans', 'Noto Sans Korean',sans-serif;}
.gsansBold {font-family: 'Gmarket Sans Bold', 'Noto Sans Korean Bold',sans-serif;}
.gsansLight {font-family: 'Gmarket Sans Light', 'Noto Sans Korean Regular',sans-serif;}
.play {font-family: 'Play', sans-serif;}*/
.Oswald {font-family: 'Oswald', sans-serif;}
.Noto-Sans-KR {font-family: 'Noto Sans KR',sans-serif;}

/* font color */
.fc-black,
.fc-black:hover {color:#000;}
.fc-white,
.fc-white:hover {color:#fff;}

/*첫글자 대문자*/
div{/*text-transform:capitalize;*/}

/**/
a {text-decoration:none;}
.hidden,
.hide {display:none;}
.bold {font-weight:bold;}
.bolder {font-weight:bolder;}
.underline {text-decoration:underline;text-underline-position:under;}
.ellipsis {text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow:hidden;white-space: nowrap;word-wrap: normal !important;display: block;}
.wrap {margin:0 auto;position:relative;width:100%;}
.form-control-user {border-radius:10rem;padding-left:25px;padding-right:25px;}
.btn {font-family: "Noto Sans Korean", sans-serif;}
.middle {position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}

/**/
.file-upload-box {}
.file-upload-box ul {margin-top:10px;}
.file-upload-box li {padding:5px;border-bottom:1px dashed #ccc;}
.file-upload-box li .fa {float:right;display:none;cursor:pointer;margin-left:10px;}
.file-upload-box li .fa:hover {color:red;}
.file-upload-box li:hover {background:#eee;}
.file-upload-box li:hover .fa {display:block;}

/**/
.popup-layer {border:0;position:absolute;background:#fff;z-index:1100;overflow:hidden;}
.popup-layer .rect {position:relative;width:100%;height:100%;}
.popup-layer .popup-body {height:100%;padding-bottom:31px;}
.popup-layer .popup-body img {max-width:100%;max-height:100%;height:100%;width:100%;}
.popup-layer .popup-footer {position:absolute;bottom:0;width:100%;background:#000;color:#fff;padding:3px 10px;}
.popup-layer .popup-footer .custom-control-label {top:1px;-ms-transform:translateY(1px);font-family: "Noto Sans Korean", sans-serif;}
.popup-layer .popup-footer .custom-control-label:before {top:3px;-ms-transform: translateY(-1px);}
.popup-layer .popup-close {cursor:pointer;position:absolute;right:5px;top:4px;}
.popup-layer.position-clear {top:0 !important;left:0 !important;bottom:0 !important;right:0 !important;max-width:80% !important;margin:30% auto 0 auto;}

/**/
.owl-carousel.background .owl-stage-outer,
.owl-carousel.background .owl-stage,
.owl-carousel.background .owl-item,
.owl-carousel.background .item {height:100%;}

/**/
.ellipsis {text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow:hidden;white-space: nowrap;word-wrap: normal !important;display: block;}
.absolute-center {position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}

/**/
.owl-carousel.background .item {background-repeat:no-repeat;background-position:center center;}

/**/
.tab-head {}
.tab-body > div {display:none;}
.tab-body > div:first-child {display:block;}

/**
 * tab default css
 * 가능하면 이건 건드리지 않고 별도로 css를 작성하기를 추천
 */
.tab {}
.tab .tab-head {}
.tab .tab-head ul {}
.tab .tab-head a {cursor:pointer;display:block;text-align:center;}
.tab .tab-head a.active {}
.tab .tab-body {}

@media (max-width:1200px) {
    .tab {}
    .tab .tab-head {}
    .tab .tab-head ul {}
    .tab .tab-head .tab-li {width:100% !important;}
    .tab .tab-head .tab-li a {display:none;}
    .tab .tab-head a.active {width:100%;display:block;}
    .tab .tab-body {}
}


/* 일정관리 캘린더 */
#schedule-view {}
#schedule-view .fc-dayGrid-view .fc-body .fc-row {height:8em;}
#schedule-view thead .fc-row {}
#schedule-view thead .fc-row th {padding:10px 0;background:#4f98ca;color:#fff;}
#schedule-view tbody .fc-sun {color:#8b0a2e;}
#schedule-view tbody .fc-sat {color:#4f98ca;}
#schedule-view tbody .fc-event-container a {color:#fff;cursor:pointer;background:#1554a8;border:1px solid #1554a8;padding:2px 10px;text-align:center;}
#schedule-view .fc-content-skeleton .fc-today .fc-day-number {background:#8b0a2e;color:#fff;border:1px solid #8b0a2e;}
#schedule-view .fc-content-skeleton .fc-day-number {
    border:0;width:30px;height:30px;line-height:30px;text-align:center;border-radius:100px;font-size:13px;
    margin:4px;
}
#schedule-view .fc-content-skeleton .fc-other-month .fc-day-number {border:0;}
#schedule-view .fc-button-primary {background:#C7C7C7;border-color:#C7C7C7;}
#schedule-view .fc-button-primary.fc-today-button {background:#8b0a2e;}

/**/
#ing {}
#ing img {max-width:100%;}

/**/
img.loading {width:100px;height:auto;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}

/* custom radio */
.custom-control.custom-radio {display:inline;line-height:25px;}
.custom-control-label::after,
.custom-control-label::before {margin-top:2px;}

/* language select */
.language {
    position:absolute;
    width:80px;
    height:40px;
    line-height:35px;
    text-align:center;
    border:3px solid rgba(255, 255, 255, 0);
     border-radius:15px;
    color:#fff;
    overflow:Hidden;
    transition:all 0.3s;
    cursor:pointer;
    top:-2px;
    right:40px;
    z-index:900;
    user-select:none;
}
.language .select {}
.language .select .lang {display:none;}
.language .select .lang.active {display:block;}
.language .select .lang span.fa {margin-left:3px;}
.language .select .lang span.no-fa {display:inline-block;margin-left:10px;}
.language.active {height:80px;border:3px solid #fff; border-radius:15px;}
.language.active .lang {display:block;}
.language.active .lang.active {}



/*
두하에서 새로 적용

br.web 1200이상
br.non_web 1200이하
br.pad 768-1024
br.mob 767 이하
br.m_mob 600 이하
br.phone 431 이하
br.m_phone 360 이하

*/


br.web{display:block;}
br.non_web{display: none;}
br.pad{display:none;}
br.mob{display:none;}
br.m_mob{display:none;}
br.phone{display: none;}
br.m_phone{display: none;}



@media screen and (max-width:1200px){
    br.web{display:none;}
    br.non_web{display: block;}
}

@media screen and (min-width:768px) and (max-width:1024px){
    br.pad{display:block;}
}

@media screen and (max-width:767px){
    br.pad{display:none;}
    br.mob{display:block;}
    
    .fs-15,.fs-16,.fs-17 {font-size:14px;}
    .fs-24 {font-size:21px;}
}

@media screen and (max-width:600px) {
    br.m_mob{display:block;}

}

@media screen and (max-width:431px) {
    br.phone{display: block;}
}

@media screen and (max-width:360px) {
    br.m_phone{display: block;}
}