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

:root {
	--major-color : #00a1e4;
	--major-lighter-color: #f1f8f9;
	--major-darker-color: #0073b2;
    --sub-color: #f9b0b0;
    --sub2-color: #61656e;
    
    --primary-color: #6cc6cc;
    --primary-lighter-color: #f4f8fd;
    --primary-darker-color: #619bdb;
    --primary-toggle-color: #40c7d0;
    
    --secondary-color: #806cfb;   
    
    --primary-font : "Noto Sans KR", Sans-serif;
    --secondary-font : 'opensans', Dotum, Sans-serif;
}

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

/* 기본 폰트 */
body, article, p, h1, h2, h3, h4, h5, h6, a, div, ul, li, ol, dl, dd, dt,span,samp,button,input,textarea {font-family:var(--primary-font); -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:#0e898c; text-decoration:none;}
a:hover, 
a:active {color:#333;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}

@media print {
    a[href]:after {content: none !important}
}

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

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


.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:1200px; margin:0 auto; padding: 0; height:auto;zoom:1}
.container:after {display:block;visibility:hidden;clear:both;content:""}

.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(--major-color) !important;}
.text-major1 {color:var(--sub-color) !important;}
.text-major2 {color:var(--sub2-color) !important;}

code {padding:2px 4px; font-size:11px; color:#c7254e; background-color:#f9f2f4; 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;}

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


/*하단 버튼*/
.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: 12px; 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; }
input[type="text"]:focus, 
input[type="password"]:focus,
select:focus,
.form-control:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
textarea {height: auto;}
input.required {background:#f3f5e1 !important;}

/* select 디자인 초기화
select {-webkit-appearance:none; -moz-appearance: none; appearance: none; background:#fff url(/_img/inc/select-arrow.png) no-repeat 95% center !important; padding:0 26px 0 5px; height:30px; line-height: 28px;}
select::-ms-expand {display: none;}
 */
.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: 12px; 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:11px;}
*:-webkit-input-placeholder,
input[type="text"]:-webkit-input-placeholder,
select:-webkit-input-placeholder,
textarea:-webkit-input-placeholder {color:#5fa3b4; font-size:11px;}
*:-moz-placeholder,
input[type="text"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {color:#5fa3b4;font-size:11px;}
*:-ms-input-placeholder
input[type="text"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder { color:#5fa3b4;font-size:11px;}

input:read-only {background-color:#ddd;}

/* ---------------------------------------------
    버튼 스타일 설정
--------------------------------------------- */
.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_admin {display: inline-block; font-weight: 100; text-align: center; -ms-touch-action:manipulation; touch-action:manipulation; cursor: pointer; background:none; background-color:red; color:#fff !important; border:none; position: absolute; left:0; top:0; border-radius: 2px; margin:0; white-space: nowrap; vertical-align: middle; height:20px; line-height: 20px; padding:0 5px; box-sizing: border-box; font-size:11px;}
.btn_admin a {color:inherit;}

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


/*btn-primary*/
.btn-primary {color: #fff; background-color:var(--primary-color); border-color:var(--primary-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-toggle-color); border-color:var(--primary-toggle-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:var(--primary-lighter-color); }
.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:var(--secondary-color); border-color:var(--secondary-color);}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active,
.open>.dropdown-toggle.btn-secondary {color: #fff; background-color:var(--secondary-color); border-color:var(--secondary-color);}
.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: var(--secondary-color);}
.btn-secondary .badge {color:var(--secondary-color); background-color: #fff }
a.btn-secondary {color: #fff;}


/*btn-success*/
.btn-success {color: #ffffff; background-color: #3eca6e; border-color: #39c368; }
.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: #3eca6e; background-color: #ffffff; }


/*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(--major-color); border-color:var(--major-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(--major-color); border-color: var(--major-color); opacity:1.0;}
.btn-major .badge {color:var(--major-color); background-color: #fff }
a.btn-major {color: #fff;}


/*btn-major-b*/
.btn-major-b {color: var(--major-color); background-color:#fff; border-color: var(--major-color);}
.btn-major-b:hover, 
.btn-major-b:focus,
.btn-major-b.focus,
.btn-major-b:active,
 .btn-major-b.active {color: var(--major-color); background-color:var(--major-lighter-color); border-color: var(--major-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(--major-color); border-color: var(--major-color);}
.btn-major-b .badge {color:var(--major-color); background-color: #fff }
a.btn-major-b {color: var(--major-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;}

/*btn-blue*/
.btn-blue {color: #fff; background-color:#1e5ddc; border-color:#1e5ddc; opacity:1.0;}
.btn-blue:hover, 
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active  {color: #fff; opacity:0.9;}
.btn-blue.disabled,
.btn-blue.disabled:hover,
.btn-blue.disabled:focus,
.btn-blue.disabled:active,
.btn-blue.disabled.focus,
.btn-blue.disabled.active,
.btn-blue[disabled],
.btn-blue[disabled]:hover,
.btn-blue[disabled]:focus,
.btn-blue[disabled]:active,
.btn-blue[disabled].focus,
.btn-blue[disabled].active {background-color:#1e5ddc; border-color: #1e5ddc; opacity:1.0;}
.btn-blue .badge {color:#1e5ddc; background-color: #fff }
a.btn-blue {color: #fff;}

/*btn-blue-b*/
.btn-blue-b {color: #1e5ddc; background-color:#fff; border-color: #1e5ddc;}
.btn-blue-b:hover, 
.btn-blue-b:focus,
.btn-blue-b.focus,
.btn-blue-b:active,
 .btn-blue-b.active {color: #1e5ddc; background-color:#f1f8f9; border-color: #1e5ddc;}
.btn-blue-b.disabled,
.btn-blue-b.disabled:hover,
.btn-blue-b.disabled:focus,
.btn-blue-b.disabled:active,
.btn-blue-b.disabled.focus,
.btn-blue-b.disabled.active,
.btn-blue-b[disabled],
.btn-blue-b[disabled]:hover,
.btn-blue-b[disabled]:focus,
.btn-blue-b[disabled]:active,
.btn-blue-b[disabled].focus,
.btn-blue-b[disabled].active {background-color:#1e5ddc; border-color: #1e5ddc;}
.btn-blue-b .badge {color:#1e5ddc; background-color: #fff }
a.btn-blue-b {color: #1e5ddc;}

/*------------------------------------------------------------
                            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 {font-size: 13px;  margin: 0; border-top: 1px solid #e9e9e9;}
.table-basic > thead > tr > th,
.table-basic > thead > tr > td  {padding: 7px; line-height: 20px; color: #888; vertical-align: middle; background: #f5f5f5; border-bottom: 1px solid #e9e9e9; font-weight:normal;}
.table-basic > tbody > tr > th {padding: 7px; 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: 7px; line-height: 20px; color: #333; vertical-align: middle; background: #fff; border-bottom: 1px solid #e9e9e9; }

 /* 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%;}

/* ---------------------------------------------
    그리드시스템
--------------------------------------------- */
/*@media (min-width: 768px) {
.container { width: 750px; }
}
@media (min-width: 992px) {
.container { width: 970px; }
}
@media (min-width: 1201px) {
.container { width: 1200px; }
}*/
.container {width:1200px;}
.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: 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%; }
.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;}
.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:#008000 !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;}