@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/*스크롤 항상고정
body{ overflow-Y:scroll; *overflow-Y:; } */

:root {
	--primary-color: #10c7b2;
	--primary-lighter-color: #41e4d1;
	--primary-darker-color: #139f8f;
	--font1 : "Noto Sans KR", sans-serif;
	--secondary-color: #d50070;
	/*--checked-color: var(--major-color);
	--primary-border-color: var(--major-darker-color);*/
}

/* 기본 폰트 */
body, article, p, h1, h2, h3, h4, h5, h6, a, div, ul, li, ol, dl, dd, dt,span,samp,button,input,textarea,code {font-family:var(--font1); font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body, article, p {font-size:16px;}
p {color:#777; line-height:24px; word-break :break-all;}
body {padding: 0; margin: 0;}

/* a-style */
a {color: var(--primary-color);text-decoration:none;}
a:hover,
a:active {color:var(--primary-darker-color); text-decoration:none; }

article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div, ul, li, ol, dl, dd, dt {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0; vertical-align:middle; list-style:none;}
h1, h2, h3, h4, h5, h6 {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0; vertical-align:middle;}

i {vertical-align:middle;}
.clear {clear:both;}
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/*--- IE에서 br이 박스로 나오는 문제 해결(기본폰트로 변환) --*/
textarea, br {font-family: var(--font1);}

/* Bootstrap v3.3.2 (http://bootstrapk.com/)  부트스트랩소스 일부 추가 수정 */

img { vertical-align: middle; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-rounded {border-radius: 6px; }
.img-circle {border-radius: 50%; }

.pull-right {float: right !important;}
.pull-left {float: left !important;}
.pull-none {float: none !important;}

.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.text-center {text-align:center !important;}
.text-none {text-align: none !important;}
.text-justify {text-align:justify !important;}

.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; }

.row {margin-right:0px; margin-left:0px;}

.inline {display:inline !important;}
.block {display:block !important;}
.inline-block {display:inline-block !important;}

.btn-round {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.text-major {color:var(--primary-color) !important;}
.text-major1 {color:var(--primary-lighter-color) !important;}
.text-major2 {color:var(--primary-darker-color) !important;}

code {padding:2px 4px; font-size:12px; color:#c7254e; background-color:#f9f2f4; border-radius:4px; }
code-gray {padding:2px 2px; font-size:12px; color:#000; background-color:#EEE; border-radius:4px; }


.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.bo_fx {position:relative; margin:10px 0; padding:0; display:block; overflow:hidden; text-align:center;}

.w-auto {width:auto !important;}
.w-100 {width:100% !important;}
.w-50 {width:50% !important;}
.w-49 {width:49% !important;}
.w-30 {width:30% !important;}

input[type="radio"],
input[type="checkbox"] { vertical-align:middle; margin:0; margin-top:-1px; line-height: normal;}


.full-container {position:relative;width:100%; margin:0; padding: 0; height:auto;zoom:1}
.full-container:after {display:block;visibility:hidden;clear:both;content:""}

.container {position:relative;width:1400px; margin:0 auto; padding: 0; height:auto;zoom:1}
.container:after {display:none;visibility:hidden;clear:both;content:""}

@media (max-width: 1400px) {
	.container {width: 100%;}

}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}


/*하단 버튼*/
.bo_confirm {position:relative; margin:10px 0; padding:0; display:block; overflow:hidden; text-align:center; font-size:15px; line-height:32px; vertical-align:middle;}
.bo_confirm ul {float:left; display:inline-block; padding:10px;}

.bo_confirm.ul2 ul:nth-child(1)  {width:50%; text-align:left;}
.bo_confirm.ul2 ul:nth-child(2)  {width:50%; text-align:right;}

.bo_confirm.ul3 ul:nth-child(1)  {width:30%; text-align:left;}
.bo_confirm.ul3 ul:nth-child(2)  {width:40%; text-align:center;}
.bo_confirm.ul3 ul:nth-child(3)  {width:30%; text-align:right;}



/*------------------------------------
input-group-addon
------------------------------------*/
.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
.form-inline .form-group .input-group { display: inline-table; vertical-align: middle; }
.form-inline .input-group > .form-control { width: 100%; }
.input-group-addon,
.input-group-btn,
.input-group .form-control { display: table-cell; width: auto; }
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.input-group-addon,
.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }
.input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #d7d7d7; border-radius: 4px; }
.input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 2px; }
.input-group-addon.input-lg { padding: 10px 16px; font-size: 14px; border-radius: 2px; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-bottom-right-radius: 0;  border-top-right-radius: 0;}
.input-group-addon:first-child {border-right: 0;}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {border-bottom-left-radius: 0;  border-top-left-radius: 0;}
.input-group-addon:last-child { border-left: 0;}

/*---------------- form-control ----------------*/

input[type="text"],
input[type="password"],
select,
.form-control {display: inline-block;width:auto;height: 32px;padding: 3px;font-size: 13px;line-height:22px;color: #555555;background-color: #ffffff;background-image: none;border: 1px solid #ddd;border-radius: 0px;vertical-align:middle;box-sizing:border-box;box-shadow: none;}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
.form-control:focus {border-color: #66afe9; outline: 0; }
textarea {height: auto;}
input.required {background: #FFF5F9 !important;border: 1px solid #EBC0D7 !important;}

/* select 디자인 초기화 */
select {-webkit-appearance:none; -moz-appearance: none; appearance: none; background:#fff url(/assets/images/common/select-arrow.png) no-repeat 95% center !important; padding:0 26px 0 5px; height:30px; line-height: 28px;}
select::-ms-expand {display: none;}
select.multiple{background-image: none !important; padding-right:5px;}


.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #eeeeee; opacity: 1;}
.form-control[disabled],
fieldset[disabled] .form-control {cursor: not-allowed;}
textarea.form-control {height: auto;  padding:10px; width:100%; box-sizing:border-box; min-height:70px;}
input[type="search"] {-webkit-appearance: none;}

.input-xs,
input[type="text"].input-xs {height: 24px; padding: 3px; font-size: 11px;  line-height: 18px; }
select.input-xs {height: 24px; line-height: 24px; padding:0;}

.input-sm,
input[type="text"].input-sm {height: 32px;padding: 3px;font-size: 13px;line-height:22px;}
select.input-sm {height: 32px; line-height: 32px; padding:0 5px; padding-right:26px;}

.input-lg,
input[type="text"].input-lg {height: 40px; padding: 7px;  font-size: 15px; line-height:26px; }
select.input-lg {height: 40px; line-height: 40px; padding:0;}


*::placeholder,
input[type="text"]::placeholder,
select::placeholder,
textarea::placeholder {color:#5fa3b4; font-size:12px; font-style: italic;}
*:-webkit-input-placeholder,
input[type="text"]:-webkit-input-placeholder,
select:-webkit-input-placeholder,
textarea:-webkit-input-placeholder {color:#5fa3b4; font-size:12px;font-style: italic;}
*:-moz-placeholder,
input[type="text"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {color:#5fa3b4;font-size:12px;font-style: italic;}
*:-ms-input-placeholder
input[type="text"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder { color:#5fa3b4;font-size:12px;font-style: italic;}


/* ---------------------------------------------
    버튼 스타일 설정
--------------------------------------------- */
.btn {display: inline-block; font-weight: 400; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; margin:0; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align:middle; height: 26px; line-height: 24px; padding: 0 7px; font-size: 12px; box-sizing: border-box;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn:hover,
.btn:focus,
.btn.focus {color: #333333; text-decoration: none;}
.btn:active,
.btn.active {outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled,
.btn[disabled] {cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none;}

.btn i {margin-top:-2px;}

.btn-lg {height:42px !important; padding: 0px 15px !important; font-size: 15px !important; line-height:40px !important;}
/*input.btn-md {height:34px !important; padding: 0px 10px !important; font-size: 13px !important; line-height:32px !important;}
input.btn-sm {height:26px !important; padding: 0px 7px !important;  font-size: 12px !important; line-height:24px !important;}*/
.btn-md {height:40px !important; padding: 0px 10px !important; font-size: 15px !important; line-height:38px !important;}
.btn-sm {height:32px !important; padding: 0px 6px !important;  font-size: 14px !important; line-height:30px !important;}
.btn-xs {height:22px !important; padding: 0px 4px !important;  font-size: 12px !important; line-height:20px !important;}

/*---------------- btn-color ----------------*/


/*btn-primary*/
.btn-primary {color: #fff; background-color:var(--primary-color); border-color:var(--primary-darker-color);}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {color: #fff; background-color:var(--primary-color); border-color:var(--primary-darker-color);}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {background-image: none }
.btn-primary.disabled, .btn-primary[disabled],
fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {background-color:var(--primary-darker-color); border-color: var(--primary-darker-color);}
.btn-primary .badge {color:var(--primary-color); background-color: #fff }
a.btn-primary {color: #fff;}


/*btn-primary-b */
.btn-primary-b {color:var(--primary-color); background-color:#fff; border-color:var(--primary-color);}
.btn-primary-b:hover, .btn-primary-b:focus, .btn-primary-b.focus, .btn-primary-b:active, .btn-primary-b.active, .open>.dropdown-toggle.btn-primary-b {color: var(--primary-color); background-color:#f4f8fd; }
.btn-primary-b:active, .btn-primary-b.active, .open>.dropdown-toggle.btn-primary-b {background-image: none }
.btn-primary-b.disabled, .btn-primary-b[disabled],
fieldset[disabled] .btn-primary-b, .btn-primary-b.disabled:hover, .btn-primary-b[disabled]:hover,
fieldset[disabled] .btn-primary-b:hover, .btn-primary-b.disabled:focus, .btn-primary-b[disabled]:focus,
fieldset[disabled] .btn-primary-b:focus, .btn-primary-b.disabled.focus, .btn-primary-b[disabled].focus,
fieldset[disabled] .btn-primary-b.focus, .btn-primary-b.disabled:active, .btn-primary-b[disabled]:active,
fieldset[disabled] .btn-primary-b:active, .btn-primary-b.disabled.active, .btn-primary-b[disabled].active,
fieldset[disabled] .btn-primary-b.active {background-color:#fff; border-color: var(--primary-color);}
.btn-primary-b .badge {color:var(--primary-color); background-color: #fff }
a.btn-primary-b {color: var(--primary-color);}

/*btn-secondary*/
.btn-secondary {color: #fff; background-color:#806cfb; border-color:#806cfb;}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {color: #fff; background-color:#806cfb; border-color:#806cfb;}
.btn-secondary:active, .btn-secondary.active, .open>.dropdown-toggle.btn-secondary {background-image: none }
.btn-secondary.disabled, .btn-secondary[disabled],
fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {background-color:#fafafa; border-color: #806cfb;}
.btn-secondary .badge {color:#806cfb; background-color: #fff }
a.btn-secondary {color: #fff;}

/*btn-success*/
.btn-success {color: #ffffff; background-color: #50c074; border-color: #4aa667; }
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #37c464; border-color: #31bb5b; }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; }
.btn-success.disabled, .btn-success[disabled],
fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active,
fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active,
fieldset[disabled] .btn-success.active { background-color: #89d0a1; border-color: #86cc9e; }
.btn-success .badge { color: #50c074; background-color: #ffffff; }

/*btn-major*/
.btn-major {color: #fff; background-color:var(--primary-color); border-color:var(--primary-darker-color);}
.btn-major:hover,
.btn-major:focus,
.btn-major.focus, .btn-major:active, .btn-major.active, .open>.dropdown-toggle.btn-major {color: #fff; background-color:var(--primary-color); border-color:var(--primary-darker-color);}
.btn-major:active, .btn-major.active, .open>.dropdown-toggle.btn-major {background-image: none }
.btn-major.disabled, .btn-major[disabled],
fieldset[disabled] .btn-major, .btn-major.disabled:hover, .btn-major[disabled]:hover,
fieldset[disabled] .btn-major:hover, .btn-major.disabled:focus, .btn-major[disabled]:focus,
fieldset[disabled] .btn-major:focus, .btn-major.disabled.focus, .btn-major[disabled].focus,
fieldset[disabled] .btn-major.focus, .btn-major.disabled:active, .btn-major[disabled]:active,
fieldset[disabled] .btn-major:active, .btn-major.disabled.active, .btn-major[disabled].active,
fieldset[disabled] .btn-major.active {background-color:var(--primary-darker-color); border-color: var(--primary-darker-color);}
.btn-major .badge {color:var(--primary-color); background-color: #fff }
a.btn-major {color: #fff;}


/*btn-major-b */
.btn-major-b {color:var(--primary-color); background-color:#fff; border-color:var(--primary-color);}
.btn-major-b:hover, .btn-major-b:focus, .btn-major-b.focus, .btn-major-b:active, .btn-major-b.active, .open>.dropdown-toggle.btn-major-b {color: var(--primary-color); background-color:#f4f8fd; }
.btn-major-b:active, .btn-major-b.active, .open>.dropdown-toggle.btn-major-b {background-image: none }
.btn-major-b.disabled, .btn-major-b[disabled],
fieldset[disabled] .btn-major-b, .btn-major-b.disabled:hover, .btn-major-b[disabled]:hover,
fieldset[disabled] .btn-major-b:hover, .btn-major-b.disabled:focus, .btn-major-b[disabled]:focus,
fieldset[disabled] .btn-major-b:focus, .btn-major-b.disabled.focus, .btn-major-b[disabled].focus,
fieldset[disabled] .btn-major-b.focus, .btn-major-b.disabled:active, .btn-major-b[disabled]:active,
fieldset[disabled] .btn-major-b:active, .btn-major-b.disabled.active, .btn-major-b[disabled].active,
fieldset[disabled] .btn-major-b.active {background-color:#fff; border-color: var(--primary-color);}
.btn-major-b .badge {color:var(--primary-color); background-color: #fff }
a.btn-major-b {color: var(--primary-color);}


/*btn-danger*/
.btn-danger { color: #ffffff; background-color: #ff4f60; border-color: #ff4f60; }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #ff4f60; border-color: #d75151; }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; }
.btn-danger.disabled, .btn-danger[disabled],
fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus,
fieldset[disabled] .btn-d anger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { background-color: #dd9b9b; border-color: #dd9aa1; }
.btn-danger .badge { color: #ff4f60; background-color: #ffffff; }


/*btn-warning*/
.btn-warning {color: #ffffff; background-color: #ffbc00; border-color: #f6b602; }
.btn-warning:hover, .btn-warning:focus, .btn-warning.foc us, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {color: #ffffff; background-color: #f6b602; border-color: #f5ac02; }
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; }

.btn-warning.disabled, .btn-warning[disabled],
fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active { background-color: #ebc868; border-color: #e6c15d; }
.btn-warning .badge { color: #ffbc00; background-color: #ffffff; }


/*btn-secondary*/
.btn-secondary { color: #ffffff; background-color: #b3bbc1; border-color: #a6b1b9; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary { color: #ffffff; background-color: #a6b1b9; border-color:#9ba7af; }
.btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary { background-image: none; }
.btn-secondary.disabled, .btn-secondary[disabled],
fieldset[disabled] .btn-secondary, .btn-secondary.disabled:hover, .btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover, .btn-secondary.disabled:focus, .btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus, .btn-secondary.disabled:active, .btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active, .btn-secondary.disabled.active, .btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active { background-color: #cccfd3; border-color: #c6c9cc; }
.btn-secondary .badge { color: #b3bbc1; background-color: #ffffff; }


/*btn-gray*/
.btn-gray {color: #777; background-color: #ddd; border-color: #ddd;}
.btn-gray:hover, .btn-gray:focus, .btn-gray.focus, .btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray {background-color: #ccc; border-color: #ccc; color: #777;}
.btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray {background-image: none;}
.btn-gray.disabled, .btn-gray[disabled],
fieldset[disabled] .btn-gray, .btn-gray.disabled:hover, .btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus, .btn-gray.disabled.focus, .btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus, .btn-gray.disabled:active, .btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active, .btn-gray.disabled.active, .btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {background-color: #c3c3c3; border-color: #c3c3c3; color: #ccc;}
.btn-gray .badge {color: #313a46; background-color: #fff;}
a.btn-gray {color: #777;}


/*btn-dark*/
.btn-dark {color: #ffffff; background-color: #4c5665; border-color: #424b59;}
.btn-dark:hover, .btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark {color: #ffffff; background-color: #424b59; border-color: #39414d;}
.btn-dark:active, .btn-dark.active, .open > .dropdown-toggle.btn-dark {background-image: none;}
.btn-dark.disabled, .btn-dark[disabled],
fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus, .btn-dark.disabled.focus, .btn-dark[disabled].focus,
fieldset[disabled] .btn-dark.focus, .btn-dark.disabled:active, .btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {background-color: #767b81; border-color: #6e747b;}
.btn-dark .badge {color: #313a46; background-color: #ffffff;}
a.btn-dark {color: #fff;}

/* btn-default */
.btn-default {color: #555555; background-color: #fdfdfd; border-color: #cccccc;}
.btn-default:hover,
.btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active  {color: #555555; background-color: #e6e6e6; border-color: #adadad;}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.focus, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].focus, .btn-default[disabled].active  {background-color: #ffffff; border-color: #cccccc;}
.btn-default .badge {color: #ffffff; background-color: #555555;}
a.btn-default {color: #555;}


/*btn-major*/
.btn-major {color: #fff; background-color:var(--primary-color); border-color:var(--primary-color); opacity:1.0;}
.btn-major:hover,
.btn-major:focus, .btn-major.focus, .btn-major:active, .btn-major.active  {color: #fff; opacity:0.9;}
.btn-major.disabled, .btn-major.disabled:hover, .btn-major.disabled:focus, .btn-major.disabled:active, .btn-major.disabled.focus, .btn-major.disabled.active, .btn-major[disabled], .btn-major[disabled]:hover, .btn-major[disabled]:focus, .btn-major[disabled]:active, .btn-major[disabled].focus, .btn-major[disabled].active {background-color:var(--primary-color); border-color: var(--primary-color); opacity:1.0;}
.btn-major .badge {color:var(--primary-color); background-color: #fff }
a.btn-major {color: #fff;}


/*btn-major-b*/
.btn-major-b {color: var(--primary-color); background-color:#fff; border-color: var(--primary-color);}
.btn-major-b:hover,
.btn-major-b:focus, .btn-major-b.focus, .btn-major-b:active,
 .btn-major-b.active {color: var(--primary-color); background-color:#f1f8f9; border-color: var(--primary-color);}
.btn-major-b.disabled, .btn-major-b.disabled:hover, .btn-major-b.disabled:focus, .btn-major-b.disabled:active, .btn-major-b.disabled.focus, .btn-major-b.disabled.active, .btn-major-b[disabled], .btn-major-b[disabled]:hover, .btn-major-b[disabled]:focus, .btn-major-b[disabled]:active, .btn-major-b[disabled].focus, .btn-major-b[disabled].active {background-color:var(--primary-color); border-color: var(--primary-color);}
.btn-major-b .badge {color:var(--primary-color); background-color: #fff }
a.btn-major-b {color: var(--primary-color);}


/*btn_admin2*/
.btn_admin2 {color: #fff; background-color:#e4007f; border-color:#e4007f;}
.btn_admin2:hover,
.btn_admin2:focus, .btn_admin2.focus, .btn_admin2:active, .btn_admin2.active  {color: #fff; background-color:#ed2e98; border-color: #ed2e98;}
.btn_admin2.disabled, .btn_admin2.disabled:hover, .btn_admin2.disabled:focus, .btn_admin2.disabled:active, .btn_admin2.disabled.focus, .btn_admin2.disabled.active, .btn_admin2[disabled], .btn_admin2[disabled]:hover, .btn_admin2[disabled]:focus, .btn_admin2[disabled]:active, .btn_admin2[disabled].focus, .btn_admin2[disabled].active {background-color:#e4007f; border-color: #22a3b3;}
.btn_admin2 .badge {color:#e4007f; background-color: #fff }
a.btn_admin2 {color: #fff;}


/*------------------------------------------------------------
                            table
------------------------------------------------------------*/
.table {width: 100%; max-width: 100%;border-collapse: collapse !important; margin-bottom:20px !important;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {padding: 8px; line-height: 1.42857143; vertical-align: top;}
.table > thead > tr > th {vertical-align: bottom; }
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {border-top: 0;}
.table > tbody + tbody {}
.table .table {background-color: #ffffff;}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {padding: 5px;}

.table-bordered {border: 1px solid #e9e9e9;}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {border: 1px solid #e9e9e9;}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {border-bottom-width: 1px;}

.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table-hover > tbody > tr:hover {background-color: #f5f5f5;}

.table-hover > tbody > tr > td:hover,
.table-hover > tbody > tr > th:hover,
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {background-color: #e8e8e8;}

 /* table-basic */
.table-basic {margin: 0;border-top: 1px solid #e9e9e9;}
.table-basic > thead > tr > th,
.table-basic > thead > tr > td  {padding: 10px;line-height: 1.3;font-size: 0.9em;color: #999;vertical-align: middle;background: #f5f5f5;border-bottom: 1px solid #e9e9e9;font-weight:normal;}
.table-basic > tbody > tr > th {padding: 3px; color: #555; font-weight:normal; vertical-align: middle; background: #f9f9f9; min-width:130px; width:15%;border-bottom: 1px solid #e9e9e9;}
.table-basic > tbody > tr > td  {padding: 10px;font-size: 0.94em;line-height: 1.3;color: #333;vertical-align: middle;background: #fff;border-bottom: 1px solid #eee;}

 /* table-form */
.table-form {font-size: 12px;  margin: 0; border-top: 1px solid #e9e9e9;}
.table-form > tbody > tr > th {padding: 10px; color: #333; font-weight:normal; vertical-align: middle; text-align: center; border-right:none;}
.table-form > tbody > tr > td  {padding: 10px; line-height: 20px; color: #777; vertical-align: middle; background: #fff; border-bottom: 1px solid #e9e9e9; border-left:none; }


/* ---------------------------------------------
    기본 스타일 설정
--------------------------------------------- */
/* 패딩 ALL */
.pa0{padding:0px !important;} .pa5{padding:5px !important;} .pa10{padding:10px !important;} .pa15{padding:15px !important;} .pa20{padding:20px !important;} .pa30{padding:30px !important;} .pa40{padding:40px !important;} .pa50{padding:50px !important;}
/* 마진 ALL */
.ma0{margin:0px !important;} .ma5{margin:5px !important;} .ma10{margin:10px !important;} .ma15{margin:15px !important;} .ma20{margin:20px !important;} .ma30{margin:30px !important;} .ma40{margin:40px !important;} .ma50{margin:50px !important;}
/* 마진 top */
.mt0{margin-top:0px !important;} .mt5{margin-top:5px !important;} .mt10{margin-top:10px !important;} .mt15{margin-top:15px !important;} .mt20{margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;} .mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;} .mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;} .mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
/* 마진 right */
.mr0{margin-right:0px !important;} .mr5{margin-right:5px !important;} .mr10{margin-right:10px !important;} .mr15{margin-right:15px !important;} .mr20{margin-right:20px !important;} .mr30{margin-right:30px !important;} .mr40{margin-right:40px !important;} .mr50{margin-right:50px !important;}
/* 마진 bottom */
.mb0{margin-bottom:0px !important;} .mb5{margin-bottom:5px !important;} .mb10{margin-bottom:10px !important;} .mb15{margin-bottom:15px !important;} .mb20{margin-bottom:20px !important;} .mb30{margin-bottom:30px !important;} .mb40{margin-bottom:40px !important;} .mb50{margin-bottom:50px !important;}
/* 마진 left */
.ml0{margin-left:0px !important;} .ml5{margin-left:5px !important;} .ml10{margin-left:10px !important;} .ml15{margin-left:15px !important;} .ml20{margin-left:20px !important;} .ml30{margin-left:30px !important;} .ml40{margin-left:40px !important;} .ml50{margin-left:50px !important;}
/* 패딩 top */
.pt0{padding-top:0px !important;} .pt5{padding-top:5px !important;} .pt10{padding-top:10px !important;} .pt15{padding-top:15px !important;} .pt20{padding-top:20px !important;} .pt30{padding-top:30px !important;} .pt40{padding-top:40px !important;} .pt50{padding-top:50px !important;}
/* 패딩 right */
.pr0{padding-right:0px !important;} .pr5{padding-right:5px !important;} .pr10{padding-right:10px !important;} .pr15{padding-right:15px !important;} .pr20{padding-right:20px !important;} .pr30{padding-right:30px !important;} .pr40{padding-right:40px !important;} .pr50{padding-right:50px !important;}
/* 패딩 bottom */
.pb0{padding-bottom:0px !important;} .pb5{padding-bottom:5px !important;} .pb10{padding-bottom:10px !important;} .pb15{padding-bottom:15px !important;} .pb20{padding-bottom:20px !important;} .pb30{padding-bottom:30px !important;} .pb40{padding-bottom:40px !important;} .pb50{padding-bottom:50px !important;}
/* 패딩 left */
.pl0{padding-left:0px !important;} .pl5{padding-left:5px !important;} .pl10{padding-left:10px !important;} .pl15{padding-left:15px !important;} .pl20{padding-left:20px !important;} .pl30{padding-left:30px !important;} .pl40{padding-left:40px !important;} .pl50{padding-left:50px !important;}
/* 투명 */
.opacity10{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)'; /* IE-8 */ filter:alpha(opacity=10); /* IE-7 */ opacity:.1; /* all-browser */} .opacity20{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'; filter:alpha(opacity=20); opacity:.2;} .opacity30{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; filter:alpha(opacity=30); opacity:.3;} .opacity40{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; filter:alpha(opacity=40); opacity:.4;} .opacity50{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter:alpha(opacity=50); opacity:.5;} .opacity60{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'; filter:alpha(opacity=60); opacity:.6;} .opacity70{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter:alpha(opacity=70); opacity:.7;} .opacity80{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; filter:alpha(opacity=80); opacity:.8;} .opacity90{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter:alpha(opacity=90); opacity:.9;} .opacity100{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:alpha(opacity=100); opacity:1;}
/* 라운드 (ie-8이하지원X) */
.round3{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;} .round5{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px;} .round8{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -khtml-border-radius:8px;} .round10{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px;} .round12{-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -khtml-border-radius:12px;} .round15{-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -khtml-border-radius:15px;} .round20{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -khtml-border-radius:20px;} .round{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -khtml-border-radius:50%;}

/* ---------------------------------------------
    그리드시스템
--------------------------------------------- */
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.row { margin-left: -15px; margin-right: -15px; }
.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-left: 15px; padding-right: 15px; }
.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%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0%; }
@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%; }
.col-sm-pull-12 { right: 100%; }
.col-sm-pull-11 { right: 91.66666667%; }
.col-sm-pull-10 { right: 83.33333333%; }
.col-sm-pull-9 { right: 75%; }
.col-sm-pull-8 { right: 66.66666667%; }
.col-sm-pull-7 { right: 58.33333333%; }
.col-sm-pull-6 { right: 50%; }
.col-sm-pull-5 { right: 41.66666667%; }
.col-sm-pull-4 { right: 33.33333333%; }
.col-sm-pull-3 { right: 25%; }
.col-sm-pull-2 { right: 16.66666667%; }
.col-sm-pull-1 { right: 8.33333333%; }
.col-sm-pull-0 { right: auto; }
.col-sm-push-12 { left: 100%; }
.col-sm-push-11 { left: 91.66666667%; }
.col-sm-push-10 { left: 83.33333333%; }
.col-sm-push-9 { left: 75%; }
.col-sm-push-8 { left: 66.66666667%; }
.col-sm-push-7 { left: 58.33333333%; }
.col-sm-push-6 { left: 50%; }
.col-sm-push-5 { left: 41.66666667%; }
.col-sm-push-4 { left: 33.33333333%; }
.col-sm-push-3 { left: 25%; }
.col-sm-push-2 { left: 16.66666667%; }
.col-sm-push-1 { left: 8.33333333%; }
.col-sm-push-0 { left: auto; }
.col-sm-offset-12 { margin-left: 100%; }
.col-sm-offset-11 { margin-left: 91.66666667%; }
.col-sm-offset-10 { margin-left: 83.33333333%; }
.col-sm-offset-9 { margin-left: 75%; }
.col-sm-offset-8 { margin-left: 66.66666667%; }
.col-sm-offset-7 { margin-left: 58.33333333%; }
.col-sm-offset-6 { margin-left: 50%; }
.col-sm-offset-5 { margin-left: 41.66666667%; }
.col-sm-offset-4 { margin-left: 33.33333333%; }
.col-sm-offset-3 { margin-left: 25%; }
.col-sm-offset-2 { margin-left: 16.66666667%; }
.col-sm-offset-1 { margin-left: 8.33333333%; }
.col-sm-offset-0 { margin-left: 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%; }
.col-md-pull-12 { right: 100%; }
.col-md-pull-11 { right: 91.66666667%; }
.col-md-pull-10 { right: 83.33333333%; }
.col-md-pull-9 { right: 75%; }
.col-md-pull-8 { right: 66.66666667%; }
.col-md-pull-7 { right: 58.33333333%; }
.col-md-pull-6 { right: 50%; }
.col-md-pull-5 { right: 41.66666667%; }
.col-md-pull-4 { right: 33.33333333%; }
.col-md-pull-3 { right: 25%; }
.col-md-pull-2 { right: 16.66666667%; }
.col-md-pull-1 { right: 8.33333333%; }
.col-md-pull-0 { right: auto; }
.col-md-push-12 { left: 100%; }
.col-md-push-11 { left: 91.66666667%; }
.col-md-push-10 { left: 83.33333333%; }
.col-md-push-9 { left: 75%; }
.col-md-push-8 { left: 66.66666667%; }
.col-md-push-7 { left: 58.33333333%; }
.col-md-push-6 { left: 50%; }
.col-md-push-5 { left: 41.66666667%; }
.col-md-push-4 { left: 33.33333333%; }
.col-md-push-3 { left: 25%; }
.col-md-push-2 { left: 16.66666667%; }
.col-md-push-1 { left: 8.33333333%; }
.col-md-push-0 { left: auto; }
.col-md-offset-12 { margin-left: 100%; }
.col-md-offset-11 { margin-left: 91.66666667%; }
.col-md-offset-10 { margin-left: 83.33333333%; }
.col-md-offset-9 { margin-left: 75%; }
.col-md-offset-8 { margin-left: 66.66666667%; }
.col-md-offset-7 { margin-left: 58.33333333%; }
.col-md-offset-6 { margin-left: 50%; }
.col-md-offset-5 { margin-left: 41.66666667%; }
.col-md-offset-4 { margin-left: 33.33333333%; }
.col-md-offset-3 { margin-left: 25%; }
.col-md-offset-2 { margin-left: 16.66666667%; }
.col-md-offset-1 { margin-left: 8.33333333%; }
.col-md-offset-0 { margin-left: 0%; }
}
@media (min-width: 1400px) {
.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%; }
.col-lg-pull-12 { right: 100%; }
.col-lg-pull-11 { right: 91.66666667%; }
.col-lg-pull-10 { right: 83.33333333%; }
.col-lg-pull-9 { right: 75%; }
.col-lg-pull-8 { right: 66.66666667%; }
.col-lg-pull-7 { right: 58.33333333%; }
.col-lg-pull-6 { right: 50%; }
.col-lg-pull-5 { right: 41.66666667%; }
.col-lg-pull-4 { right: 33.33333333%; }
.col-lg-pull-3 { right: 25%; }
.col-lg-pull-2 { right: 16.66666667%; }
.col-lg-pull-1 { right: 8.33333333%; }
.col-lg-pull-0 { right: auto; }
.col-lg-push-12 { left: 100%; }
.col-lg-push-11 { left: 91.66666667%; }
.col-lg-push-10 { left: 83.33333333%; }
.col-lg-push-9 { left: 75%; }
.col-lg-push-8 { left: 66.66666667%; }
.col-lg-push-7 { left: 58.33333333%; }
.col-lg-push-6 { left: 50%; }
.col-lg-push-5 { left: 41.66666667%; }
.col-lg-push-4 { left: 33.33333333%; }
.col-lg-push-3 { left: 25%; }
.col-lg-push-2 { left: 16.66666667%; }
.col-lg-push-1 { left: 8.33333333%; }
.col-lg-push-0 { left: auto; }
.col-lg-offset-12 { margin-left: 100%; }
.col-lg-offset-11 { margin-left: 91.66666667%; }
.col-lg-offset-10 { margin-left: 83.33333333%; }
.col-lg-offset-9 { margin-left: 75%; }
.col-lg-offset-8 { margin-left: 66.66666667%; }

.col-lg-offset-7 { margin-left: 58.33333333%; }
.col-lg-offset-6 { margin-left: 50%; }
.col-lg-offset-5 { margin-left: 41.66666667%; }
.col-lg-offset-4 { margin-left: 33.33333333%; }
.col-lg-offset-3 { margin-left: 25%; }
.col-lg-offset-2 { margin-left: 16.66666667%; }
.col-lg-offset-1 { margin-left: 8.33333333%; }
.col-lg-offset-0 { margin-left: 0%; }
}


/*///////폰트관련설정/////////////////////////////////////*/

/* 제목 폰트
h1 {font-size:30px;font-weight:bold;letter-spacing:-1.8px;}
h2 {font-size:24px;font-weight:bold;letter-spacing:-1.6px;}
h3 {font-size:18px;font-weight:bold;letter-spacing:-1.4px;}
h4 {font-size:16px;font-weight:bold;letter-spacing:-1.2px;}
h5 {font-size:14px;font-weight:bold;letter-spacing:-1px;}
h6 {font-size:12px;font-weight:bold;letter-spacing:-0.5px;}
*/

/* 폰트 두께 */
.normal {font-weight:normal;}
.bold {font-weight:bold;}
.bold200 {font-weight:200;}
.bold500 {font-weight:500;}

/* 텍스트 자간*/
.ls02 {letter-spacing:-0.2px;}
.ls05 {letter-spacing:-0.5px;}
.ls08 {letter-spacing:-0.8px;}
.ls10 {letter-spacing:-1px;}
.ls12 {letter-spacing:-1.2px;}
.ls15 {letter-spacing:-1.5px;}
.ls18 {letter-spacing:-1.8px;}
.ls20 {letter-spacing:-2px;}

/* 폰트 크기, 자간 */
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:24px !important;}
.fs28 {font-size:24px !important;}
.fs30 {font-size:30px !important;}
.fs32 {font-size:32px !important;}
.fs36 {font-size:36px !important;}
.fs40 {font-size:40px !important;}
.fs48 {font-size:48px !important;}
.fs60 {font-size:60px !important;}

/* 흑백 기본 색상 */
.gray1 {color:#111 !important;}
.gray2 {color:#222 !important;}
.gray3 {color:#333 !important;}
.gray4 {color:#444 !important;}
.gray5 {color:#555 !important;}
.gray6 {color:#666 !important;}
.gray7 {color:#777 !important;}
.gray8 {color:#888 !important;}
.gray9 {color:#999 !important;}
.graya {color:#aaa !important;}
.grayb {color:#bbb !important;}
.grayc {color:#ccc !important;}
.grayd {color:#ddd !important;}
.graye {color:#eee !important;}
.black {color:#000 !important;}
.white {color:#fff !important;}

/* standard 텍스트컬러 */
.aqua {color:#00FFFF !important;}
.blue {color:#2276c4 !important;}
.fuchsia {color:#FF00FF !important;}
.green {color:#00c63a !important;}
.lime {color:#00FF00 !important;}
.maroon {color:#800000 !important;}
.navy {color:#000080 !important;}
.olive {color:#808000 !important;}
.orange {color:#F58026 !important;}
.purple {color:#800080 !important;}
.red {color:#cf3736 !important;}
.teal {color:#008080 !important;}
.lemon {color:#FFFF00 !important;}
.yellow {color:#eabf12 !important;}

@media print {
	#head, .gnb-wrapper, #quick, #ft, #lnb {display: none !important;}
	table {max-width:100%;}
	table td, table th {padding:3px !important;}
	.container {width:100% !important; padding:0 !important; margin:0 !important;}
	.container .content-right {width:100%; float:left;}
	.print-hidden {display: none !important;}
	.mb40 {margin-bottom:20px !important;}
}