@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";

/* flex */
.flex {display:flex;}
.keep-all {word-break:keep-all;}
.line-through {text-decoration: line-through;}

/* font size */
.fs-9 {font-size:9px;}
.fs-11 {font-size:11px;}
.fs-12 {font-size:12px;}
.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-52 {font-size:52px;}
.fs-54 {font-size:54px;}
.fs-55 {font-size:55px;}
.fs-60 {font-size:60px;}
.fs-64 {font-size:64px;}
.fs-66 {font-size:66px;}
.fs-68 {font-size:68px;}
.fs-72 {font-size:72px;}
.fs-70 {font-size:70px;}
.fs-80 {font-size:80px;}
.fs-110 {font-size:110px;}
.fw-1,
.fw-100 {font-weight:100;}
.fw-2,
.fw-200 {font-weight:200;}
.fw-3,
.fw-300 {font-weight:300;}
.fw-4,
.fw-400 {font-weight:400;}
.fw-5,
.fw-500 {font-weight:500;}
.fw-6,
.fw-600 {font-weight:600;}
.fw-7,
.fw-700 {font-weight:700;}
.fw-8,
.fw-800 {font-weight:800;}
.fw-9,
.fw-900 {font-weight:900;}

@media (max-width:1200px){
    .fs-80 {font-size:65px;}
    .fs-72 {font-size:56px;}
    .fs-70 {font-size:52px;}
    .fs-68{font-size:48px;}
    .fs-60{font-size:42px;}
    .fs-55{font-size:39px;}
    .fs-52{font-size:40px;}
    .fs-50{font-size:39px;}
    .fs-48{font-size:35px;}
    .fs-45{font-size:32px;}
    .fs-40{font-size:30px;}
	.fs-38 {font-size:27px;}
    .fs-36,
    .fs-35{font-size:29px;}
    .fs-32{font-size:26px;}
    .fs-30,
    .fs-29{font-size:25px;}
    .fs-27{font-size:24px;}
    .fs-26,
    .fs-25{font-size:22px;}
    .fs-24{font-size:21px;}
    .fs-23{font-size:20px;}
    .fs-22{font-size:19px;}
    .fs-21,
    .fs-20{font-size:18px;}
    .fs-19{font-size:17px;}
    .fs-18{font-size:16px;}
    .fs-17,
    .fs-16{font-size:14px;}
    .fs-15{font-size:13px;}
    .fs-14{font-size:12px;}
    .fs-13, fs-12{font-size:11px;}
}

@media (max-width:800px){
    .fs-80 {font-size:52px;}
    .fs-72 {font-size:50px;}
    .fs-70 {font-size:48px;}
    .fs-68{font-size:45px;}
    .fs-60{font-size:38px;}
    .fs-55{font-size:32px;}
    .fs-52{font-size:30px;}
    .fs-50{font-size:30px;}
    .fs-48{font-size:29px;}
    .fs-45{font-size:27px;}
    .fs-40{font-size:25px;}
	.fs-38 {font-size:23px;}
    .fs-36,
    .fs-35{font-size:23px;}
    .fs-32{font-size:21px;}
    .fs-30,
    .fs-29,
    .fs-27{font-size:19px;}
    .fs-26,
    .fs-25{font-size:18px;}
    .fs-24{font-size:17px;}
    .fs-23,
    .fs-22{font-size:16px;}
    .fs-21,
    .fs-20{font-size:15px;}
    .fs-19{font-size:14px;}
    .fs-18{font-size:13px;}
    .fs-17,
    .fs-16{font-size:12px;}
    .fs-15, .fs-14 {font-size:11px;}
    .fs-13, fs-12, .fs-11{font-size:10px;}


}

/**/
.lh-1 {line-height:100%;}
.lh-2 {line-height:120%;}
.lh-3 {line-height:140%;}
.lh-4 {line-height:160%;}
.lh-5 {line-height:180%;}
.lh-6 {line-height:200%;}

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

/* margin */
.mt-6{margin-top:4rem !important;}
.mt-7{margin-top:5rem !important;}

@media (max-width:991px){
    .mt-7{margin-top:2.5rem !important;}
    .mt-6{margin-top:2rem !important;}
    .mt-5{margin-top:1.5rem !important;}
    .mt-4{margin-top:1.2rem !important;}
}

