@charset "UTF-8";

/* text-color */
/* .text-color1 {color: #369F8C !important;} */
.text-color1 {color: #4A90C2 !important;}
.text-color2 {color: #E46E00 !important;}
.text-color3 {color: #CE0025 !important;}


/* page-tit */
.page-wrap {
	margin-bottom: 20px;
}

.page-tit {
	font-family: 'S-CoreDream';
	/* color: #3B9C8A; */
	color: #3A78B5;
	font-size: 25px;
	font-weight: 600;
}

.page-txt {
	display: inline-block;
	margin-left: 10px;
	font-family: 'Malgun Gothic';
	color: #797979;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2;
}

.sub-tit {
	font-family: 'S-CoreDream';
	/* color: #3B9C8A; */
	color: #3A78B5;
	font-size: 18px;
	font-weight: 600;
}

.sub-tit-wrap {
	margin-bottom: 10px;
}

.sub-tit-wrap:after {
	content: '';
	display: block;
	clear: both;
}

.sub-tit-wrap .sub-tit {
	display: inline-block;
	margin-top: 5px;
}

.sub-tit-wrap .bbs-top {
	float: right;
	margin-bottom: 0;
}

.cont-tit {
	position: relative;
	margin: 15px 0 5px;
	padding-left: 15px;
	font-size: 14px;
}

.cont-tit:before {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(/images/icon/cont-tit.svg) no-repeat 50% 50%;
}

.cont-tit-wrap {
	margin: 15px 0 5px;
}

.cont-tit-wrap:after {
	content: '';
	display: block;
	clear: both;
}

.cont-tit-wrap .cont-tit {
	display: inline-block;
	margin: 0;
}


/* cont-wrap */
.cont-wrap .bbs-view-default {
	margin: 20px 0 0;
}


/* ------------------------------------------------------------------------------------------------------------------------
시스템별 진행상황 badge
------------------------------------------------------------------------------------------------------------------------*/
.progress-badge {
	color: #333;
}

.progress-badge.complete {
	/* color: #2CA37F; */
	color: #3A78B5;
}

.progress-badge.ing {
	color: #DE5B14;
}


/* ------------------------------------------------------------------------------------------------------------------------
1:1 상담 badge
------------------------------------------------------------------------------------------------------------------------*/
.state-badge {
	display: inline-block;
	padding: 3px 0;
	width: 70px;
	border: 1px solid transparent;
	background-color: #fff;
	border-radius: 13px;
	text-align: center;
}

.state-badge.ing {
	color: #DE5B14;
	border-color: #DE5B14;
}

.state-badge.complete {
	/* color: #2CA37F; */
	color: #3A78B5;
	/* border-color: #2CA37F; */
	border-color: #3A78B5;
}

.state-badge.waiting {
	color: #ADADAD;
	border-color: #ADADAD;
}


/* ------------------------------------------------------------------------------------------------------------------------
window popup
------------------------------------------------------------------------------------------------------------------------*/
#popup .header {
	background-color: #fff;
	box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
	text-align: center;
}

#popup .header:before {
	content: '';
	display: block;
	height: 4px;
	/* background: linear-gradient(274.64deg, #67B68B -10.85%, #3B9B89 51.25%); */
	background: linear-gradient(274.64deg, #6F8FD6 -10.85%, #3859AE 51.25%);
}

#popup .header .tit {
	height: 40px;
	line-height: 40px;
	font-family: 'S-CoreDream';
	color: #555;
	font-size: 16px;
	font-weight: 600;
}

#popup .body {
	position:relative;
	padding: 60px 30px;
}

#popup .bbs-list tbody td {
	padding: 0 5px;
	font-size: 12px;
}

#popup .bbs-list tbody td:first-child {
	padding-left: 0;
}

#popup .bbs-list tbody td:last-child {
	padding-right: 0;
}

#popup .body .layer-legend {
	top: 65px;
}

/* ------------------------------------------------------------------------------------------------------------------------
window popup2
------------------------------------------------------------------------------------------------------------------------*/
#popup-win {
	position: relative;
	width: 100%;
}

#popup-win img {
	min-width: 598px;
}

#popup-win .link-btn {
	position: absolute;
	top: 662px;
	left: 205px;
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background-color: #009881;
}

/* ------------------------------------------------------------------------------------------------------------------------
layer popup
------------------------------------------------------------------------------------------------------------------------*/
.mfp-bg {
	background-color: rgba(0, 0, 0, 0.6);
}

