@charset "utf-8";
/* @import url('setup.css');  */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

*, *::before, *::after { box-sizing: border-box; -webkit-box-sizing: border-box; }

/* ============================================================================================================ */
@font-face { font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/NotoSansKR-Thin.woff2') format('woff2'),
		 url('../fonts/NotoSansKR-Thin.woff') format('woff'),
		 url('../fonts/NotoSansKR-Thin.otf') format('opentype');
  }
  @font-face { font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/NotoSansKR-Light.woff2') format('woff2'),
		 url('../fonts/NotoSansKR-Light.woff') format('woff'),
		 url('../fonts/NotoSansKR-Light.otf') format('opentype');
  }
  @font-face { font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
		 url('../fonts/NotoSansKR-Regular.woff') format('woff'),
		 url('../fonts/NotoSansKR-Regular.otf') format('opentype');
  }
  @font-face { font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
		 url('../fonts/NotoSansKR-Medium.woff') format('woff'),
		 url('../fonts/NotoSansKR-Medium.otf') format('opentype');
  }
  @font-face { font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
		 url('../fonts/NotoSansKR-Bold.woff') format('woff'),
		 url('../fonts/NotoSansKR-Bold.otf') format('opentype');
  }
  @font-face { font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/NotoSansKR-Black.woff2') format('woff2'),
		 url('../fonts/NotoSansKR-Black.woff') format('woff'),
		 url('../fonts/NotoSansKR-Black.otf') format('opentype');
  }


   

/* 
  @font-face { font-family: 'Gothic A1';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/GothicA1-Thin.ttf') format('truetype');
  }
  @font-face { font-family: 'Gothic A1';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/GothicA1-ExtraLight.ttf') format('truetype');
  }
  @font-face { font-family: 'Gothic A1';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/GothicA1-Light.ttf') format('truetype');
  }
  @font-face { font-family: 'Gothic A1';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/GothicA1-Regular.ttf') format('truetype');
  }
  @font-face { font-family: 'Gothic A1';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/GothicA1-Medium.ttf') format('truetype');
  }
  @font-face { font-family: 'Gothic A1';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/GothicA1-SemiBold.ttf') format('truetype');
  }
  @font-face { font-family: 'Gothic A1';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/GothicA1-Bold.ttf') format('truetype');
  }
  @font-face { font-family: 'Gothic A1';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/GothicA1-ExtraBold.ttf') format('truetype');
  }
  @font-face { font-family: 'Gothic A1';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/GothicA1-Black.ttf') format('truetype');
  } */



/* ============================================================================================================ */


.t-center { text-align: center !important; } 
.t-left { text-align: left !important; } 
.t-right { text-align: right !important; }

.flex-center { display: flex; align-items: center; justify-content: center; flex-direction: row; gap:1rem; }
.flex-start { display: flex; align-items: center; justify-content: flex-start; gap:1rem; flex-wrap: wrap; }
.flex-start-top { display: flex; align-items: flex-start; justify-content: flex-start; gap:1rem; }
.flex-end { display: flex; align-items: center; justify-content: flex-end; gap:1rem; }
.flex-between { display: flex; align-items: center; justify-content: space-between; gap:1rem; }
.flex-around { display: flex; align-items: center; justify-content: space-around; gap:1rem; }

.flex-center-col { display: flex; align-items: center; justify-content: center; flex-direction: column; gap:1rem; }
.flex-start-col { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; gap:1rem; }
.flex-end-col { display: flex;  justify-content: flex-end; flex-direction: column; gap:1rem; }
.flex-between-col { display: flex; justify-content: space-between; flex-direction: column; gap:1rem; align-self: stretch; }

.flex-wrap { flex-wrap: wrap; }
.gap20 { gap:1rem 2rem; }
.gap0 { gap:0rem; }


/* ============================================================================================================ */

