@charset "utf-8";
@import url('webfonts.css');

/* @JK - input[type=number] - 오른쪽 up, down 버튼 숨김 처리 */
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0;}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;} 


/* reset.css */
html{font-size:20px;box-sizing:border-box;overflow-x:hidden;}
*,*:before,*:after{box-sizing:inherit;}
body{margin:0;padding:0;overflow-x:hidden;font-size:.8rem;font-weight:400;font-family:'Gotham','Noto Sans KR', 'Nanum Square', 'Apple SD Gothic Neo','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,AppleGothic,Sans-serif;line-height:1.25;color:#333;word-break:keep-all; width: 100%;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
a{color:inherit;text-decoration:none;}
img{border:0;	vertical-align:middle;font-size:0;}
table{border-collapse:collapse;width:100%;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color:#454545;font-size:.8rem;}
select, input{vertical-align:middle;}
address,em,i{font-style:normal;}
button{border:0;background:none;cursor:pointer;}
hr{margin:0;border:none;padding:0;display:block;}
form, figure, figcaption{padding:0;margin:0;}
fieldset{border:none;padding:0;margin:0;}
header, footer, article, section, aside, nav, main{display:block;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;}
input{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input::-ms-clear{display:none;}
::selection{background:rgba(254, 110, 178, .35);}
:focus {
    outline: none !important;
} /* table 전체테두리 없앰 */

/* :focus{outline:0;} */

/* 모든 테이블 그림자 효과 */
table tbody tr:hover {-webkit-box-shadow: 0px 8px 11px -6px rgba(0,0,0, .1);box-shadow: 0px 8px 11px -6px rgba(0,0,0, .1);}
table tbody tr:hover td{color:#455eee;}






/* table tr 그림자 필요없는 부분 none 처리 */
.onm-wrap2 .base_grid_table table tbody tr:hover {box-shadow: none;}
.onm-wrap2 .base_grid_table table tbody tr:hover td {color: #444;}
.ui-datepicker > table tbody tr:hover {box-shadow: none;} 
.ui-datepicker > table tbody tr:hover td {color: #444;}
.registration-form table tbody tr:hover {box-shadow: none;}
.registration-form table tbody tr:hover td {color: #444;}

/*responsive-alert*/
.responsive-alert{position:fixed;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:999;text-align:center;display:none;}
.responsive-alert:before{position:absolute;top:50%;left:50%;width:100%;height:100vh;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff;content:''}
.responsive-alert span{position:relative;display:block;margin-top:1.75rem;color:#333;font-size:.8rem;line-height:1.5;}
.responsive-alert .load{position:absolute;top:-25%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;}
.responsive-alert .load hr{position:absolute;width:40%;height:40%;border-radius:50%;-webkit-animation:spinCircle 2s ease infinite;animation:spinCircle 2s ease infinite;-webkit-transition:all 2s;transition:all 2s;}
.responsive-alert .load hr:first-child{background:#19A68C;-webkit-animation-delay:-1.5s;animation-delay:-1.5s}
.responsive-alert .load hr:nth-child(2){background:#F63D3A;-webkit-animation-delay:-1s;animation-delay:-1s}
.responsive-alert .load hr:nth-child(3){background:#FDA543;-webkit-animation-delay:-0.5;;animation-delay:-0.5s}
.responsive-alert .load hr:last-child{background:#4b5bb9;}
@keyframes spinCircle{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}
@-webkit-keyframes spinCircle{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}

/*다국어 폰트*/
/* :lang(ko){font-family:'Noto Sans KR', sans-serif;} */
:lang(en){font-family:'Gotham', sans-serif;}

/* Skip Navigation */
#skipNav{position:relative;overflow:hidden;width:100%;margin:0 auto;z-index:100}
#skipNav a{display:block;height:0;margin-top:-2px;overflow:hidden;text-align:center;font-size:0;line-height:0;background:#3e8fee}
#skipNav a:hover,#skipNav a:active,#skipNav a:focus{height:auto;padding:7px 0;font-weight:bold;font-size:1em;line-height:1em;color:#fff;z-index:10000}

/* 기본 */
fieldset{border:0;padding:0;}
legend{padding:0;border:0;font-size:0;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.responsive{max-width:100%;height:auto;}
.row{margin-right:-.75rem; margin-left:-.75rem;}
.row:before,
.row:after,
.clearfix:before,
.clearfix:after{content:"";display:table;clear:both;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-wrap{overflow:hidden;}
.txt-left,
.base_grid_table .txt-left{text-align:left!important;}
.txt-right,
.base_grid_table .txt-right{text-align:right!important;}
.txt-center,
.base_grid_table .txt-center{text-align:center!important;}
.vertical{display:inline-block;vertical-align:middle;}
.img-responsive{max-width:100%;height:auto;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9,
.col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:.75rem;padding-left:.75rem;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="number"]::-moz-placeholder{color:#d2d2d2;font-weight:300;font-size:.65rem;}
input[type="text"]::-ms-placeholder,
input[type="password"]::-ms-placeholder,
input[type="number"]::-ms-placeholder{color:#d2d2d2;font-weight:300;font-size:.65rem;}
input[type="text"]::-webkit-input-placeholder
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder{color:#d2d2d2;font-weight:300;font-size:.65rem;}
input::placeholder{color:#d2d2d2;font-weight:300;font-size:.65rem;}


textarea::-moz-placeholder,
textarea::-ms-placeholder,
textarea::-webkit-input-placeholder{color:#d2d2d2;font-weight:300;font-size:.65rem;}
textarea::placeholder{color:#d2d2d2;font-weight:300;font-size:.65rem;}

/* substring */
.substring{position:relative;display:inline-block;padding-right:15px;}
.substring:after{position:absolute;bottom:0;right:0;content:"...";font-size:14px;}

/*checkbox, radio custom*/
.checkbox-radio-custom{position:relative;overflow:hidden;}
.checkbox-radio-custom > li{position:relative;float:left;padding:.5rem 0;}
.checkbox-radio-custom > li + li{margin-left:1rem;}
.checkbox-radio-custom input[type="checkbox"],
.checkbox-radio-custom input[type="radio"] {border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;width:10px;height:10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:5px;}
.checkbox-radio-custom input[type="checkbox"]:hover + label:before,
.checkbox-radio-custom input[type="radio"]:hover + label:before{border-color:#dde1e5;}
.checkbox-radio-custom input[type="checkbox"]:active + label:before,
.checkbox-radio-custom input[type="radio"]:active + label:before{transition-duration:0;filter:brightness(0.2);}
.checkbox-radio-custom input[type="checkbox"] + label,
.checkbox-radio-custom input[type="radio"] + label {display:inline-block;position:relative;padding:.5rem .5rem 0.5rem 1.2rem;}/* 겹쳐있던 체크박스 수정 */
.checkbox-radio-custom input[type="checkbox"] + label:before, input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:after {box-sizing:content-box;position:absolute;content:'';display:block;left:0;}
.checkbox-radio-custom input[type="checkbox"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:before {top:50%;width:14px;height:14px;transform:translateY(-50%);-webkit-transform:translateY(-50%);border:2px solid #6a7ef1;text-align:center;background:#fff;}
/* .checkbox-radio-custom input[type="checkbox"] + label:after, */
.checkbox-radio-custom input[type="radio"] + label:after {background-color:#455eee;top:50%;left:5px;width:8px;height:8px;border-radius:50%;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);transform-origin:50%;transition:transform 200ms ease-out;}
.checkbox-radio-custom input[type="radio"]:checked + label:before {-moz-animation:borderscale 300ms ease-in;-webkit-animation:borderscale 300ms ease-in;animation:borderscale 300ms ease-in;background-color:#fff;}
.checkbox-radio-custom input[type="radio"]:checked + label:after{transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);}
.checkbox-radio-custom input[type="radio"] + label:before, input[type="radio"] + label:after{border-radius:50%;}
.checkbox-radio-custom input[type="checkbox"] + label:after {border-radius:0;background-color:transparent;top:50%;left:.25rem;width:.4rem;height:.2rem;margin-top:-.2rem;border-style:solid;border-color:#fff;border-width:0 0 1.4px 1.4px;-moz-transform:rotate(-45deg) scale(0);-ms-transform:rotate(-45deg) scale(0);-webkit-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;}
.checkbox-radio-custom input[type="checkbox"]:checked + label:before{-moz-animation:borderscale 200ms ease-in;-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in;background:#455eee;border-color:#455eee;}
.checkbox-radio-custom input[type="checkbox"]:checked + label:after{content:'';-moz-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);-moz-transition:-moz-transform 200ms ease-out;-o-transition:-o-transform 200ms ease-out;-webkit-transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;}
.checkbox-radio-custom input[type="radio"]:focus + label:before{-moz-animation:borderscale 200ms ease-in;-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in;border-color:#455eee;}


/*select-box custom*/
.select-box{position:relative;width:auto;height:34px;padding:0;border:1px solid #ebebeb;border-radius:5px;}
.select-box label{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0 .5rem;line-height:32px;color:#363636;font-size:.65rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.select-box label:after{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size:.65rem;line-height:.5rem;font-family:"xeicon";content:"\e936";transition:transform .3s;-webkit-transition:transform .3s;color:#3c3c3c;}
.select-box select.info-select{position:relative;width:100%;height:100%;padding:0;border:0 none;opacity:0;filter:alpha(opacity=0);vertical-align:top;cursor:pointer;z-index:1;font-size:.8rem;}
.select-box.focus, .select-box.active{border-color:#455fee !important;}
.select-box:hover label, .select-box:focus label, .select-box.activ label{color:#030101;}
.select-box:hover label:after, .select-box:active label:after, .select-box:focus label:after{color:#030101;transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);}
.select-box .form-control{display:block;width:100%;padding:0.3rem 0.6rem;min-height:1.85rem;font-size:.75rem;color:#555;background-color:#fff;background-image:none;border:1px solid #ddd;vertical-align:top;}
.select-box .form-control:hover, .select-box .form-control:focus{border-color:#455fee;outline:0;box-shadow:inset01px1pxrgba(0, 0, 0, 0.075), 8pxrgba 102, 175, 233, 0.6;}
.select-box .form-control::-moz-placeholder, .select-box .form-control:-ms-input-placeholder, .select-box .form-control::-webkit-input-placeholder{color:#888;}
.select-box .form-control[disabled], .select-box .form-control[readonly], fieldset[disabled] .select-box .form-control{background-color:#eee;opacity:1;}
.select-box .form-control[disabled], fieldset[disabled] .select-box .form-control{cursor:not-allowed;}

input:focus{outline:none;}

/* .input-group{position:relative;display:inline-block;margin:auto;height:34px;border:1px solid #ebebeb;vertical-align:middle;border-radius:5px;overflow:hidden;} */
.input-group{position:relative;display:inline-block;margin:auto;min-height:34px;border:1px solid #ebebeb;vertical-align:middle;border-radius:5px;overflow:hidden;}
.input-group.input-group-ful{width:100% !important;}
.input-group input{width:100% !important;height:34px;padding:0 .5rem;font-size:.65rem;color:#3a3952;font-weight:300;}
.input-group textarea{width:100% !important;height:34px;padding:0 .5rem;font-size:.65rem;color:#3a3952;font-weight:300;}
.input-group.focus{border-color:#455fee;}
/* .input-group.available{border-color:#07bf6f;} */
.input-group.available{border-color:#07bf6f; margin-top: 25px !important;}
/* .input-group.available + .input-info-txt{position:absolute;padding-left:1rem;top:-20px;right:0;z-index:1;font-size:.7rem;color:#3a3952;} */
.input-group.available + .input-info-txt{position:absolute;padding-left:1rem;right:0;z-index:1;font-size:.7rem;color:#3a3952;}
.input-group.available + .input-info-txt:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;z-index:1;font-size:.9rem;color:#07bf6f;font-family:'xeicon';content:'\e928';}
.input-group.available + span + .input-info-txt{position:absolute;padding-left:1rem;top:0px;right:0;z-index:1;font-size:.7rem;color:#3a3952;}
.input-group.available + span + .input-info-txt:before{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;z-index:1;font-size:.9rem;color:#07bf6f;font-family:'xeicon';content:'\e928';}

/* .input-group.overlap{border-color:#fa6863;} */ 
.input-group.overlap{border-color:#fa6863; margin-top: 20px !important;} /* @JK margin-top:25px */
/*
.input-group.overlap + .input-info-txt,
.overlap + span + .input-info-txt{position:absolute;top:-20px;right:0;z-index:1;font-size:.7rem;color:#f9413a;} */
.input-group.overlap + .input-info-txt,
.overlap + span + .input-info-txt{position:absolute;top: 0px;right:0;z-index:1;font-size:.7rem;color:#f9413a;}
input[readonly="readonly"]{cursor:initial !important;}

/*imgcut*/
.imgcut .img{position:relative;}
.imgcut .img > img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

/*heading*/
.heading1{display:block;margin:2.5rem 0 .5rem;font-weight:700;}
.heading2{display:block;margin-bottom:1.5rem;font-weight:300;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media (min-width:768px){
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left;}
  .col-sm-12{width:100%;}
  .col-sm-11{width:91.66666667%;}
  .col-sm-10{width:83.33333333%;}
  .col-sm-9{width:75%;}
  .col-sm-8{width:66.66666667%;}
  .col-sm-7{width:58.33333333%;}
  .col-sm-6{width:50%;}
  .col-sm-5{width:41.66666667%;}
  .col-sm-4{width:33.33333333%;}
  .col-sm-3{width:25%;}
  .col-sm-2{width:16.66666667%;}
  .col-sm-1{width:8.33333333%;}
  .form-inline  .form-group{margin-bottom:0;vertical-align:middle;}
   /*.form-inline  .form-control{display:inline-block;width:auto;vertical-align:middle;}*/
  .form-inline  .form-control-static{display:inline-block;}
  .form-inline .input-group{display:inline-table;vertical-align:middle;}
  .form-inline .input-group  .input-group-addon,
  .form-inline .input-group  .input-group-btn,
  .form-inline .input-group  .form-control{width:auto;}
  .form-inline .input-group  .form-control > .form-control{width:100%;}
  .control-label{margin-bottom:0;vertical-align:middle; }
  .radio,
  .checkbox{display:inline-block;margin-top:0;margin-bottom:0;   vertical-align:middle;}
  .checkbox label{padding-left:0;}
  .radio input[type="radio"],
  .checkbox input[type="checkbox"]{position:relative;margin-left:0;}
  .has-feedback .form-control-feedback{top:0;}
}
@media (min-width:992px){
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left;}
  .col-md-12{width:100%;}
  .col-md-11{width:91.66666667%;}
  .col-md-10{width:83.33333333%;}
  .col-md-9{width:75%;}
  .col-md-8{width:66.66666667%;}
  .col-md-7{width:58.33333333%;}
  .col-md-6{width:50%;}
  .col-md-5{width:41.66666667%;}
  .col-md-4{width:33.33333333%;}
  .col-md-3{width:25%;}
  .col-md-2{width:16.66666667%;}
  .col-md-1{width:8.33333333%;}
}
@media (min-width:1200px){
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left;}
  .col-lg-12{width:100%;}
  .col-lg-11{width:91.66666667%;}
  .col-lg-10{width:83.33333333%;}
  .col-lg-9{width:75%;}
  .col-lg-8{width:66.66666667%;}
  .col-lg-7{width:58.33333333%;}
  .col-lg-6{width:50%;}
  .col-lg-5{width:41.66666667%;}
  .col-lg-4{width:33.33333333%;}
  .col-lg-3{width:25%;}
  .col-lg-2{width:16.66666667%;}
  .col-lg-1{width:8.33333333%;}
}


/* 기본 반응형 */
@media screen and (max-width:1280px){
	html{font-size:18px;}
	/* substring */
	.substring{padding-right:17px;}
}
@media screen and (max-width:1200px){
	html{font-size:17px;}
}
@media screen and (max-width:1024px){
	.responsive-alert{display:block;}
}
@media screen and (max-width:767px){
}
/* 프린트 */
@media print{
  #header, aside, #spot, .cont-bot, #footer{display:none;}
  .container{width:100% !important;}
}