@charset "utf-8";

:root {
  --black1: #1d1d1d;
  --black2: #282828;
  --red: #ca1f26;
  --yellow: #f7c600;
  --gray: #f6f6f6;
}

input:focus, 
select:focus,
textarea:focus {
    outline: none;
	box-shadow: none;
}

input::placeholder,
textarea::placeholder {
    color: #999;
}

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

.none {display:none;}

* {
	/* Æ÷Ä¿½º outline Á¦°Å */
	outline: none;
	
	/* ÇÏÀ̶óÀÌÆ® »ö»óÀ» Åõ¸íÇÏ°Ô ¼³Á¤ */
	-webkit-tap-highlight-color: transparent;
	
	-webkit-transition:all .3s ease-in-out; 
	-moz-transition:all .3s ease-in-out; 
	-ms-transition:all .3s ease-in-out; 
	-o-transition:all .3s ease-in-out; 
	transition:all .3s ease-in-out;  
}

.italic { font-style: italic; }
.center { text-align:center;}

.flexbox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.flexbox_stretch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.around {
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}
.start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap { flex-wrap: wrap; }
.column { 
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	-o-flex-direction:column;
	flex-direction:column;
}

.boxPage { margin:2.5rem auto 0 auto; text-align:center; }
.boxPage strong,
.boxPage a { display:inline-block; width:2.4rem; height:2.4rem; line-height:2.4rem; text-align:center; }
.boxPage strong { background:#007a9c; }

.under { 
	background-image: -webkit-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: -moz-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: -ms-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: -o-linear-gradient(transparent 60%, #d5e9e6 40%);
	background-image: linear-gradient(transparent 60%, #d5e9e6 40%);
	background-size: 100% 100%; 
}

.overflow { overflow:hidden; }

.radius4 {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.radius16 {
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-ms-border-radius:16px;
	-o-border-radius:16px;
	border-radius:16px;
}
.radius26 {
	-webkit-border-radius:2rem;
	-moz-border-radius:2rem;
	-ms-border-radius:2rem;
	-o-border-radius:2rem;
	border-radius:2rem;
}
.radius50 {
	-webkit-border-radius:85px;
	-moz-border-radius:85px;
	-ms-border-radius:85px;
	-o-border-radius:85px;
	border-radius:85px;
}
.radius100 {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-ms-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield; /* Firefox¿¡¼­µµ µ¿ÀÛÇϵµ·Ï Ãß°¡ */
}

@keyframes scroll{
	0%{bottom: -25px;}
	100%{bottom: -40px;}
}
@keyframes height{
	0%{height:100%}
	100%{height:0%}
}
@keyframes width{
	0%{width:0%}
	100%{width:100%}
}
@keyframes scaleWidth {
    0% { width: 0; opacity: 0; } 
    100% { width: 100%; opacity: 1; } 
}
@keyframes scale{
	0%{transform:scale(0.6); opacity: 0;}
	100%{transform:scale(1); opacity: 1;}
}
@keyframes upDown{
	0%{transform:translateY(-40px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes up{
	0%{transform:translateY(110px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes fadeIn{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
@keyframes fadeUp{
	0%{transform:translateY(180px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes fadeLeft{
	0%{transform:translateX(180px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes fadeRight{
	0%{transform:translateX(-180px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes move{
	0%{transform:translateX(-10px) translateY(-50%); opacity: 0;}
	100%{transform:translateX(10px) translateY(-50%); opacity: 1;}
}

.ani { opacity:0; }
.fadeUp { animation: fadeUp 1s ease forwards; }
.fadeLeft { animation: fadeLeft 1s ease forwards; }
.fadeRight { animation: fadeRight 1s ease forwards; }
.scaleWidth { animation: scaleWidth 1.5s 0.8s both; }

.table-container {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; /* iOS¿¡¼­ ºÎµå·¯¿î ½ºÅ©·ÑÀ» Áö¿ø */
}

.boxForm { background:#fff; padding:1.5rem; width:100%; max-width:800px; margin:0 auto; position:relative; overflow-y:scroll; }
.boxForm .boxFormTit { text-align:center; font-size:1.35rem; font-weight:600; height:3rem; line-height:3rem; border-bottom:1px solid #ddd; margin-bottom:1rem; overflow:hidden; white-space:nowrap; }
.boxForm .boxFormTit .star i { color:#FEDC56; margin-left:2px; font-size:1rem; }
.boxForm .boxFormCon { overflow-y:scroll; max-height:calc(80vh - 7.5rem); line-height:160%; padding-bottom:2rem; }
.boxForm .boxFormCon img { margin-top:.5rem; max-width:100%; display:block;}
.boxForm .boxFormCon h2 { display:block; font-size:1.15rem; }
.boxForm .boxFormCon .line { width:100%; height:1px; background:#ddd; margin:1rem auto 0 auto; }
.boxForm .mfp-close { font-size:3rem; }

.boxCalendar { background:#fff; padding:1.5rem; width:90vw;  margin:0 auto; padding-bottom:2rem; position:relative; overflow:hidden; }
.boxCalendar .boxCalendarTit { text-align:center; font-size:1.25rem; font-weight:500; height:3rem; line-height:3rem; border-bottom:1px solid #ddd; margin-bottom:.5rem; overflow:hidden; }
.boxCalendar .boxCalendarCon .line { width:100%; height:1px; background:#ddd; margin:0 auto; }
.boxCalendar .boxCalendarCon label { margin-top:1rem; }

.tooltip-icon {position:relative;}
.tooltip-box {display: none;position: absolute;background-color: #333;color: #fff;font-size:.9rem;padding: .5rem;border-radius: 4px;z-index: 999;white-space: normal;word-wrap: break-word; word-break: break-word;text-align:left;}

.guide { display:block; color:var(--color4); font-size:12px; }