.col-10 { -ms-flex: 0 1 8.333333%; flex: 0 1 8.333333%; max-width: 8.333333%; }
.col-20 { -ms-flex: 0 1 16.666667%; flex: 0 1 16.666667%; max-width: 16.666667%; }
.col-30 { -ms-flex: 0 1 25%; flex: 0 1 25%; max-width: 25%; }
.col-40 { -ms-flex: 0 1 33.333333%; flex: 0 1 33.333333%; max-width: 33.333333%; }
.col-50 { -ms-flex: 0 1 41.666667%; flex: 0 1 41.666667%; max-width: 41.666667%; }
.col-60 { -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; }
.col-70 { -ms-flex: 0 1 58.333333%; flex: 0 1 58.333333%; max-width: 58.333333%; }
.col-80 { -ms-flex: 0 1 66.666667%; flex: 0 1 66.666667%; max-width: 66.666667%; }
.col-90 { -ms-flex: 0 1 75%; flex: 0 1 75%; max-width: 75%; }
.col-10 { -ms-flex: 0 1 83.333333%; flex: 0 1 83.333333%; max-width: 83.333333%; }
.col-11 { -ms-flex: 0 1 91.666667%; flex: 0 1 91.666667%; max-width: 91.666667%; }
.col-12 { -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; }

.fw100 { font-weight: 100 !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }

.mt05 { margin-top: 0.25rem !important; } 
.mt10 { margin-top: 0.50rem !important; }
.mt20 { margin-top: 1.00rem !important; }
.mt30 { margin-top: 1.50rem !important; }
.mt40 { margin-top: 2.00rem !important; }

.mb05 { margin-bottom: 0.25rem !important; } 
.mb10 { margin-bottom: 0.50rem !important; }
.mb20 { margin-bottom: 1.00rem !important; }
.mb30 { margin-bottom: 1.50rem !important; }
.mb40 { margin-bottom: 2.00rem !important; }
.mb60 { margin-bottom: 3.00rem !important; }

.ml05 { margin-left: 0.25rem !important; } 
.ml10 { margin-left: 0.50rem !important; }
.ml20 { margin-left: 1.00rem !important; }
.ml30 { margin-left: 1.50rem !important; }
.ml40 { margin-left: 2.00rem !important; }

.mr05 { margin-right: 0.25rem !important; } 
.mr10 { margin-right: 0.50rem !important; }
.mr20 { margin-right: 1.00rem !important; }
.mr30 { margin-right: 1.50rem !important; }
.mr40 { margin-right: 2.00rem !important; }

.w100p { width:100% !important; }
.w50p { width:50% !important; }
.w70p { width:70% !important; }
.w100 { width: 4.5rem; }
.w200 { width: 10rem; }

html, body { 
	width:100%; height: 100%; font-size:20px; color:#292929; 
	-ms-touch-action: manipulation; touch-action: manipulation; -webkit-overflow-scrolling: touch;
	font-family: 'Gothic A1', 'Noto Sans KR', "Malgun Gothic", sans-serif; 
}
/* 221221 모바일 최적화 */
@media (max-width: 720px){
	/* 공통 */
	.header .title{
        line-height: 1.2 !important;
    }
	.contents{
        padding: 3rem 3vw 24vw !important;
    }
    .contents .terms-area{
        width: 100% !important;
    }
	.contents .terms-area .title{
		font-size: 1.3rem !important;
	}
	.contents .terms-area .terms{
		font-size: 1rem !important;
	}
	.contents .contbox{
		width: 100%;
	}
	.contents .contbox .right-dev{
		width: 100% !important;
	}
	.agree-msg{
		font-size: 1rem !important;
	}
	.terms-pop-btn{
		font-size: .8rem !important;
		margin-top: 10px;
	}
	.btn-set{
		display: flex;
		justify-content: space-between;
		margin-top: 5vw !important;
	}
	.btn-set button{
		width: 100% !important;
		margin: 0 !important;
	}
	.btn-set button:first-child{
		margin-right: 20px !important;
	}
	input[type="checkbox"].checkbox-btn + label{
		font-size: 1.1rem !important;
		margin-top: 2.5vw;
	}
	/* pop */
	.pop-wrap{
		width: 100% !important;
		text-align: center;
	}
	.cont{
		width: 80vw !important;
	}
	.cont > div:not(.members){
		width: 100% !important;
	}
	.cont .title{
		padding: 0 2vw !important;
	}
	.cont .terms{
		padding: 1.2vw;
	}
	.cont .bottom-btn{
		border-radius: 0 0 4px 4px;
	}
	/* footer */
	.footer{
        height: 16vw !important;
		max-height: 80px !important;
    }
    .footer > div{
        font-size: 1.2rem !important;
		padding: 0 !important;
    }

	.ui-datepicker{ 
        font-size: 1rem;
		width: 19rem !important;
    }
    .ui-datepicker td.ui-state-disabled{
        font-size: 1rem;
    }
	.ui-state-default, .ui-widget-content .ui-state-default{
		font-size: 1rem;
		line-height: 1.9;
		height: 50px;
	}
	.ui-datepicker td.ui-state-disabled > *{
		height: 50px !important;
	}
	.ui-datepicker tbody tr td > a {
		padding: 0.3rem 0rem !important;
	}
	.ui-datepicker th span {
		font-size: 1rem !important;
	}
	.ui-datepicker thead tr th {
		text-align: center;
	}
	.ui-datepicker-header a span {
		font-size: 1rem !important;
	}

}
@media (max-width:500px){
	html, body { 
		/* font-size:10px; */
		font-size: 16px;
	}

	.ui-state-default, .ui-widget-content .ui-state-default{
		font-size: 1rem;
		line-height: 1.9;
		height: 40px;
	}
	.ui-datepicker td.ui-state-disabled > *{
		height: 40px !important;
	}
}
@media (max-width:420px){
	html, body { 
		font-size: 14px;
	}
	.header .welcome-msg,
	.header .title{
		/*font-size: 0.4rem !important;*/
		font-size: 1.14rem !important;
	}
	.welcome-msg{
		display: none;
	}

}


