@charset "utf-8";
/* 초기화 */
* {margin:0; padding:0; box-sizing: border-box}
html {overflow-y:scroll}
body {font-size:16px; font-family:'Inter', 'Noto Sans KR', sans-serif; font-weight:400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul,ol,dl,dt,dd {list-style:none}
li, p {word-break: break-all}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img, i {vertical-align:middle;font-size:1em}
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer}
select::-ms-expand {display: none}

textarea, select, button {outline: none; font:inherit; border:0}
select {-webkit-appearance: none;-moz-appearance: none; appearance: none;background: url(../img/select_arrow.png) #fff no-repeat 93% 50%;border-radius:0}
select::-ms-expand {display: none}
input[type=text]::-ms-clear {display:none}
hr {border:1px solid #eee;margin:50px 0}
pre {overflow-x:scroll;font-size:1.1em}
a {color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}

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

input[type=text],
input[type=password],
input[type=tel],
input[type=number] {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
border:0
}
.placeholdersjs { color: #aaa !important; }


/* align */
.float-l {float:left}
.float-r {float:right}

.text-l {text-align: left !important}
.text-r {text-align: right !important}
.text-c {text-align: center !important}

/* text */
.bold {font-weight:800}
.italic {font-style:italic}
.underline {text-decoration:underline}
.bg {background:rgba(108,67,187,0.3); display:inline-block}

/*그리드 사이즈 (PC)*/
.col-lg-2 > * {width:50%}
.col-lg-3 > * {width:33.33%}
.col-lg-4 > * {width:25%}
.col-lg-5 > * {width:20%}
.col-lg-6 > * {width:16.66%}
.col-lg-7 > * {width:14.28%}
.col-lg-8 > * {width:12.5%}

/*그리드 박스 스타일*/
.grid-box-wrap {width:100%}
#grid-box {margin:0 -10px}
#grid-box:before,#grid-box:after {content:'';display:block}
#grid-box:after {clear:both}
#grid-box > * {padding:0 10px;float:left}


/*입력박스*/
.full_input {width:100%}
.half_input {width:50%}
.frm_input {padding:0 10px; height:45px; border-radius:3px; font-family:inherit}
.frm_input::placeholder {font-size:0.8em}

/* button */
.btn-wrap {width:100%; text-align:center; clear:both; margin-top:50px}
.btn {display:inline-block; border:0; font-family:inherit; border-radius:3px; transition:all 0.3s ease}
.btn:focus, .btn.focus, .btn:active, .btn.active {outline:none}
.btn.active, .btn:active {box-shadow: none}
.btn-sm {height:35px; line-height:35px; padding:0 20px; font-size:14px;}
.btn-md {height:45px; line-height:45px; padding:0 27px; font-size:0.8em;}
.btn-lg {height: 55px;line-height:55px;padding:0 35px; font-size: 18px;}
.btn-xl {height:65px; line-height:65px; padding:0 50px; font-size:1em;}

.btn-primary {background:#ffd200}
.btn-primary:hover {background:#ffba00}
.btn-primary-o {border:1px solid #ffd200; color:#ffd200}
.btn-primary-o:hover {background:#ffd200}
.btn-white {background:#fff}
.btn-white:hover {background:#fff; color:#fff}
.btn-white-o {border:1px solid #fff; color:#fff}
.btn-white-o:hover {background:#ffd200; border:0; color:#ffd200}
.btn-normal {background:#777; color:#fff}
.btn-normal:hover {background:#444}
.btn-admin {background:#fd4242; color:#fff}
.btn-admin:hover {background:#e33939}