@charset "utf-8";
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

/* Pretendard 900 */
@font-face {
  font-family: 'Pretendard';
  font-weight: 900;
  font-display: swap;
  src: url('../font/Pretendard-Black.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Black.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Black.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Black.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 800;
  font-display: swap;
  src: url('../font/Pretendard-ExtraBold.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-ExtraBold.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-ExtraBold.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 700;
  font-display: swap;
  src: url('../font/Pretendard-Bold.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Bold.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Bold.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Bold.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  font-display: swap;
  src: url('../font/Pretendard-SemiBold.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-SemiBold.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-SemiBold.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  font-display: swap;
  src: url('../font/Pretendard-Medium.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Medium.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Medium.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Medium.svg#Pretendard') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  font-display: swap;
  src: url('../font/Pretendard-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Regular.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Regular.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Regular.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  font-display: swap;
  src: url('../font/Pretendard-Light.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Light.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Light.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Light.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 200;
  font-display: swap;
  src: url('../font/Pretendard-ExtraLight.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-ExtraLight.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-ExtraLight.svg#Pretendard') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Pretendard';
  font-weight: 100;
  font-display: swap;
  src: url('../font/Pretendard-Thin.eot'); /* IE9 Compat Modes */
  src: local(''),
      url('../font/Pretendard-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../font/Pretendard-Thin.woff2') format('woff2'), /* Super Modern Browsers */
      url('../font/Pretendard-Thin.woff') format('woff'), /* Modern Browsers */
      url('../font/PretendardVariable.ttf') format('truetype'), /* Safari, Android, iOS */
      url('../font/Pretendard-Thin.svg#Pretendard') format('svg'); /* Legacy iOS */
}



/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../font/roboto-v27-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v27-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v27-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v27-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v27-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../font/roboto-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../font/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../font/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../font/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../font/roboto-v27-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/roboto-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/roboto-v27-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../font/roboto-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/roboto-v27-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}






/*------------
reset
------------*/

* {font-family:'Roboto', 'Pretendard', sans-serif;}
*, ::after, ::before{box-sizing: border-box; scroll-behavior: smooth;}

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, p, span, i, input, select{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    font-weight:normal;
    font-family:'Roboto', 'Pretendard', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body, html {
    line-height:1;
    height: 100%;
    padding:0;
    margin:0;
    font-size: 14px;
  text-size-adjust : 100%;
}

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;
   width:100%
}

a, a:hover, a:active{
    text-decoration: none;
   color:#000;
}

b{
    font-weight:bold;
}

i{
    font-size:1.1em
}

strong{
    font-weight:bold
}

table caption, .hidden{
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   clip: rect(0, 0, 0, 0);
   overflow: hidden;
}

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border: 0;
}

/*
img {
   image-rendering: -webkit-optimize-contrast;
}
*/




/*------------------------
input
------------------------*/

input{
   /* appearance: none; */
   border:0;
    border-radius: 0;
    border:1px solid #e3e7ed;
    height:33px;
    padding-left:8px;
    font-weight:normal;
    background:#fff;
   padding:0px 10px;
   color:#000
}

input::placeholder{color:#c2c7ce; font-weight:300; opacity: 1}
/*input[readonly] {background:#f1f3f8; color:#5d5d5d}*/
input:focus {outline:none;}
input:focus {border:1px solid #1ea2e7}
input[type=button]{padding:0}

/*캘린더, 인원*/
.cal-input{
    background: #fff url(../images/cal_icon.png) no-repeat 93% center;
    cursor: pointer;
}

.cal-input[readonly]{
   background:#f1f3f8 url(../images/cal_icon.png) no-repeat 93% center;
}

.time-input{
    background: #fff url(../images/time_icon.png) no-repeat 93% center;
    cursor: pointer;
}

.time-input[readonly]{
   background:#f1f3f8 url(../images/time_icon.png) no-repeat 93% center;
}



/*------------------------
select
------------------------*/

select {
   appearance: none;
   background: #fff url(../images/arrow_botton.png) no-repeat 94% center;
   height:33px;
   width:145px;
   padding-left:10px;
   border: 1px solid #e3e7ed;
   color:#000
}

select::-ms-expand {
    display: none;
}

select[readonly] {background:#f5f5f5; color:#5d5d5d}
select:focus {outline:none;}
select:focus {border:1px solid #1ea2e7}






/*------------------------
check box
------------------------*/

.ckdbox {
    position: relative;
    display:inline;
}

.ckdbox input[type="checkbox"] {
    display: none;
}

.ckdbox input[type="checkbox"] + label {
    cursor: pointer;
    display:inline-block;
}

.ckdbox input[type="checkbox"] + label:before {
    content: ' ';
    display: inline-block;
  width: 14px;
  height: 14px;
  text-align: center;
  border: 1px solid #cdd1d7;
  background: #fff;
    vertical-align:middle;
    }

.ckdbox input[type="checkbox"]:checked + label:before {
    background:#1ea2e7 url(../images/ico_ckd.png) no-repeat center center;
  background-size:9px;
    border: 1px solid #1ea2e7;
    width: 14px;
  height: 14px;
}

.ckdbox input[type="checkbox"] + label span{
  font-size:12px;
}



/*------------------------
check box
------------------------*/

.filebox input{
   font-size:12px
}

.filebox input[type="file"] {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   clip: rect(0, 0, 0, 0);
   overflow: hidden;
   border: 0;
}

.filebox label {
   display: inline-block;
   color: #000;
   vertical-align: top;
   background-color: #fff;
   border: 1px solid #cdd1d7;
   height: 30px;
   line-height: 30px;
   cursor: pointer;
   padding:0px 10px;
   font-size:12px;
   box-shadow: -2px 2px 4px rgb(0 0 0 / 6%);
} /* named upload */

.filebox .upload-name {
   display: inline-block;
   line-height: normal;
   vertical-align: middle;
   background-color: #f1f3f8;
   border: 1px solid #eff3f7;
   appearance: none;
 }




 /*------------------------
 radio
 ------------------------*/

 .i-radio {
     position: relative;
     height: 16px;
     line-height: 16px;
     cursor: pointer;
     display: inline-block;
     padding-left:20px
 }

 .i-radio input {
    /*margin-right:15px;*/
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   clip: rect(0, 0, 0, 0);
   overflow: hidden;
    opacity:0;
 }

 .i-radio .ico {
    position:absolute;
    left:0px;
    top:0px;
    width:16px;
    height:16px;
    /*background:url(../images/ico_radio_before.png) no-repeat 0 0;*/
   background:#fff;
   border:1px solid #cdd1d7;
   border-radius:15px
 }

 .i-radio input:checked + .ico {
    background-position:0 -40px;
    /*background:url(../images/ico_radio_after.png) no-repeat 0 0;*/
   background:#fff;
   border:5px solid #1ea2e7;
   border-radius:15px
 }



/*------------------------
드래그색상
------------------------*/

::selection {
    background:#1ea2e7;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background:#1ea2e7;
    color: #fff;
    text-shadow: none;
}
::-webkit-selection {
    background:#1ea2e7;
    color: #fff;
    text-shadow: none;
}