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

/***************************** clearfix start ****************************/

/*스크롤 항상고정
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:"Noto Sans KR", Sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body, article, p {font-size:12px;}
p {color:#777; line-height:24px; word-break :break-all;}

/* a-style */
a {color:#ef3939; text-decoration:none;}
a:hover, a:active {color:#333;text-decoration:none; }

article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
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;}

i {vertical-align:middle;}
.clear {clear:both;}



/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com) 
 부트스트랩소스 일부만 추가 수정 */

.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:1100px; 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;}
.w-auto {width:auto !important;}
.w-100 {width:100% !important;}
.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-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}
.text-justify {text-align:justify !important;}

.text-major {color:#ef3939 !important;}
.text-major1 {color:#f9b0b0 !important;}
.text-major2 {color:#cc3333 !important;}

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

div, ul, li, ol {box-sizing:border-box;}

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


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

input[type="text"], 
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:2px; vertical-align:middle; box-sizing:border-box; }
input[type="text"]: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);}
select {height:32px; line-height:32px; padding:0;}
textarea {height:auto;}
input.required {background:#faffbd !important;}

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

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


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


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

.btn {display:inline-block; font-weight:normal; text-align:center; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; background-image:none; border:1px solid transparent; white-space:nowrap; margin:0; padding:6px 12px; font-size:14px; line-height:1.42857143; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; vertical-align:middle; box-sizing:border-box;border-radius:1px;}
.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],
fieldset[disabled] .btn {cursor:not-allowed; pointer-events:none; opacity:0.65; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none;}

.btn-lg {height:40px; padding:7px 14px; font-size:15px; line-height:26px;}
.btn-sm {height:32px; padding:5px 10px; font-size:12px; line-height:22px;}
.btn-xs {height:24px; padding:4px 8px; font-size:11px; line-height:16px;}

input.btn-lg {height:40px; padding:7px 14px; font-size:15px; line-height:12px;}
input.btn-sm {height:32px; padding:5px 10px; font-size:12px; line-height:12px;}
input.btn-xs {height:24px; padding:4px 8px; font-size:11px; line-height:16px;}

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

