@charset "UTF-8";
/* ------------------------------------------------------------ (주) 이즈소프트 (http://easesoft.kr) 2016/02/16 SYH 사용 예는 guide 사이트 에서 확인 2019/03/26 JYC 2019/07/23 ksi ------------------------------------------------------------ */
/* reset.css(plan-i standard) */
html { font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; }

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

body { margin: 0; padding: 0; font-size: .8rem; font-weight: 400; font-family: "Noto Sans KR"; line-height: 1.25; color: #555; }

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

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: #555; font-size: .8rem; }

select, input { vertical-align: middle; }

address, em, i { font-style: normal; }

button { border: 0; padding: 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; }

input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

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; }

/* screen reader only */
.sr-only, .hidden, .blind, .IR { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only { font-size:0;width:0 !important;height:0 !important; }

/* Skip to content */
.skip-to { position: absolute; top: -99px; left: 0; background: #333; color: #fff; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; z-index: 999; }

.skip-to:hover, .skip-to:focus, .skip-to:active { display: block; top: 0; }

/* Align */
.txt-left { text-align: left !important; }

.txt-center { text-align: center !important; }

.txt-right { text-align: right !important; }

.float-left { float: left !important; }

.float-right { float: right !important; }

::-moz-selection { background: #8f8774; color: #fefefe; }

::selection { background: #8f8774; color: #fefefe; }

.clearfix { position: relative; }

.clearfix::after { content: ""; display: block; clear: both; }

.form-control { display: inline-block; width: 100%; height: 2.2rem; padding: .3rem 1rem; font-size: .8rem; line-height: 1.42857143; color: #666; background-color: #fff; background-image: none; border: 1px solid #ddd; border-radius: .2rem; font-family: "Noto Sans KR"; }

textarea.form-control { height: inherit; resize: none; }

.form-control.xs { width: 4.5rem; }

.form-control.sm { width: 6.5rem; }

.form-control.md { width: 11.75rem; }

.form-control.lg { width: 17rem; }

.form-control.xl { width: 300px; }

.form-control.xxl { width: 700px; }

.form-control.normal { width: auto; }

.form-control::-webkit-input-placeholder { color: #555; }

.form-control:-ms-input-placeholder { color: #555; }

.form-control::-ms-input-placeholder { color: #555; }

.form-control::placeholder { color: #555 !important; }

::-webkit-input-placeholder { color: #555 !important; }

:-ms-input-placeholder { color: #555 !important; }

::-ms-input-placeholder { color: #555 !important; }

::placeholder { color: #555 !important; }

.btn-c { display: inline-block; margin-bottom: 0; font-size: .8rem; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; color: #333; background-color: #fff; -webkit-transition: all .25s ease; transition: all .25s ease; border: 1px solid #ddd; padding: .5rem 1rem; font-weight: 300; }

.btn:hover, .btn:focus { transition: all .25s ease; -webkit-transition: all .25s ease; }

.btn.xs { width: 75px; }

.btn.sm { width: 100px; }

.btn.md { width: 125px; }

.btn.lg { width: 150px; }

.btn.xl { width: 185px; }

.btn.xxl { width: 230px; }

.btn.normal { width: auto; }

/* 반응형 아이프레임, 오브젝트, 엠베디드 */
.embed-container { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.img-responsive { max-width: 100%; display: block; margin: 0 auto; }

.mobile { display: none; }