@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/

/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/
html { font-size: 15px }
body {font-family: "Noto Sans KR",sans-serif,"Nanum Gothic","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing: 0px;font-size: 1rem;color: #252645;}
    body.lang-en { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: 0px; font-size: 1rem; }
    body.lang-jp { font-family: 'Noto Sans JP', sans-serif,Helvetica,Arial,sans-serif; letter-spacing: 0px; font-size: 1rem; }


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #252645;line-height: 2rem;font-family: "Noto Sans KR",sans-serif,"Nanum Gothic";}

/*.h3, h3 { font-size: 28px; margin-top: 5px; }*/

p { /*font-size: 15px; font-weight: 200;*/ color: #1A1A1A; }

/*입력은 기본폰트로 작성하게한다. 웹폰트는 깜빡임*/
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea { font-family: 굴림,dotum,arial,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight: normal }

a { text-decoration: none; 
    -webkit-transition:none; transition:none 
}

    a:hover { color: #252645; text-decoration: none; }

/*layout*/
@media (min-width: 992px) {
    main {margin-top:130px }
}


.color-theme { color: #67a93a !important }

.nav-link.dropdown-toggle {font-size:20px !important}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 3; color: #ffffff; background-color: #5fcf13; border-color: #ddd; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff !important; cursor: default; background-color: #67a93a; border-color: #f8f8fa; }


.tag { font-size: 0.75rem; color: #6e7687; background-color: #e9ecef; border-radius: 3px; padding: 0 .5rem; line-height: 2em; display: -ms-inline-flexbox; display: inline-flex; cursor: default; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.tag-green { background-color: #5eba00; color: #fff; }

.avatar { width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; display: inline-block; background: #ced4da no-repeat center/cover; position: relative; text-align: center; color: #868e96; font-weight: 600; vertical-align: bottom; font-size: .875rem; user-select: none; }

/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale { /* Firefox 10-34 */ filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */ -webkit-filter: grayscale(1); /* Firefox 35+ */ filter: grayscale(1); /* IE 6-9 */ filter: gray; }

    .grayscale.grayscale-fade { transition: filter .5s; }

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }

/* Background element */
.grayscale.grayscale-replaced { -webkit-filter: none; filter: none; }

    .grayscale.grayscale-replaced > svg { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; }

    .grayscale.grayscale-replaced.grayscale-off > svg,
    .grayscale.grayscale-replaced.grayscale-fade:hover > svg { opacity: 0; }



.dropup,
.dropright,
.dropdown,
.dropleft { position: relative; }

.dropdown-toggle { white-space: nowrap; }
    .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; }
    .dropdown-toggle:empty::after { margin-left: 0; }

.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 10rem;padding: 0.5rem 0;margin: 0.125rem 0 0;font-size: 0.9375rem;color: #495057;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 40, 100, 0.12);border-radius: 3px;}

.dropdown-menu-left { right: auto; left: 0; }

.dropdown-menu-right { right: 0; left: auto; }

@media (min-width: 576px) {
    .dropdown-menu-sm-left { right: auto; left: 0; }
    .dropdown-menu-sm-right { right: 0; left: auto; }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left { right: auto; left: 0; }
    .dropdown-menu-md-right { right: 0; left: auto; }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left { right: auto; left: 0; }
    .dropdown-menu-lg-right { right: 0; left: auto; }
}

@media (min-width: 1280px) {
    .dropdown-menu-xl-left { right: auto; left: 0; }
    .dropdown-menu-xl-right { right: 0; left: auto; }
}

.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; }

.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after { margin-left: 0; }

.dropright .dropdown-toggle::after { vertical-align: 0; }

.dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; }

.dropleft .dropdown-toggle::after { display: none; }

.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after { margin-left: 0; }

.dropleft .dropdown-toggle::before { vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; }

.dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; }

.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
    .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; }
    .dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #ffc107;}
    .dropdown-item.disabled, .dropdown-item:disabled { color: #868e96; pointer-events: none; background-color: transparent; }

.dropdown-menu.show {
    display: block;
    margin-top: 0px;
}

.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #868e96; white-space: nowrap; }

.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; }