input, select, textarea, label, a { -webkit-appearance: none; -webkit-border-radius: 0; }

h1 { font-size: 1.40rem; } h2 { font-size: 1.20rem; } h3 { font-size: 1.00rem; }
table[class*="tbl"] { table-layout: fixed; width: 100%; }
a:link, a:hover, a:visited, a:active, a:focus { text-decoration: none; color:#666; }
hr { border:0; border-top:1px solid #ddd; margin:1.5rem 0; }

/* ============================================================================================================ */

/* buttons */

button { cursor: pointer; box-shadow: none; outline: none; position: relative; background: transparent; border:0;  
	font-family: 'Gothic A1', 'Noto Sans KR', "Malgun Gothic", sans-serif; }

.btn-01 { border:1px solid transparent; font-size: 0.8rem; font-weight: 600; padding: 0.8rem; color: #fff; background:rgba(122, 102, 252,1); }
.btn-01:hover, .btn-01:focus, .btn-01:active  { background-color: #4d4485; color: #fff; }
.btn-01:not(:hover), .btn-01:not(:focus), .btn-01:not(:active) { background-color: rgba(122, 102, 252,1);}

.btn-02 { border:1px solid transparent; font-size: 0.8rem; font-weight: 600; padding: 0.8rem; color: #4a4186; background:rgba(122, 102, 252,0.2); }
.btn-02:hover, .btn-02:focus, .btn-02:active  { background-color: rgba(122, 102, 252,0.4); color: #4a4186; }

.input-form a.file { padding: 1.04rem 0; border-bottom: 1px solid #dadada; color:#0084ff; line-height: 1.3;
	text-decoration: underline; font-size: 0.8rem; font-weight: 600; display: block; padding-right: 4rem; }

.input-form button.confirm { margin:0; padding: 0; border:0; background: transparent; 
	font-size: 0.7rem; font-weight: 600; color: #000; position: absolute; right:0; top:50%; transform: translateY(-50%); }

.input-form button.upload { margin:0; padding: 0; border:0; background: url('../images/visit/icon-upload.png') no-repeat center / 100% auto;
	width:1.3rem; height: 1.3rem; position: absolute; right:0; top:50%; transform: translateY(-50%); }

.input-form.search input { padding-left: 2rem; }
.input-form button.search { margin:0; padding: 0; border:0; background: url('../images/visit/ico-gsearch.png') no-repeat center / 100% auto;
	width: 0.8rem; height: 0.8rem; position: absolute; left:0; top:50%; transform: translateY(-50%); }

.input-form button.reset { margin:0; padding: 0; border:0; width:1rem; height: 1rem; background: url('../images/visit/icon-delete.png') no-repeat center / 100% auto;
	position: absolute; right:0; top:50%; transform: translateY(-50%); }

button.plus-button { margin:-2rem 0 0 0; padding: 0 1rem; border:0; background: transparent; font-size: 0.7rem; font-weight: 600; color: #000; }
button.plus-button:before { content: ''; display: inline-block; width:1rem; height: 1rem; background: url('../images/visit/icon-plus.png') no-repeat center / 100% auto;
	margin-right:0.3rem; vertical-align: text-bottom; }

.input-form span.text-unit { margin:0; padding: 0; border:0; background: transparent; 
	font-size: 0.7rem; font-weight: 600; color: #000; position: absolute; right:0; top:50%; transform: translateY(-50%); }

.input-form input { padding-right: 4rem; }

button:disabled {  background:	rgba(0, 0, 10, 0.1); color: rgba(0, 0, 10, 0.4); font-weight: 700; pointer-events: none; }

.lab-info { width:100%; height: 2rem; border:2px solid #000; border-radius: 2rem; color:#000; font-size: 0.7rem; font-weight: 800; margin-top:1rem; }


/* label */

.label-box { background: rgba(0,0,0,0.02); padding: 1.2rem 1rem; }
.label-text-01 { font-size: 0.6rem; color: rgba(0,0,10,0.4); font-weight: 600; display: block; line-height: 1.5;
	 text-indent: -0.4rem; margin-left: 0.4rem; letter-spacing: -0.01rem;}
.label-text-02 { font-size: 0.7rem; color: rgba(0,0,10,0.7); font-weight: 600; display: block; line-height: 1.5;
/* text-indent: -0.4rem; margin-left: 0.4rem;  */
padding-top:1rem;
letter-spacing: -0.01rem; }

.label-text-ok { font-size: 0.7rem; color: #7a66fc; font-weight: 600; display: block; line-height: 1.5;
	text-indent: -0.4rem; margin-left: 0.4rem; letter-spacing: -0.01rem;}

.text-purple { color:#7a66fc !important;}
.text-gray { color:#aaa !important;}

.car-ico { display: inline-block; width:1rem; height: 1rem; background: url('../images/visit/car-ico.png') no-repeat center / 100% auto; }

/* form */

input, textarea, select { font-size: 0.8rem; color: #262626; font-weight: 600; letter-spacing: -0.019rem; padding:1rem 0; 
	width:100%; border:0; border-bottom: 1px solid #dadada; background: transparent;
    font-family: 'Noto Sans KR', "Malgun Gothic", sans-serif;    
}

textarea { width:100%; resize: none; box-shadow: none;}

.search-input { border-bottom: 2px solid #000; }
.search-input:hover, .search-input:focus, .search-input:active { border-bottom: 2px solid #7a66fc !important; }

input:hover, select:hover, textarea:hover { border-bottom: 1px solid #000 !important; }
input:focus, select:focus, textarea:focus, input:active, select:active, textarea:active { border-bottom: 1px solid #000 !important; box-shadow: none; outline: 0; }
select::-ms-expand { display:none; }

input:disabled { border: 1px solid #ccc; box-shadow: none; background: #f0f0f0; }
input:disabled::placeholder { color: rgba(0, 0, 10, 0.4); }
input::placeholder { color: #aaa; font-weight: 400; font-size: 0.8rem; }

textarea:disabled { border: 1px solid #ccc; box-shadow: none; background: #f0f0f0; }
textarea:disabled::placeholder { color: rgba(0, 0, 10, 0.4); }
textarea::placeholder { color: #aaa; font-weight: 400; font-size: 0.8rem; }


input:read-only { border-bottom: 1px solid #dadada; box-shadow: none; background: #f0f0f0; }
/* .select-box-type1 select:read-only { border: 1px solid #dadada; box-shadow: none; } */

input.n-input { background: #fbfbfd; padding:0.4rem; border:1px solid #dadada; font-size: 0.7rem; font-size: 0.65rem; }
input.n-input:hover { border: 1px solid #000 !important;}
input.n-input.m-size { margin:0 2px; }
input.n-input.m-size::placeholder { color: #aaa; font-weight: 400; font-size: 0.65rem; }

.select-box-type1 { display:inline-block; vertical-align: middle; position: relative; margin:0; padding: 0; }
.select-box-type1 select:focus { background: url(../images/visit/sel-on.png) no-repeat 100% 50% / 1.3rem auto; }
.select-box-type1 select {
  padding:1rem 3rem 1rem 0; font-weight: 600; min-width: 7rem; width:100%; display: inline-block;
  border-bottom: 1px solid #dadada; background: transparent; 
  cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background: url(../images/visit/sel-off.png) no-repeat 100% 50% / 1.3rem auto;
}

.input-form { position: relative; width:100%; }
.input-form span.dash { border-bottom:1px solid #dadada; padding:1.05rem 0; }
.input-form.phone-number { display: flex; gap:0; }
.input-form.phone-number input { padding: 1rem 0.5rem; }

.form-wrap { display: flex; gap:1rem; width:100%; }

.input-form.date-pick { width:50%; }
.input-form.date-pick:after { position: absolute; content: ''; display: inline-block; width:1.2rem; height: 1.2rem; margin-right: 10px;
	background: url(../images/visit/icon-date.svg) no-repeat center / 100% auto; top:50%; transform: translateY(-50%); right:0; }
	
/* check-box */

input[type="checkbox"].checkbox-btn { position:absolute; left:-3000%; margin:0; padding: 0; display: none; }
input[type="checkbox"].checkbox-btn + label { cursor: pointer; z-index: 1; position: relative; font-size: 0.75rem; color:rgba(0, 0, 10, 0.4); font-weight: 700; }
input[type="checkbox"].checkbox-btn + label:before {
	content: ""; display: inline-block; width: 0.8rem; height: 0.8rem; top:0; left: 0;  vertical-align: middle; margin-right: 0.3rem;
 	border: 1px solid rgba(0, 0, 10, 0.2); transition: all 0.5s; background: transparent;
}
input[type="checkbox"].checkbox-btn:checked + label { font-size: 0.75rem; color:#292929; font-weight: 700; }
input[type="checkbox"].checkbox-btn:checked + label:after { content: ""; display: inline-block; width: 0.8rem; height: 0.8rem; position: absolute; top:56%; left: 0; transform: translateY( -50%); 
    background: url(../images/visit/chk-on.png) no-repeat center / 80% auto; vertical-align: middle;
}

input[type="checkbox"].checkbox-btn:checked + label:before { background: #7a66fc; border: 1px solid #7a66fc; border-radius: 2px; transition: all 0.5s; }
input[type="checkbox"].checkbox-btn:disabled + label:before { background: #ccc; border: 1px solid #dadada; border-radius: 2px; transition: all 0.5s; }

input[type="checkbox"].checkbox-btn.big + label:before { width: 1.1rem; height: 1.1rem; margin-right: 0.4rem; }
input[type="checkbox"].checkbox-btn.big:checked + label:after { width: 1.1rem; height: 1.1rem; top:50%; }

/* radio */

input[type="radio"].radio-btn { position:absolute; left:-3000%; margin:0; padding: 0; display: none; }
input[type="radio"].radio-btn + label { cursor: pointer; z-index: 1; position: relative; font-size: 0.75rem; color:rgba(0, 0, 10, 0.4); font-weight: 700; }
input[type="radio"].radio-btn + label:before {
  position: relative; display: inline-block; content: ''; width:1rem; height: 1rem; border-radius: 1rem; border: 2px solid rgba(0, 0, 10, 0.2);  background: transparent;
  vertical-align: middle; margin-right: 0.3rem; transition: all 0.3s;}
input[type="radio"].radio-btn:checked + label { font-size: 0.75rem; font-weight: 700; color:#292929; }
input[type="radio"].radio-btn:checked + label:before { border: 2px solid #000; transition: all 0.3s; background: radial-gradient(#000 30%, transparent 31%); }

/* input[type="radio"].radio-btn.readonly + label { pointer-events: none; }
input[type="radio"].radio-btn.readonly + label:before { border: 2px solid #000; background: transparent; }
input[type="radio"].radio-btn.readonly:checked + label:before { border: 2px solid #ddd; background: radial-gradient(#ccc 30%, #fff 31%); } */

/* datepicker custom */

.ui-datepicker { margin-top: 0.5rem; padding: 1rem; width: 15rem; border-radius: 0.1rem; border:2px solid rgba(255,255,255,0.5);  font-size: 0.8rem;
	background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; display: none; }
.ui-datepicker-header { display: flex; justify-content: space-between; align-items: center; position: relative; 
	padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid #ddd;}
.ui-datepicker-header .ui-datepicker-title {  position: absolute; top:0; left:50%; transform: translateX(-50%); font-size: 1rem; font-weight: 600;}
.ui-datepicker-header a span { font-size: 0.7rem; cursor: pointer; color:#aaa;}
.ui-datepicker-calendar { width:100%; }
.ui-datepicker thead tr { display: flex;}
.ui-datepicker thead tr th { padding:0.5rem 0; flex:1; text-align:center}
.ui-datepicker th span { color:#ccc;  font-size: 0.6rem; font-weight:600; }
.ui-datepicker tbody tr { display: flex; align-items: center;  }
.ui-datepicker tbody tr td { text-align: center; flex:1; display: flex; justify-content: center; align-items: center; }
.ui-datepicker tbody tr td > a { color: #999; font-size: 0.7rem; padding:0.3rem 0.4rem; display: inline-block; width:1.5rem; height: 1.5rem; line-height: 1.5; border-radius: 1.5rem; }
.ui-datepicker tbody tr td > a:hover { position: relative; color: #fff; background: rgba(0, 149, 149, 1);  }
.ui-datepicker-week-end:first-child > * { color: #ff5e76; }
.ui-datepicker-week-end:last-child > * { color: #2d73b9; }
.ui-datepicker td.ui-state-disabled { font-size: 0.7rem; opacity: 1; }
.ui-datepicker td.ui-state-disabled > * { color: #e5e5e5;  width:1.5rem; height: 1.5rem; line-height: 2.5; }
/* today */
.ui-datepicker td > a.ui-state-default.ui-state-highlight { background: rgba(29, 198, 240, 1); color:#fff; border-radius: 1.5rem; }
/* 선택날짜 */
.ui-datepicker td > a.ui-state-active, .ui-widget-content .ui-state-active {
  background: rgba(12, 73, 73, 1); border-radius: 1.5rem; color:#fff;  animation: day-select 1s linear infinite; }
.ui-state-default, .ui-widget-content .ui-state-default { background: none; }
@keyframes day-select { 0% { background: rgba(0, 214, 119, 0.3); } 50% { background: rgba(0, 214, 119, 1); } 100% { background: rgba(0, 214, 119, 0.3); } }
















.pr5 { padding-right:0.25rem !important; } .pr10 { padding-right:0.5rem !important; } .pr20 { padding-right:1rem !important; }
.pl5 { padding-left:0.25rem !important; } .pl10 { padding-left:0.5rem !important; } .pl20 { padding-left:1rem !important; }

.m0 { margin:0 !important; }
.mr5 { margin-right:0.25rem !important; } .mr10 { margin-right:0.5rem !important; } .mr20 { margin-right:1rem !important; }
.ml5 { margin-left:0.25rem !important; } .ml10 { margin-left:0.5rem !important; } .ml20 { margin-left:1rem !important; }
.ml30 { margin-left:1.5rem !important; } .ml40 { margin-left:2rem !important; } .ml50 { margin-left:2.5rem !important; }
.mb10 { margin-bottom:0.5rem !important; } .mb15 { margin-bottom:0.75rem !important; } .mb20 { margin-bottom:1rem !important; }
.mb30 { margin-bottom:1.5rem !important; } .mb40 { margin-bottom:2rem !important; } .mb50 { margin-bottom:2.5rem !important; }

.h10 { height:0.5rem !important; clear: both !important; } .h20 { height:1rem !important; clear: both !important; } .h30 { height:1.5rem !important; clear: both !important; }
.h40 { height:2rem !important; clear: both !important; } .h50 { height:2.5rem !important; clear: both !important; } .h60 { height:3rem !important; clear: both !important; }
.h70 { height:3.5rem !important; clear: both !important; } .h80 { height:4rem !important; clear: both !important; }
.w60 { width:3.0rem !important; }
.w70 { width:3.5rem !important; } .w80 { width:4rem !important; } .w90 { width:4.5rem !important; } .w100 { width:5rem !important; } .w120 { width:6rem !important; }
.w140 { width:7rem !important; } .w150 { width:7.5rem !important; }  .w200 { width:10rem !important; } .w300 { width:15rem !important; }
.w100p { width:100% !important; } .w30p { width:30% !important; } .w40p { width:40% !important; } .w50p { width:50% !important; } .w60p { width:60% !important; }
.w70p { width:70% !important; } .w80p { width:80% !important; } .w90p { width:90% !important; }


/* font-weight */
.fw-100 { font-weight: 100 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-900 { font-weight: 900 !important; }

/* font-size */
.f10 { font-size: 0.5rem; } .f11 { font-size: 0.55rem; } .f12 { font-size: 0.6rem; } .f13 { font-size: 0.65rem; } .f14 { font-size: 0.7rem; }
.f15 { font-size: 0.75rem; } .f16 { font-size: 0.8rem; } .f17 { font-size: 0.85rem; } .f18 { font-size: 0.9rem; } .f19 { font-size: 0.95rem; }
.f20 { font-size: 1rem; } .f21 { font-size: 1.05rem; } .f22 { font-size: 1.1rem; } .f23 { font-size: 1.15rem; } .f24 { font-size: 1.2rem; }
.f25 { font-size: 1.25rem; } .f26 { font-size: 1.3rem; } .f27 { font-size: 1.35rem; } .f28 { font-size: 1.4rem; } .f29 { font-size: 1.45rem; }
.f30 { font-size: 1.5rem; }

.tbl03 { margin-top: 0.750rem; border-top: 1px solid rgba(0,0,0,0.5); }
.tbl03 thead { background: #f3f3f7; text-align: center;}
/* .tbl03 tbody th { padding:0.250rem 0.5rem; height: 2.4rem; line-height: 1.2rem; font-size: 0.7rem; color:#9299b0; background: #f3f3f7; text-align: center; } */
.tbl03 tbody th { padding:0.250rem 0.5rem; height: 2.4rem; line-height: 1.2rem; font-size: 0.7rem; color:#9393a4;
  background: #f8f8f8;
  /* background: linear-gradient( to right, #e0d3cd, rgba(255,255,255,0) ); */
  text-align: center; }
.tbl03 tbody tr { height: 2.4rem; color:#262626; line-height: 0.9rem; font-size: 0.700rem; font-weight: 600; border-bottom: 1px solid #ddd; }
.tbl03 tbody tr th { padding: 0.250rem 0.5rem !important; text-align: left; } .tbl03 tbody tr td { padding: 0.250rem 0.5rem !important; }
.tbl03 tbody tr td { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: wrap; word-wrap: normal !important; line-height: 2 !important; background: #fff;}
.br1 { border-right:1px solid #d8d8df; }

.tbl03.row-line th { text-align: center;}
.row-line th, .row-line td { border-left:1px solid #d8d8df; text-align: center; }
.row-line th:last-of-type, .row-line td:last-of-type { border-right:1px solid #d8d8df; }

.t-title { text-align: center !important; height: 3rem !important; font-size: 1.2rem !important; color:#262626 !important; background: #ececf9 !important; }

.btn-type-05 { border:1px solid #dcdce8 !important; font-size: 0.700rem !important; border-radius: 0.25rem; padding: 0.7rem 1rem !important; color: #292929; font-weight: 700; background:#fff; }
.btn-type-05:hover, .btn-type-05:focus,.btn-type-05:active  { background-color: #bebebe !important; color: #fff !important; box-shadow: none; filter: none !important; }

.term-table {width:100%; border: 1px solid #444444;}
.term-table th{border: 1px solid #444444;}
.term-table td{color: rgba(0, 0, 10, 0.4); border: 1px solid #444444; font-size: 0.7rem; color: #444444; font-weight: 600; line-height: 1.5; text-align: center;}