/* btn-success */
.btn-success {color:#ffffff !important; background-color:#5cb85c; border-color:#4cae4c; }
.btn-success:hover, 
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active { color:#ffffff; background-color:#449d44; border-color:#398439; }
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.focus,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].focus,
.btn-success[disabled].active  { background-color:#5cb85c; border-color:#4cae4c; }
.btn-success .badge { color:#5cb85c; background-color:#ffffff; }
a.btn-success {color:#fff !important;}


/* btn-info */
.btn-info { color:#ffffff; background-color:#5bc0de; border-color:#46b8da; }
.btn-info:hover, 
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active  {color:#ffffff; background-color:#31b0d5; border-color:#269abc; }
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.focus,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].focus,
.btn-info[disabled].active {background-color:#5bc0de; border-color:#46b8da; }
.btn-info .badge {color:#5bc0de; background-color:#ffffff; }
a.btn-info {color:#fff !important;}


/* btn-warning */
.btn-warning {color:#fff; background-color:#f0ad4e; border-color:#eea236; }
.btn-warning:hover, 
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active  {color:#fff; background-color:#ec971f; border-color:#d58512; }
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.focus,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].focus,
.btn-warning[disabled].active {background-color:#f0ad4e; border-color:#eea236; }
.btn-warning .badge {color:#f0ad4e; background-color:#ffffff; }
a.btn-warning {color:#fff !important;}


/* btn-danger */
.btn-danger {color:#fff; background-color:#d9534f; border-color:#d43f3a; }
.btn-danger:hover, 
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active  {color:#fff; background-color:#c9302c; border-color:#ac2925; }
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.focus,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].focus,
.btn-danger[disabled].active {background-color:#d9534f; border-color:#d43f3a; }
.btn-danger .badge { color:#d9534f; background-color:#ffffff; }
a.btn-danger {color:#fff !important;}


/* btn-link */
.btn-link {color:#337ab7; font-weight:normal; border-radius:0; }
.btn-link:hover, 
.btn-link:focus,
.btn-link.focus,
.btn-link:active,
.btn-link.active  {background-color:transparent; -webkit-box-shadow:none; box-shadow:none; }
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.focus,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link[disabled].focus,
.btn-link[disabled].active {color:#ef3939; text-decoration:underline; background-color:transparent; }
.btn-link .badge {color:#777777; text-decoration:none; }
a.btn-link {color:#337ab7 !important;}



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


/*btn-major*/
.btn-major {color:#fff; background-color:#ef3939; border-color:#ef3939; 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:#ef3939; border-color:#cc3333; opacity:1.0;}
.btn-major .badge {color:#ef3939; background-color:#fff }
a.btn-major {color:#fff !important;}


/*btn-major-b*/
.btn-major-b {color:#ef3939; background-color:#fff; border-color:#ef3939;}
.btn-major-b:hover, 
.btn-major-b:focus,
.btn-major-b.focus,
.btn-major-b:active,
.btn-major-b.active {color:#ef3939; background-color:#f6f4f3; border-color:#ef3939;}
.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:#ef3939; border-color:#cc3333;}
.btn-major-b .badge {color:#cc3333; background-color:#fff }
a.btn-major-b {color:#ef3939 !important;}



/*btn-dark*/
.btn-dark {color:#ffffff; background-color:#707070; border-color:#606060;}
.btn-dark:hover, 
.btn-dark:focus,
.btn-dark.focus,
.btn-dark:active,
.btn-dark.active  {color:#ffffff; background-color:#555; border-color:#454545;}
.btn-dark.disabled,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active,
.btn-dark.disabled.focus,
.btn-dark.disabled.active,
.btn-dark[disabled],
.btn-dark[disabled]:hover,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:active,
.btn-dark[disabled].focus,
.btn-dark[disabled].active {background-color:#707070; border-color:#606060;}
.btn-dark .badge {color:#707070; background-color:#ffffff;}
a.btn-dark {color:#fff !important;}

/*btn-gray*/
.btn-gray {color:#fff; background-color:#bbb; border-color:#b0b0b0;}
.btn-gray:hover, 
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active {color:#fff; background-color:#999; border-color:#909090;}
.btn-gray.disabled,
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled:active,
.btn-gray.disabled.focus,
.btn-gray.disabled.active,
.btn-gray[disabled],
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled]:active,
.btn-gray[disabled].focus,
.btn-gray[disabled].active {background-color:#999; border-color:#909090;}
.btn-gray .badge {color:#555; background-color:#fff }
a.btn-gray {color:#fff !important;}

/*btn-admin*/
.btn-admin {color:#fff; background-color:#cc3949; border-color:#cc3949;}
.btn-admin:hover, 
.btn-admin:focus,
.btn-admin.focus,
.btn-admin:active,
.btn-admin.active  {color:#fff; background-color:#bc2e3e; border-color:#bc2e3e;}
.btn-admin.disabled,
.btn-admin.disabled:hover,
.btn-admin.disabled:focus,
.btn-admin.disabled:active,
.btn-admin.disabled.focus,
.btn-admin.disabled.active,
.btn-admin[disabled],
.btn-admin[disabled]:hover,
.btn-admin[disabled]:focus,
.btn-admin[disabled]:active,
.btn-admin[disabled].focus,
.btn-admin[disabled].active {background-color:#9f898c; border-color:#927b7d;}
.btn-admin .badge {color:#cc3949; background-color:#fff }
a.btn-admin {color:#fff !important;}

/*---------------- 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; border-top:1px solid #e9e9e9;}
.table > thead > tr > th {vertical-align:bottom; border-bottom:1px solid #e9e9e9;}
.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 {border-top:1px solid #e9e9e9;}
.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 > ,
.table-hover > tbody > tr:hover > th {background-color:#e8e8e8;}

 /* table-basic */ 
.table-basic {margin:0;border-top:2px solid #555;}
.table-basic > thead > tr > th,
.table-basic > thead > tr > td {border-bottom:1px solid #555; padding:12px 10px; font-size:13px; color:#555; font-weight:bold; vertical-align:middle; text-align:center;}
.table-basic > tbody > tr > th,
.table-basic > tbody > tr > td  {padding:10px; line-height:22px; font-size:13px; letter-spacing:0; color:#777; vertical-align:middle; background:#fff; border-bottom:1px solid #e9e9e9;}
.table-basic > tbody > tr > th {color:#777; font-weight:normal; text-align:center; background:#f5f5f5; min-width:130px; width:15%; border-right:1px solid #e9e9e9;}
.table-basic > tbody > tr > td > a {color:#333;}
.table-basic > tbody > tr > td > a:hover {text-decoration:underline;}
.table-basic > tfoot > tr > th,
.table-basic > tfoot > tr > td {border-bottom:1px solid #e9e9e9; background:#f5f5f5; padding:12px 10px; font-size:13px; color:#555; font-weight:bold; vertical-align:middle; text-align:center;}

/* table-list */ 
.table-list {margin:0;border-top:2px solid #ddd;}
.table-list > thead > tr > th,
.table-list > thead > tr > td {border-bottom:1px solid #ddd; padding:12px 10px; font-size:13px; color:#555; font-weight:bold; vertical-align:middle; text-align:center; background:#f5f5f5;}
.table-list > tbody > tr > th,
.table-list > tbody > tr > td  {padding:10px; line-height:22px; font-size:13px; letter-spacing:0; color:#777; vertical-align:middle; background:#fff; border-bottom:1px solid #e9e9e9;}
.table-list > tbody > tr > th {color:#777; font-weight:normal; text-align:center; background:#f5f5f5; min-width:130px; width:15%; border-right:1px solid #e9e9e9;}
.table-list > tbody > tr > td > a {color:#333;}
.table-list > tbody > tr > td > a:hover {text-decoration:underline;}
 
 /* table-form */ 
.table-form {margin:0; border-top:1px solid #e9e9e9;}
.table-form > tbody > tr > th,
.table-form > tbody > tr > td  {padding:10px; line-height:22px; font-size:13px; letter-spacing:0; color:#777; vertical-align:middle; background:#fff; border-bottom:1px solid #e9e9e9;}
.table-form > tbody > tr > th {color:#777; font-weight:normal; text-align:center; background:#f9f9f9; min-width:130px; width:15%; border-right:1px solid #e9e9e9;}
.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; text-align:left;}


/* ---------------------------------------------
    기본 스타일 설정
--------------------------------------------- */
/* 패딩 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;}
.pa70 {padding:70px !important;}
.pa100 {padding:100px !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;}
.ma70 {margin:70px !important;}
.ma100 {margin:100px !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;}
.mt70 {margin-top:70px !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;}
.mr70 {margin-right:70px !important;}
.mr100 {margin-right:100px !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;}
.mb70 {margin-bottom:70px !important;}
.mb100 {margin-bottom:100px !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;}
.ml70 {margin-left:70px !important;}
.ml100 {margin-left:100px !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;}
.pt70 {padding-top:70px !important;}
.pt100 {padding-top:100px !important;}
/* 패딩 right */
.pr0 {margin-right:0px !important;}
.pr5 {margin-right:5px !important;}
.pr10 {margin-right:10px !important;}
.pr15 {margin-right:15px !important;}
.pr20 {margin-right:20px !important;}
.pr30 {margin-right:30px !important;}
.pr40 {margin-right:40px !important;}
.pr50 {margin-right:50px !important;}
.pr70 {margin-right:70px !important;}
.pr100 {margin-right:100px !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;}
.pb70 {padding-bottom:70px !important;}
.pb100 {padding-bottom:100px !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;}
.pl70 {padding-left:70px !important;}
.pl100 {padding-left:100px !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%;}

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

/* 제목 폰트 
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;}