.popup-panel {
	position: relative;
	margin: 0 auto;
	width: 920px;
	/* transform: translate(-50%, -50%); */
}

.popup-panel .popup-header {
	position: relative;
	height: 50px;
	line-height: 50px;
	/* background: linear-gradient(274.64deg, #67B68B -10.85%, #3B9B89 51.25%); */
	background: linear-gradient(274.64deg, #6F8FD6 -10.85%, #3859AE 51.25%);
	text-align: center;
}

.popup-panel .popup-header .tit {
	font-family: 'S-CoreDream';
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.popup-panel .popup-body {
	padding: 15px 30px 20px;
	max-height: 900px;
	background-color: #fff;
}

.popup-panel .popup-cont {
	/* margin-right: -20px; */
	max-height: 769px;
}

.popup-panel .popup-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: url(/images/icon/popup-close.svg) no-repeat 50% 50%;
}

.popup-panel .btn-wrap {
	margin-top: 20px;
}

.popup-md {
	width: 500px;
}


/* ------------------------------------------------------------------------------------------------------------------------
tab
------------------------------------------------------------------------------------------------------------------------*/
.tabBox ul:after {
	content: '';
	display: block;
	clear: both;
}

.tabBox > ul > li {
	float: left;
	width: calc(100% / 7);	
}

.tabBox > ul > li:first-child .inner-tab {
	border-top-left-radius: 5px;
}

.tabBox > ul > li:last-child .inner-tab {
	border-top-right-radius: 5px;
}

.tabBox .inner-tab {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-family: 'S-CoreDream';
	color: #959595;
	font-weight: 200;
	font-size: 18px;
	border: 1px solid #bbb;
	background-color: #DBDBDB;
	letter-spacing: -0.03em;
	text-align: center;
}

.tabBox .active .inner-tab {
	/* color: #3B9C8A; */
	color: #3A78B5;
	font-weight: 600;
	border-bottom-color: #fff;
	background-color: #fff;
}

.tab-cont {
	position: relative;
	padding: 30px;
	border: 1px solid #bbb;
	border-top: 0;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
}

/* sub Tab */
.subTabBox {
	margin-bottom: 20px;
	text-align: center;
}

.subTabBox .inner-tab {
	display: inline-block;
	padding: 5px 15px;
	font-family: 'S-CoreDream';
	color: #BFBFBF;
	font-weight: 200;
	font-size: 16px;
	border: 1px solid #CDCDCD;
	border-radius: 19px;
	letter-spacing: -0.03em;
}

.subTabBox .inner-tab.active {
	/* color: #3B9C8A; */
	color: #3A78B5;
	font-weight: 600;
	/* border-color: #3B9C8A; */
	border-color: #3A78B5;
	/* box-shadow: 0 0 0 1px #3b9c8a inset; */
	box-shadow: 0 0 0 1px #3A78B5 inset;
}


.cont-box {
	margin-bottom: 25px;
	padding: 15px 20px;
	/* border: 1px solid #B9D7D2;
	background-color: #EDF3F2; */
	border: 1px solid #BFD3E6;
	background-color: #F0F5FA;
	border-radius: 5px;
}

.search-group {
	display: flex;
	justify-content: space-between;
}

.search-group + .search-group {
	margin-top: 10px;
}

.search-group .items {
	display: flex;
	align-items: center;
}

.search-group .term {
	padding-left: 40px;
	width: 170px;
	font-family: 'S-CoreDream';
	/* color: #3B9C8A; */
	color: #3A78B5;
	font-size: 16px;
	font-weight: 600;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.search-group .term.icon01 {
	background-image: url(/images/icon/srch-icon01.svg);
}

.search-group .term.icon02 {
	background-image: url(/images/icon/srch-icon02.svg);
}

.search-group .term.icon03 {
	background-image: url(/images/icon/srch-icon03.svg);
}


.target {
	position: relative;
	margin: 0 auto;
	padding: 5px 0;
	width: 70px;
	font-weight: bold;
	text-align: center;
}

.target.selected {
	color: #00936B;
	background-color: #D8F4EC;
}

.target.unselected {
	color: #A70000;
	background-color: #FFEDED;
}

.target.unselected .icon {
	display: inline-block;
	margin-top: -3px;
	width: 14px;
	height: 14px;
	background: url(/images/icon/icon-warning.svg) no-repeat 50% 50%;
	vertical-align: middle;
}

.target.help .icon {
	display: inline-block;
	margin-top: -3px;
	width: 16px;
	height: 16px;
	margin-left : 3px;
	background: url(/images/icon/iconmonstr-help-3-16.png) no-repeat 50% 50%;
	vertical-align: middle;
}

.target.substitute {
	color: #007DA0;
	background-color: #E0F7FD;
}

.tool-tip {
	display: none;
	position: absolute;
	top: 50%;
	right: -150px;
	padding: 0 10px;
	width: 150px;
	border: 1px solid #A70000;
	background-color: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	text-align: left;
	/* transform: translateY(-50.1%); */
	z-index: 5;
}

.tool-tip:after {
	content: '';
	display: block;
	position: absolute;
	left: -9px;
	top: 50%;
	margin-top: -5px;
	width: 9px;
	height: 11px;
	background: url(/images/icon/tooltip-arrow.png) no-repeat 50% 50%;
}

/* Opinion = 의견서 tool-tip 추가 수정 */

.Opinion {
	display: none;
	position: absolute;
	top: 50%;
	right: -230px;
	padding: 0 10px;
	width: 230px;
	border: 1px solid #A70000;
	background-color: #fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	text-align: left;
	/* transform: translateY(-50.1%); */
	z-index: 5;
}

.Opinion:after {
	content: '';
	display: block;
	position: absolute;
	left: -9px;
	top: 25%;
	margin-top: -5px;
	width: 9px;
	height: 11px;
	background: url(/images/icon/tooltip-arrow.png) no-repeat 50% 50%;
}

.tool-tip.active {
	display: block;
}

.tool-tip .tit {
	padding: 5px 0;
	color: #A70000;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #DEDEDE;
}

.tool-tip .cont {
	padding: 5px 0;
	color: #404040;
	font-size: 11px;
	font-weight: normal;
	word-break: keep-all;
}


/* ------------------------------------------------------------------------------------------------------------------------
scroll
------------------------------------------------------------------------------------------------------------------------*/
/* .mCSB_inside > .mCSB_container {
    margin-right: 18px;
}

.mCSB_scrollTools {
	width: 10px;
} */

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #3B9B8A;
    background-color: rgba(59, 155, 138, 1);
	opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #E3E3E3;
    background-color: rgba(227, 227, 227, 1);
    opacity: 1;
}

/* ------------------------------------------------------------------------------------------------------------------------
survey
------------------------------------------------------------------------------------------------------------------------*/
#survey {
	position: relative;
	width: 100%;
	min-height: 100%;
	padding: 35px 0;
	font-size: 13px;
	background-color: #fff;
}