.dropdown { display: inline-block; }

.dropdown-menu {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);min-width: 12rem;}

.dropdown-item { color: #6e7687; }

.dropdown-menu-arrow:before { position: absolute; top: -6px; left: 12px; display: inline-block; border-right: 5px solid transparent; border-bottom: 5px solid rgba(0, 40, 100, 0.12); border-left: 5px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.dropdown-menu-arrow:after { position: absolute; top: -5px; left: 12px; display: inline-block; border-right: 5px solid transparent; border-bottom: 5px solid #fff; border-left: 5px solid transparent; content: ''; }

.dropdown-menu-arrow.dropdown-menu-right:before, .dropdown-menu-arrow.dropdown-menu-right:after { left: auto; right: 12px; }

.dropdown-toggle { user-select: none; cursor: pointer; }
    .dropdown-toggle:after { vertical-align: 0.155em; }
    .dropdown-toggle:empty:after { margin-left: 0; }

.dropdown-icon { color: #9aa0ac; margin-right: .5rem; margin-left: -.5rem; width: 1em; display: inline-block; text-align: center; vertical-align: -1px; }

.list-inline-dots .list-inline-item + .list-inline-item:before { content: '· '; margin-left: -2px; margin-right: 3px; }

.list-separated-item { padding: 1rem 0; }
    .list-separated-item:first-child { padding-top: 0; }
    .list-separated-item:last-child { padding-bottom: 0; }
    .list-separated-item + .list-separated-item { border-top: 1px solid rgba(0, 40, 100, 0.12); }

.list-group-item.active .icon { color: inherit !important; }

.list-group-transparent .list-group-item { background: none; border: 0; padding: .5rem 1rem; border-radius: 3px; }
    .list-group-transparent .list-group-item.active { background: rgba(70, 127, 207, 0.06); font-weight: 600; }

.avatar { width: 2rem; height: 2rem; line-height: 2rem; border-radius: 50%; display: inline-block; background: #ced4da no-repeat center/cover; position: relative; text-align: center; color: #868e96; font-weight: 600; vertical-align: bottom; font-size: .875rem; user-select: none; }
    .avatar i { font-size: 125%; vertical-align: sub; }

.avatar-status { position: absolute; right: -2px; bottom: -2px; width: .75rem; height: .75rem; border: 2px solid #fff; background: #868e96; border-radius: 50%; }

.avatar-sm { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: .75rem; }

.avatar-md { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; }

.avatar-lg { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.25rem; }

.avatar-xl { width: 4rem; height: 4rem; line-height: 4rem; font-size: 1.75rem; }

.avatar-xxl { width: 5rem; height: 5rem; line-height: 5rem; font-size: 2rem; }

.avatar-placeholder { background: #ced4da url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="134" height="134" viewBox="0 0 134 134"><path fill="#868e96" d="M65.92 66.34h2.16c14.802.42 30.928 6.062 29.283 20.35l-1.618 13.32c-.844 6.815-5.208 7.828-13.972 7.866H52.23c-8.764-.038-13.13-1.05-13.973-7.865l-1.62-13.32C34.994 72.4 51.12 66.76 65.92 66.34zM49.432 43.934c0-9.82 7.99-17.81 17.807-17.81 9.82 0 17.81 7.99 17.81 17.81 0 9.82-7.99 17.807-17.81 17.807-9.82 0-17.808-7.987-17.808-17.806z"/></svg>') no-repeat center/80%; }

.avatar-list { margin: 0 0 -.5rem; padding: 0; font-size: 0; }
    .avatar-list .avatar { margin-bottom: .5rem; }
        .avatar-list .avatar:not(:last-child) { margin-right: .5rem; }

.avatar-list-stacked .avatar { margin-right: -.8em !important; }

.avatar-list-stacked .avatar { box-shadow: 0 0 0 2px #fff; }

.avatar-blue { background-color: #c8d9f1; color: #467fcf; }

.avatar-indigo { background-color: #d1d5f0; color: #6574cd; }

.avatar-purple { background-color: #e4cff9; color: #a55eea; }

.avatar-pink { background-color: #fcd3e1; color: #f66d9b; }

.avatar-red { background-color: #f0bcbc; color: #cd201f; }

.avatar-orange { background-color: #fee0c7; color: #fd9644; }

.avatar-yellow { background-color: #fbedb7; color: #f1c40f; }

.avatar-green { background-color: #cfeab3; color: #5eba00; }

.avatar-teal { background-color: #bfefea; color: #2bcbba; }

.avatar-cyan { background-color: #b9e3ea; color: #17a2b8; }

.avatar-white { background-color: white; color: #fff; }

.avatar-gray { background-color: #dbdde0; color: #868e96; }

.avatar-gray-dark { background-color: #c2c4c6; color: #343a40; }

.avatar-azure { background-color: #c7e6fb; color: #45aaf2; }

.avatar-lime { background-color: #d7f2c2; color: #7bd235; }

.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.dropdown-item { color: #616161; padding: 0.45rem 1.5rem; }



/*폼 꾸미기*/
form .card-header { background-color: #f7f7f7 }
    form .card-header h4 { margin-top: 0; color: #606060; font-size: 1.2rem }
form .header h4 { margin-top: 0; color: #606060; font-size: 1.2rem }

.form-group-wrap { margin-top: 10px; margin-bottom: 30px; }
.form-group-header { border-bottom: 1px solid #bebebe; margin-bottom: 15px; }
    .form-group-header h4 { margin-top: 0; color: #4f89c0; margin-left: 5px; }

.form-group { margin-bottom: 0.7rem; }
    .form-group .control-label { margin-top: 8px; }

.formIcon { float: right; margin-top: -39px; margin-right: 4px; padding: 5px 15px; font-size: 1.4rem; color: #999; }

.form-control { border-radius: 0; border: 1px solid #c3c3c3; }
    .form-control.warning { border-color: #f66 }
.required::after { color: #fb1010; content: ' *'; margin-left: 5px; position: absolute; margin-top: 2px }
.form-group.row.mg0 { margin-right: 0; margin-left: 0 }

.padding375rem { padding: 0.375rem }

.hotSize { color: #082246; font-size: 25px; font-weight: bold !important; padding: 8px 20px; text-align: center; height: 3rem; font-family: arial,sans-serif !important; }
.hotSize2 { font-size: 20px; padding: 8px 20px; text-align: center; height: 3rem; font-family: arial,sans-serif !important; }

@media (min-width:768px) {
    .form-horizontal .form-group { display: flex; }
    .border-right-gray { border-right: 1px solid #dfdfdf; }
    .form-group { margin-bottom: 1rem; }
}

.switch-wrap { position: relative; margin-top: 5px; margin-bottom: 5px; }
    .switch-wrap .form-group { position: absolute; right: 20px; bottom: -15px; }

.switch + .switch { margin-left: 0; }


.selectgroup-item { background-color: #fff; }

/*모달창*/
.mySite .modal-content { border-radius: 5px; }
.modal-header .close { display: inline-block }
.modal-header button.close span {display: block !important;}
.mySite .dynamicDev .modal-header .close { display: inline-block }
button.close:focus { outline: 0; }
.mySite .modal-header { border-bottom: 0 }
    .mySite .modal-header h4 { color: #4d4d4d; font-size: 18px; margin-top: 5px; margin-bottom: 5px; }

.mySite .modal-footer { border-top: 0 }
.mySite .modal-body { margin-top: 12px; background: #f9f9f9; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; }
/*#f5f7fa*/

.datepicker { margin-top: 122px; }


.btn, .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.current { display: inline-block; font-weight: 400; color: #495057; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 0.9375rem; line-height: 1.84615; border-radius: 3px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
    .btn, .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.current { transition: none; }
}

.btn:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #495057; text-decoration: none; }
.btn:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .btn.focus, .dataTables_wrapper .dataTables_paginate .focus.paginate_button { outline: 0; box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25); }
.btn.disabled, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button, .btn:disabled, .dataTables_wrapper .dataTables_paginate .paginate_button:disabled { opacity: 0.65; }

a.btn.disabled, .dataTables_wrapper .dataTables_paginate a.disabled.paginate_button,
fieldset:disabled a.btn,
fieldset:disabled .dataTables_wrapper .dataTables_paginate a.paginate_button, .dataTables_wrapper .dataTables_paginate
fieldset:disabled a.paginate_button { pointer-events: none; }

.btn-primary, .dataTables_wrapper .dataTables_paginate .paginate_button.current { color: #fff; background-color: #467fcf; border-color: #467fcf; }
    .btn-primary:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff; background-color: #316cbe; border-color: #2f66b3; }
    .btn-primary:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus, .btn-primary.focus, .dataTables_wrapper .dataTables_paginate .focus.paginate_button.current { box-shadow: 0 0 0 2px rgba(98, 146, 214, 0.5); }
    .btn-primary.disabled, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.current, .btn-primary:disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.current:disabled { color: #fff; background-color: #467fcf; border-color: #467fcf; }
    .btn-primary:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle, .dataTables_wrapper .dataTables_paginate
    .show > .dropdown-toggle.paginate_button.current { color: #fff; background-color: #2f66b3; border-color: #2c60a9; }
        .btn-primary:not(:disabled):not(.disabled):active:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus, .dataTables_wrapper .dataTables_paginate
        .show > .dropdown-toggle.paginate_button.current:focus { box-shadow: 0 0 0 2px rgba(98, 146, 214, 0.5); }

.btn-secondary, .dataTables_wrapper .dataTables_paginate .paginate_button { color: #fff; background-color: #868e96; border-color: #868e96; }
    .btn-secondary:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #fff; background-color: #727b84; border-color: #6c757d; }
    .btn-secondary:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .btn-secondary.focus, .dataTables_wrapper .dataTables_paginate .focus.paginate_button { box-shadow: 0 0 0 2px rgba(152, 159, 166, 0.5); }
    .btn-secondary.disabled, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button, .btn-secondary:disabled, .dataTables_wrapper .dataTables_paginate .paginate_button:disabled { color: #fff; background-color: #868e96; border-color: #868e96; }
    .btn-secondary:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .paginate_button:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .dataTables_wrapper .dataTables_paginate .paginate_button:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle, .dataTables_wrapper .dataTables_paginate
    .show > .dropdown-toggle.paginate_button { color: #fff; background-color: #6c757d; border-color: #666e76; }
        .btn-secondary:not(:disabled):not(.disabled):active:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:not(:disabled):not(.disabled).active:focus,
        .show > .btn-secondary.dropdown-toggle:focus, .dataTables_wrapper .dataTables_paginate
        .show > .dropdown-toggle.paginate_button:focus { box-shadow: 0 0 0 2px rgba(152, 159, 166, 0.5); }

.btn-success { color: #fff; background-color: #5eba00; border-color: #5eba00; }
    .btn-success:hover { color: #fff; background-color: #4b9400; border-color: #448700; }
    .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 2px rgba(118, 196, 38, 0.5); }
    .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #5eba00; border-color: #5eba00; }
    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
    .show > .btn-success.dropdown-toggle { color: #fff; background-color: #448700; border-color: #3e7a00; }
        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(118, 196, 38, 0.5); }

.btn-info { color: #fff; background-color: #45aaf2; border-color: #45aaf2; }
    .btn-info:hover { color: #fff; background-color: #219af0; border-color: #1594ef; }
    .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 2px rgba(97, 183, 244, 0.5); }
    .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #45aaf2; border-color: #45aaf2; }
    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle { color: #fff; background-color: #1594ef; border-color: #108ee7; }
        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(97, 183, 244, 0.5); }

.btn-warning { color: #fff; background-color: #f1c40f; border-color: #f1c40f; }
    .btn-warning:hover { color: #fff; background-color: #cea70c; border-color: #c29d0b; }
    .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 2px rgba(243, 205, 51, 0.5); }
    .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #f1c40f; border-color: #f1c40f; }
    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #c29d0b; border-color: #b6940b; }
        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(243, 205, 51, 0.5); }

.btn-danger { color: #fff; background-color: #cd201f; border-color: #cd201f; }
    .btn-danger:hover { color: #fff; background-color: #ac1b1a; border-color: #a11918; }
    .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 2px rgba(213, 65, 65, 0.5); }
    .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #cd201f; border-color: #cd201f; }
    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #a11918; border-color: #961717; }
        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(213, 65, 65, 0.5); }

.btn-light { color: #495057; background-color: #f8f9fa; border-color: #f8f9fa; }
    .btn-light:hover { color: #495057; background-color: #e2e6ea; border-color: #dae0e5; }
    .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 2px rgba(222, 224, 226, 0.5); }
    .btn-light.disabled, .btn-light:disabled { color: #495057; background-color: #f8f9fa; border-color: #f8f9fa; }
    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
    .show > .btn-light.dropdown-toggle { color: #495057; background-color: #dae0e5; border-color: #d3d9df; }
        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(222, 224, 226, 0.5); }

.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; }
    .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; }
    .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 2px rgba(82, 88, 93, 0.5); }
    .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; }
    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; }
        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(82, 88, 93, 0.5); }

.btn-outline-primary { color: #467fcf; border-color: #467fcf; }
    .btn-outline-primary:hover { color: #fff; background-color: #467fcf; border-color: #467fcf; }
    .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5); }
    .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #467fcf; background-color: transparent; }
    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #467fcf; border-color: #467fcf; }
        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.5); }

.btn-outline-secondary { color: #868e96; border-color: #868e96; }
    .btn-outline-secondary:hover { color: #fff; background-color: #868e96; border-color: #868e96; }
    .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5); }
    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #868e96; background-color: transparent; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #868e96; border-color: #868e96; }
        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.5); }

.btn-outline-success { color: #5eba00; border-color: #5eba00; }
    .btn-outline-success:hover { color: #fff; background-color: #5eba00; border-color: #5eba00; }
    .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5); }
    .btn-outline-success.disabled, .btn-outline-success:disabled { color: #5eba00; background-color: transparent; }
    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #5eba00; border-color: #5eba00; }
        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(94, 186, 0, 0.5); }

.btn-outline-info { color: #45aaf2; border-color: #45aaf2; }
    .btn-outline-info:hover { color: #fff; background-color: #45aaf2; border-color: #45aaf2; }
    .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5); }
    .btn-outline-info.disabled, .btn-outline-info:disabled { color: #45aaf2; background-color: transparent; }
    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #45aaf2; border-color: #45aaf2; }
        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(69, 170, 242, 0.5); }

.btn-outline-warning { color: #f1c40f; border-color: #f1c40f; }
    .btn-outline-warning:hover { color: #fff; background-color: #f1c40f; border-color: #f1c40f; }
    .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5); }
    .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f1c40f; background-color: transparent; }
    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f1c40f; border-color: #f1c40f; }
        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5); }

.btn-outline-danger { color: #cd201f; border-color: #cd201f; }
    .btn-outline-danger:hover { color: #fff; background-color: #cd201f; border-color: #cd201f; }
    .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5); }
    .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #cd201f; background-color: transparent; }
    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #cd201f; border-color: #cd201f; }
        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(205, 32, 31, 0.5); }

.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }
    .btn-outline-light:hover { color: #495057; background-color: #f8f9fa; border-color: #f8f9fa; }
    .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5); }
    .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; }
    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle { color: #495057; background-color: #f8f9fa; border-color: #f8f9fa; }
        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.5); }

.btn-outline-dark { color: #343a40; border-color: #343a40; }
    .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; }
    .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5); }
    .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; }
    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; }
        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 2px rgba(52, 58, 64, 0.5); }



/*버튼꾸미기*/

.btn { transition: none; font-weight: normal; font-size: 0.93rem; }
.btn-sm { border-radius: 0 }
.btn-sm, .btn-group-sm > .btn, .dataTables_wrapper .dataTables_paginate .btn-group-sm > .paginate_button { padding: 0.25rem 0.25rem; font-size: 0.75rem; }

@media(min-width:768px) {
    .btn-sm, .btn-group-sm > .btn, .dataTables_wrapper .dataTables_paginate .btn-group-sm > .paginate_button { font-size: 0.75rem; min-width: 1.625rem; }
    .btn-sm { font-weight: normal; font-size: 0.83rem; }
}

/*.btn-primary { color: #fff; background-color: #4d4d4d !important; border-color: #2c2c2c !important; }
    .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:active:focus { color: #fff; background-color: #333333 !important; border-color: #2c2c2c !important; }*/

.btn-theme { color: #fff; background-color: #73698e; border-color: #73698e; }
    .btn-theme:hover, .btn-theme:active, .btn-theme:focus, .btn-theme:active:hover, .btn-theme:active:focus { color: #fff; background-color: #665c81; border-color: #73698e; }

.btn-theme2 { color: #5C5C5C; background-color: #aed779; border-color: #aed779; }
    .btn-theme2:hover, .btn-theme2:active, .btn-theme2:focus, .btn-theme2:active:hover, .btn-theme2:active:focus { color: #fff; background-color: #9bbf6c; border-color: #aed779; }

.btn-lg, .btn-group-lg > .btn, .dataTables_wrapper .dataTables_paginate .btn-group-lg > .paginate_button { font-size: 1rem; min-width: 2.75rem; font-weight: 400; }


/*profile*/
.profile-image-wrap { margin-bottom: 20px; position: relative; }
    .profile-image-wrap .circle { border-radius: 1000px !important; overflow: hidden; width: 128px; height: 128px; border: 8px solid rgba(221, 221, 221, 0.7) }
    .profile-image-wrap .profile-pic { max-width: 200px; max-height: 200px; display: block; width: 100%; height: 100% }
    .profile-image-wrap .p-image { right: 30px; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275); position: absolute; bottom: 5px; z-index: 20; left: 56%; }
        .profile-image-wrap .p-image:hover { transition: all .3s cubic-bezier(.175, .885, .32, 1.275); }
    .profile-image-wrap .file-upload { display: none; }
    .profile-image-wrap .upload-button { font-size: 1.2em; cursor: pointer; }
        .profile-image-wrap .upload-button:hover { transition: all .3s cubic-bezier(.175, .885, .32, 1.275); color: #999; }


.services_link img{width:100%;max-width:138px}
.feature_item { padding:0 }


@media (min-width: 992px) {
    .feature_item { padding: 40px 60px 40px 40px; } 
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2389c543'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2389c543'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.custom-swiper-button-prev, .custom-swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }
.custom-swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fab700'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.custom-swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fab700'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
    .custom-swiper-button-prev.swiper-button-disabled, .custom-swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.row-cards > .col, .row-cards > [class*='col-'] { display: flex; flex-direction: column; }
.card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 40, 100, 0.12); border-radius: 3px; }
.card { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); position: relative; margin-bottom: 1.5rem; width: 100%; }
.row-cards .card img {width:100%;}