@charset "utf-8";

:root {
    --point-color:  #b54282;
	/* --bs-gradient: linear-gradient(90deg, #14b9b3 20%, #ed4b20 60%, #9b2e41 );	*/
  }
  
.flex-wrap {flex-wrap: wrap !important;}
.flex-nowrap {flex-wrap: nowrap !important;}

.flex-row {flex-direction: row !important;}
.flex-column {flex-direction: column !important;}

.flex-start{align-items:flex-start !important;} 
.flex-end{align-items:flex-end !important;}
.flex-center{align-items:center !important;} 

.justify-content-start { justify-content: flex-start !important;}
.justify-content-end { justify-content: flex-end !important;}
.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}
.justify-content-around {justify-content: space-around !important;}
.justify-content-evenly { justify-content: space-evenly !important;}

.align-items-start {align-items: flex-start !important;}
.align-items-end {align-items: flex-end !important;}
.align-items-center { align-items: center !important;}
.align-items-baseline {align-items: baseline !important;}
.align-items-stretch { align-items: stretch !important;}

.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}
.d-none {display: none !important;}
.d-block {display:block !important;}

.gap-0 {gap: 0 !important;}
.gap-1 {gap: 0.25rem !important;}
.gap-2 {gap: 0.5rem !important;}
.gap-3 {gap: 1rem !important;}
.gap-4 {gap: 2rem !important;}
.gap-5 {gap: 3rem !important;}
.w--auto{width:auto !important;}
.w--flex{flex:1 !important;}