#survey::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 5px;
	/* background-image: linear-gradient(274.64deg, #67B68B -10.85%, #3B9B89 51.25%); */
	background-image: linear-gradient(274.64deg, #6F8FD6 -10.85%, #3859AE 51.25%);
}

#survey .header .tit {
	padding-top: 60px;
	text-align: center;
	font-family: 'S-CoreDream', sans-serif;
	font-weight: 600;
	font-size: 30px;
	/* color: #369F8C; */
	color: #4A90C2;
	background: url(/images/common/logo.svg) no-repeat 50% 0;
}

.survey-wrap {
	width: 100%;
	max-width: 1115px;
	min-height: 100%;
	margin: 20px auto 0;
}

.survey-wrap .logo-box {
	width: 100%;
	margin: 45px auto;
	text-align: center;
}

.survey-wrap .logo-box img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px;
}

.survey-wrap .txt-box01 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: 100px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 20px;
	font-family: 'S-CoreDream';
	color: #555;
	background-color: #ECF4F2;
}

.survey-wrap .txt-box01 .box01-tit {
	text-align: center;
	font-weight: 600;
	font-size: 25px;
}

.survey-wrap .txt-box01 .box01-txt {
	margin-top: 4px;
	text-align: center;
	font-weight: 200;
	font-size: 15px;
}

.survey-wrap .txt-box01.sm .box01-tit {
	font-weight: 700;
	font-size: 18px;
}

.survey-wrap .txt-box01.sm .box01-txt {
	margin: 4px auto 0;
	text-align: left;
	max-width: 1000px;
	font-size: 16px;
}

.survey-wrap .txt-box02 {
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 20px;
	color: #333;
	font-size: 13px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #9EBBB4;
	word-break: keep-all;
	word-wrap: break-word;
}