@media (max-width:430px){
    .mt-7{margin-top:2.2rem !important;}
    .mt-6{margin-top:1.8rem !important;}
    .mt-5{margin-top:1.3rem !important;}
}

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

/* font family */
/*
.play {font-family: 'Play', sans-serif;}
.Oswald {font-family: 'Oswald', sans-serif;}
.Noto-Sans-KR {font-family: 'Noto Sans KR',sans-serif;}
*/
.Tmoney{font-family: 'TmoneyRoundWindExtraBold',sans-serif;}
.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;}
.Gong{font-family: 'GongGothicMedium',sans-serif;}
.GongLight{font-family: 'GongGothicLight',sans-serif;}
.Maple{font-family:'MaplestoryLight', sans-serif;}
.MapleBold{font-family: 'MaplestoryBold',sans-serif;}
.WandohopeB {font-family: 'WandohopeB' ,sans-serif; }


/* font color */
.fc-black,
.fc-black:hover {color:#000;}
.fc-white,
.fc-white:hover {color:#fff;}
.fc-red{color:#e74a3b;}
.fc-9{color:#999;}
.fc-8{color:#888;}
.fc-6{color:#666;}
.fc-5{color: #555;}
.fc-4{color: #444;}
.fc-3{color: #333;}
.fc-27{color: #272727;}
.fc-2{color: #222;}
.fc-green{color:#5fc06f;}
.fc-orange{color:#fc6a00;}

/* font shadow */
.tx-shadow{text-shadow:2px 0 5px rgba(0, 0, 0, 0.3);}

.box-shadow{text-shadow:13px 0px 21px rgba(145, 145, 145, 0.3);}

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

/**/
a {text-decoration:none;}
br{font-family:sans-serif;}
.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;}
img.auto {max-width:100%;max-height:100%;width:auto;height:auto;}


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

/**/
.table.table-mini {}
.table.table-mini th::before,
.table.table-mini th::after {bottom:0.3rem !important;}
.table.table-mini th,
.table.table-mini td {padding-top:0.25rem !important; padding-bottom:0.25rem !important;}

/*table scroll*/
.overflow-table{overflow-x: auto; width: 100%;}
.overflow-table::-webkit-scrollbar{ width: 10px; height: 10px; background: #ddd; border-radius: 20px; overflow: hidden; overflow-x: hidden; overflow-y: hidden; -webkit-overflow-scrolling: auto !important;}
.overflow-table::-webkit-scrollbar-thumb{background: #1c2d50; border-radius: 20px;}

/**/
br.web{display:block;}
br.pad{display:none;}
br.m_mob{display:none;}
br.mm_mob{display:none;}
br.mob{display:none;}
br.respon{display:none;}

.mobileView {display:none;}
.pcView{display:block;}

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

@media screen and (max-width:990px) {
    .mobileView {display:block;}
    .pcView {display:none;}
}



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


@media screen and (max-width:510px) {
    br.web{display:none;}
    br.pad{display:none;}   
    br.respon{display:block;}
    br.mob{display:block;}
}

@media screen and (min-width:432px) {
    br.mob{display:none;}
    br.phone{display: block;}

}

/**/
.loading-circle {
    position:absolute; width:80px; height:80px; border:5px solid #ccc; border-radius:100%;
    border-top-color:#1bc1f3; animation:loading-circle 1s infinite; margin:auto; top:0; right:0; bottom:0; left:0;
}

@keyframes loading-circle {
    0% {}
    50% {}
    100% {transform:rotate(360deg);}
}

/**/
.show-upload-list {margin:10px 0;}
.show-upload-list li {font-size:15px; border-bottom:1px dashed #ccc; padding:4px 0;}
.show-upload-list li:last-child {border-bottom:0;}
.show-upload-list li a {}
.show-upload-list li a:hover {color:blue;}

/**/
.loading {position:relative; width:100%; height:100%;}
.loading::after {
    content:''; border:6px solid rgba(0,0,0,0.1); border-top-color:rgba(0,0,0,0.6);
    display:block; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0;
    width:50px; height:50px; border-radius:100%; animation:loading infinite 1.5s;
}
@keyframes loading {
    100% {transform:rotate(360deg);}
}