.point-cursor{cursor: pointer;}
.f--olive {color:#766f57 !important;}
.f--dblue {color:#38637b !important;}
/*calendar 추가 */
.txtpos	{color:#44a995 !important;font-family:'Nanum Gothic Bold'; }
.txtpos-s	{ /* color:#63bcaa !important; */ color:#00271f !important;font-family:'Nanum Gothic Bold'; }
.txtcom	{ color:#ff4800 !important;}
.txtrea	{ color:#ffb838 !important;}
.txtclo	{ color:#b2b2b2 !important;}

/* btn-type -------------------------------------------------------------------*/
.btn-group { display: flex;gap:5px}
.btn-group.wrap {flex-wrap: wrap; }
.btn-group.m-3{margin:3rem 0;}
.btn-group.mw70 > * {min-width:70px;padding:0 5px;}
.btn-group.mw80 > * {min-width:80px;padding:0 5px;}
.btn-group.mw100 > * {min-width:100px;}
.btn-group.mw150 > * {min-width:150px;}
.btn-group.mw200 > * {min-width:200px;}
.btn-group.mw250 > * {min-width:250px;}
.btn-group.mf > * {flex:1;}
.btn-group.center { display: flex;justify-content: center;}
.btn-group.space-between {justify-content: space-between;}
.btn-group.right { justify-content: flex-end;}

.btn--type {display:inline-flex;align-items: center; position:relative;cursor:pointer;transition:all 0.3s;font-family:'Nanum Gothic Bold'; line-height:1.2;padding:0 15px;text-align:center; justify-content: center;text-transform:capitalize;/*text-transform:uppercase;*/ border-radius:4px;box-sizing: border-box;}
.btn--type.btn {height:35px;font-size:14px;} /* basic */
.btn--type.btn-lg {height:40px;font-size:16px;}
.btn--type.btn-m {height:28px;font-size:13px;}
.btn--type.btn-s {height:26px;font-size:12px;padding:0 10px;}

.btn--type.btn-ss {height:22px;font-size:11px;padding:0 10px;}
.btn--type.btn-xs {height:18px;font-size:9px;padding:0 5px;}

.btn--type.rbtn {height:35px;font-size:14px;border-radius:24px;}
.btn--type.rbtn-lg {height:40px;font-size:16px;border-radius:24px;}
.btn--type.rbtn-m {height:28px;font-size:13px;border-radius:24px;}
.btn--type.rbtn-s {height:26px;font-size:12px;border-radius:24px;padding:0 10px;}
.btn--type.rbtn-ss {height:22px;font-size:11px;border-radius:24px;padding:0 10px;}
.btn--type.rbtn-xs {height:18px;font-size:9px;border-radius:24px;padding:0 5px;}

/* color */
.btn--type.c-black {color:#fff;border:1px solid #000;background:#000}
.btn--type.c-dgray {color:#fff;background:#3c3e44;border:0; }
.btn--type.c-gray {color:#fff;background:#737c8c;border:1px solid #3c3e44;}
.btn--type.c-lgray {color:#fff;background:#a3a5aa;border:1px solid #3c3e44;}
.btn--type.c-white{color:#323232;background:#fff; border:1px solid #3c3e44;}

.btn--type.c-blue {color:#fff;background:#2692c4;border:1px solid #3c3e44;}
.btn--type.c-dblue {color:#fff;background:#195caf;border:1px solid #3c3e44;}
.btn--type.c-lblue {color:#fff;background:#08b1d9;border:1px solid #3c3e44;}

.btn--type.c-red {color:#fff;background:#e60012;border:1px solid #3c3e44;}
.btn--type.c-orange {color:#fff;background:#fd7133;border:1px solid #3c3e44;}
.btn--type.c-green {color:#fff;background:#1fb25a;border:1px solid #3c3e44;}

.btn--type.black_line {color:#3c3e44;background:#fff;border:1px solid #3c3e44;}
.btn--type.gray_line {color:#737c8c;background:#fff;border:1px solid #3c3e44;}
.btn--type.lgray_line {color:#a3a5aa;background:#fff;border:1px solid #3c3e44;}
.btn--type.white_line {color:#fff;border:1px solid #fff;background-color:transparent; }

/* */
.btn--type.v-green {color:#fff;background:#347757;border:0px solid #3c3e44;} 
.btn--type.v-brown {color:#fff;background:#8b5a3d;border:0px solid #3c3e44;}
.btn--type.v-dblue {color:#fff;background:#38637b;border:0px solid #3c3e44;}
.btn--type.v-olive {color:#fff;background:#766f57;border:0px solid #3c3e44;}
.btn--type.v-dred {color:#fff;background:#9f383a;border:0px solid #3c3e44;}
.btn--type.v-lyellow {color:#3c3e44;background:#f5cc71;border:0px solid #3c3e44;}
.btn--type.v-yellow {color:#3c3e44;background:#fad24a;border:0px solid #3c3e44;}
.btn--type.v-orange {color:#fff;background:#fd7133;border:0px solid #3c3e44;}
.btn--type.v-lblue {color:#000;background:#94dbe0;border:0px solid #3c3e44;}
.btn--type.v-pink {color:#000;background:#f0c0d8;border:0px solid #3c3e44;}
.btn--type.v-viloet {color:#fff;background:#8d5ac5;border:0px solid #3c3e44;}
.btn--type.v-blue {color:#fff;background:#195caf;border:0px solid #3c3e44;}

.btn--type.concept-color {color:#fff;background:var(--concept-color);border:1px solid #3c3e44;}
.btn--type.concept-line {color:var(--concept-color);border:1px solid var(--concept-color);background:#fff}
.btn--type.second-color{color:#fff;background:var(--second-color);border:1px solid #3c3e44;}
.btn--type.second-line {color:var(--second-color);border:1px solid var(--second-color);background:#fff}
.btn--type.point-color{color:#fff;background:var(--point-color);border:1px solid #3c3e44;}
.btn--type.point-line {color:var(--point-color);border:1px solid var(--point-color);background:#fff}

button:disabled,
button[disabled]{
    border: 1px solid #ccc !important;
    background-color: #fff !important;
    color: #888 !important;
    pointer-events: none;
}

/* products list
.p--list-stit{display:inline-block; min-width:65px; font-size:13px; color:#333;}
.p--list-stxt{display:inline-block;font-size:13px; color:#666; }
.p--price{display:inline-block;font-family: "NotoSansKR"; font-style: normal;font-weight: 700;font-size:20px; color:#e60012; }

.pop--top-btnArea{display:flex; justify-content:space-between;gap:10px; margin-top:20px;}
.pop--top-btnArea .snsArea{display:inline-flex;align-items: center;gap:5px;}
.pop--top-btnArea .btnArea{display:inline-flex; justify-content:flex-end; align-items: center;gap:5px;}
.pop--top-btnArea .btnArea button{min-width:100px;}
*/

.slideImg{position: relative; display: inline-block; width:100%; height:0px;padding-top:75%;overflow: hidden;border:1px solid #ccc; border-radius:4px;background-size: cover; background:#fff;box-sizing: border-box; }
.slideImg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%; }
.slideImg.mid{padding-top: 56.25%; }
.slideImg.full{padding-top:125%; }

/* 출발일 달력 추가 : style.css 상단부분 */
.calendar--wrap{display: inline-block;width:100%;text-align:center;margin-bottom:15px;}
.calendar--wrap .topArea{display:flex;width:100%;justify-content:center;align-items: center; gap:20px; margin-bottom:15px;}
.calendar--wrap .btn-prev{/*width: 14px;height: 14px;background:none;transform: rotate(135deg);left: 5%;top:30px;*/ width:12px; height:12px; border: 3px solid var(--concept-color);border-top: none;border-right: none; transform: rotate(45deg);  }
.calendar--wrap .btn-next{/*width: 14px;height: 14px;background:none;transform: rotate(-45deg);right: 5%;top:30px;*/ width:12px; height:12px;border: 3px solid var(--concept-color);border-top: none;border-right: none; transform: rotate(-135deg); }
.calendar--wrap .year {font-family:'Nanum Gothic Bold';color: #4a505d;font-size: 18px;}

.calendar--new{display:block;width:100%;}
.calendar--new th, .calendar--new td {border: 1px solid #ccc;}
.calendar--new thead th {text-align: center;height: 24px;line-height: 21px;background: #f6f6f6;font-family:'Nanum Gothic Bold';font-size:12px;padding: 0px;}	
.calendar--new td {height:60px;width: 14.2857%;cursor: pointer;background: #fff;}
.calendar--new.guide td {cursor: default;}
.calendar--new td em {display: block;text-align:left; color: #999; font-size: 10px;font-family:'Nanum Gothic'; font-style: normal; }
.calendar--new td .price-txt{font-size: 10px;letter-spacing:-0.03em;font-family:'Nanum Gothic Bold';color: #1080bd;text-align: right;margin-top: 5px;}
.calendar--new td .register{font-size: 10px;letter-spacing:-0.03em;font-family:'Nanum Gothic Bold';color: #1fb25a;text-align: right;margin-top: 2px;}
.calendar--new td .register.off{color: #e60012;}
.calendar--new td .txt{font-size: 10px;letter-spacing:-0.03em;font-family:'Nanum Gothic Bold';color: #4a505d;text-align: right;margin-top: 5px;}
.calendar--new td div {position: relative; width: 100%;height: 100%;padding:5px 2px;box-sizing: border-box;}
.calendar--new .noSchedule {cursor: not-allowed;}
.calendar--new .on {/*background:var(--lbg-color);*/ background:#f8f8f8;}
.calendar--new .day-select {background:#f1fdfa;}
.calendar--new td:first-child em {color: #e60012 !important;}
/* 출발일 달력 추가 END */

.time--contentBox{width:100%; }
.time--contentBox > div:first-child{margin-top:0px;}

.time--content{width:100%;border:1px solid #ccc; border-radius:4px; padding:15px;box-sizing: border-box;margin-top:10px;}
.time--content.day-select{background:#f6fdfb;}
.time--content ul{display:flex;gap:10px; margin-top:8px; }
.time--content ul:first-child{margin-top:0px; }
.time--content ul.line{padding-bottom:8px; border-bottom:1px solid #ccc;}
.time--content .titArea{width:60px;}
.time--content .cont{flex:1;}
.time--content .tit{font-family:'Nanum Gothic Bold'; font-size:13px; color:#333; line-height:1.3;letter-spacing:-0.03em;}
.time--content .txt{font-family:'Nanum Gothic'; font-size:13px; color:#333; line-height:1.3;letter-spacing:-0.03em;}
.time--content ul.time .tit, .time--content ul.time .txt{font-family:'Nanum Gothic Bold';color:#195caf;}

.price--newbox{display:flex; width:100%; gap:2px;}
.price--newbox > p{flex:1;display:inline-flex;align-items: center;gap:3px; }
.price--newbox > p.wrap{flex-wrap: wrap; }
.price--newbox .price-txt{font-family:'Nanum Gothic EB'; color:#fd7133;font-size:15px;line-height:1;letter-spacing:-0.03em;}
.price--newbox .price-txt.c1{color:#195caf;}
.price--newbox.sm .price-txt{font-size:13px;}
.price--newbox .price-txt > em{font-family:'Nanum Gothic';font-style: normal;  color:#fd7133;font-size:10px;line-height:15px;letter-spacing:-0.05em; margin-left:2px;}
.price--newbox .price-txt.c1 > em{color:#195caf;}

.price--newbox.time > p{gap:15px; }
.price--newbox.time .price-txt{font-size:14px;}

.time--content ul.date .tit{min-height:16px;font-family:'Nanum Gothic EB';color:#195caf;font-size:16px;line-height:1;letter-spacing:-0.03em;padding-left:22px;background:url(../img/i_time_60.png) left center no-repeat;background-size:auto 16px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.time--content ul.date-s .tit{min-height:14px;font-family:'Nanum Gothic Bold';color:#333;font-size:14px;line-height:1;letter-spacing:-0.03em;padding-left:20px;background:url(../img/i_time.png) left center no-repeat;background-size:auto 14px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}


/* 항공 추가 */
.time--content.bn{border:0px solid #ccc; padding:0; }
.time--content.bn .titArea{width:78px;}
.time--content.air--1 {width:100%;border:1px solid #ccc; border-radius:4px; padding:15px;box-sizing: border-box;margin-top:10px;}
.time--content.air--1 .titArea{width:78px;}
.time--content .tit--day{font-family:'Nanum Gothic EB';font-size:14px;line-height:1;letter-spacing:-0.03em;color:#195caf;}

.time--content.golf .titArea{width:70px;}

.time--content.pass ul{gap:5px;  }
.time--content.pass .titArea{width:85px;}

.time--content.single ul{gap:5px;  }
.time--content.single .titArea{width:78px;}

.time--content ul.line--top{padding-top:10px; border-top:1px solid #ccc;}

.price--air{display:flex;width:100%; align-items: center;gap:10px; margin-top:5px;}
.price--air dt{width:78px;}
.price--air dd{flex:1;}
.price--air dd:first-child{flex:1.2;}
.price--air .price-txt{font-family:'Nanum Gothic Bold'; color:#fd7133;font-size:13px;line-height:1;letter-spacing:-0.03em;}
.price--air .price-txt.c1{color:#195caf;}
.price--air .price-txt.lg{font-family:'Nanum Gothic EB';font-size:14px;}
.price--air .price-tit{font-family:'Nanum Gothic Bold'; color:#333;font-size:15px;line-height:1;letter-spacing:-0.03em;}
.price--air .price-stit{font-family:'Nanum Gothic Bold'; color:#333;font-size:13px;line-height:1;letter-spacing:-0.03em;}


/* 상세수정 */
.products--info{width:100%;border:1px solid #ccc; padding:15px;box-sizing: border-box;margin-bottom:15px;}
.products--info > *{margin-top:15px;padding-top:15px; border-top:1px solid #ccc;}
.products--info > *:first-child{margin-top:0px;padding-top:0px; border-top:0px solid #ccc;}
.products--info .b-tit{font-family:'Nanum Gothic Bold'; font-size:16px;color: #000;line-height:1;margin-bottom:10px;}
.products--info .price-txt{font-family:'Nanum Gothic EB';font-size:22px;color: #000;line-height:1;}
.products--info .price-txt > em{font-style: normal;font-family:'Nanum Gothic Bold';font-size:14px;color: #666;line-height:22px;display: inline-block; margin-left:5px;}
.products--info .price-stxt{font-family:'Nanum Gothic EB';font-size:16px;color: #000;line-height:22px;}
.products--info .price-stxt > em{font-style: normal;font-family:'Nanum Gothic Bold';font-size:12px;color: #666;line-height:22px;display: inline-block; margin-left:5px;}

.products--info .c-tit{font-family:'Nanum Gothic Bold';font-size:14px;color: #000;line-height:1;}
.products--info .c-txt{font-family:'Nanum Gothic Bold';font-size:14px;color: #666;line-height:1.3;}
.products--info .c-desc{font-family:'Nanum Gothic';font-size:13px;color: #666;line-height:1.3;letter-spacing:-0.03em;}

.products--info .txt--group{display:flex;justify-content:space-between;gap:5px;}
.products--info .txt--group.a-center{align-items: center;}
.products--info .tit{width:60px;font-family:'Nanum Gothic Bold';font-size:14px;color: #000;line-height:1.3;}
.products--info .cont{flex:1;font-family:'Nanum Gothic Bold';font-size:14px;color: #666;line-height:1.3;}
.products--info .c-btn{flex:1;text-align:right;}
.products--info.hotel .tit{width:80px;font-size:13px;}
.products--info.hotel .cont{font-size:13px;}

.detail--section{display: inline-block;width:100%;margin-bottom:30px;z-index:1;}
.mapArea{position: relative;display: inline-block; width:100%; height:0px;padding-top:60%;overflow: hidden;border:1px solid #ccc; border-radius:0px;background-size: cover; background:#fff;box-sizing: border-box;}

.tab--flex{width:100%; margin-bottom:15px; }
.tab--flex ul{display:-ms-flex; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; overflow:hidden; border-left:1px solid #ccc;}
.tab--flex li a{height:100%; padding:0 5px; text-align:center; font-family:'Nanum Gothic Bold'; font-size:12px; color: #333; line-height:1.3;letter-spacing:-0.03em;border-right:1px solid #ccc;border-bottom:1px solid #ccc; background:#fff; display:-ms-flex; display:flex; -ms-justify-content: center; justify-content: center; -ms-align-items: center; align-items: center;box-sizing: border-box;}
.tab--flex li.active a {background:#eee; color:#000; /* background:var(--concept-color); color:#fff; */ }

.tab--flex.three li{width:calc((100% - 1px) / 3);min-height:35px; }
.tab--flex.three li:nth-child(-n+3){border-top:1px solid #ccc;}
.tab--flex.four li{width:calc((100% - 1px) / 4);min-height:35px; }
.tab--flex.four li:nth-child(-n+4){border-top:1px solid #ccc;}
.tab--flex.five li{width:calc((100% - 1px) / 5);min-height:35px; }
.tab--flex.five li:nth-child(-n+5){border-top:1px solid #ccc;}

.tab--flex.seven li{width:calc((100% - 1px) / 4);min-height:35px; }
.tab--flex.seven li:nth-child(-n+4){border-top:1px solid #ccc;}
.tab--flex.seven li:nth-child(5), .tab--flex.seven li:nth-child(6), .tab--flex.seven li:nth-child(7){width:calc((100% - 1px) / 3);}
.tab--flex.seven li:nth-child(5){margin-left:1px;}

.detail--wrap{display: inline-block;width:100%;border:1px solid #ccc; padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1;}
.detail--wrap img {
	max-width: 100%; height: auto;
}
.detail--wrap .txtbox{display: inline-block; width:100%;padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.detail--wrap .txtbox > p{font-family:'Nanum Gothic';color: #666;font-size: 12px;line-height:1.3;letter-spacing:-0.03em;margin-bottom:8px;}
.detail--wrap table{max-width:100% !important; height: auto !important;}

.detail--title{ display:flex;justify-content:space-between;font-family: 'NotoSansKR';font-style: normal;font-weight:500;line-height:1.3;letter-spacing:-0.03em;color:#000;font-size:16px;margin-bottom:10px;}
.detail--title > *{flex:1;}
.detail--title .desc{font-family:'Nanum Gothic';color:#555;font-size:13px;line-height:1;letter-spacing:-0.03em;}
.detail--title .rightArea{text-align: right;}

.flex_timeTb{display:flex;align-items: center; gap:10px; margin-bottom:8px; }
.flex_timeTb.between{justify-content:space-between;}
.flex_timeTb dt{width:65px;}
.flex_timeTb dd{flex:1;}
.flex_timeTb.between dt{width:auto !important;}

.title_name {font-family:'Nanum Gothic Bold';line-height:1.3;letter-spacing:-0.03em;color:#1a1a1a;font-size:16px;}

.nodata--box{display:flex;width:100%;height:150px;justify-content: center; align-items: center;text-align:center;color:#424242;font-family:'Nanum Gothic Bold';font-size:14px;line-height: 1.2;}

.bottom--fixed-menu{position:fixed;left:0; bottom:0;display:flex;align-items: center;gap:5px; width:100%;height:50px;z-index:10;-webkit-overflow-scrolling: touch; box-shadow: 1px 1px 10px rgba(0,0,0,0.2);background:#fff; padding:5px; box-sizing: border-box;}
.bottom--fixed-menu.mf > * {flex:1;}
.bottom--fixed-menu.center { display: flex;justify-content: center;}

.detail--nodata{ background:url(../img/none001.png) center 50px no-repeat;background-size:auto 60px;  padding:130px 0 50px;text-align:center;color:#666;font-family:'Nanum Gothic Bold';font-size:14px;line-height: 1.2;  }


.pop--inBox{display: inline-block; width:100%;padding:16px; border:1px solid #ccc; box-sizing: border-box;}
.pop--inBox.center{text-align: center;}
.pop--inBox img{max-width:100%;}

.tb--data{width:100%;}
.tb--data ul{display:flex;width:100%; border-bottom:1px solid #ccc;box-sizing: border-box;}
.tb--data ul:first-child{border-top:1px solid #ccc;}
.tb--data li{flex:1;display:inline-flex;border-right:1px solid #ccc;  padding:16px;box-sizing: border-box;}
.tb--data li:first-child{border-left:1px solid #ccc;}
.tb--data .iconArea{flex:0 0 60px;padding-left:5px;box-sizing: border-box; }
.tb--data .contArea{flex:1; }
.tb--data h3{font-family:'Nanum Gothic Bold'; font-size:14px; color:#333; line-height:1; margin:3px 0 5px;}
.tb--data p{font-family:'Nanum Gothic'; font-size:13px; color:#333; line-height:1.5; }

.product--box {display:flex; justify-content:space-between;gap:20px;padding: 10px;cursor: pointer;border:1px solid #ccc;box-sizing: border-box;position: relative;	}
.product--box:hover {background: #f9f9f9;}
.product--box .photo {width: 200px; height: 132px;overflow: hidden;} 
.product--box .photo img {width: 100%;}
.product--box .prdc-article {flex:1;}
.product--box .right-section { flex:0 0 120px;display:inline-flex;justify-content:flex-end; align-self:flex-end; height:100%; text-align: right;position: relative; }

.dtable{width: 100%;table-layout: fixed;border-collapse: collapse; border:1px solid #ccc;box-sizing: border-box; margin-bottom:20px; }
.dtable th{text-align:center;vertical-align:middle;padding:8px;background: #eee;border-bottom:1px solid #ccc;font-family:'Nanum Gothic Bold'; font-size:14px; color:#333; line-height:1;}
.dtable tr{border-bottom:1px solid #ccc;}
.dtable td{text-align:left;vertical-align:middle;padding:10px;border-left:1px solid #ccc;font-family:'Nanum Gothic';font-size:13px;color: #4d4d4d;line-height:1.4;}
.dtable td:first-child{border-left:0px solid #ccc;}

.dtable td p{font-family:'Nanum Gothic';font-size:13px;color: #4d4d4d;line-height:1.4;padding-left:10px;box-sizing: border-box;}
.tit--arrow{position: relative;font-family:'Nanum Gothic Bold'; font-size:14px; color:#333; line-height:1; padding-left:10px; margin-bottom:5px; box-sizing: border-box;}
.tit--arrow::after { content: ' ';position: absolute; top: 50%;left:0; width:4px; height:4px; margin-top: -2px; border-radius:50%;background:#666; /* border:1px solid #3e4358;;border-top: none;border-right: none; transform: rotate(-135deg); */ }

/* table--scroll 좌우사용 */
.table-scroll-auto {overflow-y:scroll; 
	scrollbar-arrow-color: #fff; /* IE 6+ scroll styles */
	scrollbar-face-color: #999;
	scrollbar-shadow-color: #333;
	scrollbar-highlight-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #ddd; /* Last IE 6+ scroll styles */
	scrollbar-color: #999 #ddd; /* Firefox 64+ */
	scrollbar-width: thin; /* Firefox 64+ */
	width: 100%;    
  }
  .table-scroll-auto::-webkit-scrollbar {width: 6px;height: 6px;}
  .table-scroll-auto::-webkit-scrollbar-track {background: padding-box #ddd;border-radius: 0px;}
  .table-scroll-auto::-webkit-scrollbar-thumb {background: padding-box #999;border-radius: 0px;}
  .table-scroll-auto::-webkit-scrollbar-thumb:hover { background: padding-box #aaa;}
  .table-scroll-auto::-webkit-scrollbar-thumb:active {background: padding-box #333;box-shadow: inset 0 0 3px rgba(192, 192, 192, 0.5);}
  
  .table-scroll-auto {position: relative;z-index:1;margin:0 auto;width:100%;max-height:600px; border:1px solid #ccc; }
  .table-scroll-auto table {width: 100%;margin: auto;/*border-collapse: collapse;*/font-variant-numeric: tabular-nums; vertical-align: middle; table-layout: fixed;}
  .table-scroll-auto thead th {text-align:center;padding:5px 5px;vertical-align:middle;background:#f9f9f9;font-family:'Nanum Gothic Bold';font-size:12px;color: #000;line-height:1.2;letter-spacing:-0.03rem; }
  .table-scroll-auto thead{position: -webkit-sticky;position:sticky;top:0; z-index:2; }
  .table-scroll-auto thead:before {content: "";width:100%;height:1px;position:absolute; left:0;bottom:0;background:#ccc; z-index: 2;}
  .table-scroll-auto td{padding:5px;}

  .inTable--01{width:100%;table-layout: fixed;/* border-collapse: separate !important;border-spacing: 0 10px !important; */ }
  .inTable--01 tr{width:100%;border:1px solid #ccc;border-radius:8px; font-size:12px;color: #333;line-height:1.3;letter-spacing:-0.03rem;}
  .inTable--01 tr.space{width:100%;border:0px solid #ccc;height:5px;}
  .inTable--01 td{text-align:center;vertical-align:middle;padding:8px 5px;}
  .inTable--01 tr:hover{background: #f9f9f9;}
  .inTable--01 .rborder{border-right:1px solid #dfdfdf;}
  .inTable--01 .lborder{border-left:1px solid #dfdfdf;}

  .tb--wrap-line{width:100%; border:1px solid #888;box-sizing: border-box; }


  @media all and (max-width:280px) {
    
    .btn--type.btn {font-size:12px;padding:0 10px;} /* basic */
    .btn--type.btn-lg {font-size:13px;}
    .btn--type.btn-m {font-size:12px;}
    .btn--type.btn-s {font-size:11px;}
        
    }