.survey-wrap .txt-box02.lg {
	font-size: 16px;
}

.survey-wrap .txt-box02 .box-txt p + p {
	margin-top: 3px;
}

.survey-wrap .txt-box02 .box-txt + .box-txt {
	margin-top: 20px;
}

.survey-wrap .txt-box02 + .txt-box01 {
	margin-top: 30px;
}

.survey-wrap .bbs-view-default {
	position: relative;
	padding-top: 3px;
	margin-top: 5px;
	margin-bottom: 30px;
}

.survey-wrap .bbs-view-default::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 3px;
	/* background: linear-gradient(274.64deg, #67B68B -10.85%, #3B9B89 51.25%); */
	background: linear-gradient(274.64deg, #6F8FD6 -10.85%, #3859AE 51.25%);
}

.survey-wrap .btn-wrap {
	margin: 70px auto 0;
}

.survey-wrap .btn-wrap .btn-lg {
	padding: 7px 25px;
}

.survey-wrap .question {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.survey-wrap .question > * {word-break: keep-all; word-wrap: break-word;}
.survey-wrap .question .question-tit {flex: 0 0 auto;}

.survey-wrap .question-tit {
	display: inline-block;
	margin-right: 5px;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	/* background-image: linear-gradient(274.64deg, #67B68B -10.85%, #3B9B89 51.25%); */
	background-image: linear-gradient(274.64deg, #6F8FD6 -10.85%, #3859AE 51.25%);
	border-radius: 14px;
}

.survey-wrap .form-control {
	height: 30px;
	background-color: #fff;
	/* border: 1px solid #2DAA93; */
	border: 1px solid #3FA0D1;
	border-radius: 3px;
}

.survey-wrap input[type="text"]:disabled, .survey-wrap textarea:disabled {
	background-color: #ECF4F2;
}

.survey-wrap .txt-ex {
	font-weight: bold;
	text-decoration: underline;
}

.survey-wrap .txt-color01 {
	display: inline-block;
	padding: 0 5px;
	font-family: 'S-CoreDream';
	color: #555;
	font-weight: 600;
	font-size: 15px;
	background-color: #D8FF68;
}

.survey-wrap .txt-color02 {
	margin-bottom: 5px;
	/* color: #0C866F; */
	color: #1F4F8A;
	font-weight: bold;
}

.survey-wrap .agree-wrap {
	width: 600px;
	margin: 100px auto 0;
	text-align: center;
}

.survey-wrap .agree-wrap .txt-box02 {
	margin: 20px auto 0;
}

.survey-wrap .agree-wrap .chk-box {
	width: 100%;
	margin: 10px auto 0;
	text-align: center;
}

.survey-wrap .agree-wrap .chk-box .form-radio + .form-radio {
	margin-left: 40px;
}

.survey-wrap .agree-wrap .chk-box .form-radio input[type="radio"] + label {
	color: #333;
	font-size: 13px;
	font-weight: bold;
}

.survey-wrap .agree-wrap .form-box {
	margin: 30px auto 45px;
    padding: 23px 120px;
    color: #333;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #9EBBB4;
    word-break: keep-all;
    word-wrap: break-word;
}

.survey-wrap .agree-wrap .form-box div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2px 0;
}

.survey-wrap .agree-wrap .form-box label {
	flex: 0 0 auto;
	width: 80px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 13px;
}

.survey-wrap .agree-wrap .form-box .form-control {
	width: 100%;
}

.brtc {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	min-width: 70px;
	font-family: 'S-CoreDream';
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	border: 1px solid transparent;
	background: transparent;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
}

.brtc.brtc-status {
	padding: 4px 3px;
	min-width: 50px;
	font-family:'Malgun Gothic';
	color: #4f4747;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #D6D6D6;
	background-color: #E6E6E6;
	border-radius: 5px;
}

.brtc.select,
.brtc.select:disabled {
	padding: 4px 3px;
	min-width: 50px;
	font-family:'Malgun Gothic';
	color: #9D9D9D;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #D6D6D6;
	background-color: #E6E6E6;
	border-radius: 5px;
}

.brtc.select.active {
	color: #fff;
	font-weight: bold;
}

.brtc.select.completion.active {
	/* border-color: #00845C; */
	border-color: #2F6FA8;
	/* background-color: #2CA37F; */
	background-color: #3A78B5;
}