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

/* reset.css*/
html{font-size:20px;box-sizing:border-box;overflow-x:hidden; width: 100%; height: 100%;}
*,*:before,*:after{box-sizing:inherit;}
* {-webkit-text-size-adjust:none;  /* 아이폰 가로모드 글자 커지는 것 방지 */ }
body{margin:0;padding:0;overflow-x:hidden;font-size:.8rem;font-weight:400;font-family:'Nanum Square',Sans-serif;line-height:1.25;color:#333; background: #607de5; word-break: break-all; letter-spacing: -0.5px;
  /* 안드로이드에서 input 박스가 레이어를 뚫고 올라옴 방지 */
  -webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0); position: fixed;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;letter-spacing: normal;}
a{color:inherit;text-decoration:none;}
a[href^="tel"]{ font-style:normal}
img{border:0;vertical-align:middle;font-size:0;display: block;max-width: 100%; height: auto;}
table{border-collapse:collapse;width:100%;border-spacing:0;}
td{text-align: center;}
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; letter-spacing:normal;}
textarea{resize:none;-webkit-appearance:none;}
select, input{vertical-align:middle;border-radius:0px 0px;-webkit-appearance:menulist-text;}
address, caption, em, i, var{font-style:normal;font-weight:normal;}
button{border:0;background:none;cursor:pointer; outline: 0;}
hr{margin:0;border:none;padding:0;display:block;}
form, figure, figcaption{padding:0;margin:0;-webkit-appearance:none;}
fieldset{border:none;padding:0;margin:0;border: 0;}
input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type="text"], input[type="password"]{-webkit-appearance:none;}
input[type="checkbox"]{-webkit-appearance:none; outline: 0; }
input:checked[type="checkbox"]{-webkit-appearance:checkbox;}
input[type="radio"]{border:none;-webkit-appearance:none;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius: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;}
legend, caption{display:none;}
br{letter-spacing:normal;}
span, em {letter-spacing: -0.5px;}
::selection{background:rgba(254, 110, 178, .35);}


/* 기본 */
.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;}
.after::after {display: block; content: ""; clear: both;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-wrap{overflow:hidden;}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder{color:#bababa;font-size:.9rem; font-weight: 100 !important;}

input:-ms-input-placeholder{color:#bababa !important;font-size:.9rem !important;}
select:-ms-input-placeholder{color:#bababa !important;font-size:.9rem !important;}
textarea:-ms-input-placeholder{color:#bababa !important;font-size:.9rem !important;}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#bababa;font-size:0.9rem; font-family: 'NanumGothic' !important;}

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

/*checkbox, radio커스텀*/
.checkbox-radio-custom{position:relative;overflow:hidden;}
span.checkbox-radio-custom{display:inline-block;height:25px;}
.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-left:25px;font-weight:normal;font-size:.65rem;}
.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; border: 2px solid #d8d8df;}/*modify*/
.checkbox-radio-custom input[type="checkbox"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:before {top:50%;width:16px;height:16px;transform:translateY(-50%);-webkit-transform:translateY(-50%);text-align:center;background:#fff; color: #d8d8df; font-weight: 800; content: '\e928'; font-family: 'xeicon'; }
.checkbox-radio-custom input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:after {background-color:#5878e1;top:50%;left:5px;width:10px;height:10px;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 {background-color:transparent;top:50%;left:5px;width:.4rem;height:.2rem;margin-top:-4px;border-radius:0;border-style:solid;border-color:#fff;border-width:0 0 1.2px 1.2px;-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:#5878e1;border-color:#5878e1;}
.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:#5878e1;}

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