@charset "utf-8";

#container {width:100%; margin:0; padding:0;}

header {width:100%; height:60px; border-bottom:1px solid #eeeeee}
header ul {width:1000px; overflow:hidden; margin:0 auto; box-sizing:border-box;}
header ul li {float:right; text-align:center; padding-left:30px; line-height:60px;}
header ul li:first-child {float:left;}
header ul li:first-child img {padding-left:0; vertical-align:middle;}
header ul li a {font-weight:bold; font-size:14px;}
header ul li a:hover {color: #2337ad}
header ul li a.manage {color:#2337ad}
header ul li a.manage:hover {color:#3d54d8}
header ul li a.go-join {color:#2337ad}
header ul li a.go-join:hover {color:#3d54d8}

/* 자동 로그아웃 타이머 */
.auto-logout-timer {font-size:13px; color:#666; cursor:default;}
.auto-logout-timer i {margin-right:3px;}
.auto-logout-timer.warning {color:#d9534f; font-weight:bold;}
.auto-logout-timer.warning .timer-display {animation: blink 1s infinite;}
@keyframes blink {0%, 100% {opacity:1;} 50% {opacity:0.5;}}

footer {width:100%; background-color:#031e32; padding:45px 0; margin-top:200px;}
footer .company {width:1200px; margin:0 auto; color:#fff; text-align:center; line-height:1.8; position:relative;}
footer .company .copyright {margin-top:20px;}
footer .move-top {position:absolute; top:-78px; right:0; display:block; width:64px; height:50px; background:url(/img/common/btn_top.png)}
footer .move-top:hover {background:url(/img/common/btn_top_ov.png)}

/* 폼 설정 */
.no-line {margin:0 !important; height:32px !important;}
.ipt {display:inline-block; box-sizing:border-box; padding:5px; height:30px; border-radius:5px; border:1px solid #d2d2d2; margin-bottom:3px;}
.ipt.ipt-small {height:24px; font-size:10px;}
.btn {border:0; display:inline-block; border-radius:5px; padding:0 15px; background-color:#337ab7; color:#fff; box-sizing:border-box; line-height:2.5; text-align:center;}
.btn-small {font-size:11px; line-height:2;}
.btn-big {font-size:16px; line-height:3; padding:0 40px;}
.btn:hover {background-color:#286090}
.btn-gray {background-color:#8e8e8e;}
.btn-green {background-color:#5cb85c;}
.btn-sky {background-color:#5bc0de;}
.btn-red {background-color:#d9534f}
.btn-orange {background-color:#f0ad4e}
.btn-violet {background-color:#9966ff}
.btn-gray:hover {background-color:#797979;}
.btn-green:hover {background-color:#449d44;}
.btn-sky:hover {background-color:#31b0d5;}
.btn-red:hover {background-color:#c9302c}
.btn-orange:hover {background-color:#ec971f}
.btn-violet:hover {background-color:#7837ff}
.btn.btn-in-form {line-height:28px; font-size:11px;}
.btn.btn-block {width:100%;}
.btn.btn-half {width:50%; border:1px solid #fff; float:left;}
.btn-orange.btn-neon {
	animation: neon 2s infinite linear;
}

@keyframes neon {
	0% {background-color:#f0ad4e}
	50% {background-color:#d9534f}
}

.lbl {border:0; display:inline-block; font-size:11px; border-radius:3px; padding:0 8px; background-color:#337ab7; color:#fff; box-sizing:border-box; line-height:2; text-align:center;}
.lbl-none {border:1px solid #c3c3c3; background-color:#fff; color:#303030;}
.lbl-gray {background-color:#8e8e8e;}
.lbl-green {background-color:#5cb85c;}
.lbl-sky {background-color:#5bc0de;}
.lbl-red {background-color:#d9534f}
.lbl-orange {background-color:#f0ad4e}
.lbl-violet {background-color:#9966ff}

.data-list {overflow:hidden; display:inline-block; padding:0 10px; font-size:11px; line-height:2; border-radius:3px; background-color:#9fdbec; border:1px solid #31b0d5; color:#176277; margin-right:3px;}
.data-list i {vertical-align:middle; margin-left:10px; cursor:pointer;}
.data-list.person {padding:3px 10px;}
.data-list.person .ipt {margin-left:5px; text-align:right; width:60px;}

.required-ment {color:#0033ff;}
.required-ment.fail {color:#ff3300;}

/* 공통 클래스 */
.clear {overflow:hidden; clear:both;}
.ar {text-align:right;}
.al {text-align:left;}
.ac {text-align:center;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.pd0 {padding:0; !important}
.pd-t5	{padding-top:5px;}
.pd-t10 {padding-top:10px;}
.pd-t15 {padding-top:15px;}
.pd-t20 {padding-top:20px;}
.pd-t25 {padding-top:25px;}
.pd-t30 {padding-top:30px;}
.pd-l5	{padding-left:5px;}
.pd-l10 {padding-left:10px;}
.pd-l15 {padding-left:15px;}
.pd-l20 {padding-left:20px;}
.pd-l25 {padding-left:25px;}
.pd-l30 {padding-left:30px;}
.pd-r5	{padding-right:5px;}
.pd-r10 {padding-right:10px;}
.pd-r15 {padding-right:15px;}
.pd-r20 {padding-right:20px;}
.pd-r25 {padding-right:25px;}
.pd-r30 {padding-right:30px;}
.pd-b5	{padding-bottom:5px;}
.pd-b10 {padding-bottom:10px;}
.pd-b15 {padding-bottom:15px;}
.pd-b20 {padding-bottom:20px;}
.pd-b25 {padding-bottom:25px;}
.pd-b30 {padding-bottom:30px;}

.mg0 {margin:0; !important}
.mg-t5	{margin-top:5px;}
.mg-t10 {margin-top:10px;}
.mg-t15 {margin-top:15px;}
.mg-t20 {margin-top:20px;}
.mg-t25 {margin-top:25px;}
.mg-t30 {margin-top:30px;}
.mg-l5	{margin-left:5px;}
.mg-l10 {margin-left:10px;}
.mg-l15 {margin-left:15px;}
.mg-l20 {margin-left:20px;}
.mg-l25 {margin-left:25px;}
.mg-l30 {margin-left:30px;}
.mg-r5	{margin-right:5px;}
.mg-r10 {margin-right:10px;}
.mg-r15 {margin-right:15px;}
.mg-r20 {margin-right:20px;}
.mg-r25 {margin-right:25px;}
.mg-r30 {margin-right:30px;}
.mg-b5	{margin-bottom:5px;}
.mg-b10 {margin-bottom:10px;}
.mg-b15 {margin-bottom:15px;}
.mg-b20 {margin-bottom:20px;}
.mg-b25 {margin-bottom:25px;}
.mg-b30 {margin-bottom:30px;}

.block {width:100%;}
.size5 {width:50px !important;}
.size10 {width:100px !important;}
.size15 {width:150px !important;}
.size20 {width:200px !important;}
.size25 {width:250px !important;}
.size30 {width:300px !important;}
.size35 {width:350px !important;}
.size40 {width:400px !important;}
.size45 {width:450px !important;}
.size50 {width:500px !important;}
.size55 {width:550px !important;}
.size60 {width:600px !important;}
.rows5 {height:50px;}
.rows10 {height:100px;}
.rows15 {height:150px;}
.rows20 {height:200px;}
.rows25 {height:250px;}
.rows30 {height:200px;}

.hide {display:none;}
.show {display:block;}

.bold {font-weight:700;}

/* 목록 테이블 설정 */
table.list {width:100%;}
table.list thead tr td {background-color:#337ab7; color:#fff; font-weight:700; text-align:center; padding:13px 0;}
table.list tbody tr:hover {background-color:#e3e3e3}
table.list tbody tr td {border-bottom:1px solid #e3e3e3; text-align:center; padding:13px 0; color:#171717}
table.list tbody tr td a:not(.btn) {color:#265e8a}
table.list tbody tr td a:hover:not(.btn) {color:#337ab7}
table.list tbody tr td.l {text-align:left; padding-left:5px;}
table.list tbody tr td.r {text-align:right; padding-right:5px;}
table.list tfoot.calc tr {line-height:3;}
table.list tfoot.calc th {background-color:#838383; color:#fff; border-bottom:1px solid #e3e3e3;}
table.list tfoot.calc td {text-align:right; padding-right:5px; font-weight:bold; color:#000; border-bottom:1px solid #e3e3e3;}

/* 검색 기본 설정 */
section .content .search-box {position:relative; width:1000px; box-sizing:border-box; margin-bottom:30px;}
section .content .search-box .label {position:absolute; top:-12px; font-weight:bold; font-size:19px; color:#4b89be; padding:5px 15px; background-color:#fff; margin-left:30px;}
section .content .search-box .box {border:1px solid #c9c9c9; border-radius:5px; width:100%; padding:22px 13px 13px 13px; box-sizing:border-box;}
section .content .search-box .box .row {overflow:visible; width:100%;}
section .content .search-box .box .row::after {content:""; display:block; clear:both;}
section .content .search-box .box .ipt {margin:0;}
section .content .search-box .box .box-line {background-color:#f3f3f3; border:1px solid #fff; line-height:40px; border-radius:3px; box-sizing:border-box; float:left;}
section .content .search-box .box .box-line.col-1 {width:100%}
section .content .search-box .box .box-line.col-2 {width:50%}
section .content .search-box .box .box-line.col-3 {width:33.3%}
section .content .search-box .box .box-line span {display:inline-block; width:120px; box-sizing:border-box; padding-left:15px; font-weight:700; color:#000; background-color:#e0e0e0; margin-right:10px;}
section .content .search-box .box .box-line label {margin-right:20px;}
section .content .search-box .box .btn-group {margin-top:10px; text-align:right;}

/* 입력폼 기본 설정 */
section .content .input-box {position:relative; width:1000px; box-sizing:border-box; margin-bottom:30px;}
section .content .input-box .label {position:absolute; top:-12px; font-weight:bold; font-size:19px; color:#4b89be; padding:5px 15px; background-color:#fff; margin-left:30px;}
section .content .input-box .box {border:1px solid #c9c9c9; border-radius:5px; width:100%; padding:22px 13px 13px 13px; box-sizing:border-box;}
section .content .input-box .box .row {width:100%;}
section .content .input-box .box .row:after {content:""; display:block; clear:both;}
section .content .input-box .box .row .ipt {margin-bottom:0;}
section .content .input-box .box .box-line {background-color:#efefef; border-bottom:1px solid #fff;}
section .content .input-box .box .box-line:after {content:""; display:block; clear:both;}
section .content .input-box .box .box-line-heading {
	line-height:36px; font-size:15px; font-weight:700; width:100%;
	box-sizing:border-box; padding-left:20px;  background-color:#337ab7;
	color:#fff; border-bottom:1px solid #fff;
}
section .content .input-box .box .box-line dt {float:left; box-sizing:border-box; height:100%; font-weight:700; color:#000; padding-top:15px; padding-left:15px;}
section .content .input-box .box .box-line dt .require {font-weight:bold; color:red}
section .content .input-box .box .box-line dd {float:left; box-sizing:border-box; background-color:#f7f7f7;  padding:6px 15px 6px 15px;}
section .content .input-box .box .box-line dd.height {line-height:30px; min-height:42px;}
section .content .input-box .box .box-line dd label {margin-right:20px;}
section .content .input-box .box .box-line.col-1 dt {width:15%}
section .content .input-box .box .box-line.col-1 dd {width:85%}
section .content .input-box .box .box-line.col-2 dt {width:15%}
section .content .input-box .box .box-line.col-2 dd {width:35%}
section .content .input-box .box .btn-group {margin-top:10px; text-align:right;}

/* pagination */
.pagination {text-align:center; padding-top:20px;}
.pagination ul {display:inline-block; margin:0 auto; overflow:hidden;}
.pagination ul li {float:left;}
.pagination ul li a {display:block; line-height:35px; width:35px; border:1px solid #e3e3e3; border-radius:3px; text-align:center; box-sizing:border-box; margin-right:5px;}
.pagination ul li:not(.current) a:hover {border:0; color:#fff; background-color:#337ab7}
.pagination ul li.current a {border:0; color:#fff; background-color:#337ab7; font-weight:700;}

/* tooltip customize */
.ui-tooltip {
	box-shadow:0 0 5px #6d6d6d;
	border: 1px solid #6d6d6d;
	background:#000;
	color:#fff;
	opacity:.9;
	font-size:11px;
	line-height:1.5;
}

/* datepicker customize */
.ui-state-default {line-height:25px;}
.ui-datepicker-month, .ui-datepicker-year {line-height:30px; font-size:11px; padding:3px 0;}

/* 데이터 로드 스피너 */
.content-loading {position:fixed; color:#fff; z-index:100001; width:150px; height:150px; box-sizing:border-box; display:none; text-align:center;}
.content-loading p {color:#fff;}
.content-loading .fa-spinner {
	color:#fff; font-size:70px;
	margin-bottom:10px;
	animation-iteration-count:infinite;
	animation-duration:.7s;
	animation-timing-function:step-start;
	animation-name:loading;
}

@keyframes loading {
	0% {transform:rotate(0deg)}
	12.5% {transform:rotate(45deg)}
	25% {transform:rotate(90deg)}
	37.5% {transform:rotate(135deg)}
	50% {transform:rotate(180deg)}
	62.5% {transform:rotate(225deg)}
	75% {transform:rotate(270deg)}
	87.5% {transform:rotate(315deg)}
	100% {transform:rotate(360deg)}
}

.info {padding:10px; background-color:#d9ecff; border-bottom:1px solid #d7d7d7}
.info.box {border:1px solid #d7d7d7;}
.info h5 {font-weight:700; color:#00468c; font-size:15px; margin-bottom:10px;}
.info p {line-height:1.8; color:#001d39;}
.info p:before {content:"! "; color:#ff3300; font-weight:bold; display:inline;}
.info p strong {color:#ff3300;}

/* fixed popup 설정 */
.fixed-popup {position:fixed; z-index:100001; background-color:#fff; border-radius:5px;}
.fixed-popup .heading {position:relative; background-color:#337ab7; color:#fff; font-size:16px; font-weight:700; line-height:40px; padding-left:10px; border-radius:5px 5px 0 0;}
.fixed-popup .heading .fixed-popup-close {cursor:pointer; position:absolute; right:10px; line-height:40px; font-size:24px;}
.fixed-popup .heading .fixed-popup-close:hover {color:#ff9900}
.fixed-popup .bottom-button {padding:5px; text-align:right;}

.fixed-popup-cover {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8;}
.fixed-popup-loading {position:absolute; color:#fff; width:150px; height:150px; box-sizing:border-box; text-align:center;}
.fixed-popup-loading p {color:#fff;}
.fixed-popup-loading .fa-spinner {
	color:#fff; font-size:70px;
	margin-bottom:10px;
	animation-iteration-count:infinite;
	animation-duration:.7s;
	animation-timing-function:step-start;
	animation-name:loading;
}

.spin-ani {
	display:inline-block;
	animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes spin {
	0%  {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@keyframes spin {
	0%  {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/* 상담소 정보 */
.file_div {display:inline-block; position:relative; width:100px; height:100px; line-height:100px; text-align:center; background-color:#e0e0e0; border:1px solid #b5b5b5; background-position:center; box-sizing:border-box;}
.file_div i {color:#fff; font-size:40px; cursor:pointer;}
.file_div i.fa-remove {opacity:.3;}
.file_div i.fa-remove:hover {opacity:.7;}
.file_div .file_hidden {width:100px; height:100px; position:absolute; right:0px; top:0px; opacity:0; cursor:pointer;}