@charset "UTF-8";

@import url(../fonts/notosanskr/notosanskr.css);

/** ★★★ 상점 관리자 - Settle Yellow / White Theme ★★★
 * =============== TABLE OF INDEX ===============
 * - #BASE
 * - #LAYOUT
 * - #FORM
 * - #COMPONENT
 * - #로그인/회원가입
 * - #대시보드
 * - #잠금화면
 * - #오류화면
 * - #이용약관/개인정보처리방침
 * - #윈도우 팝업
 * - #ETC
 * ==============================================
 */


/* #BASE
 ------------------------------------------------------------ */
html { background: none; }
.bodyTypeC { min-width: 320px; background: #e9ecef; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; font-size: 12.3px; letter-spacing: -0.02em; color: #453b3c; }
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; font-weight: 400; }
.btn, a:link, button { -webkit-tap-highlight-color: rgba(0, 0, 0, .2); }
a { color: #2e7bcc; }
strong, .strong { font-weight: 500; }
.table-scrollable { margin: 0; padding: 0; }
code, kbd, pre, samp { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; }

@media print {
	.bodyTypeC { background: #fff; }
}


/* #LAYOUT
 ------------------------------------------------------------ */
 /* ----- 기타 레이아웃 페이지 공통 (로그인, 회원가입, 윈도우 팝업 등) ----- */
#extr-page .bodyTypeC #main { background: none; }

/* ----- Header ----- */
.bodyTypeC #header { clear: both; padding-right: 0; min-width: 320px; height: auto; min-height: 49px; background: #453b3c; border-bottom: 0 !Important; }
.bodyTypeC #header:after { content: ''; clear: both; display: block; }

/* -- logo -- */
.bodyTypeC #logo { width: auto; height: auto; font-size: 15px; font-weight: 500; text-transform: uppercase; }
.bodyTypeC #logo img { margin-right: 5px; width: 27px; /*vertical-align: -4px;*/ }
.bodyTypeC #logo-group { width: auto; }
.bodyTypeC #logo-group a { color: #fff; }
.bodyTypeC #logo-group a small { margin-left: 4px; }
.bodyTypeC #logo-group a:hover,
.bodyTypeC #logo-group a:hover small { color: #ff6114; }
.bodyTypeC #logo-group .logo-info { float: none; margin-left: 6px; height: auto; font-size: 14px; color: #ff6114; }
.bodyTypeC #logo-group .logo-info .fa { margin-right: 1px; font-size: 120%; vertical-align: -0.05em; }
@media only screen and (max-width: 767px) {
	.bodyTypeC #logo-group { width: auto !Important; }
	.bodyTypeC #logo { margin-top: 13px; margin-left: 10px; }
	.bodyTypeC #logo span { display: none; }
}

/* -- 프로젝트 선택 드롭다운 메뉴 -- */
.bodyTypeC .project-context { padding-top: 15px; }
.bodyTypeC .project-context>span { display: inline; padding: 0; font-size: 13px; }
.bodyTypeC .project-context .label { font-weight: 400; color: #ccc; }
.bodyTypeC .project-context .project-selector { color: #fff; }

/* -- 우측 메뉴 -- */
.bodyTypeC .btn-header.pull-right { margin-left: 4px; color: #fff; }
.bodyTypeC .btn-header.pull-right .text-wait { margin: 0 8px 0 -3px; font-size: 13px; vertical-align: 2px; color: #ccc; }
.bodyTypeC .btn-bookmark { float: right; }
.bodyTypeC .btn-bookmark .btn { width: 49px; height: 49px; background-color: transparent; border: 0; border-left: 1px solid #6a6465; border-radius: 0; font-size: 20px; }
.bodyTypeC .btn-bookmark .btn:hover { background: #6a6465; }
.bodyTypeC .btn-bookmark .btn:not(.active) .fa-star { display: none; }
.bodyTypeC .btn-bookmark .btn:not(.active) .fa-star-o { display: block; color: #fff; }
.bodyTypeC .btn-bookmark .btn.active .fa-star { display: block; color: #ff6114; }
.bodyTypeC .btn-bookmark .btn.active .fa-star-o { display: none; }

/* 사이즈별 적용값 재설정 */
@media screen {
	:-webkit-full-screen #fullscreen > :first-child > a,
	.bodyTypeC #hide-menu > :first-child > a,
	.bodyTypeC .btn-header > :first-child > a { margin-top: 9px !important; padding: 0; width: 30px !Important; height: 30px !Important; font-size: 17px; line-height: 30px !Important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
}
.bodyTypeC .btn-header > :first-child > a { background: transparent; border: none; color: #fff; cursor: pointer !Important; }
.bodyTypeC .btn-header > :first-child > a:active,
.bodyTypeC .btn-header > :first-child > a:hover { background: #6b6565; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.bodyTypeC .btn-header > :first-child > a i { vertical-align: 1px; }

/* 작은 화면에서 메뉴 버튼 확대 스타일 제거 */
.bodyTypeC #hide-menu i { font-size: 100% !important; color: #fff; }
.bodyTypeC.hidden-menu #hide-menu > :first-child > a { background-color: #6b6565 !Important; background-image: none; color: #fff; } /* 메뉴 버튼 active - 메뉴 숨김 */

/* 상단 메뉴 배치 레이아웃 > 우측 메뉴 */
.bodyTypeC .header-dropdown-list>li { padding-left: 5px; padding-right: 0; }
.bodyTypeC #mobile-profile-img { height: 49px; }
.bodyTypeC #mobile-profile-img a.userdropdown img { margin: 9px 0 0 0; width: 30px !important; border: 0 !important; border-radius: 50%; }

/* ----- Aside (좌측 메뉴 영역) ----- */
.bodyTypeC .login-info { height: 40px; border: 0; box-shadow: none; }
.bodyTypeC .login-info>span { height: 39px; border-bottom: 1px solid #e5e5e5; }

/* 메뉴 검색, select2 */
.bodyTypeC.minified aside .search-menu { display: none; }
.bodyTypeC aside .search-menu { padding: 6px 10px; border-bottom: 1px solid #e5e5e5; }
.bodyTypeC aside .search-menu .select2 { width: 100%; }

.bodyTypeC select.select2 { padding-left: 8px; -webkit-appearance: none; -moz-appearance : none; appearance:none; height: 30px; background: #fff; border-color: #ccc; color: #666; }
.bodyTypeC .select2-results .select2-highlighted { background: #ff6114; }
.bodyTypeC .select2-container { width: 100%; }
.bodyTypeC .select2-container .select2-choice { height: 28px; line-height: 26px; }
.bodyTypeC .select2-container .select2-choice>.select2-chosen { color: #555; line-height: 26px; }
.bodyTypeC .select2-container .select2-choice .select2-arrow { background-color: transparent; border-left: 0; }
.bodyTypeC .select2-results { overflow-y: auto; max-height: 350px; color: #777; letter-spacing: -0.05em; }
.bodyTypeC .select2-results li.select2-result-with-children>.select2-result-label { padding-top: 5px; padding-bottom: 5px; background-color: #e9ecef; color: #453b3c; cursor: default; } /* depth 1 */
.bodyTypeC .select2-results ul.select2-result-sub>li .select2-result-label { padding-left: 30px; }
.bodyTypeC .select2-results ul.select2-result-sub>li.select2-disabled .select2-result-label { padding-left: 19px; background-color: #e9ecef; color: #453b3c; cursor: default; } /* depth 2 */
.bodyTypeC .select2-hidden-accessible { display: none !important; }
.bodyTypeC .select2-container-active .select2-choice,
.bodyTypeC .select2-container-active .select2-choices,
.bodyTypeC .select2-drop-active { border-width: 1px; border-color: #66afe9; }
.bodyTypeC .has-success .select2-container .select2-choice { border-color: #468847; color: #555; }
.bodyTypeC .select2-container.select2-container-disabled .select2-choice,
.bodyTypeC .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #e9ecef; border-color: #ccc; }
.bodyTypeC .select2-container.select2-container-disabled .select2-choice .select2-arrow b { display: none; }
.bodyTypeC .select2-container.select2-container-disabled .select2-choice>.select2-chosen { color: #888; }
.bodyTypeC .multi-select { position: relative; }
.bodyTypeC .multi-select > .form-control { position: absolute; top: 0; left: 0; border-color: transparent; }
.bodyTypeC .multi-select .select2-container-multi .select2-choices { background: none; min-height: 28px; }
.bodyTypeC .multi-select .select2-container-multi.select2-container-active .select2-choices { background-color: #fff; }
.bodyTypeC .multi-select .select2-container-multi .select2-choices .select2-search-choice { margin: 2px; padding: 1px 24px 1px 6px; border-color: #ddd; background-color: #f2f4f5; color: #305d8c; }
.bodyTypeC .select2-container-multi .select2-search-choice-close { display: block; padding: 0; background: transparent; border: 0; line-height: 20px; text-align: center; }
.bodyTypeC .select2-container-multi .select2-search-choice-close:hover { background-color: transparent; }
.bodyTypeC .select2-container-multi .select2-search-choice-close:before { content: '×'; display: inline-block; font-size: 16px; font-family:"Noto Sans KR", "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; font-weight: 700; line-height: 16px; color: #bbb; vertical-align: top; }
.bodyTypeC .select2-container-multi .select2-search-choice-close:hover:before { color: #305d8c; }
.bodyTypeC .multi-select .select2-container-multi .select2-choices .select2-search-field input { margin: 0; padding: 4px; line-height: 18px; }
.bodyTypeC .form-control.select2 { border: 0; padding: 0; }

/* -- GNB 공통 -- */
.bodyTypeC aside { padding-bottom: 40px; background: #fff; border-right: 1px solid #e5e5e5; box-shadow: 0 5px 10px 0 rgba(0,0,0,.1); }
.bodyTypeC aside nav ul li a { padding-left: 10px; padding-right: 20px; font-size: 13px; color: #777; }
.bodyTypeC nav > ul > li > ul::before,
.bodyTypeC nav > ul ul li::before { display: none; }
.bodyTypeC nav ul .active > a { color: #ff6114 !important; font-weight: 500; }

/* New 아이콘 */
.bodyTypeC aside a .badge,
.bodyTypeC .select2-results .select2-result-label > .badge { padding: 0; min-width: 15px; height: 15px; border-radius: 9px; font-size: 10px; font-family: arial, sans-serif; font-weight: 400; line-height: 15px; vertical-align: 1px; }
.bodyTypeC aside a:hover .badge-primary,
.bodyTypeC .select2-results .select2-result-label:hover > .badge-primary { background-color: #fff; color: #ff6114; }

/* -- 토글 아이콘(+/-) -- */
.bodyTypeC aside nav ul b.collapse-sign { position: absolute; top: 9px; right: 12px; color: #bbb !important; }
.bodyTypeC aside nav ul ul b.collapse-sign { top: 5px; }

/* -- 1depth menu -- */
.bodyTypeC nav > ul > li { border-left: 3px solid transparent; }

/* -- 2depth menu -- */
.bodyTypeC aside nav ul ul { padding: 0; background: none; }
.bodyTypeC aside nav ul ul li a { padding-left: 32px; font-size: 12.3px; letter-spacing: -0.05em; }

/* -- 3depth menu -- */
.bodyTypeC aside nav ul ul ul { background: none; }
.bodyTypeC aside nav ul ul ul li a { padding-left: 44px; padding-right: 8px; }
/* 좌측 아이콘 */
.bodyTypeC aside nav > ul ul ul li:before {
	content: "\f105"; display: block; position: absolute; top: 10px; left: 33px; width: 12px; height: 12px; border: 0; font-family: FontAwesome; font-size: 12.3px; line-height: 1; color: #bfbfbf; }

/* -- open ----- */
.bodyTypeC nav > ul > li.open { border-left: 3px solid #ff6114; }
.bodyTypeC nav > ul > li.open ul { background: #fafafa; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.bodyTypeC nav ul li.open > a { color: #453b3c !important; font-weight: 500; }
.bodyTypeC nav ul ul li.open > a b { color: #bbb !important; }
.bodyTypeC nav > ul > li.open > a { color: #453b3c !important; }
.bodyTypeC nav > ul > li.open ul ul { background: #f2f3f4; }

/* -- hover, active -- */
.bodyTypeC aside nav ul li li.active > a:before { display: none; }
.bodyTypeC aside nav ul ul ul li.active:before { color: #ff6114; }
.bodyTypeC aside nav ul ul ul li:hover:before { color: #453b3cff; }
.bodyTypeC aside nav ul li a:active,
.bodyTypeC aside nav ul li a:hover { background: #ff6114; color: #453b3c !important; }
.bodyTypeC nav > ul > li > a:hover > i,
.bodyTypeC nav > ul > li > a:hover > i { color: #453b3c; }
.bodyTypeC nav ul a:active { background-color: #ff6114 !important; color: #453b3c !important; }

/* -- 상단 배치 GNB (레이아웃 옵션 설정) -- */
.bodyTypeC.menu-on-top aside#left-panel { padding-left: 240px; padding-bottom: 0; border: 0; }
.bodyTypeC.menu-on-top aside#left-panel .search-menu { position: absolute; top: 66px; left: 10px; padding: 0; width: 200px; }
.bodyTypeC.menu-on-top aside#left-panel nav>ul>li:hover { background: #fff !important; }

/* 1depth menu */
.bodyTypeC.menu-on-top .slimScrollDiv,
.bodyTypeC.menu-on-top nav { min-height: 69px; }
.bodyTypeC.menu-on-top .menu-item-parent { min-width: 80px; max-width: 100px; }
.bodyTypeC.menu-on-top #favMenu .menu-item-parent { min-width: 65px; }
.bodyTypeC.menu-on-top #favMenu .btn-setting { margin-top: 0; }

/* 2 ~ 3depth menu */
.bodyTypeC.menu-on-top nav ul ul,
.bodyTypeC.menu-on-top nav ul ul ul { border: 0 !Important; }
.bodyTypeC.menu-on-top nav ul ul li a,
.bodyTypeC.menu-on-top nav ul ul ul li a,
.bodyTypeC.menu-on-top aside nav ul ul li:hover ul li a { background: #fff; color: #6a6465; }
.bodyTypeC.menu-on-top aside nav ul ul li:hover a,
.bodyTypeC.menu-on-top aside nav ul li a:hover,
.bodyTypeC.menu-on-top aside nav ul ul li:hover ul li a:hover { background: #ff6114; color: #fff; }
.bodyTypeC.menu-on-top aside nav ul li a:hover *,
.bodyTypeC.menu-on-top nav ul ul li:hover > a:after,
.bodyTypeC.menu-on-top nav > ul ul > li a:hover:after { color: #fff; }

/* 2 ~ 3depth menu > 우측 세모 아이콘 */
.bodyTypeC.menu-on-top nav ul ul li:hover>a:after,
.bodyTypeC.menu-on-top nav>ul ul>li a:after,
.bodyTypeC.menu-on-top nav>ul ul>li a:hover:after,
.bodyTypeC.menu-on-top nav>ul>li>a:after { right: 8px; }

/* 3depth menu */
.bodyTypeC.menu-on-top nav > ul ul li:hover > ul { top: 0; }
.bodyTypeC.menu-on-top aside nav > ul ul ul li:before { display: none; } /* 좌측 아이콘 숨김 */

/* 4depth menu */
.bodyTypeC aside nav ul ul ul ul li a { padding: 5px 10px 5px 67px; }
.bodyTypeC aside nav > ul ul ul ul li:before { content: '\f101'; top: 7px; left: 56px; }

/* -- my info img -- */
.bodyTypeC .login-info a { margin-top: 7px; box-shadow: none; }
.bodyTypeC .login-info a img.online { border: 0; border-radius: 50%; }

/* -- minify menu button -- */
.bodyTypeC .minifyme { height: 30px; background: #999; border: 0; color: #fff; }
.bodyTypeC.minified .minifyme { height: 34px; }
.bodyTypeC .login-info a:hover { color: #453b3c; }

/* -- minify menu -- */
.bodyTypeC.minified nav>ul>li { border: 0; }
.bodyTypeC.minified nav ul>li>a { padding-right: 10px; }
.bodyTypeC.minified nav>ul>li>a>.menu-item-parent { top: 0; left: 44px; height: 32px; background: #fff; line-height: 32px; }
.bodyTypeC.minified nav>ul>li>ul { left: 44px; margin: 0; min-height: auto; }
.bodyTypeC.minified nav ul ul li a { padding-left: 13px; }
.bodyTypeC.minified nav>ul>li>ul>li { background-color: #fafafa; }
.bodyTypeC.minified nav>ul>li>ul>li>ul>li { background-color: #f2f3f4; }
.bodyTypeC.minified nav>ul>li>ul>li>ul>li a { padding-left: 25px; }
.bodyTypeC.minified nav > ul ul ul li:before { left: 15px; }
.bodyTypeC.minified nav > ul > li.open > a { color: #ff6114 !important; }

/* -- 즐겨찾기  -- */
.bodyTypeC #favMenu .btn-setting { float: right; margin: -1px 10px 0 0; padding: 1px 3px 2px; background: none; border: 0; border-radius: 3px; }
.bodyTypeC #favMenu .btn-setting i:before { color: #777; }
.bodyTypeC #favMenu a:hover .btn-setting i:before { color: #453b3c; }
.bodyTypeC.minified #favMenu .btn-setting { display: none; } /* 메뉴 축소 시 숨김 */

/* ----- 상단 내정보 관리 패널 펼침 ----- */
.bodyTypeC #shortcut .selected { border: 1px solid #ff6114 !Important; }
.bodyTypeC #shortcut .selected:after { border-top-color: #ff6114; }

/* ----- Ribbon ----- */
.bodyTypeC #ribbon { background: #fff; height: 41px; border-top: 0; border-bottom: 1px solid #e5e5e5; }

/* 새로고침 버튼 */
.bodyTypeC .btn.btn-ribbon { padding: 0 5px; background: #e9ecef; color: #6a6465; }

/* 현재 위치 */
.bodyTypeC .breadcrumb > li { color: #999; }
.bodyTypeC #ribbon .breadcrumb li:last-child,
.bodyTypeC #ribbon .breadcrumb > .active { color: #6a6465; }

/* ----- 레이아웃 옵션 ----- */
/* 버튼/패널 */
/* .bodyTypeC #demo-setting,
.bodyTypeC .demo.activate { background: #e9ecef; } */
.bodyTypeC #demo-setting { display: none; }

/* 고정 너비 선택 -> 배경색상 선택 영역 */
.bodyTypeC #smart-bgimages { display: none !Important; }

/* ----- Main ----- */
.bodyTypeC #main { min-width: 320px; padding-bottom: 60px; }

/* ----- Title ----- */
/* Page title */
.bodyTypeC h1.page-title { margin: 10px 0 20px; font-size: 20px; }
@media only screen and (max-width: 320px) {
	.bodyTypeC h1.page-title { display: none; }
}

/* Content title */
.bodyTypeC .mid-title { margin: 10px 0; }
.bodyTypeC h3.mid-title { padding-left: 7px; border-left: 3px solid #ff6114; font-size: 16px; }
.bodyTypeC h4.mid-title { font-size: 15px; }
.bodyTypeC h5.mid-title { font-size: 14px; }
.bodyTypeC h4.mid-title:before { content: '\f054'; display: inline-block; padding-right: 5px; color: #ff6114; font-weight: 400; font-family: FontAwesome ; font-size: 12px; line-height: 22px; vertical-align: top; }
.bodyTypeC h5.mid-title:before { content: '\f0da'; display: inline-block; padding-right: 5px; color: #ff6114; font-weight: 400; font-family: FontAwesome ; font-size: 11px; line-height: 20px; vertical-align: top; }
.bodyTypeC .mid-title.mid-title-border { padding-bottom: 7px; border-bottom: 1px solid #e5e5e5; }
.bodyTypeC .modal h5.mid-title { margin: 25px 0 13px; }
.bodyTypeC .table + h3.mid-title,
.bodyTypeC .table-responsive + h3.mid-title,
.bodyTypeC .table ~ div h3.mid-title { margin-top: 30px; }
.bodyTypeC .table + h4.mid-title,
.bodyTypeC .table-responsive + h4,
.bodyTypeC .table + h5.mid-title,
.bodyTypeC .table-responsive + h5.mid-title,
.bodyTypeC .table ~ div h4.mid-title { margin-top: 25px; }
.bodyTypeC .no-padding h3.mid-title,
.bodyTypeC .no-padding h4.mid-title { margin-left: 13px; }
.bodyTypeC .panel-body h3.mid-title,
.bodyTypeC .panel-body h4.mid-title { margin-left: 0; }
.bodyTypeC h3.mid-title .btn { margin-top: -4px; }

/* ----- Section ----- */
.bodyTypeC .section { clear: both; }
.bodyTypeC .section:after { content: ''; clear: both; display: block; }

/* ----- Search Form ----- */
.bodyTypeC .search-form .control-label { position: static; padding-right: 0; }
.bodyTypeC .search-form .well { background: #fff; }
.bodyTypeC .widget-body .search-form .well { border: 0; border-bottom: 1px solid #ddd; }
.bodyTypeC .well-border { border: 1px solid #ddd; }
.bodyTypeC .search-form .btn-area { margin-top: 5px; padding-top: 10px; border-top: 1px dashed #e5e5e5; }
.bodyTypeC .search-form .btn-area .btn { margin-top: 4px; min-width: 80px; }
@media (max-width: 767px) {
	.bodyTypeC .search-form .btn-area .pull-left,
	.bodyTypeC .search-form .btn-area .pull-right { width: 100%; }
}

/* ----- 사이즈 축소 ----- */
.bodyTypeC .control-label,
.bodyTypeC .form-control,
.bodyTypeC .checkbox span,
.bodyTypeC .checkbox-inline span,
.bodyTypeC .radio span,
.bodyTypeC .radio-inline span,
.bodyTypeC .input-group-addon,
.bodyTypeC .search-form .btn,
.bodyTypeC pre { font-size: 12.3px; }

/* ----- Footer -- */
.bodyTypeC .page-footer { padding-top: 13px; padding-bottom: 13px; height: auto; background: #fff; border-top: 1px solid #e5e5e5; color: #aaa; z-index: 900; }
.bodyTypeC .page-footer .footer-info { margin-top: 2px; }
.bodyTypeC .page-footer .footer-info strong,
.bodyTypeC .page-footer .footer-info span { margin-right: 10px; }
.bodyTypeC .page-footer .footer-info strong { font-weight: 500; }
@media (min-width: 979px) {
	.bodyTypeC .page-footer { position: fixed; left: 0; bottom: 0; }
	.bodyTypeC .page-footer .footer-info .copyright { text-align: right; }
}


/* #FORM
 * ------------------------------------------------------------ */
/* 모바일 배경 제거 */
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

 /* IE X(del / clear) 버튼 숨김 */
input::-ms-clear { display: none; }

/* input number 화살표 숨김 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }

/** placeholder **/
input::placeholder { color: #ddd; font-weight: 400; height: 23px; line-height: 23px; }
textarea::placeholder { color: #ddd; font-weight: 400; height: inherit; line-height: inherit; }
/* webkit */
input::-webkit-input-placeholder { color: #ddd; font-weight: 400; }
textarea::-webkit-input-placeholder { color: #ddd; font-weight: 400; }
/* firefox 4-18 */
input:-moz-placeholder { color: #aaa; font-weight: 400; }
textarea:-moz-placeholder { color: #aaa; font-weight: 400; }
/* firefox 19+ */
input::-moz-placeholder { color: #aaa; font-weight: 400; }
textarea::-moz-placeholder { color: #aaa; font-weight: 400; }
/* ie10+ */
input:-ms-input-placeholder { color: #ddd !important; font-weight: 400 !important; }
textarea:-ms-input-placeholder { color: #ddd !important; font-weight: 400 !important; }
.placeholder { color: #ddd !important; }

/* ----- Small Size----- */
/* 폼, 간격 축소 */
.bodyTypeC .control-label { color: #6a6465; font-weight: 500; }
.bodyTypeC .form-control { padding: 4px 8px; height: 28px; line-height: 18px; letter-spacing: 0; }
.bodyTypeC select.form-control { padding-left: 5px; padding-right: 4px; }
.bodyTypeC .form-horizontal .form-group { margin-bottom: 10px; }
@media (min-width: 768px) {
	.bodyTypeC .form-horizontal .control-label { padding-top: 5px; }
}
.bodyTypeC .form-horizontal .checkbox,
.bodyTypeC .form-horizontal .checkbox-inline,
.bodyTypeC .form-horizontal .radio,
.bodyTypeC .form-horizontal .radio-inline { min-height: 16px; padding-top: 0; }
.bodyTypeC .check-group .checkbox-inline,
.bodyTypeC .check-group .radio-inline { margin-top: 3px; margin-bottom: 3px; }
.bodyTypeC .check-group input[type=checkbox],
.bodyTypeC .check-group input[type=radio] { margin-top: 3px; }
.bodyTypeC label input[type=checkbox].checkbox+span:before,
.bodyTypeC label input[type=radio].radiobox+span:before { margin-top: -3px; }

/* ----- textarea ----- */
.bodyTypeC textarea.form-control { height: auto; min-height: 36px; resize: vertical; }

/* ----- input file ----- */
.bodyTypeC .input-file { position: relative; overflow: hidden; }
.bodyTypeC .input-file .form-control { width: calc(100% - 69px); } /* input text */
.bodyTypeC .input-file .btn { position: absolute; top: 0; right: 0; left: auto; padding: 0; width: 70px; border-top-left-radius: 0; border-bottom-left-radius: 0; line-height: 26px; z-index: 2; }
.bodyTypeC .input-file .btn input[type=file] { position: absolute; top: -1px; right: -1px; width: 800px; height: 28px; background: none; line-height: 22px; cursor: pointer; opacity: 0; }

/* ----- 라디오, 체크박스 폼 ----- */
/* 기본형 상하 여백 제거 */
.bodyTypeC .checkbox,
.bodyTypeC .radio { margin-top: 0; margin: 0; }
.bodyTypeC label input[type=checkbox].checkbox + span,
.bodyTypeC label input[type=radio].radiobox + span { line-height: 22px; }
.bodyTypeC .radio-inline + .radio-inline,
.bodyTypeC .checkbox-inline + .checkbox-inline { margin-left: 10px; }

/* 라벨 텍스트 없는 경우 : 가운데 위치(우측 여백 제거 효과) */
.bodyTypeC .radio span:empty,
.bodyTypeC .checkbox span:empty { margin-left: -15px !Important; line-height: 1; }
.bodyTypeC label input[type=radio].radiobox + span:empty:before,
.bodyTypeC label input[type=checkbox].checkbox + span:empty:before { margin: -1px 0 0 0; }

/* 스위치 체크박스 */
.jarviswidget header .switch-container { padding: 6px 10px 0; }
.switch-container { float: left; font-size: 12.3px; }
.switch-container .switch-title { display: inline-block; margin-right: 4px; font-size: 12.3px; line-height: 20px; vertical-align: middle; color: #6a6465; }
.switch { position: relative; display: inline-block; vertical-align: middle; }
.switch .switch-checkbox { position: absolute; top: 0; left: 0; margin: 0; width: 0; height: 0; z-index: -1; }
.switch .switch-label { position: relative; display: block; margin: 0; width: 52px; overflow: hidden; cursor: pointer; border-radius: 12px; }
.switch .switch-inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin .2s ease-in 0s; -moz-transition: margin .2s ease-in 0s; -ms-transition: margin .2s ease-in 0s; transition: margin .2s ease-in 0s; }
.switch .switch-inner:before,
.switch .switch-inner:after { display: block; float: left; padding-top: 2px; width: 50%; height: 20px; font-size: 12.3px; line-height: 15px; color: #fff; }
.switch .switch-inner:before { content: 'ON'; padding-left: 10px; background-color: #ff6114; } /* on*/
.switch .switch-inner:after { content: "OFF"; padding-right: 10px; background-color: #999; text-align: right; } /* off */
.switch .switch-switch { display: block; position: absolute; top: 0; right: 32px; margin: 2px; width: 16px; height: 16px; background-color: #fff; border-radius: 50%; -webkit-transition: right .2s ease-in 0s; -moz-transition: right .2s ease-in 0s; -ms-transition: right .2s ease-in 0s; transition: right .2s ease-in 0s; }
.switch .switch-checkbox:checked + .switch-label .switch-inner { margin-left: 0; }
.switch .switch-checkbox:checked + .switch-label .switch-switch { right: 0; }

/* 스위치 체크박스 */
.switch-locale { position: relative; display: inline-block; vertical-align: middle; }
.switch-locale .switch-checkbox { position: absolute; top: 0; left: 0; margin: 0; width: 0; height: 0; z-index: -1; }
.switch-locale .switch-label { position: relative; display: block; padding-top: 1px; width: 52px; overflow: hidden; cursor: pointer; border-radius: 12px; }
.switch-locale .switch-inner { display: block; width: 200%; margin-left: -100%; -webkit-transition: margin .2s ease-in 0s; -moz-transition: margin .2s ease-in 0s; -ms-transition: margin .2s ease-in 0s; transition: margin .2s ease-in 0s; }
.switch-locale .switch-inner:before,
.switch-locale .switch-inner:after { display: block; float: left; padding-top: 2px; width: 50%; height: 20px; font-size: 12.3px; line-height: 15px; color: #fff; }
.switch-locale .switch-inner:before { content: 'ENG'; padding-left: 7px; background-color: #ff6114; padding-right: 35px; } /* on*/
.switch-locale .switch-inner:after { content: "KOR"; padding-right: 7px; background-color: #999; text-align: right; } /* off */
.switch-locale .switch-switch { display: block; position: absolute; top: 0; right: 32px; margin: 2px; width: 16px; height: 16px; background-color: #fff; border-radius: 50%; -webkit-transition: right .2s ease-in 0s; -moz-transition: right .2s ease-in 0s; -ms-transition: right .2s ease-in 0s; transition: right .2s ease-in 0s; }
.switch-locale .switch-checkbox:checked + .switch-label .switch-inner { margin-left: 0; }
.switch-locale .switch-checkbox:checked + .switch-label .switch-switch { right: 0; }
/* en 추가 */
.switch-locale .switch-checkbox.en + .switch-label .switch-inner:before { content: 'ENG';}

/* ----- Spinner Input(수량 입력 폼 등) ----- */
.bodyTypeC .ui-spinner { overflow: visible; border: 0; }
.bodyTypeC .ui-spinner .ui-spinner-input { padding-right: 30px; border: 1px solid #ccc; }
.bodyTypeC .ui-spinner a.ui-spinner-button { padding-top: 1px; padding-bottom: 1px; width: 22px; background: transparent; border: 1px solid #ccc; font-size: 0; }
.bodyTypeC .ui-spinner a.ui-spinner-button:hover { background: #e9ecef; }
.bodyTypeC .ui-spinner a.ui-spinner-button.ui-spinner-up { padding-top: 1.5px; padding-bottom: 1.5px; height: 15px; }
.bodyTypeC .ui-spinner a.ui-spinner-button.ui-spinner-down { height: 14px; }

/* readonly / disabled */
.bodyTypeC .ui-spinner .ui-spinner-input[disabled] ~ a.ui-spinner-button,
.bodyTypeC .ui-spinner .ui-spinner-input[readonly] ~ a.ui-spinner-button { display: none; }

/* +/- 아이콘 */
.bodyTypeC .ui-spinner .ui-spinner-down:before,
.bodyTypeC .ui-spinner .ui-spinner-up:before { margin: 0; font-size: 10px; line-height: 10px; font-weight: 400; color: #555; }

/* ---- input-group ----- */
.bodyTypeC .input-group { width: 100%; background-color: #fff; }
.bodyTypeC .input-group-btn .btn { padding: 5px 8px; line-height: 16px; border-radius: 0; }
.bodyTypeC .input-group-addon { padding: 6px 3px; min-width: 22px; height: auto; background: #e9ecef; line-height: 1.1; }
.bodyTypeC .input-group-addon .fa { font-size: 13px; }

/* ---- form-inline ----- */
.bodyTypeC .form-inline .form-control,
.bodyTypeC .form-inline .input-group,
.bodyTypeC .form-inline .btn { vertical-align: top; }
.bodyTypeC .form-inline .input-group { width: auto; }
.bodyTypeC .form-inline.grid-2 .form-control,
.bodyTypeC .form-inline.grid-from-to .form-control,
.bodyTypeC .form-inline.grid-2 .input-group,
.bodyTypeC .form-inline.grid-from-to .input-group { width: 100%; }
.bodyTypeC .modal .form-inline span { color: #777; }
.bodyTypeC .form-inline .checkbox input[type=checkbox].checkbox,
.bodyTypeC .form-inline .radiobox input[type=radio].radiobox { position: absolute; top: 0; left: 0; }
.bodyTypeC .form-inline .checkbox input[type=checkbox].checkbox+span,
.bodyTypeC .form-inline .radiobox input[type=radio].radiobox+span { margin-left: 0; }

/* 테이블 내 폼 인라인(환불 재처리 등 팝업에 사용) */
.bodyTypeC .popup .table.form-inline .form-control,
.bodyTypeC .popup .table .form-inline .form-control { width: auto; display: inline-block; }

@media (max-width: 767px) {
	/* 사이즈 지정된 경우도 작은 화면에서 가로 100% */
	.bodyTypeC .form-inline .form-control,
	.bodyTypeC .form-inline .input-group { width: 100% !Important; max-width: 100% !Important; }
	.bodyTypeC .form-inline { line-height: 1.428; }

	/* 팝업 등 작은 화면 테이블 내에서 가로 사이즈 확대 방지 */
	.bodyTypeC .popup .table.form-inline .form-control,
	.bodyTypeC .popup .table .form-inline .form-control { width: auto !Important; max-width: 100%; }
}

@media (min-width: 768px) {
	.bodyTypeC .form-inline { line-height: 28px; }
	.bodyTypeC .form-inline .form-group { vertical-align: top; }
	.bodyTypeC .form-inline > .form-control,
	.bodyTypeC .form-inline > .input-group { width: 130px; }
	.bodyTypeC .form-inline > select.form-control { width: auto; }
}

/* 반응형 정렬을 위한 그루핑(checkbox, radio) */
.bodyTypeC .check-group { position: relative; margin-left: -8px; margin-right: -8px; font-size:0; }
.bodyTypeC .check-group label { line-height: 1.4; }
.bodyTypeC .check-group i { font-size: 12.3px; }
.bodyTypeC .check-group .checkbox-inline,
.bodyTypeC .check-group .radio-inline { margin-left: 8px; margin-right: 8px; vertical-align: top; }
.bodyTypeC .check-group.grid-2 .checkbox-inline,
.bodyTypeC .check-group.grid-2 .radio-inline { width: calc(50% - 16px); }
.bodyTypeC .check-group.grid-3 .checkbox-inline,
.bodyTypeC .check-group.grid-3 .radio-inline { width: calc(33.3% - 16px); }
.bodyTypeC .check-group label .btn,
.bodyTypeC .check-group + .btn { margin: -1px 0; vertical-align: top; }

/* ----- Grid ----- */
.bodyTypeC .form-inline.grid-2,
.bodyTypeC .form-inline.grid-from-to { position: relative; clear: both; min-height: 28px; }
.bodyTypeC .form-inline.grid-2:after,
.bodyTypeC .form-inline.grid-from-to:after { content: ''; clear: both; display: block; }
@media (min-width: 768px) {
	.bodyTypeC .form-inline.grid-2,
	.bodyTypeC .form-inline.grid-from-to { clear: none; }
	.bodyTypeC .form-inline.grid-2:after,
	.bodyTypeC .form-inline.grid-from-to:after { display: none; }
}

/* 작은 화면 요소 간 상하 여백 */
.bodyTypeC .form-inline > .form-control ~ .form-control,
.bodyTypeC .form-inline > .form-control ~ .input-group,
.bodyTypeC .form-inline > .form-control ~ .btn-group,
.bodyTypeC .form-inline > .input-group ~ .form-control,
.bodyTypeC .form-inline > .input-group ~ .input-group,
.bodyTypeC .form-inline > .input-group ~ .btn-group,
.bodyTypeC .form-inline > .input-group ~ .btn,
.bodyTypeC .form-inline > .form-control ~ .btn,
.bodyTypeC .form-inline > .btn-group ~ .form-control,
.bodyTypeC .form-inline > .btn-group ~ .input-group { margin-top: 4px; text-align: left; }
.bodyTypeC .form-inline > .form-group { margin-bottom: 4px; }
.bodyTypeC .form-inline > .form-group + .form-group { margin-bottom: 15px; vertical-align: top; }

/* 구간 표시(~) */
.bodyTypeC .form-inline.grid-from-to > span { display: none; }

@media (max-width: 767px){
	.bodyTypeC .form-inline .form-control ~ .hidden-xs ~ .form-control { margin-top: 4px; }
}

@media (min-width: 768px) {
	/* 2 그리드 */
	.bodyTypeC .form-inline.grid-2 > .input-group,
	.bodyTypeC .form-inline.grid-2 > .form-group,
	.bodyTypeC .form-inline.grid-2 > .form-control { float: left; width: calc(50% - 2px); }
	.bodyTypeC .form-inline.grid-2 > .form-group { margin-bottom: 15px; }
	
	/* 3 그리드 */
	.bodyTypeC .form-inline.grid-3 { text-align: center; }
	.bodyTypeC .form-inline.grid-3 > * { width: calc(33.33% - 2px) !important; text-align: left; }
	.bodyTypeC .form-inline.grid-3 > *:first-child { float: left; }
	.bodyTypeC .form-inline.grid-3 > .form-group { margin-bottom: 15px; }
	
	/* 좌우 비율 상이한 2 그리드 */
	.bodyTypeC .form-inline.grid-2.small-left > * { width: calc(36% - 2px); }
	.bodyTypeC .form-inline.grid-2.small-left > * + *,
	.bodyTypeC .form-inline.grid-2.small-right > * { width: calc(64% - 2px); }
	.bodyTypeC .form-inline.grid-2.small-right > * + * { width: calc(36% - 2px); }
	
	/* 2 그리드 구간 */
	.bodyTypeC .form-inline.grid-from-to > .input-group,
	.bodyTypeC .form-inline.grid-from-to > .form-group,
	.bodyTypeC .form-inline.grid-from-to > .form-control { float: left; width: calc(50% - 8px); }
	
	/* 작은 화면 요소 간 상하 여백 -> 큰 화면 제거 */
	.bodyTypeC .form-inline > .form-control ~ .form-control,
	.bodyTypeC .form-inline > .form-control ~ .input-group,
	.bodyTypeC .form-inline > .form-control ~ .btn-group,
	.bodyTypeC .form-inline > .input-group ~ .form-control,
	.bodyTypeC .form-inline > .input-group ~ .input-group,
	.bodyTypeC .form-inline > .input-group ~ .btn-group,
	.bodyTypeC .form-inline > .input-group ~ .btn,
	.bodyTypeC .form-inline > .form-control ~ .btn,
	.bodyTypeC .form-inline > .btn-group ~ .form-control,
	.bodyTypeC .form-inline > .btn-group ~ .input-group { margin-top: 0; }
	
	/* 공통 */
	.bodyTypeC .form-inline.grid-2 > *:last-child,
	.bodyTypeC .form-inline.grid-3 > *:last-child,
	.bodyTypeC .form-inline.grid-2 > * ~ .input-group,
	.bodyTypeC .form-inline.grid-2 > * ~ .form-control,
	.bodyTypeC .form-inline.grid-from-to > .input-group ~ .input-group,
	.bodyTypeC .form-inline.grid-from-to > .form-control ~ .form-control,
	.bodyTypeC .form-inline.grid-from-to > .form-group ~ .form-group { float: right; }
	
	/* 구간 표시(~) */
	.bodyTypeC .form-inline.grid-from-to > span { position: absolute; top: 0; left: 50%; margin-left: -8px; display: block; width: 16px; height: 28px; text-align: center; }
}

/* ----- 폼 설명 텍스트 ----- */
/* 좌측 폼 그리드 유지하면서 간격 축소 */
.bodyTypeC .col-form-info { line-height: 28px; }
@media (min-width: 768px) {
	.bodyTypeC .col-form-info.sm { margin-left: -7px; padding-left: 0; }
}
@media (min-width: 992px) {
	.bodyTypeC .col-form-info.md { margin-left: -7px; padding-left: 0; }
}

/* ----- validation ----- */
/* -- 피드백 아이콘 -- */
.bodyTypeC .form-control-feedback { width: 22px; height: 28px; line-height: 28px; }
/* .bodyTypeC .has-feedback label ~ .form-control-feedback { top: 22px; } */
.bodyTypeC .has-feedback label ~ .form-control-feedback { top: 1px; }

/* 라벨 우측에 표시 */
.bodyTypeC .has-feedback .input-group ~ .form-control-feedback,
.bodyTypeC .has-feedback select.form-control + .form-control-feedback,
.bodyTypeC .has-feedback select.select2 + .form-control-feedback,
.bodyTypeC .has-feedback .form-control.text-right + .form-control-feedback { top: 1px; }

/* 라벨 우측에 표시 - 그리드 인라인폼(부모 그리드 기준) */
.bodyTypeC .has-feedback .form-inline.grid-2 .form-control-feedback,
.bodyTypeC .has-feedback .form-inline.grid-from-to .form-control-feedback,
.bodyTypeC .form-inline.grid-2 .has-feedback .form-control-feedback,
.bodyTypeC .form-inline.grid-from-to .has-feedback .form-control-feedback,
.bodyTypeC .has-feedback .ui-spinner-input + .form-control-feedback,
.bodyTypeC .has-feedback .input-group ~ .form-control-feedback { top: -21px !Important; width: 22px; }
.bodyTypeC .has-feedback .ui-spinner + .form-control-feedback,
.bodyTypeC .has-feedback label ~ .input-group ~ .form-control-feedback { top: 0 !Important; }

/* 인라인 라디오박스와 통일하여 숨김 */
.bodyTypeC .has-feedback.has-success .checkbox-inline+.form-control-feedback,
.bodyTypeC .has-feedback.has-success .checkbox-inline>.form-control-feedback { display: none !Important; }

/* 에러 메세지 우측에 표시 */
.bodyTypeC .has-feedback .check-group .form-control-feedback { top: 24px; right: 8px; }

/* 선택 조건식 피드백 아이콘 위치 수정 : .form-group 내 컬럼 포지셔닝 해제 -> .form-control.has-feedback 포지셔닝
 * (결제할인 프로모션 상세 팝업 > 요일/시간 지정, 할인방식, 지급방식, 할인횟수제한 등) */
.bodyTypeC .has-feedback > .row > .col-sm-3,
.bodyTypeC .has-feedback > .row > .col-sm-6,
.bodyTypeC .has-feedback > .row > .col-sm-9 { position: initial; }

/* -- 메세지 -- */
.bodyTypeC .check-group + .help-block { padding-right: 20px; }
.bodyTypeC .help-block { line-height: 1.3; }

/* ----- Date / Clock Picker ----- */
.bodyTypeC .ui-widget { font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; font-size: 12.3px; letter-spacing: -0.02em; }
.bodyTypeC .ui-widget-content { border-color: #ddd; } /* base */
.bodyTypeC .ui-widget-content.ui-datepicker { border-color: #999; } /* datepicker */
.bodyTypeC .ui-datepicker .ui-datepicker-next,
.bodyTypeC .ui-datepicker .ui-datepicker-prev { cursor: pointer; }
.bodyTypeC .ui-datepicker td .ui-state-highlight { background-color: #6a6465; color: #fff; } /* today : dark gray */
.bodyTypeC .ui-datepicker td .ui-state-hover { background-color: #ff6114; color: #fff; } /* mouse hover */

/* input 확장, addon 영역 뒤로 숨기기 */
.bodyTypeC .input-group > .datepicker,
.bodyTypeC .input-group > .clockpicker { padding-right: 22px; min-width: 100px; background-color: transparent; }
.bodyTypeC .input-group > input:focus.datepicker,
.bodyTypeC .input-group > input:focus.clockpicker { z-index: 1; }
.bodyTypeC .input-group > .datepicker + .input-group-addon,
.bodyTypeC .input-group > .clockpicker + .input-group-addon { display: block; position: absolute; top: 0; right: 0; border: 1px solid #ddd; width: 22px; height: 28px; overflow: hidden; }

/* ----- 인풋그룹 애드온, 스피너 : focus, validation 컬러 ----- */
/* focus */
.bodyTypeC .input-group > .form-control:focus + .input-group-addon,
.bodyTypeC .ui-spinner .ui-spinner-input:focus,
.bodyTypeC .ui-spinner .ui-spinner-input:focus ~ a.ui-spinner-button { border-color: #66afe9; } /* blue */
.bodyTypeC .ui-spinner .ui-spinner-input:focus ~ a.ui-spinner-button { background-color: #72a0ce; } /* blue */
.bodyTypeC .input-group > .form-control:focus + .input-group-addon,
.bodyTypeC .ui-spinner .ui-spinner-input:focus ~ a.ui-spinner-button:before { color: #fff; } /* validation 체크 전/후 모두 흰색 텍스트 컬러 적용 */

/* validation -> error */
.bodyTypeC .has-error .form-control,
.bodyTypeC .has-error .form-control +.input-group-addon,
.bodyTypeC .has-error .ui-spinner a.ui-spinner-button { border-color: #c14340 !Important; } /* red */
.bodyTypeC .has-error .form-control +.input-group-addon,
.bodyTypeC .has-error .ui-spinner a.ui-spinner-button { background-color: #f2dede; color: #c14340; } /* pink bg, red text */
.bodyTypeC .has-error .ui-spinner a.ui-spinner-button:before { color: #c14340; } /* red */

/* validation -> error / focus */
.bodyTypeC .has-error .form-control:focus +.input-group-addon,
.bodyTypeC .has-error .ui-spinner .ui-spinner-input:focus ~ a.ui-spinner-button { background-color: #c05e5e; } /* red */

/* validation -> success */
.bodyTypeC .has-success .form-control,
.bodyTypeC .has-success .form-control +.input-group-addon,
.bodyTypeC .has-success .ui-spinner a.ui-spinner-button { border-color: #468847; } /* green */
.bodyTypeC .has-success .form-control +.input-group-addon,
.bodyTypeC .has-success .ui-spinner a.ui-spinner-button { background-color: #dff0d8; color: #468847; } /* light green bg, green text */
.bodyTypeC .has-success .ui-spinner a.ui-spinner-button:before { color: #468847; } /* green */

/* validation -> success / focus */
.bodyTypeC .has-success input[type=text]:focus +.input-group-addon,
.bodyTypeC .has-success .ui-spinner .ui-spinner-input:focus ~ a.ui-spinner-button { background-color: #59975a; } /* green */

/* ----- readonly, disabled-----*/
.bodyTypeC .form-control[disabled],
.bodyTypeC .form-control[readonly],
.bodyTypeC fieldset[disabled] .form-control,
.bodyTypeC .form-control.disabled { position: relative; background-color: #e9ecef; color: #888; cursor: text; /*-webkit-appearance: none; -moz-appearance : none; appearance:none;*/ }
.bodyTypeC .form-control[disabled]::-ms-expand,
.bodyTypeC .form-control[readonly]::-ms-expand,
.bodyTypeC fieldset[disabled] .form-control::-ms-expand,
.bodyTypeC .form-control.disabled::-ms-expand { display: none; }
.bodyTypeC select.form-control[disabled],
.bodyTypeC select.form-control[readonly],
.bodyTypeC fieldset[disabled] select.form-control,
.bodyTypeC select.form-control.disabled { cursor: default; }
.bodyTypeC label input[type=radio][disabled].radiobox+span,
.bodyTypeC label input[type=radio][disabled].radiobox:checked+span,
.bodyTypeC label:hover input[type=radio][disabled].radiobox:checked+span:before { color: #888; }

/* input 확장(datepicker, clockpicker) */
.bodyTypeC .input-group > .form-control.datepicker[disabled],
.bodyTypeC .input-group > .form-control.datepicker[readonly],
.bodyTypeC .input-group > .form-control.clockpicker[disabled]
.bodyTypeC .input-group > .form-control.clockpicker[readonly] { background-color: #e9ecef; z-index: 1; }
.bodyTypeC .input-group > .form-control.datepicker[disabled] + .input-group-addon,
.bodyTypeC .input-group > .form-control.datepicker[readonly] + .input-group-addon,
.bodyTypeC .input-group > .form-control.clockpicker[disabled] + .input-group-addon,
.bodyTypeC .input-group > .form-control.clockpicker[readonly] + .input-group-addon { cursor: not-allowed; }

/* ----- 필수 입력 라벨 표시(*) ----- */
.bodyTypeC label.required:after,
.bodyTypeC .form-horizontal label.required:before,
.bodyTypeC .nav-tabs .required:after,
.bodyTypeC th.required:after,
.bodyTypeC .mid-title.required:after { content: "*"; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1; font-weight: 700; color: #ff6114; }
.bodyTypeC label.required:after,
.bodyTypeC .nav-tabs .required:after,
.bodyTypeC th.required:after,
.bodyTypeC .mid-title.required:after { padding-left: 3px; }
.bodyTypeC .form-horizontal label.required:before { padding-right: 3px; }
.bodyTypeC .form-horizontal label.required:after { display: none; padding: 0; }

/* ----- 입력 폼 영역을 텍스트로 대체 ----- */
.bodyTypeC .form-group .text { display: block; padding: 4px 0; width: 100%; min-height: 28px; line-height: 18px; border-bottom: 1px solid #ddd; color: #777; }
.bodyTypeC .form-group .text-danger { color: #ec2d2d; }
.bodyTypeC .form-group .text-success { color: #43a047; }
.bodyTypeC .form-group .text-primary { color: #ff6114; }

/* ----- 테이블 내 폼 그룹 ----- */
.bodyTypeC .table > tbody > tr > td .form-group { margin: 0; }
.bodyTypeC .table > tbody > tr > td .form-control { min-width: 60px; }
.bodyTypeC .table > tbody > tr > td .input-group > .datepicker,
.bodyTypeC .table > tbody > tr > td .input-group > .clockpicker { min-width: 100px; }
.bodyTypeC .table > tbody > tr > td > .form-group.checkbox { min-width: auto; }
.bodyTypeC .table > tbody > tr > td > .form-group.has-feedback .form-control + .form-control-feedback { right: -16px; }
.bodyTypeC .table > tbody > tr > td > .form-control + .text { line-height: 28px; }


/* COMPONENT
 ------------------------------------------------------------ */
.bodyTypeC .btn,
.bodyTypeC .pagination > li > a,
.bodyTypeC .pagination > li > span { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.bodyTypeC span.btn { cursor: default; }
.bodyTypeC .alert span.btn-xxs { vertical-align: 1px; }

/* -- size -- */
.bodyTypeC .btn { padding: 4px 10px; font-size: 12.3px; line-height: 1.5; }
.bodyTypeC .btn-sm { padding: 3px 6px; font-size: 12.3px; }
.bodyTypeC .btn-xs { padding: 3px 6px; min-width: 24px; font-size: 11.5px; }
.bodyTypeC .btn-xxs { padding: 0 6px; min-width: 20px; font-size: 11.5px; line-height: 18px }
.bodyTypeC .btn-lg { padding: 5px 10px; font-size: 14px; }

/* Message Box - 재설정 */
.bodyTypeC .MessageBoxButtonSection button.btn { padding: 6px 15px; min-width: 50px; font-size: 14px; }

/* -- color -- */
/* default */
.bodyTypeC .btn-default { background-color: #fff; color: #555; }
.bodyTypeC .btn-default.active,
.bodyTypeC .btn-default.focus,
.bodyTypeC .btn-default:active,
.bodyTypeC .btn-default:focus,
.bodyTypeC .btn-default:hover,
.bodyTypeC .open>.dropdown-toggle.btn-default { background-color: #f2f4f5; color: #453b3c; }

/* primary */
.bodyTypeC .btn-primary { background-color: #ff6114; border-color: #ff6114; }
.bodyTypeC .btn-primary.active,
.bodyTypeC .btn-primary.focus,
.bodyTypeC .btn-primary:active,
.bodyTypeC .btn-primary:focus,
.bodyTypeC .btn-primary:hover,
.bodyTypeC .open > .dropdown-toggle.btn-primary { background-color: #1D1D1F; border-color: #1D1D1F; }

/* success */
.bodyTypeC .btn-success { background-color: #6a6465; border-color: #6a6465; }
.bodyTypeC .btn-success.active,
.bodyTypeC .btn-success.focus,
.bodyTypeC .btn-success:active,
.bodyTypeC .btn-success:focus,
.bodyTypeC .btn-success:hover,
.bodyTypeC .open > .dropdown-toggle.btn-success { background-color: #574e4f; border-color: #574e4f; }

/* info */
.bodyTypeC .btn-info { background-color: transparent; border-color: #ff6114; color: #ff6114; }
.bodyTypeC .table .btn-info { background-color: #fff; }
.bodyTypeC .btn-info.active,
.bodyTypeC .btn-info.focus,
.bodyTypeC .btn-info:active,
.bodyTypeC .btn-info:focus,
.bodyTypeC .btn-info:hover,
.bodyTypeC .open > .dropdown-toggle.btn-info { background-color: #ffffff; border-color: #1D1D1F; color: #1D1D1F; }

/* disabled 버튼 */
.bodyTypeC .btn-default.disabled,
.bodyTypeC .btn-default.disabled.active,
.bodyTypeC .btn-default.disabled.focus,
.bodyTypeC .btn-default.disabled:active,
.bodyTypeC .btn-default.disabled:focus,
.bodyTypeC .btn-default.disabled:hover,
.bodyTypeC .btn-default[disabled],
.bodyTypeC .btn-default[disabled].active,
.bodyTypeC .btn-default[disabled].focus,
.bodyTypeC .btn-default[disabled]:active,
.bodyTypeC .btn-default[disabled]:focus,
.bodyTypeC .btn-default[disabled]:hover,
.bodyTypeC fieldset[disabled] .btn-default,
.bodyTypeC fieldset[disabled] .btn-default.active,
.bodyTypeC fieldset[disabled] .btn-default.focus,
.bodyTypeC fieldset[disabled] .btn-default:active,
.bodyTypeC fieldset[disabled] .btn-default:focus,
.bodyTypeC fieldset[disabled] .btn-default:hover { background-color: #e9ecef; color: #888; }
.bodyTypeC .btn.disabled,
.bodyTypeC .btn[disabled],
.bodyTypeC fieldset[disabled] .btn { opacity: 1; background-color: #e9ecef; border-color: #ccc; color: #888; }

/* ----- Close(X) Button ----- */
.bodyTypeC .close { text-shadow: none; opacity: 1; }

/* ----- Button Group ----- */
.bodyTypeC .btn-group { vertical-align: top; }
.bodyTypeC .btn-group > .btn { padding-left: 5px; padding-right: 5px; min-width: 43px; }

/* btn-area */
.bodyTypeC .btn-area { clear: both; }
.bodyTypeC .btn-area:after { content: ''; display: block; clear: both; }
.bodyTypeC .btn-area .btn + .btn { margin-left: 4px; }
.bodyTypeC .btn-area + .table,
.bodyTypeC .btn-area + .table-responsive { margin-top: 5px; }

/* ----- Pagination ----- */
.bodyTypeC .pagination > li > a,
.bodyTypeC .pagination > li > span { color: #777; }
.bodyTypeC .pagination > .active > a,
.bodyTypeC .pagination > .active > a:focus,
.bodyTypeC .pagination > .active > a:hover,
.bodyTypeC .pagination > .active > span,
.bodyTypeC .pagination > .active > span:focus,
.bodyTypeC .pagination > .active > span:hover { background-color: #6a6465; border-color: #6a6465; color: #fff; }

/* ----- Well ----- */
.bodyTypeC .well { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; border-color: #ddd; }
.bodyTypeC .well.bg-color-gray { background-color: #999; border-color: #999 !Important; color: #fff; }

/* ----- only text <pre> ----- */
.pre-text { margin: 0; padding: 0; background: none; border: 0; font-family: "Malgun Gothic", "맑은 고딕", dotum, 돋움, sans-serif; font-size: inherit; line-height: inherit; color: inherit; }

/* ----- Panel ----- */
.bodyTypeC .panel-default { background-color: #fff; }
.bodyTypeC .panel-default .panel-heading { background-color: #fafafa; }
.bodyTypeC .panel-primary { border-color: #ff6114; }
.bodyTypeC .panel-primary>.panel-heading { background-color: #ff6114; border-color: #ff6114; }
.bodyTypeC .panel-heading h4,
.bodyTypeC .panel-heading h6 { margin: 0; font-size: 13px; }
.bodyTypeC .panel-body.bodycontainer { width: 100%; max-height: 400px; overflow-y: auto; }
.bodyTypeC .panel-body.bodycontainer pre { word-wrap: break-word; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break: break-all; }
.bodyTypeC .panel-body.bodycontainer img { max-width: 100%; }
.bodyTypeC .panel-footer { background-color: #fafafa; }
.bodyTypeC .panel-footer .btn ~ .btn { margin-left: 5px; }

/* ----- DATA TABLE ----- */
.bodyTypeC .dt-toolbar { padding: 6px 0 1px; border-bottom: 0; background: none; }
.bodyTypeC .no-padding .dt-toolbar { padding: 6px 7px 1px; }
.bodyTypeC div.dataTables_length select { display: inline-block; width: auto; }
.bodyTypeC .dt-toolbar div.ColVis { margin-left: 4px; }
.bodyTypeC .dt-toolbar #searchResultInfo,
.bodyTypeC .dt-toolbar #displayYnBtn { float: left; }
.bodyTypeC .dt-toolbar #displayYnBtn { margin-left: 10px; }
.bodyTypeC .dt-toolbar div.ColVis button.ColVis_Button { margin-right: 0; height: 28px; box-shadow: none; line-height: 20px; }
.bodyTypeC div.dataTables_info { padding-top: 0; font-size: 12.3px; color: #999; font-weight: 400; }
.bodyTypeC table.dataTable { margin-bottom: 0 !important; }
.bodyTypeC .dt-toolbar-footer { padding-left: 0; padding-right: 0; background: none; border-top: 0; }
.bodyTypeC .no-padding .dt-toolbar-footer { padding-left: 5px; padding-right: 5px; }
.bodyTypeC .no-padding .dt-toolbar-footer > :first-child,
.bodyTypeC .no-padding .dt-toolbar > :first-child { padding-left: 13px !important; }
.bodyTypeC .no-padding .dt-toolbar-footer > :last-child,
.bodyTypeC .no-padding .dt-toolbar > :last-child { padding-right: 13px !important; }
.bodyTypeC .dataTables_empty { font-size: 12.3px; }
.bodyTypeC .no-padding .table-bordered thead tr ~ tr th { border-right: 1px solid #ddd !important; }
.bodyTypeC .no-padding .table-bordered thead tr ~ tr th.border-right,
.bodyTypeC .no-padding .table-bordered thead tr ~ tr th[data-class*="border-right"] { border-right: 1px solid #bbb !important; }
@media (max-width: 767px) {
	.bodyTypeC div.dataTables_length select.form-control { width: auto !important; }
}

/* h3 제목과 데이터 테이블 여백 축소 */
.bodyTypeC .mid-title + .dataTables_wrapper { margin-top: -10px !Important; }

/* 컬럼 속성 설정 */
.bodyTypeC button.ColVis_Button { -webkit-box-shadow: none; box-shadow: none; background: #fff; border-color: #ddd; font-size: 12.3px; color: #453b3c; }
.bodyTypeC button.ColVis_Button:hover { background: #e6e6e6; border-color: #aaa; }
.bodyTypeC ul.ColVis_collection { margin-top: -1px; margin-left: -32px; padding: 5px; width: auto; min-width: 160px; -webkit-box-shadow: none; box-shadow: none; background: #e9ecef; border-color: #999; }
.bodyTypeC ul.ColVis_collection li { margin: -1px 0 0; padding: 5px; -webkit-box-shadow: none; box-shadow: none; background: #fff; border-color: #e5e5e5; }
.bodyTypeC ul.ColVis_collection li:first-child { margin-top: 0; }
.bodyTypeC ul.ColVis_collection li label { white-space: normal; word-break: break-all; }
.bodyTypeC ul.ColVis_collection li input { margin: 0; width: 15px; height: 15px; vertical-align: top; line-height: 15px; }
.bodyTypeC ul.ColVis_collection li span { vertical-align: top; font-size: 11.5px; line-height: 15px; }

 /* ----- table ----- */
.bodyTypeC .table { background-color: #fff; }
.bodyTypeC .table,
.bodyTypeC .dataTables_wrapper > .table,
.bodyTypeC .no-padding .dataTables_wrapper table,
.bodyTypeC .no-padding > table,
.bodyTypeC .no-padding > .table-bordered,
.bodyTypeC .no-padding > .table-responsive > .table-bordered { margin-bottom: 0; border: 1px solid #ddd; }
.bodyTypeC .search-form ~ .table-responsive .table,
.bodyTypeC .search-form ~ .dataTables_wrapper .table,
.bodyTypeC .search-form ~ .section .table,
.bodyTypeC .search-form ~ .table,
.bodyTypeC .no-padding .dataTables_wrapper table, .no-padding>table { border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; }
.bodyTypeC .search-form + .table,
.bodyTypeC .search-form + .section > .table { margin-top: -1px !important; }
.bodyTypeC .tab-pane > .dataTables_wrapper > .table,
.bodyTypeC .no-padding > .dataTables_wrapper > .table,
.bodyTypeC .section > .dataTables_wrapper > .table { width: 100% !Important; }
.bodyTypeC .no-padding .search-form ~ .section .table { border-left: 0; border-right: 0; }
.bodyTypeC table.table-bordered.dataTable { border-collapse: collapse !Important; min-width: 100%; }
.bodyTypeC .dataTables_wrapper { max-width: 100%; overflow-x: auto; }
.bodyTypeC .dataTables_wrapper > .dt-toolbar.hidden + .table { margin-top: -1px !important; }
.bodyTypeC div.dataTables_info { padding-top: 0; line-height: 32px; }
.bodyTypeC table.dataTable td,
.bodyTypeC table.dataTable th { box-sizing: border-box; }
.bodyTypeC .table thead tr { font-size: 12.3px; }

/* info tr */
.bodyTypeC .table>tbody>tr.info>td,
.bodyTypeC .table>tbody>tr.info>th,
.bodyTypeC .table>tbody>tr>td.info,
.bodyTypeC .table>tbody>tr>th.info,
.bodyTypeC .table>tfoot>tr.info>td,
.bodyTypeC .table>tfoot>tr.info>th,
.bodyTypeC .table>tfoot>tr>td.info,
.bodyTypeC .table>tfoot>tr>th.info,
.bodyTypeC .table>thead>tr.info>td,
.bodyTypeC .table>thead>tr.info>th,
.bodyTypeC .table>thead>tr>td.info,
.bodyTypeC .table>thead>tr>th.info { background: #dbecf9; }

/* wait */
.bodyTypeC .table>tbody>tr.wait>td,
.bodyTypeC .table>tbody>tr.wait>th,
.bodyTypeC .table>tbody>tr>td.wait,
.bodyTypeC .table>tbody>tr>th.wait,
.bodyTypeC .table>tfoot>tr.wait>td,
.bodyTypeC .table>tfoot>tr.wait>th,
.bodyTypeC .table>tfoot>tr>td.wait,
.bodyTypeC .table>tfoot>tr>th.wait,
.bodyTypeC .table>thead>tr.wait>td,
.bodyTypeC .table>thead>tr.wait>th,
.bodyTypeC .table>thead>tr>td.wait,
.bodyTypeC .table>thead>tr>th.wait { background: #f5f6f7; color: #999; }

/* common cell style */
.bodyTypeC .table th,
.bodyTypeC .table td { padding: 5px !Important; height: 32px; /*border-bottom: 0;*/ vertical-align: middle; text-align: center; }
.bodyTypeC .table th { background-color: #f2f4f5; color: #333; font-weight: 400; }
.bodyTypeC .table td { color: #777; }

/* 달력 테이블 헤더 */
.bodyTypeC table.fc-border-separate thead > tr > th { background-color: #e9ecef; border-top-color: #ddd; border-bottom-color: #ddd; }

/* bordered table */
.bodyTypeC .table > thead > tr:first-child > th,
.bodyTypeC .table > thead > tr:first-child > td { border-top: 0; border-left: 0; }
.bodyTypeC .table-bordered > thead > tr > td,
.bodyTypeC .table-bordered > thead > tr > th { /*border-bottom: 0;*/ border-left: 0; }

/* thead, tbody, tfood 수평 경계선 */
.bodyTypeC .table > tbody > tr:first-child > th,
.bodyTypeC .table > tbody > tr:first-child > td { border-top: 0; }
.bodyTypeC .table > thead + tbody > tr:first-child > th,
.bodyTypeC .table > thead + tbody > tr:first-child > td,
.bodyTypeC .table > tfoot > tr:first-child > th,
.bodyTypeC .table > tfoot > tr:first-child > td { border-top: 1px solid #ddd; }

/* 수직 경계선(우측 선) */
.bodyTypeC .table .border-right,
.bodyTypeC .table th[data-class*="border-right"] { border-right: 1px solid #bbb !important; }

/** 수직 경계선(우측 선) - 합계명 셀이 병합된 경우 테이블에 .total-border-right 추가
  * - 정산조회 > 정산내역 > 부가서비스 정산내역(일자별))
  */
.bodyTypeC .table.total-border-right tr.total > td:first-child { border-right: 1px solid #bbb !important; }

/* 수평 스크롤 테이블 */
.bodyTypeC .table-responsive { overflow-y: visible; }
.bodyTypeC .table-responsive .table { margin-bottom: 0; min-width: 100%; }

/* 수직 스크롤 테이블 */
.bodyTypeC .table-scroll { max-width: 100%; max-height: 500px; overflow: auto; border: 1px solid #ddd; }
.bodyTypeC .table-scroll .table { overflow: visible; margin: 0; border: 0 !Important; }
.bodyTypeC .modal-body .table-scroll { max-height: 289px; }
.bodyTypeC .table-scroll .dataTables_wrapper { overflow: visible; }

/* 테이블 헤더 고정, 테이블 바디 스크롤 */
.bodyTypeC .table-header-fixed { position: relative; padding-top: 32px; width: 100%; }
.bodyTypeC .table-header-fixed:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 32px; background-color: #f2f4f5; border: 1px solid #e5e5e5; }
.bodyTypeC .table-header-fixed .table-scroll { overflow-x: hidden; overflow-y: auto; max-height: 500px; border-top: 0; }
.bodyTypeC .table-header-fixed .table-scroll .table thead th { padding: 0 !important; height: 0; border: 0; }
.bodyTypeC .table-header-fixed .table-scroll .table thead th .th-text { position: absolute; top: 0; width: inherit; line-height: 32px; white-space: nowrap; border-left: 1px solid #e5e5e5; }
.bodyTypeC .table-header-fixed .table-scroll .table thead th:first-child .th-text { border-left: 0; }
.bodyTypeC .table-header-fixed .table-scroll .table tbody { margin-top: -1px; }
.bodyTypeC .table-header-fixed .table-scroll .table tbody tr:first-child td { border-top: 0; }

/* 정렬 th */
.bodyTypeC table.dataTable thead .sorting,
.bodyTypeC table.dataTable thead .sorting_asc,
.bodyTypeC table.dataTable thead .sorting_desc { padding-left: 15px !Important; padding-right: 15px !Important; background-color: #f2f4f5; }
.bodyTypeC table.dataTable thead > tr > th.sorting_disabled { padding-right: 6px !Important; }

/* 상세 보기 style 1 */
.bodyTypeC .table.view-style-1 > thead > tr > th,
.bodyTypeC .table.view-style-1 > thead > tr > td,
.bodyTypeC .table.view-style-1 > tbody > tr > th,
.bodyTypeC .table.view-style-1 > tbody > tr > td { padding-left: 10px !important; padding-right: 10px !important; word-break: break-all; }
.bodyTypeC .table.view-style-1 > tbody > tr > th,
.bodyTypeC .table.view-style-1 > tbody > tr > td { text-align: left; }

/* striped table */
.bodyTypeC .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fafafa; } /* light gray */

/* 소계 셀 */
.bodyTypeC .table > tbody > tr.subtotal > th,
.bodyTypeC .table > tbody > tr.subtotal > td,
.bodyTypeC .table > tbody > tr > th.subtotal,
.bodyTypeC .table > tbody > tr > td.subtotal { background-color: #fffceb; color: #333; }

/* 합계 셀 */
.bodyTypeC .table > thead > tr > th.total { background-color: #eeedec; }
.bodyTypeC .table > tbody > tr.total > th,
.bodyTypeC .table > tbody > tr.total > td,
.bodyTypeC .table > tbody > tr > th.total,
.bodyTypeC .table > tbody > tr > td.total,
.bodyTypeC .table > tfoot > tr.total > th,
.bodyTypeC .table > tfoot > tr.total > td,
.bodyTypeC .table > tfoot > tr > th.total,
.bodyTypeC .table > tfoot > tr > td.total { background-color: #fbf1d8; border-color: #ddd; font-weight: 500; color: #333; }
.bodyTypeC .table > tbody > tr.total > th,
.bodyTypeC .table > tbody > tr.total > td,
.bodyTypeC .table > tbody > tr.total + tr > th,
.bodyTypeC .table > tbody > tr.total + tr > td { border-top: 1px solid #ddd; } /*합계 행 상단 라인 */
.bodyTypeC .table > tbody > tr.total + tr.total > th,
.bodyTypeC .table > tbody > tr.total + tr.total > td { border-top: 1px solid #ddd; } /* 합계 행 + 합계 행 */
.bodyTypeC .table > tbody > tr.total.danger > th,
.bodyTypeC .table > tbody > tr.total.danger > td,
.bodyTypeC .table > tbody > tr > th.total.danger,
.bodyTypeC .table > tbody > tr > td.total.danger,
.bodyTypeC .table > tfoot > tr.total.danger > th,
.bodyTypeC .table > tfoot > tr.total.danger > td,
.bodyTypeC .table > tfoot > tr > th.total.danger,
.bodyTypeC .table > tfoot > tr > td.total.danger { background-color: #f2dede; } /* 합계 행 .danger 강조 */

/* 강조 셀 */
.bodyTypeC .table > tbody > tr.highlight > th,
.bodyTypeC .table > tbody > tr.highlight > td,
.bodyTypeC .table > tbody > tr > th.highlight,
.bodyTypeC .table > tbody > tr > td.highlight { background-color: #fffceb !Important; }

/* table hover */
.bodyTypeC .table-hover > tbody > tr:hover.total > th,
.bodyTypeC .table-hover > tbody > tr:hover.total > td,
.bodyTypeC .table-hover > tbody > tr:hover > th.total,
.bodyTypeC .table-hover > tbody > tr:hover > td.total { background-color: #fbefd0 !Important; }
.bodyTypeC .table-hover > tbody > tr:hover > td,
.bodyTypeC .table-hover > tbody > tr:hover > th,
.bodyTypeC .table > tbody > tr:hover.wait > th,
.bodyTypeC .table > tbody > tr:hover.wait > td { background-color: #f2f3f4; } /* gray */
.bodyTypeC .table-hover > tbody > tr:hover.subtotal > th,
.bodyTypeC .table-hover > tbody > tr:hover.subtotal > td,
.bodyTypeC .table-hover > tbody > tr:hover > th.subtotal,
.bodyTypeC .table-hover > tbody > tr:hover > td.subtotal,
.bodyTypeC .table-hover > tbody > tr:hover.highlight > th,
.bodyTypeC .table-hover > tbody > tr:hover.highlight > td,
.bodyTypeC .table-hover > tbody > tr:hover > th.highlight,
.bodyTypeC .table-hover > tbody > tr:hover > td.highlight,
.bodyTypeC .table > tbody > tr:hover.warning > th,
.bodyTypeC .table > tbody > tr:hover.warning > td { background-color: #fbf6d9 !Important; }
.bodyTypeC .table > tbody > tr:hover.danger > th,
.bodyTypeC .table > tbody > tr:hover.danger > td,
.bodyTypeC .table > tbody > tr:hover > th.danger,
.bodyTypeC .table > tbody > tr:hover > td.danger,
.bodyTypeC .table > tfoot > tr:hover.danger > th,
.bodyTypeC .table > tfoot > tr:hover.danger > td,
.bodyTypeC .table > tfoot > tr:hover > th.danger,
.bodyTypeC .table > tfoot > tr:hover > td.danger { background-color: #f1dada !Important; }
.bodyTypeC .table > tbody > tr:hover.info > th,
.bodyTypeC .table > tbody > tr:hover.info > td { background-color: #d7eaf9 !important; }
.bodyTypeC .table > tbody > tr:hover.success > th,
.bodyTypeC .table > tbody > tr:hover.success > td { background-color: #d9efd1 !important; }

/* 상단 툴바 없는 경우 */
.bodyTypeC table.mg0.dataTable { margin: 0 !important; }

/* ----- Drop down menu ----- */
.bodyTypeC .dropdown-menu { margin: 0; padding: 0; border-color: #e5e5e5; border-radius: 0; }
.bodyTypeC .dropdown-menu > li > a:focus,
.bodyTypeC .dropdown-menu > li > a:hover { color: #fff; background-color: #ff6114; }
.bodyTypeC .dropdown-menu > .active > a,
.bodyTypeC .dropdown-menu > .active > a:focus,
.bodyTypeC .dropdown-menu > .active > a:hover { color: #fff; background-color: #ff6114; }

/* ----- 프로젝트 선택 드롭다운 메뉴 ----- */
.bodyTypeC .project-list { min-width: 300px; overflow-y: auto; } /* max-height: defaultFooter.jsp 내 script 처리 */
.bodyTypeC .project-list .divider { margin: 0; background-color: #e5e5e5; }
.bodyTypeC .open>.dropdown-menu {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: .2s;
	-moz-animation-duration: .2s;
	-o-animation-duration: .2s;
	animation-duration: .2s;
}

/* -- 모니터링 거래 제외 -- */
#header > div.check-group { padding: 10px 15px 0; }
#header .checkbox span { font-size: 13px; }

/* 초기화 버튼(첫번째 li) */
.bodyTypeC .project-list > li.btn-reset { padding: 5px; }
.bodyTypeC .project-list > li.btn-reset a { padding-top: 0; padding-bottom: 0; border: 0; background: #6a6465; color: #fff; line-height: 30px; border-radius: 2px; }
.bodyTypeC .project-list > li.btn-reset a:hover { background: #3e4144; }

/* 공통 */
.bodyTypeC .project-list li a { display: block; padding: 8px 15px; clear: both; border-bottom: 1px solid #e5e5e5; font-weight: 400; line-height: 1.4; color: #453b3c; white-space: nowrap; }
.bodyTypeC .project-list li a i { margin-right: 2px; }

/* 2depth */
.bodyTypeC .project-list ul { position: relative; padding: 0; border-bottom: 1px solid #e5e5e5; background: #fafafa; list-style: none; }
.bodyTypeC .project-list ul:before { content: ""; position: absolute; top: 0; bottom: 14px; left: 20px; display: block; border-left: 1px solid #ddd; z-index: 2; }
.bodyTypeC .project-list ul li { position: relative; }
.bodyTypeC .project-list ul li a:before { content: ""; display: block; position: absolute; width: 7px; left: 20px; top: 14px; border-top: 1px solid #ddd; z-index: 2; }
.bodyTypeC .project-list ul li a { padding: 6px 15px 6px 32px; color: #555; font-size: 12.3px; border-bottom: 0; }

/* hover */
.bodyTypeC .project-list li a:focus,
.bodyTypeC .project-list li a:hover { color: #fff; background-color: #ff6114; }
.bodyTypeC .project-list .active a,
.bodyTypeC .project-list .active a:focus,
.bodyTypeC .project-list .active a:hover { color: #fff; background-color: #ff6114; }

/* 선택명 */
.bodyTypeC .project-selector > .fa-angle-down { margin-left: 5px; }

/* ----- Widget ----- */
.bodyTypeC .jarviswidget { border: 1px solid #ddd; }
.bodyTypeC .jarviswidget > div { border: 0; font-size: 12.3px; }
.bodyTypeC .jarviswidget > header { height: 33px !important; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; border-bottom: 1px solid #ddd; font-size: 14px; color: #453b3c; }
.bodyTypeC .jarviswidget > header .jarviswidget-ctrls .switch-container { display: none; } /* 위젯 헤더 > 컨트롤 > 검색 조건 저장 스위치 숨김 */
.bodyTypeC .ui-sortable .jarviswidget-sortable.jarviswidget-color-blueDark > header { background: #fafafa; border-top: 2px solid #6a6465; border-bottom: 1px solid #e5e5e5 !important; }
.bodyTypeC .jarviswidget>header>.widget-icon { font-size: inherit; }
.bodyTypeC .jarviswidget>header>.widget-icon > i { vertical-align: 1px; }
.bodyTypeC .jarviswidget header h2 { width: auto !important; line-height: 32px; }
.bodyTypeC .jarviswidget header > .dp-inline-block { margin: 0 5px; font-size: 12.3px; line-height: 32px; }
.bodyTypeC .jarviswidget header .btn-circle-icon { margin-top: 7px; vertical-align: top; }
.bodyTypeC .jarviswidget header .btn.pull-right { margin: 2px 4px 0 0; } /* 엑셀 다운로드 버튼 */
.bodyTypeC .jarviswidget header .btn.btn-sm.pull-right { margin: 4px 4px 0 0; } /* 엑셀 다운로드 작은 버튼 */
.bodyTypeC .jarviswidget-color-blueDark .nav-tabs li:not(.active) a,
.bodyTypeC .jarviswidget-color-blueDark>header>.jarviswidget-ctrls a { color: #453b3c !important; }
.bodyTypeC .jarviswidget-ctrls { height: 32px; }
.bodyTypeC .jarviswidget-ctrls a,
.bodyTypeC .jarviswidget-ctrls .button-icon { color: #999; }
.bodyTypeC .jarviswidget-ctrls .button-text .badge { vertical-align: 1px; }
.bodyTypeC .jarviswidget .widget-body { clear: both; }
.bodyTypeC .jarviswidget .widget-body:after { content: ''; display: block; clear: both; }
.bodyTypeC .jarviswidget-ctrls .button-icon,
.bodyTypeC .jarviswidget-ctrls .button-text { border-left: 1px solid #e9ecef; vertical-align: top; }
.bodyTypeC .jarviswidget-ctrls .button-text { padding-left: 10px; padding-right: 10px; color: #999; cursor: pointer; }
/* .bodyTypeC .jarviswidget-ctrls .button-text:hover { background-color: rgba(0,0,0,.05); } */
.bodyTypeC .widget-body { min-height: auto; }
.bodyTypeC .widget-toolbar { display: none; } /* 위젯 헤더 컬러 선택 메뉴 숨김 */
.bodyTypeC .widget-footer { clear: both; margin-bottom: 0; padding: 15px; min-height: 68px; border-top-color: #ddd; background-color: #fafafa; text-align: center; }
.bodyTypeC .widget-footer:after { content: ''; display: block; clear: both; }
.bodyTypeC .widget-footer .btn { margin: 2px 3px; padding: 6px 15px; min-width: 80px; font-size: 13px; }
.bodyTypeC .widget-body.no-padding .table + .widget-footer { border-top-color: #ddd; }
.bodyTypeC .widget-footer .pull-left { position: absolute; top: 15px; left: 15px; }


/* ----- Dual List Box(선택 목록 좌우 이동) ----- */
/* box */
@media (max-width: 991px) {
	.bodyTypeC .bootstrap-duallistbox-container .box2 { margin-top: 20px; }
}

/* 좌우 리스트 제목 */
.bodyTypeC .bootstrap-duallistbox-container label { margin-bottom: 15px; padding-top: 0; font-size: 14px; font-weight: 700 !Important; color: #6a6465; }

/* info (선택 목록 수) */
.bodyTypeC .bootstrap-duallistbox-container .info { font-size: 12.3px; }

/* 화살표 버튼 */
.bodyTypeC .bootstrap-duallistbox-container .btn-group .btn + .btn { float: right; }
.bodyTypeC .bootstrap-duallistbox-container .move,
.bodyTypeC .bootstrap-duallistbox-container .remove { width: 60%; }
.bodyTypeC .bootstrap-duallistbox-container .moveall,
.bodyTypeC .bootstrap-duallistbox-container .removeall { width: calc(40% + 1px); }

/* ----- Sortable List(수동 정렬 목록)----- */
.bodyTypeC .sortable-list { clear: both; margin: 0; padding: 0; }
.bodyTypeC .sortable-list:after { content: ''; clear: both; display: block; }
.bodyTypeC .sortable-list li { list-style: none; padding: 5px 10px; background-color: #fafafa; border: 1px solid #e5e5e5; cursor: all-scroll; }
.bodyTypeC .sortable-list li + li { margin-top: 3px; }
.bodyTypeC .sortable-list li:before { content: '\f0dc'; display: inline-block; padding-right: 8px; font-family: FontAwesome; color: #888; }
.bodyTypeC .sortable-list li.ui-sortable-helper { border: 1px solid #ff6114 !Important; color: #ff6114; }
.bodyTypeC .sortable-list li.ui-sortable-helper:before { color: #ff6114; }

/* ----- 선택 목록 좌우 이동 스크롤 박스 (세금계산서 발행 등록정보, 즐겨찾기 메뉴 설정) ----- */
.bodyTypeC .move-list-box .table-scroll > .table { margin-bottom: -1px; }
.bodyTypeC .move-list-box .table-scroll > .table th,
.bodyTypeC .move-list-box .table-scroll > .table td { border-bottom: 1px solid #ddd }
.bodyTypeC .move-list-box .contol-move { text-align: center; }
.bodyTypeC .move-list-box .fa { vertical-align: 10%; }
.bodyTypeC .move-list-box .contol-move .btn.move,
.bodyTypeC .move-list-box .contol-move .btn.remove { margin: 5px; font-size: 24px; }
.bodyTypeC #favMenuModal .box3 .control-order { padding: 9px; background: #fafafa; border: 1px solid #ddd; border-top: 0; text-align: center; }
.bodyTypeC #favMenuModal .box3 .control-order .btn { font-size: 18px; line-height: 1.2; }
@media (max-width: 991px) {
	.bodyTypeC .move-list-box .contol-move .btn.move,
	.bodyTypeC .move-list-box .contol-move .btn.remove { transform: rotate(90deg); }
	.bodyTypeC .move-list-box .contol-move br { display: none; }
}
@media (min-width: 992px) {
	.bodyTypeC .move-list-box .table-scroll { height: 480px; max-height: 480px; }
	.bodyTypeC #favMenuModal .box3 .table-scroll { height: 430px; max-height: 430px; }
	.bodyTypeC .move-list-box .contol-move { padding-top: 230px; }
}

/* ----- Modal ----- */
.bodyTypeC .modal-content { background: #fff; border: 0; border-radius: 0; }
.bodyTypeC .modal-header { padding: 16px 20px; background: #fafafa; color: #453b3c; }
.bodyTypeC .modal-header .close { margin-top: 0; }
.bodyTypeC .modal-title { font-size: 18px; font-weight: 500; }
.bodyTypeC .modal-footer { position: relative; padding: 15px 20px; background: #fafafa; font-size: 0; text-align: center; }
.bodyTypeC .modal-footer .btn { margin: 2px 3px; padding: 6px 15px; min-width: 80px; font-size: 13px; }

/* 모달 바디 자동 스크롤 */
.bodyTypeC .modal-body.bodycontainer { max-height: 600px; width: 100%; margin: 0; overflow-y: auto; }

/* 모달 최소 사이즈 */
.bodyTypeC .modal-dialog { min-width: 300px; }

/* 공지 팝업 */
.bodyTypeC .modal.notice .modal-title { margin-bottom: 30px; text-align: center; color: #ff6114; }

@media (min-width: 768px) {
	/* 모달 사이즈 추가 */
	.bodyTypeC .modal-dialog { width: 620px; }
	.bodyTypeC .modal-sm { width: 340px; }
}
@media (min-width: 992px) {
	/* 모달 사이즈 추가 */
	.bodyTypeC .modal-lg { width: 920px; }
	.bodyTypeC .modal-xl { width: 75%; max-width: 1260px; }
	.bodyTypeC .modal-xxl { width: 90%; max-width: 1500px; }
	
	/* 공지 팝업 */
	.bodyTypeC .modal.notice .modal-dialog { margin: 100px auto; }
	.bodyTypeC .modal.notice .modal-title { font-size: 22px; }
	.bodyTypeC .modal.notice .modal-body { padding: 50px 40px 40px; font-size: 13px; }
	.bodyTypeC .modal.notice .modal-footer { padding: 10px 15px; }
}

@media (min-width: 1025px) {
	.bodyTypeC .modal.in { padding-right: 17px; }
}

/* ----- Tabs ----- */
.bodyTypeC .nav-tabs > li > a { min-width: 100px; font-size: 13px; color: #777; text-align: center; }
.bodyTypeC .nav-tabs > li.active > a { -webkit-box-shadow: 0 -2px 0 #ff6114; -moz-box-shadow: 0 -2px 0 #ff6114; box-shadow: 0 -2px 0 #ff6114; color: #453b3c; font-weight: 400; }
.bodyTypeC .nav-tabs > li > a .badge { vertical-align: top; }
.bodyTypeC .tab-content { padding-top: 20px; }
.bodyTypeC .nav-tabs > li { cursor: pointer; }
.bodyTypeC .nav-tabs > li.active,
.bodyTypeC .nav-tabs > li.active:focus,
.bodyTypeC .nav-tabs > li.active:hover { cursor: default; }
.bodyTypeC .tabs-left > .nav-tabs > li.active > a { -webkit-box-shadow: -2px 0 0 #ff6114; -moz-box-shadow: -2px 0 0 #ff6114; box-shadow: -2px 0 0 #ff6114; }
.bodyTypeC .tabs-left > .nav-tabs .active > a,
.bodyTypeC .tabs-left > .nav-tabs .active > a:focus,
.bodyTypeC .tabs-left > .nav-tabs .active > a:hover { border-color: #e5e5e5 #fff #e5e5e5 #e5e5e5; }
.bodyTypeC .tabs-left > .tab-content { padding-top: 0; }

/* no padding widget tabs */
.bodyTypeC .widget-body.no-padding > .nav-tabs { padding: 20px 13px 0 }

/* 작은 화면 탭 네비 : 버튼 스타일로 변경(.tabs-left 제외) */
@media (max-width: 767px) {
	.bodyTypeC :not(.tabs-left) > .nav-tabs { margin-left: -2px; margin-right: -2px; margin-bottom: -4px; border-bottom: 0; }
	.bodyTypeC :not(.tabs-left) > .nav-tabs > li { min-width: 50%; padding: 0 2px 4px 2px; }
	.bodyTypeC :not(.tabs-left) > .nav-tabs > li > a { margin: 0; padding-left: 5px; padding-right: 5px; border: 1px solid #e5e5e5; }
	.bodyTypeC :not(.tabs-left) > .nav-tabs > li.active > a { border-bottom: 1px solid #e5e5e5; }
}

/* ----- accordion ----- */
.bodyTypeC .ui-accordion .ui-accordion-header { font-size: 14px; }

/* 대시보드 > 공지사항 */
.bodyTypeC .smart-accordion-default .panel-default { border-top-color: #ddd; }
.bodyTypeC .smart-accordion-default.panel-group .panel-title a { color: #453b3c; }
.bodyTypeC .smart-accordion-default.panel-group .panel-title a>.subject { display: block; float: left; width: calc(100% - 130px); }
.bodyTypeC .smart-accordion-default.panel-group .panel-title a>.date { display: block; float: right; width: 120px; text-align: right; color: #888; }
.bodyTypeC .smart-accordion-default .panel-body { color: #777; }
.bodyTypeC .smart-accordion-default .panel-body pre { margin: 0; padding: 0; background: none; border: 0; font-size: 12.3px; color: #777; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; }
.bodyTypeC .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #e5e5e5; }

/* 가맹점 외 등록 페이지 */
.bodyTypeC .section-type { margin-bottom: 0; }
.bodyTypeC .section-type .panel-primary { border: 0; }
.bodyTypeC .section-type .panel-primary .panel-heading { background-color: #453b3c; border-color: #453b3c; }
.bodyTypeC .section-type .panel ~ .panel-primary { margin-top: 0; border-top: 1px solid #ddd; }
.bodyTypeC .section-type .panel-primary .panel-heading .panel-title a { padding: 12px 20px; color: #e9ecef; }
.bodyTypeC .section-type .panel-heading h4 { font-size: 15px; }
.bodyTypeC .section-type .panel-primary .panel-body { padding: 20px 15px; border-top: 0; }

/* ----- Message Box ----- */
.bodyTypeC .MessageBoxMiddle .MsgTitle { display: block; margin-bottom: 5px; font-size: 22px; }
.bodyTypeC .MessageBoxButtonSection { clear: both; margin-top: 15px; height: auto; }
.bodyTypeC .MessageBoxButtonSection:after { content: ''; clear: both; display: block; }

/* popup */
.bodyTypeC .popup ~ .divMessageBox .MessageBoxMiddle { left: 15%; width: 70%; }
.bodyTypeC .popup ~ .divMessageBox .MessageBoxMiddle .MsgTitle { font-size: 18px; }
.bodyTypeC .popup ~ .divMessageBox .MessageBoxMiddle .pText { font-size: 12.3px; }
.bodyTypeC .popup ~ .divMessageBox .MessageBoxButtonSection button { font-size: 13px; }

/* ----- toggle area (button + panel) ----- */
.bodyTypeC .toggle-area .btn-toggle .toggle-icon { display: inline-block; padding-left: 3px; line-height: 1; vertical-align: -1px; }
.bodyTypeC .toggle-area .btn-toggle .toggle-icon .fa { font-size: 140%; }
.bodyTypeC .toggle-area:not(.active) .btn-toggle .fa-angle-up { display: none; }
.bodyTypeC .toggle-area:not(.active) .btn-toggle .fa-angle-down { display: block; }
.bodyTypeC .toggle-area.active .btn-toggle .fa-angle-up { display: block; }
.bodyTypeC .toggle-area.active .btn-toggle .fa-angle-down { display: none; }
.bodyTypeC .toggle-area .toggle-panel { clear: both; display: none; padding-top: 5px; }
.bodyTypeC .toggle-area .toggle-panel:after { content: ''; clear: both; display: none; }
.bodyTypeC .toggle-area:not(.active) .toggle-panel { display: none; }
.bodyTypeC .toggle-area.active .toggle-panel { display: block; }

/* ----- Alert(데이터 검증 패널) ----- */
.bodyTypeC .widget-body.no-padding .alert { margin: 0; padding: 13px 19px; border: 0; }
.bodyTypeC .alert { position: relative; padding: 13px 19px; border: 0; }
.bodyTypeC .alert-info { border-color: #9ac7e6; background-color: #dbecf9; }
.bodyTypeC .alert .close { position: absolute; top: 8px; right: 10px; }
.bodyTypeC .alert .btn-toggle { padding: 0; background: none; border: 0; font-size: 14px; font-weight: 700; text-align: left; }
.bodyTypeC .alert .btn-toggle .fa { font-size: 15px; }
.bodyTypeC .alert-danger { background-color: #d46262; }
.bodyTypeC .alert-danger .alert-link,
.bodyTypeC .alert-danger .close { color: #fff; }
.bodyTypeC .alert-info .close { color: #305d8c; }
.bodyTypeC .alert-success .close { color: #356635; }
.bodyTypeC .alert-warning .close { color: #826430; }
.bodyTypeC .alert h4,
.bodyTypeC .alert h6 { margin-top: 0; margin-bottom: 7px; font-size: 14px; font-weight: 700; } /* title */
.bodyTypeC .alert h4 i,
.bodyTypeC .alert h6 i { font-size: 15px; }
.bodyTypeC .alert p, .bodyTypeC .alert ul.ul-list { margin-top: .5em; margin-bottom: .5em; }
.bodyTypeC .alert strong { font-weight: 700; }

/* ----- Toast(토스트 팝업) ----- */
.bodyTypeC .toast-top-left,
.bodyTypeC .toast-bottom-left { left: 230px; }
.bodyTypeC.minified .toast-top-left,
.bodyTypeC.minified .toast-bottom-left { left: 54px; }
.bodyTypeC.hidden-menu .toast-top-left,
.bodyTypeC.hidden-menu .toast-bottom-left { left: 20px; }
.bodyTypeC.mobile-view-activated .toast-top-left,
.bodyTypeC.mobile-view-activated .toast-bottom-left { left: 10px; }
.bodyTypeC.hidden-menu #left-panel:hover ~ .toast-top-left,
.bodyTypeC.hidden-menu #left-panel:hover ~ .toast-bottom-left { left: 230px; }
.bodyTypeC .toast-top-right,
.bodyTypeC .toast-bottom-right { right: 10px; }
.bodyTypeC .toast-top-left,
.bodyTypeC .toast-top-center,
.bodyTypeC .toast-top-right { top: 59px; }
.bodyTypeC .toast-bottom-left,
.bodyTypeC .toast-bottom-center,
.bodyTypeC .toast-bottom-right { bottom: 10px; }

/* ----- Badge ----- */
.bodyTypeC .badge { min-width: 18px; padding: 3px; font-size: 11.5px; line-height: 12px; font-weight: 400; letter-spacing: 0; }
.bodyTypeC .badge-primary { background-color: #ff6114; }
.bodyTypeC nav .badge { margin-left: 3px; }

/* ----- label ----- */
.bodyTypeC .label { padding: .25em .5em; font-size: 90%; }
.bodyTypeC .mid-title .label { margin: 0 3px; vertical-align: 1px; }
.bodyTypeC h3.mid-title .label { font-size: 13px; }
.bodyTypeC h4.mid-title .label { font-size: 12.3px; }
.bodyTypeC .label-orange { background-color: #f36f31; }
.bodyTypeC .label-yellow,
.bodyTypeC .label-primary { background-color: #ff6114; }
.bodyTypeC .label-success { background-color: #29aa7f; }
.bodyTypeC .label-info { background-color: #489be9; }
.bodyTypeC .label-blue { background-color: #1275d6; }
.bodyTypeC .badge.bg-color-primary { color: #fff; }

/* ----- Wizard(step) ----- */
.bodyTypeC .fuelux .wizard,
.bodyTypeC .fuelux .wizard ul li:first-child { border-radius: 0; }
.bodyTypeC .fuelux .wizard { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fafafa; border-color: #ddd; }
.bodyTypeC .modal-header.fuelux .wizard { background: #e9ecef; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; }
.bodyTypeC .modal-header.fuelux h4 + .wizard { margin-top: 10px; }
.bodyTypeC .fuelux .wizard ul li { background: #fff; font-size: 14px; }
.bodyTypeC .fuelux .wizard ul li.active { background: #ff6114; color: #fff; font-weight: 500; }
.bodyTypeC .fuelux .wizard ul li.active .chevron:before { border-left-color: #ff6114; }
.bodyTypeC .fuelux .wizard ul li .badge { margin-right: 5px; }
.bodyTypeC .fuelux .wizard ul li.active .badge { background: #fff; color: #ff6114; font-weight: 700; }
.bodyTypeC .fuelux .wizard ul li .chevron { border-left-color: #ddd; }
.bodyTypeC .fuelux .wizard ul li .chevron:before { border-left-color: #fff; }

.bodyTypeC .fuelux .wizard ul.steps { display: table; height: 48px; }
.bodyTypeC .fuelux .wizard ul.steps li { display: table-cell; float: none; position: relative; padding-left: 50px; padding-right: 10px; height: 48px; font-size: 13px; line-height: 1.3; vertical-align: middle; }
.bodyTypeC .fuelux .wizard ul.steps li:first-child { padding-left: 40px; }
.bodyTypeC .fuelux .wizard ul.steps li .badge { position: absolute; top: 15px; left: 25px; }
.bodyTypeC .fuelux .wizard ul.steps li:first-child .badge { left: 15px; }

.bodyTypeC .fuelux [class|="grid"].wizard { overflow: visible; width: calc(100% - 15px); }
.bodyTypeC .fuelux [class|="grid"].wizard ul { width: 100%; }
.bodyTypeC .fuelux .grid-3.wizard ul li { width: 33.333%; }
.bodyTypeC .fuelux .grid-4.wizard ul li { width: 25%; }
.bodyTypeC .fuelux .grid-5.wizard ul li { width: 20%; }
.bodyTypeC .fuelux .grid-6.wizard ul li { width: 16.666%; }
.bodyTypeC .fuelux .grid-7.wizard ul li { width: 14.285%; }
.bodyTypeC .fuelux .grid-8.wizard ul li { width: 12.5%; }

/* ----- Tooltip ----- */
.bodyTypeC .tooltip.left .tooltip-arrow { border-left-color: #323e51; }
.bodyTypeC .tooltip.right .tooltip-arrow { border-right-color: #323e51; }
.bodyTypeC .tooltip.top .tooltip-arrow { border-top-color: #323e51; }
.bodyTypeC .tooltip.bottom .tooltip-arrow { border-bottom-color: #323e51; }
.bodyTypeC .tooltip-inner { background-color: #323e51; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; font-size: 12.3px; letter-spacing: 0; font-size: 12.3px; font-weight: 400; border-radius: 2px; }

/* 위젯 제어 버튼 툴팁 */
.bodyTypeC .jarviswidget-ctrls .tooltip-inner { min-width: 50px; text-align: center; white-space: nowrap; }

/* ----- Popover ----- */
.bodyTypeC .popover { padding: 0; min-width: 260px; max-width: 400px; border-color: #999; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 12.3px; color: #777; z-index: 1060; }
.bodyTypeC .popover-title { padding-right: 30px; color: #453b3c; border-radius: 0; border-bottom-color: #e5e5e5; background-color: #fafafa; }
.bodyTypeC .popover-title .fa { vertical-align: 0; }
.bodyTypeC .popover.bottom>.arrow { border-bottom-color: #999; }
.bodyTypeC .popover.top>.arrow { border-top-color: #999; }
.bodyTypeC .popover.bottom>.arrow:after { border-bottom-color: #fafafa; }
.bodyTypeC .popover .close { position: absolute; top: 0; right: 0; width: 30px; height: 34px; line-height: 30px; text-align: center; }
.bodyTypeC .popover-content:last-child { border-radius: 0; }

/* clockpicker */
.bodyTypeC .popover.clockpicker-popover { margin-top: 0; min-width: auto; }
.bodyTypeC .popover.clockpicker-popover>.arrow { display: none; }
.bodyTypeC .popover.clockpicker-popover .popover-title { padding-right: 14px; }

/* ----- 로딩 이미지 ----- */
.bodyTypeC .loading,
.bodyTypeC .loadingBar { position: fixed; top: 50%; left: 50%; margin-top: -47px; margin-left: -47px; padding-top:10px; width: 94px; height: 94px; background:#fff; border:3px solid #bfe3eb; border-radius: 10px; text-align:center; z-index: 1050; }

/* ----- progress bar ----- */
.progress-bar { background-color: #4589d2; }
.progress-bar-primary { background-color: #ff6114; }
.progress-bar-info { background-color: #999; }
.progress-bar-success { background-color: #5faf5f; }
.progress-bar-warning { background-color: #dea849; }
.progress-bar-danger { background-color: #d46262; }


/* #로그인/회원가입
 ------------------------------------------------------------ */
.bodyTypeC.member { background: #fff; }
.bodyTypeC.member > .member-wrap {
	margin: 0;
	background: #e9ecef url('/images/member-bg-02.jpg') 0 0 no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/member-bg-02.jpg', sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/member-bg-02.jpg', sizingMethod='scale');
}

/* ----- Header ----- */
#extr-page #header,
#extr-page #content,
#extr-page .container { padding-left: 80px; padding-right: 80px; }
#extr-page .bodyTypeC #header,
.bodyTypeC .member-wrap #header { height: auto; background: none !Important; border-bottom: 0 !Important; }
#extr-page .bodyTypeC #header #logo-group,
.bodyTypeC .member-wrap #header #logo-group { padding-top: 35px; width: auto !important; height: auto; }
#extr-page .bodyTypeC #header #logo,
.bodyTypeC .member-wrap #header #logo { margin: 0; padding: 0; height: auto; font-size: 18px; color: #222; }
#extr-page .bodyTypeC #header #logo img,
.bodyTypeC .member-wrap #header #logo img { padding: 0; width: 150px; height: auto; vertical-align: -4px; }
.bodyTypeC .member-wrap #header #logo span { display: inline-block; padding-left: 10px; }
.bodyTypeC .member-wrap #header #logo span:before { content: ''; display: inline-block; margin-right: 15px; width: 1px; height: 18px; background: #343434; vertical-align: -2px; }
.bodyTypeC #extr-page-header-space { padding-top: 20px; line-height: 28px; }
.bodyTypeC #extr-page-header-space > * { vertical-align: top; }

/* ----- Main ----- */
.bodyTypeC .member-wrap #main { margin: 0; padding-top: 20px; padding-bottom: 40px; }

@media (min-width: 768px) {
	.bodyTypeC.member > .member-wrap { min-height: 100%; }
	.bodyTypeC .member-wrap #main { padding-top: 40px; padding-bottom: 200px; }
	#extr-page .bodyTypeC #header #logo,
	.bodyTypeC .member-wrap #header #logo { font-size: 20px; }
	#extr-page .bodyTypeC #header #logo img,
	.bodyTypeC .member-wrap #header #logo img { width: 160px; }
}

/* form */
.bodyTypeC .smart-form .input input,
.bodyTypeC .smart-form .select select,
.bodyTypeC .smart-form .textarea textarea { line-height: 20px; }

/* validation 아이콘 */
.bodyTypeC .state-success .icon-append,
.bodyTypeC .state-success .icon-prepend { color: #468847; }
.bodyTypeC .state-error .icon-append,
.bodyTypeC .state-error .icon-prepend { color: #c14340; }

/* 신규 UI */
.bodyTypeC .member-wrap .member-box { margin: auto; width: 100%; background: none; }
.bodyTypeC .member-wrap .member-box.login { max-width: 800px; }
.bodyTypeC .member-wrap .member-box.register { max-width: 600px; }
.bodyTypeC .member-wrap .member-box .client-form { background: #fff; border-top: 4px solid #ff6114; border-radius: 3px; box-shadow: 0 5px 10px rgba(0,0,0,.3) }
.bodyTypeC .member-wrap .member-box .client-form header { padding: 110px 0 0; background: url('/images/member-icon-login-yellow.png') center center no-repeat; background-size: 65px auto; border: 0; color: #453b3c; font-size: 18px; font-weight: 500; text-align: center; }
.bodyTypeC .member-wrap .member-box.register .client-form header { background-image: url('/images/member-icon-register-yellow.png'); }
.bodyTypeC .member-wrap .member-box .client-form fieldset { background: none; padding: 20px 20px 5px; }
.bodyTypeC .member-wrap .member-box .client-form .state-error+em { color: #fa8b72; }
.bodyTypeC .member-wrap .member-box .client-form .label { margin-bottom: 5px; padding: 0; color: #6a6465; font-size: 12.3px; font-weight: 400; }
.bodyTypeC .member-wrap .member-box .client-form .checkbox { color: #6a6465; font-size: 12.3px; }
.bodyTypeC .member-wrap .member-box .client-form .btn { line-height: 26px; }
.bodyTypeC .member-wrap .member-box .client-form .btn-submit { margin-top: 5px; width: 100%; font-size: 15px; }
.bodyTypeC .member-wrap .member-box .client-form .find { clear: both; margin-top: 15px; } 
.bodyTypeC .member-wrap .member-box .client-form .find:after { content: ''; display: block; clear: both; } 
.bodyTypeC .member-wrap .member-box .client-form .find .btn { width: 49%; }
.bodyTypeC .member-wrap .member-box .client-form .find .btn + .btn { float: right; }
.bodyTypeC .member-wrap .member-link { margin-top: 30px; font-size: 13px; text-align: center; }
.bodyTypeC .member-wrap .member-link .btn { margin-top: 10px; width: 100%; }

/* 로그인화면 변경 추가 250530 */
.bodyTypeC .member-wrap .member-box.login { box-shadow: 0 5px 10px rgba(0,0,0,.3); }
.bodyTypeC .member-wrap .member-box.login::after { content: ''; display: block; clear: both; }
.bodyTypeC .member-wrap .member-box .client-form { width: 400px; max-width: 400px; height: 492px; float: left; border-radius: 0; box-shadow: none; }
.slideBox { position: relative; width: 400px; height: 492px; float: right; box-shadow: none;  }
.mySlideDiv { max-width: 400px; }
.slide-pagination { display: flex; justify-content: center; margin-top: 10px; gap: 6px; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); }  
.slide-bullet { width: 10px; height: 10px; background-color: #67696d; border-radius: 50%;
cursor: pointer; transition: background-color 0.3s; }
.slide-bullet.active { background-color: #fff; }
.mySlideDiv img.w100p { height: 492px; }
/* //로그인화면 변경 추가 250530 */

/* ----- Footer ----- */
.bodyTypeC .member-wrap #footer { padding: 30px 10px; background: #fff; }
.bodyTypeC .member-wrap #footer p { margin: 0; font-size: 12.3px; line-height: 1.4; color: #777; }
.bodyTypeC .member-wrap #footer .footer-link { margin-bottom: 7px; font-size: 0; white-space: nowrap; }
.bodyTypeC .member-wrap #footer .footer-link a { position: relative; margin-right: 21px; font-size: 13px; color: #777; line-height: 20px; }
.bodyTypeC .member-wrap #footer .footer-link a:before { content: ''; display: block; position: absolute; top: 4px; right: -11px;
	width: 1px; height: 12px; background: #777; pointer-events: none; }
.bodyTypeC .member-wrap #footer .footer-link a:last-child { margin-right: 0; }
.bodyTypeC .member-wrap #footer .footer-link a:last-child:before { display: none; }
.bodyTypeC .member-wrap #footer .footer-link a.strong { color: #333; }
.bodyTypeC .member-wrap #footer .footer-info { margin: 15px 0; color: #aaa; }
.bodyTypeC .member-wrap #footer .footer-info span { margin-left: 10px; }
.bodyTypeC .member-wrap #footer .footer-mark { position: absolute; top: 30px; right: 80px; }
.bodyTypeC .member-wrap #footer .footer-mark img + img { margin-left: 6px; }

@media (max-width: 767px) {
	#extr-page #header,
	#extr-page #content,
	#extr-page .container { padding-left: 10px !important; padding-right: 10px !important; } 
	.bodyTypeC.member > .member-wrap {
		-webkit-box-shadow: inset 0 0 500px rgba(255,255,255,.3);
		   -moz-box-shadow: inset 0 0 500px rgba(255,255,255,.3);
		        box-shadow: inset 0 0 500px rgba(255,255,255,.3);
	}
	/* 로그인화면 변경 추가 250530 */
	.bodyTypeC .member-wrap .member-box.login { max-width: calc(100% - 10px); }
	.bodyTypeC .member-wrap .member-box .client-form { width: 100%; max-width: 100%; }
	.slideBox { width: 100%; height: 140px; }
	.slide-pagination { display: none; }
	.mySlideDiv { max-width: 100%; }
	.mySlideDiv img.w100p { height: 140px; }
	/* //로그인화면 변경 추가 250530 */
}
@media (min-width: 768px) {
	.bodyTypeC .member-wrap { position: relative; }
	.bodyTypeC .member-wrap #footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 80px; }
	.bodyTypeC .member-wrap .member-box .client-form fieldset { padding: 35px 40px 25px; }
}

@media (max-width: 991px) {
	.bodyTypeC .member-wrap .member-box.login {
        max-width: calc(100% - 10px);
    }
	.bodyTypeC .member-wrap .member-box .client-form {
		width: 100%;
        max-width: 100%;
	}
	.slideBox {
		width: 100%;
	}
	.mySlideDiv {
		max-width: 100%;
	}
	.slideBox {
		height: 100%;
	}
	.mySlideDiv img.w100p {
		height: 140px;
	}
}

/* #대시보드
 ------------------------------------------------------------ */
.bodyTypeC #sparks { margin-top: 5px; }
.bodyTypeC #sparks li h5 { margin: 0; line-height: 1.2; }
.bodyTypeC #sparks li span { margin-top: 3px; font-size: 16px; }
.bodyTypeC .sparks-info .sparkline { margin: 5px 0 0 10px; }
.bodyTypeC .dashboard-cs { text-align: center; }
.bodyTypeC .dashboard-cs .telephone { padding: 25px 0 15px; }
.bodyTypeC .dashboard-cs .telephone .title { margin-bottom: 3px; font-size: 20px; font-weight: 700; }
.bodyTypeC .dashboard-cs .telephone .phone { margin-bottom: 0; font-size: 34px; line-height: 41px; color: #ff6114; font-family: "Open Sans", Arial, Helvetica, sans-serif; }
.bodyTypeC .dashboard-cs .info { padding: 18px 0 20px; font-size: 16px; border-top: 1px dashed #e5e5e5; }
.bodyTypeC .dashboard-cs .info i { margin-right: 4px; color: #ff6114; }

/* 상단 배너 스타일 */
.bodyTypeC .banner-grid { padding: 5px 10px; font-size: 14px; }
.bodyTypeC .banner-grid [class*=col-] { margin: 15px 0 !important; padding: 0 25px; border-left: 1px solid #ddd; }
.bodyTypeC .banner-grid [class*=col-]:first-child { border-left: 0; }
.bodyTypeC .banner-grid p { margin: 0; }
.bodyTypeC .banner-grid .icon { margin: 0 15px 0 0; padding-top: 10px; width: 54px; height: 54px; background-color: #e9ecef; border-radius: 50%; text-align: center; font-size: 22px; color: #8d949b; }
.bodyTypeC .banner-grid .title { margin-top: 6px; font-size: 14px; line-height: 1.3; }
.bodyTypeC .banner-grid .value { color: #ff6114; line-height: 1.2; }
.bodyTypeC .banner-grid .plus .value { color: #e84545; }
.bodyTypeC .banner-grid .minus .value { color: #1275d6; }
.bodyTypeC .banner-grid .value strong { font-size: 24px; white-space: nowrap; }
@media (max-width: 1199px) {
	.bodyTypeC .banner-grid { font-size: 14px; }
	.bodyTypeC .banner-grid [class*=col-] { border-left: 0; padding: 0; }
.bodyTypeC .banner-grid .value strong { font-size: 22px; }
}
.bodyTypeC .main-summary,
.bodyTypeC .main-summary .title { font-size: 14px; }
.bodyTypeC .main-summary > [class*=col-] { padding: 20px; }
.bodyTypeC .main-summary > [class*=col-] ~ [class*=col-] { border-top: 1px solid #ddd; }
.bodyTypeC .main-summary .box { display: table; width: 100%; }
.bodyTypeC .main-summary .title,
.bodyTypeC .main-summary .value { display: table-cell; vertical-align: middle; }
.bodyTypeC .main-summary .title .icon { display: inline-block; margin: 0 5px 0 0; padding-top: .4em; width: 2.5em; height: 2.5em; background-color: #e9ecef; border-radius: 50%; text-align: center; font-size: 18px; color: #8d949b; vertical-align: middle; }
.bodyTypeC .main-summary .title br { display: none; }
.bodyTypeC .main-summary .value { line-height: 1.4; text-align: right; }
.bodyTypeC .main-summary .plus .value { color: #e84545; }
.bodyTypeC .main-summary .minus .value { color: #1275d6; }
.bodyTypeC .main-summary .value strong { font-size: 18px; vertical-align: -0.05em; white-space: nowrap; }
@media (min-width: 1200px) {
	.bodyTypeC .main-summary > [class*=col-] ~ [class*=col-] { border-top: 0; border-left: 1px solid #ddd; }
	.bodyTypeC .main-summary .title { width: 5em; text-align: center; }
	.bodyTypeC .main-summary .title .icon { margin: 0 0 5px; font-size: 22px; }
	.bodyTypeC .main-summary .title br { display: block; }
	.bodyTypeC .main-summary .value strong { font-size: 22px; }
}
@media (min-width: 1600px) {
	.bodyTypeC .main-summary > [class*=col-] { padding: 25px 60px; }
	.bodyTypeC .main-summary .value strong { font-size: 24px; }
}

/* 프로모션 팝업 */
.popup-promotion,
.popup-promotion .popup-content,
.popup-promotion .popup-body,
.popup-promotion .popup-footer { clear: both; }
.popup-promotion:after,
.popup-promotion .popup-content:after,
.popup-promotion .popup-body:after,
.popup-promotion .popup-footer:after { content: ''; clear: both; display: block; }
.popup-promotion { display: none; position: absolute; top: 110px; left: 50%; transform: translate(-50%); padding: 0 20px; width: 100%; min-width: 320px; max-width: 540px; z-index: 906; }
.popup-promotion .popup-content { overflow: hidden; border-radius: 10px; background: #e7e1db; box-shadow: 0 0 20px rgba(0,0,0,0.35); }
.popup-promotion .popup-body img { width: 100%; max-width: 100%; }
.popup-promotion .popup-footer .btn { float: left; padding: 0; width: 50%; height: 40px; background: #fff; color: #777; font-size: 13px; line-height: 40px; text-align: center; }
.popup-promotion .popup-footer .btn + .btn { float: right; width: calc(50% - 1px); }


/* #잠금화면
 ------------------------------------------------------------ */
.bodyTypeC .lockscreen { width: 360px; height: auto; margin-top: -290px; margin-left: -180px; }
@media (max-width: 767px) {
	.bodyTypeC .lockscreen { width: 90%; margin-top: 0; margin-left: 0; }
}
.bodyTypeC .lockscreen h1 { margin: 15px 0; font-size: 22px; font-weight: 500; line-height: 30px; text-align: center; }
.bodyTypeC .lockscreen h1 img { margin-right: 5px; width: auto; height: 30px; vertical-align: top; }
.bodyTypeC .lockscreen h1 span { vertical-align: top; }
.bodyTypeC .lockscreen .well { background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.3); border: 0; border-top: 4px solid #ff6114; border-radius: 3px; overflow: hidden; color: #453b3c; text-align: center; }
.bodyTypeC .lockscreen header { padding: 35px 30px 15px; background: none; font-size: 20px; font-weight: 400; text-align: center; }
.bodyTypeC .lockscreen fieldset { padding: 0 30px 20px; }
.bodyTypeC .lockscreen fieldset .user-name { margin: 3px 0 15px; font-size: 16px; line-height: 1.1; }
.bodyTypeC .lockscreen fieldset .form-control { height: 35px; font-size: 14px; line-height: 25px; border-color: #ccc; }
.bodyTypeC .lockscreen fieldset .input-group .input-group-addon { padding: 6px; min-width: 30px; border-color: #ccc; }
.bodyTypeC .lockscreen fieldset .input-group .input-group-addon i { font-size: 16px; }
.bodyTypeC .lockscreen fieldset .input-group + em { display: block; margin-top: 5px; color: #f36f31; }
.bodyTypeC .lockscreen .btn { margin: 8px 0 0; padding: 3px; width: 100%; height: 35px; font-size: 15px; line-height: 27px; }
.bodyTypeC .lockscreen .btn-info { font-size: 13px; }
.bodyTypeC .lockscreen footer { padding: 10px 30px 30px; background: none; font-size: 13px; color: #888; }


/* #오류화면
 ------------------------------------------------------------ */
.bodyTypeC .error-box { position: fixed; top: 0; left: 0; right: 0; margin: 0; max-width: 100%; padding-top: 10%; height: 100%; background: #e9ecef; z-index: 999; }
.bodyTypeC .error-box .error-text { font-size: 600%; }
.bodyTypeC .error-box .lead { font-size: 18px; }
.bodyTypeC .error-box .lead small { font-size: 86%; }
.bodyTypeC .error-box .btn-area { margin-top: 40px; }
.bodyTypeC .error-box .btn-area .btn { margin: 4px; }


/* #이용약관/개인정보처리방침
 ------------------------------------------------------------ */
/* 상단 앵커 */
.bodyTypeC .terms #top { margin-top: -20px; padding-top: 20px; }

/* 상단 이동 버튼 */
.bodyTypeC .terms .btn-top { clear: both; margin: 0; padding: 10px 0 0; text-align: right; }
.bodyTypeC .terms .btn-top:after { content: ''; clear: both; display: block; }

 /* 약관 */
.bodyTypeC .terms .terms_txt { margin-bottom: 30px; color: #777; }
.bodyTypeC .terms .terms_txt > a[name] { display: block; padding-top: 10px; margin-top: -10px; } /* 앵커 */
.bodyTypeC .terms .terms_txt p { margin: 0; padding: 3px 15px 5px; }
.bodyTypeC .terms .terms_txt strong { display: inline-block; margin-bottom: 5px; font-size: 13px; font-weight: 700; line-height: 1.3; color: #453b3c; }
.bodyTypeC .terms h3.mid-title { margin: 30px 0 0; font-size: 16px; color: #453b3c; }
.bodyTypeC .terms .form-inline h4.mid-title { font-size: 13px; line-height: 28px; color: #453b3c; }
.bodyTypeC .terms .form-inline h4.mid-title:before { line-height: 27px; }
.bodyTypeC .terms .well { margin: 0 0 30px; }
.bodyTypeC .terms .well p { margin-bottom: 5px; }

/* 계약서 보기 */
.bodyTypeC .print-area .terms { padding: 15px; border: 1px solid  #ddd; }
.bodyTypeC .terms h3,
.bodyTypeC .terms h4,
.bodyTypeC .terms p,
.bodyTypeC .terms li { margin: .250em 0; }
.bodyTypeC .terms .indent { padding-left: 1.333em; }
.bodyTypeC .terms .terms-title {  margin: 0 0 15px; padding: 0; height: auto; background: none; line-height: 1.2; color: #444; }
.bodyTypeC .terms h3 { font-size: 1.182em; font-weight: 700; }
.bodyTypeC .terms h4 { font-size: 1.091em; font-weight: 700; }
.bodyTypeC .terms ul { margin: 0; padding: 0; list-style: none; }
.bodyTypeC .terms ul li { padding: 0; }
.bodyTypeC .terms ul.indent { padding-left: 1.333em; }

/* 네비게이션 */
.bodyTypeC .terms .nav-terms { padding-top: 16px; }
.bodyTypeC .terms .nav-terms li { margin-top: 3px; padding: 0 20px 0 0; }

/* 계정생성 > 약관 동의 */
.bodyTypeC .member-wrap .smart-form .agree .well { margin-bottom: 3px; padding: 10px; max-height: 140px; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; }
.bodyTypeC .member-wrap .smart-form .agree .well * { box-sizing: border-box; -moz-box-sizing: border-box; }
.bodyTypeC .member-wrap .smart-form .agree .well .row { margin-left: -10px; margin-right: -10px; }
.bodyTypeC .member-wrap .smart-form .agree .well [class|="col"] { padding-left: 10px; padding-right: 10px; }
.bodyTypeC .member-wrap .smart-form .agree .well .ul-list [class|="col"] { margin-left: 10px; padding-left: 0; }
.bodyTypeC .member-wrap .smart-form .agree .well h3.mid-title,
.bodyTypeC .member-wrap .smart-form .agree .well h4.mid-title { margin-left: 0; }

/* 패널 약관 동의 */
.bodyTypeC .panel.agree { margin-top: 20px; margin-bottom: 0; }
.bodyTypeC .panel.agree .panel-body { max-height: 150px; overflow-y: auto; }


/* #달력
 ------------------------------------------------------------ */
.bodyTypeC .no-padding .table-calendar { border-width: 1px 0 0; }
.bodyTypeC .table-calendar td { padding: 5px !important; height: 90px; text-align: left; vertical-align: top; }
.bodyTypeC .table-calendar td .day { text-align: right; color: #aaa; }
.bodyTypeC .table-calendar td .text-danger { color: #ec2d2d; }
.bodyTypeC .table-calendar td .day ~ div { margin: 5px; }
.bodyTypeC .table-calendar td button { display: block; padding: 0; border: none; background: none; color: #777; text-align: left; cursor: pointer; }
.bodyTypeC .table-calendar td button:hover { color: #333; }
.bodyTypeC .table-calendar td button:hover .label { -webkit-box-shadow: inset 0 0 500px rgba(0,0,0,.2); -moz-box-shadow: inset 0 0 500px rgba(0,0,0,.2); box-shadow: inset 0 0 500px rgba(0,0,0,.2); }
.bodyTypeC .table-calendar td button span { display: inline-block; }
.bodyTypeC .table-calendar td button .label { margin-right: 3px; padding: 2px 4px; font-size: 12px; line-height: 1.1; font-weight: 400; }
.bodyTypeC .table-calendar td.today { background-color: #fffceb; }


/* #윈도우 팝업
 ------------------------------------------------------------ */
.bodyTypeC .popup { position: relative; width: 100%; height: 100%; min-width: 300px; min-height: 300px; }
.bodyTypeC .popup .modal-header,
.bodyTypeC .popup .modal-footer { position: fixed; width: 100%; min-width: 300px; overflow: hidden; z-index: 2; }
.bodyTypeC .popup .modal-header { top: 0; height: 56px; }
.bodyTypeC .popup .modal-body   { position: absolute; top: 56px; bottom: 64px; width: 100%;overflow-y: auto; background-color: #fff; }
.bodyTypeC .popup .modal-footer { bottom: 0; height: 64px; }
.bodyTypeC .popup .modal-footer .btn { margin-top: 0; margin-bottom: 0; }


/* #ETC
 ------------------------------------------------------------ */
/* ----- Spacing ----- */
.bodyTypeC .gap        { clear: both; height: 30px; }
.bodyTypeC .gap:after  { content: ''; clear: both; display: block; }
.bodyTypeC .gap.gap-sm { height: 10px; }
.bodyTypeC .gap.gap-lg { height: 50px; }

.mg0    { margin: 0 !Important; }
.mgt-10 { margin-top: -10px !Important; }
.mgt0   { margin-top: 0 !Important; }
.mgt4   { margin-top: 4px !Important; }
.mgt5   { margin-top: 5px !Important; }
.mgt10  { margin-top: 10px !Important; }
.mgt16  { margin-top: 16px !Important; }
.mgt20  { margin-top: 20px !Important; }
.mgt30  { margin-top: 30px !Important; }
.mgt40  { margin-top: 40px !Important; }
.mgt50  { margin-top: 50px !Important; }
.mgb-30 { margin-bottom: -30px !Important; }
.mgb0   { margin-bottom: 0 !Important; }
.mgb4   { margin-bottom: 4px !Important; }
.mgb15  { margin-bottom: 15px !Important; }
.mgb20  { margin-bottom: 20px !Important; }
.mgl0   { margin-left: 0 !Important; }
.mgl5   { margin-left: 5px !Important; }
.mgl10  { margin-left: 10px !Important; }
.mgl30  { margin-left: 30px !Important; }
.mgr5   { margin-right: 5px !Important; }
.mgr30  { margin-right: 30px !Important; }

.pd0    { padding: 0 !Important; }
.pd15   { padding: 15px !Important; }
.pd30   { padding: 30px !Important; }
.pdt0   { padding-top: 0 !important; }
.pdb10  { padding-bottom: 10px !Important; }
.pdl0   { padding-left: 0 !Important; }

/* sm */
@media (min-width: 768px) {
	.mgl-sm--20 { margin-left: -20px !Important; }
	.mgt-sm-0   { margin-top: 0 !Important; }
}

/* lg */
@media (min-width: 1200px) {
	.mgl-lg--20 { margin-left: -20px !Important; }
	.mgt-lg-0   { margin-top: 0 !Important; }
}

/* ----- Size ----- */
.w-auto   { width: auto !Important; }
.w100p    { width: 100% !Important; }
img.w100p { height: auto; }
.w45      { width: 45px !Important; }
.w50      { width: 50px !Important; }
.w60      { width: 60px !Important; }
.w70      { width: 70px !Important; }
.w80      { width: 80px !Important; }
.w100     { width: 100px !Important; }
.w120     { width: 120px !Important; }
.w130     { width: 130px !Important; }
.w150     { width: 150px !Important; }
.w200     { width: 200px !Important; }
.w250     { width: 250px !Important; }
.w300     { width: 300px !Important; }
.min-w80  { min-width: 80px !Important; }
.min-w90  { min-width: 90px !Important; }
.max-w130 { max-width: 130px !Important; }
.max-w200 { max-width: 200px !Important; }

/* ----- Line ----- */
.bodyTypeC .modal hr { margin-bottom: 20px; border-color: #e5e5e5; }
.bodyTypeC hr.simple { margin-top: 20px; margin-bottom: 20px; }
.bodyTypeC hr.simple.simple-gap { margin-top: 30px; margin-bottom: 30px; }
.bodyTypeC .border          { border: 1px solid #ddd; }
.bodyTypeC .border-top      { border-top: 1px solid #ddd; }
.bodyTypeC .border-left     { border-left: 1px solid #ddd; }
.bodyTypeC .border-right    { border-right: 1px solid #ddd; }
.bodyTypeC .border-bottom   { border-bottom: 1px solid #ddd; }
.bodyTypeC .border-0        { border: 0 !important; }
.bodyTypeC .border-top-0    { border-top: 0 !important; }
.bodyTypeC .border-left-0   { border-left: 0 !important; }
.bodyTypeC .border-right-0  { border-right: 0 !important; }
.bodyTypeC .border-bottom-0 { border-bottom: 0 !important; }

/* ----- Color ----- */
.bodyTypeC .bg-color-blue        { background-color: #3a87ad !Important; }
.bodyTypeC .bg-color-black       { background-color: #6a6465 !Important; }
.bodyTypeC .bg-color-orange      { background-color: #f36f31 !Important; }
.bodyTypeC .bg-color-yellow,
.bodyTypeC .bg-color-primary     { background-color: #ff6114 !Important; }
.bodyTypeC .bg-color-gray        { background-color: #999 !Important; }
.bodyTypeC .bg-color-lightgray   { background-color: #fafafa !Important; }

.bodyTypeC .text-wait            { color: #999; }    /* gray */
.bodyTypeC .text-primary         { color: #ff6114; } /* yellow */
.bodyTypeC .text-success         { color: #43a047; } /* green */
.bodyTypeC .text-warning         { color: #d6a54f; } /* gold */
.bodyTypeC .text-danger,
.bodyTypeC .table th.text-danger,
.bodyTypeC .table td.text-danger { color: #ec2d2d; } /* red */

.bodyTypeC .txt-color-yellow     { color: #ff6114 !Important; }
.bodyTypeC .txt-color-orange     { color: #f36f31 !Important; }
.bodyTypeC .txt-color-blue       { color: #2e7bcc !Important; }
.bodyTypeC .txt-color-red        { color: #e84545 !important; }
.bodyTypeC .txt-color-green      { color: #3d9e41 !important; }
.bodyTypeC .txt-color-lightgray  { color: #ddd; }

/* ----- Cursor -----*/
.bodyTypeC .pointer { cursor: pointer; }
.bodyTypeC .table.pointer thead { cursor: default; }

/* ----- Align ----- */
.bodyTypeC .align-top      { vertical-align: top; }
.bodyTypeC .align-baseline { vertical-align: baseline; }
.bodyTypeC .align-middle   { vertical-align: middle; }
.bodyTypeC .align-bottom   { vertical-align: bottom; }

/* ----- Display ----- */
.dp-block { display: block; }
.dp-inline-block { display: inline-block; }
.dp-table { display: table; }
.dp-tablecell { display: table-cell; vertical-align: middle; }
.nowrap { white-space: nowrap; }

/* 데이터 정렬(th 제외, td 적용) */
.bodyTypeC td.data-left { padding-left: 10px !important; padding-right: 10px !important; text-align: left !Important; } /* 제목 스타일 */
.bodyTypeC td.data-right { padding-left: 10px !important; padding-right: 10px !important; text-align: right !Important; } /* 금액 스타일 */
.bodyTypeC td.data-center { text-align: center !Important; } /* 금액 스타일 */

/* ----- text ----- */
.bodyTypeC .font-0 { font-size: 0; }
.bodyTypeC .font-12 { font-size: 12.3px !important; }
.bodyTypeC .font-13 { font-size: 13px !important; }
.bodyTypeC .font-14 { font-size: 14px !important; }
.bodyTypeC .font-15 { font-size: 15px !important; }
.bodyTypeC .text-link { color: #ff6114; text-decoration: underline; }
.bodyTypeC ol.ol-list,
.bodyTypeC ul.ul-list { margin: 0; padding-left: 20px; }
.bodyTypeC ol.ol-list { list-style-type: decimal; }
.bodyTypeC ul.ul-list { list-style: disc; }
.bodyTypeC ul.ul-list ul.ul-list { margin-top: 3px; padding: 0; list-style: none; }
.bodyTypeC ul.ul-list ul.ul-list li:before { content: '-'; display: inline-block; margin-right: 8px; }
.bodyTypeC ol.ol-list li,
.bodyTypeC ul.ul-list li { clear: both; }
.bodyTypeC ol.ol-list li:after,
.bodyTypeC ul.ul-list li:after { content: ''; clear: both; display: block; }
.bodyTypeC ol.ol-list li + li,
.bodyTypeC ul.ul-list li + li { margin-top: 3px; }
.bodyTypeC ol.ol-list li .close,
.bodyTypeC ul.ul-list li .close { padding: 0 5px; font-size: 16px; line-height: 15px; vertical-align: middle; }
.bodyTypeC .word-break-all   { -ms-word-break: break-all; word-break: break-all; }
.bodyTypeC .word-break-keep  { -ms-word-break: keep-all; word-break: keep-all; }
.bodyTypeC .word-break-nomal { -ms-word-break: normal; word-break: normal; }
.bodyTypeC .ellipsis { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.bodyTypeC table.dataTable td .ellipsis { max-width: 450px; }
/* xs ~ md */
@media (max-width: 1200px) {
	.bodyTypeC table.dataTable td .ellipsis { max-width: 300px; }
}

/* ----- color picker ----- */
.colorpicker { position: relative; width: 100%; vertical-align: top; }
.colorpicker:before { display: none; }
.colorpicker .evo-cp-wrap { position: relative; width: 100% !important; }
.colorpicker .evo-cp-wrap>input { position: relative; }
.colorpicker .evo-cp-wrap>.evo-pointer { position: absolute; top: 0; right: 0; }
.colorpicker .evo-colorind,
.colorpicker .evo-colorind-ie,
.colorpicker .evo-colorind-ff { top: 0; width: 26px; height: 26px; -webkit-box-sizing: content-box; box-sizing: content-box; }
.colorpicker .evo-pop { top: 28px; left: 0; width: 212px; }
.colorpicker .evo-pop-ie { top: 28px; left: 0; width: auto; }
.colorpicker .evo-colorbox-ie { padding: 0 !Important; width: 16px; height: 16px; }
.colorpicker .evo-color span { margin-top: 0; font-size: 14px; line-height: 17px; }
.colorpicker .evo-color div { width: 18px; height: 18px; border-color: #c0c0c0; }
.colorpicker .evo-more { font-size: 11px; }
.colorpicker .evo-more a { text-decoration: underline; }
.colorpicker .evo-palette th, .evo-palette-ie th { padding-left: 0; font-weight: 500; }
.colorpicker .evo-cHist div { margin: 3px; width: 12px; height: 12px; }

/* ----- 커스터마이징 ----- */
/* 데이터 테이블 상단 > 검색 결과 강조 */
.bodyTypeC [id^="searchResultPrice"] > label { font-weight: 500; color: #ff6114; }

/* 영업일 관리 > 달력(스케쥴러) > 이전/다음달 버튼 */
.widget-body.no-padding,
.widget-body-toolbar,
.jarviswidget .calendar { position: relative; }
.jarviswidget .calendar { margin-top: -18px; }
.widget-body-toolbar .calendar-buttons { position: absolute; top: 8px; right: 10px; z-index: 2; }
.widget-body-toolbar .calendar-buttons .btn-xs { margin-top: 0; }

/* modal */
.bodyTypeC .modal.exchange .modal-body.bodycontainer { max-height: inherit;}
.bodyTypeC .modal.exchange .modal-footer {background: #fff;border-top: 0;}
.bodyTypeC .modal.exchange .two-depth-box {border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;margin-bottom: 11px;}
.bodyTypeC .modal.exchange .two-depth-box .top-box { background-color: #fafafa;border-bottom: 1px solid #ddd;padding: 12px 10px 11px;}
.bodyTypeC .modal.exchange .two-depth-box .top-box .item { line-height: 22px;color: #434343; font-size: 10px; }
.bodyTypeC .modal.exchange .two-depth-box .top-box .item .title { color: #585858; font-weight: 600; }
.bodyTypeC .modal.exchange .two-depth-box .top-box .item .title + span { font-weight: 500;}
.bodyTypeC .modal.exchange .two-depth-box .top-box .item .last { padding-left: 8px;}
.bodyTypeC .modal.exchange .two-depth-box .top-box.one-box { padding: 22px 10px;}
.bodyTypeC .modal.exchange .two-depth-box .top-box.one-box .item .title-big{ font-weight: 600; font-size: 12px; color: #585858; }
.bodyTypeC .modal.exchange .two-depth-box .top-box.one-box .item .last{ font-weight: 400; font-size: 12px; color: #434343; }
.bodyTypeC .modal.exchange .two-depth-box .bottom-box { border-bottom: 1px solid #ddd; position: relative; background-color: #fff;padding: 12px 10px 11px;}
.bodyTypeC .modal.exchange .two-depth-box .bottom-box::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 100px; background: url('../images/line.svg') no-repeat;}

.bodyTypeC .modal.exchange .two-depth-box .bottom-box .mb10 { margin-bottom: 10px;}
.bodyTypeC .modal.exchange .two-depth-box .bottom-box .item { line-height: 20px;color: #434343; font-size: 12px; }
.bodyTypeC .modal.exchange .two-depth-box .bottom-box .item .title{  color: #585858; font-weight: 500; }
.bodyTypeC .modal.exchange .two-depth-box .bottom-box .item .title-big{ color: #000; font-weight: 600; font-size: 12px; }
.bodyTypeC .modal.exchange .two-depth-box .bottom-box .item .title + span { font-weight: 500;}

.bodyTypeC .modal.exchange .result-title { font-size: 12px; font-weight: 600; line-height: 26px; color: #585858; margin-bottom: 4px;}
.bodyTypeC .modal.exchange .result-wrap .result-box { color: #555; font-size: 12px; font-weight: 700; border: 1px solid #d6d6d6; line-height: 32px;padding: 0 7px;}
.bodyTypeC .modal.exchange .result-wrap .result-box .price {color: #f36f31;}
.bodyTypeC .modal.exchange .form-group:last-child { margin-bottom: 0;}

/* 0410 추가 */
.exchange-content { position: relative; overflow-x: auto; z-index: 10; }
/*.exchange-content + #content { padding-top: 55px; }*/
.bodyTypeC .exchange-content .table-scroll { border: 0; z-index: 100; }
.table-top-right { position: absolute; top: 0; right: 0; display: flex; justify-content: flex-end; background-color: transparent; z-index: 10; }
.fixed-button { position: relative; width: 48px; height: 48px; padding: 0 16px; border: none; border-radius: 4px; font-size: 13px; font-weight: bold; background: transparent; }
.fixed-button.open::before { transform: rotateX(0deg); }
.fixed-button::before { content: ''; background: url(../images/icon-arrow-up.svg) no-repeat center / 16px; transform: rotateX(175deg); position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index: 10; }
.fixed-button::after { content: ''; background: rgba(255, 255, 255, 0.7); position: absolute; width: 100%; height: 100%; top: 0; right: 0; z-index: 1; }

.exchange-table { width: 100%; table-layout: fixed; border-collapse: collapse; background-color: #fff;}

.exchange-table th,
.exchange-table td { padding: 0; text-align: center; background-color: #fff; color: #222; font-weight: 700; line-height: 100%; letter-spacing: 0%; vertical-align: middle; }
.exchange-table th { width: 153px; }
.exchange-table th:nth-of-type(1) { width: 170px; }
.exchange-table th:last-of-type { min-width: 306px; width: 100%; font-weight: 400; padding-right: 50px; }
.exchange-table th:last-of-type .period { width: 100%; }
.exchange-content { position: relative; max-width: 100%; }
/* .exchange-content.open { padding-bottom: 50px; } */
.exchange-content.open .table-scroll { height: auto; }
.exchange-content2 .exchange-table th { width: 380px; }
.exchange-content2 .exchange-table th:nth-of-type(1) { width: 160px; }
.exchange-content2 .exchange-table th:last-of-type { width: 200px; white-space: nowrap; }
.exchange-content3 .exchange-table th:nth-of-type(1) { width: 185px; }
.exchange-content3 .exchange-table th:nth-of-type(2) { width: 150px; }
.exchange-content3 .exchange-table th:nth-of-type(3) { width: auto; }
.exchange-content4 .exchange-table th { width: 380px; }
.exchange-content4 .exchange-table th:nth-of-type(1) { width: 160px; }
.exchange-content4 .exchange-table th:last-of-type { width: 200px; white-space: nowrap; }

.exchange-content.open .exchange-table thead th .hidden-text { display: inline-block; }
.exchange-table thead { position: relative; cursor: pointer; border-bottom: 1px solid #999; }

.exchange-table tbody tr { border-bottom: 1px solid #dadada; }
.exchange-table tbody tr:last-of-type { border-bottom: 0; }

.exchange-table .flex { display: flex; align-items: center; }
.exchange-table th, .exchange-table td { line-height: 39px; }
.exchange-table td > span { margin: 0 10px; }
.exchange-table thead th { line-height: 48px; }
.exchange-table thead th .hidden-text { display: none; margin-left: 4px; color: #ff6114; }
.exchange-table th.text-right, .exchange-table td.text-right { text-align: right; }
.exchange-table th .right { color: #FF6114; margin-left: 8px; text-align: right; }
.exchange-table .orange-text { color: #FF6114; }
.exchange-table .blue-text { color: #305B89; }
.exchange-table .sub-text { color: #999; font-weight: 400; margin: 0 0 0 5px; }
.exchange-table th .right-text { text-align: right; padding-right: 48px; font-family: Pretendard JP; font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0%; color: #5c5c5c; }
.exchange-table th .right-text > span { color: #ff6114; }
.exchange-table .no-border { border: 0; }

.period { font-size: 13px; color: #5C5C5C; }

.arrow { font-size: 12px; color: #333; }
.round-box { font-family: Pretendard JP; font-weight: 700; font-size: 12px; line-height: 100%; letter-spacing: 0%; vertical-align: middle; margin: 0; }
.color-text { color: #FF6114; }
.exchange-table { width: 100%; min-width: 1640px; /* ← 필요에 따라 조절 */
 table-layout: fixed; border-collapse: collapse; }
.datatable_wrapper { position: relative; padding-top: 84px; }
.datatable_wrapper > .table { padding-top: 64px; }

.bodyTypeC .modal-420 { width: 420px; margin: 10px auto; }
.bodyTypeC .modal-420 .modal-content { border-radius: 5px; overflow: hidden; }
.bodyTypeC .modal-420 .modal-header { background: #fff; border-bottom: 0; padding: 21px 20px; justify-content: center; }
.bodyTypeC .modal-420 .modal-title { font-family: Pretendard; font-weight: 700; font-size: 16px; line-height: 100%; letter-spacing: 0%; text-align: center; color: #222; }
.bodyTypeC .modal-420 .modal-body .title { font-family: Pretendard; font-weight: 700; font-size: 14px; line-height: 100%; color: #222; margin-bottom: 11px; }
.bodyTypeC .modal-420 .modal-body { max-height: 245px; overflow-y: auto; padding-top: 0; }
.bodyTypeC .modal-420 .modal-body .scroll-wrap { margin-bottom: 24px; }
.bodyTypeC .modal-420 .modal-body .scroll-wrap:last-of-type { margin-bottom: 0; }
.bodyTypeC .modal-420 .table-custom { border: 0; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.bodyTypeC .modal-420 .table-custom th { padding: 5px 10px !important; font-family: Pretendard; font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0%; color: #333; border-bottom: 0; }
.bodyTypeC .modal-420 .table-custom td { padding: 5px 10px !important; height: 36px; font-family: Pretendard; font-weight: 600; font-size: 12px; line-height: 100%; color: #222; display: flex; align-items: center; justify-content: space-between; border-bottom: 0; }
.bodyTypeC .modal-420 .table-custom td>.sub-text { font-family: Pretendard; font-weight: 600; font-size: 12px; line-height: 100%; letter-spacing: -2%; text-align: right; color: #999; }
.bodyTypeC .modal-420 .table-custom td.blue-text { color: #1E8AFF; }
.bodyTypeC .modal-420 .table-custom td.red-text { color: #FF4A4A; }
.bodyTypeC .modal-420 .modal-footer { background: #fff; border-top: 0; padding: 28px 20px; justify-content: center; }
.bodyTypeC .modal-420 .modal-footer .btn { border-radius: 5px; font-family: Pretendard; font-weight: 700; font-size: 14px; line-height: 100%; padding: 12px 15px; min-width: 120px; }

@media (max-width: 1919px){
 .exchange-content { overflow-x: auto; overflow: visible; }
 }
.tooltip-container { position: relative; display: flex; align-items: center; justify-content: center; }
.tooltip-btn { background: none; border: none; display: flex
; align-items: center; line-height: 1; padding: 0; height: 48px; }
.toggle-btn { display: inline-block; width: 16px; height: 16px; background: url(../images/icon-toggle.svg) no-repeat center / 16px; margin-right: 4px; position: relative; }

/* //0410 추가 */
/* 1106 추가 */
/*#left-panel { padding-top: 159px; }*/
.jarviswidget>div.banner-wrap { background: transparent !important; }
.banner-wrap, .bodyTypeC .jarviswidget > .banner-wrap { padding: 0; }
.banner-wrap .swiper-pagination-bullet { background: #fff; opacity: 0.5; }
.banner-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
.banner-wrap .banner-swiper-top { position: relative; z-index: 905; }
.banner-swiper .swiper-slide img { width: 100%; height: 235px; }
.banner-swiper-top .swiper-slide { text-align: center; background: #15181e; }
.banner-swiper-top .swiper-slide img { width: auto; height: 110px; }
.banner-swiper-popup .swiper-slide img { width: 100%; height: 100%; }
.mySlideDiv img { width: 100%; }