/* main */
.main-page {
	min-width:1900px;
	background:#e6e9ef;
}
.main-page #header {
	right:0;
	display:block;
	width:100%;
	margin:0 auto;
	top: 0;
	position: fixed;
}
.main-page #header .site-logout {
	background-image:url('../images/main/bg_site_logout.png');
	color:#fff;
}
.main-page #container {
	display:block;
	padding-top:0;
}
.main-page #contents {
	margin:0;
	background:transparent;
	box-shadow:none;
}
.main-visual-area {
	height:490px;
	padding-top:70px;
	background:url('../images/main/bg_visual.jpg') no-repeat 50% 0;
	background-size:cover;
}
.main-swiper-cont {
	overflow:hidden;
	width:1820px;
	height:100%;
	margin:0 auto;
}
.main-swiper-cont .swiper-arrow {
	width:16px;
	height:32px;
	margin-top:0;
	background:url('../images/main/btn_visual_arrow.png') no-repeat 0 0;
	transform:translateY(-50%);
}
.main-swiper-cont .swiper-arrow:after {
	display:none;
}
.main-swiper-cont .swiper-button-next {
	left:300px;
}
.main-swiper-cont .swiper-button-prev {
	left:auto;
	right:300px;
	transform:translateY(-50%) rotate(180deg);
}
.main-swiper-cont .swiper-pagination-bullets .swiper-pagination-bullet {
	width:100px;
	height:4px;
	margin:0 1px 0 2px;
	border-radius:0;
	background:rgba(255, 255, 255, 0.3);
	opacity:1;
}
.main-swiper-cont .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background:rgba(188, 218, 255, 0.7);
}
.main-visual-area.visual-bg01 {
	background-image:url('../images/main/bg_visual01.jpg');
}
.main-visual-area.visual-bg02 {
	background-image:url('../images/main/bg_visual02.jpg');
}
.main-visual-area.visual-bg03 {
	background-image:url('../images/main/bg_visual03.jpg');
}
.main-visual-area.visual-bg04 {
	background-image:url('../images/main/bg_visual04.jpg');
}
.main-site-feature {
	padding-top:115px;
	font-size:0;
	line-height:0;
	text-align:center;
}
.main-site-feature li {
	display:inline-block;
	width:300px;
	margin:0 20px;
}
.main-site-feature li strong {
	display:block;
	margin-top:18px;
	font-size:20px;
	font-weight:400;
	line-height:28px;
	color:#fff;
	letter-spacing:-1px;
}

.main-step {
	display:inline-block;
	width:100%;
	padding:20px 0;
	background:#20344c;
	font-size:0;
	line-height:0;
	text-align:center;
}
.main-step li {
	display:inline-block;
	width:270px;
	height:80px;
	margin-left:40px;
	padding:1px 0 0 90px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-align:left;
}
.main-step li:before {
	display:block;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	color:#c4ccdf;
}
.main-step li:nth-child(1) {background-image:url('../images/main/bg_step01.png');}
.main-step li:nth-child(2) {background-image:url('../images/main/bg_step02.png');}
.main-step li:nth-child(3) {background-image:url('../images/main/bg_step03.png');}
.main-step li:nth-child(4) {background-image:url('../images/main/bg_step04.png');}
.main-step li:nth-child(5) {background-image:url('../images/main/bg_step05.png');}
.main-step li:nth-child(1):before {content:'01';}
.main-step li:nth-child(2):before {content:'02';}
.main-step li:nth-child(3):before {content:'03';}
.main-step li:nth-child(4):before {content:'04';}
.main-step li:nth-child(5):before {content:'05';}
.main-step li strong {
	display:block;
	margin-top:2px;
	font-size:18px;
	font-weight:400;
	line-height:20px;
	color:#c4ccdf;
}
.main-step li p {
	display:inline-block;
	width:auto;
	margin-top:5px;
	border-top:1px solid #6c758a;
	font-size:12px;
	line-height:22px;
	color:#c4ccdf;
}

.main-bottom-grid {
	overflow:hidden;
	width:1820px;
	margin:40px auto 0;
}
.main-bottom-grid .main-grid-box {
	position:relative;
	float:left;
	height:225px;
	border-radius:10px;
	background:#fff;
}
.main-bottom-grid .grid-box-title {
	font-size:18px;
	font-weight:500;
	line-height:24px;
	color:#222;
}
.main-bottom-grid .grid-box-more {
	position:absolute;
	top:40px;
	right:40px;
	width:17px;
	height:17px;
	font-size:0;
	line-height:0;
}
.main-bottom-grid .grid-box-more:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:7px;
	width:3px;
	background:#222;
}
.main-bottom-grid .grid-box-more:after {
	content:'';
	position:absolute;
	top:7px;
	left:0;
	right:0;
	height:3px;
	background:#222;
}
.main-bottom-grid .main-notice-area {
	width:930px;
	padding:35px 40px 0;
}
.main-notice-list {
	margin-top:14px;
}
.main-notice-list li {
	position:relative;
	padding-right:90px;
	border-top:1px solid #ddd;
}
.main-notice-list li:first-child {
	border-top:0;
}
.main-notice-list li .notice-date {
	position:absolute;
	top:0;
	right:0;
	font-size:14px;
	line-height:40px;
	color:#777;
}
.main-notice-list li a {
	display:inline-block;
	overflow:hidden;
	max-width:100%;
	text-overflow: ellipsis;
	white-space:nowrap;
	font-size:14px;
	line-height:40px;
	color:#222;
}
.main-link-list {
	width:710px;
	margin-left:20px;
	border:1px solid #ccc;
}
.main-link-list ul {
	height:100%;
}
.main-link-list li {
	float:left;
	width:25%;
	height:100%;
	border-left:1px solid #e5e5e5;
	background-repeat:no-repeat;
	background-position:0 0;
}
.main-link-list li:first-child {
	border-left:0;
}
.main-link-list li:nth-child(1) {background-image:url('../images/main/bg_link_list01.png');}
.main-link-list li:nth-child(2) {background-image:url('../images/main/bg_link_list02.png');}
.main-link-list li:nth-child(3) {background-image:url('../images/main/bg_link_list03.png');}
.main-link-list li:nth-child(4) {background-image:url('../images/main/bg_link_list04.png');}
.main-link-list li a {
	display:block;
}
.main-link-list li strong {
	display:block;
	padding:140px 0 0 39px;
	font-size:18px;
	font-weight:500;
	line-height:22px;
	color:#333;
}
.main-bottom-grid .main-grid-box.main-help-center {
	float:right;
	width:150px;
	padding-top:39px;
}
.main-help-center .center-info {
	padding-top:74px;
	background:url('../images/main/bg_help_center.png') no-repeat 50% 0;
	font-size:16px;
	font-weight:300;
	line-height:18px;
	color:#666;
	text-align:center;
}
.main-help-center .center-info strong {
	display:block;
	margin-top:5px;
	font-size:18px;
	font-weight:500;
	color:#555;
}
.main-help-center .center-time {
	position:absolute;
	bottom:28px;
	left:20px;
	right:0;
	font-size:12px;
	line-height:16px;
	color:#666;
}
.main-help-center .center-time dt {
	float:left;
	width:36px;
}
.main-help-center .center-time dd {
	margin-left:36px;
}

/* 사업자 등록증 */
.resident-box {
	display:inline-block;
	width:100%;
	background:#f6f6f6;
	height: calc(100vh - 200px);
}
.resident-box .btn-group-box {
	padding:20px;
	border-top:1px solid #c8c8c8;
}
.resident-box .resident-cont {
/* 	overflow-y:auto; */
	margin:20px;
	height:calc(100% - 40px);
	/*background:#ededed;*/
}
.resident-box .no-resident {
	background:#ededed url('../images/common/bg_no_resident.png') no-repeat 50% 50%;
}
.resident-box .resident-cont .tab-wrap + .tab-container {
	height:calc(100% - 64px);
}
.resident-box .resident-cont .tab-wrap.sub-tab + .tab-container {
	height:calc(100% - 64px);
}
.resident-box .resident-cont .tab-wrap {
	margin-bottom:20px;
}
.resident-box .resident-cont .tab-contents {
	padding:0;
	background:#f6f6f6;
}
.resident-box .resident-cont .no-resident {
	background:#ededed url('../images/common/bg_no_resident.png') no-repeat 50% 50%;
}
.resident-box .resident-cont .resident-img {
	text-align:center;
}
.resident-box .resident-cont .resident-img img {
	max-width:100%;
}
.resident-box .resident-cont .sub-tab + .tab-container {
	height:calc(100% - 64px);
}
.resident-box .resident-cont .tab-contents {
	overflow-y:auto;
	height:100%;
}
.resident-box .document-file-icon {
	background:#ededed;
}
.resident-box .document-file-icon .document-doc {
	height:100%;
	background:url('../images/common/icon_file_doc.png') no-repeat 50% 50%;
	font-size:0;
	line-height:0;
}
.resident-box .document-file-icon .document-hwp {
	height:100%;
	background:url('../images/common/icon_file_hwp.png') no-repeat 50% 50%;
	font-size:0;
	line-height:0;
}
.resident-box .document-file-icon .document-xls {
	height:100%;
	background:url('../images/common/icon_file_xls.png') no-repeat 50% 50%;
	font-size:0;
	line-height:0;
}

/* memu area */
.menu-top {
	margin-bottom:10px;
}
.menu-box {
	overflow-y:auto;
	padding:26px 33px;
	border:1px solid #ccc;
	border-radius:5px;
}

/* js tree */
.menu-box > ul {
	padding-right:22px;
}
.menu-box li {
	position:relative;
	padding-left:32px;
}
.menu-box li:before {
	content:'';
	position:absolute;
	top:-23px;
	bottom:23px;
	left:-16px;
	width:1px;
	background:url('../images/common/bg_depth_list.png') repeat-y 0 0;
}
.menu-box li:after {
	content:'';
	position:absolute;
	top:23px;
	left:-15px;
	width:30px;
	height:1px;
	background:url('../images/common/bg_depth_list_x.png') repeat-x 0 0;
}
.menu-box > ul > li:before,
.menu-box > ul > li:after {
	display:none;
}
.menu-box .jstree-open > ul > li:first-child:before {
	top:-13px;
}
.menu-box .jstree-open > ul > li:last-child:before {
	bottom:auto;
	height:45px;
}
.menu-box .jstree-open > ul > li:first-child:last-child:before {
	height:34px;
}
.menu-box > ul > li > ul > li:first-child:before {
	top:-29px !important;
}
.menu-box > ul > li > ul > li:first-child:last-child:before {
	height:50px !important;
}
/*.menu-box .jstree-leaf {
	padding-left:0;
}*/
.menu-box > ul > li > ul {
	margin-top:14px;
}
.menu-box a {
	overflow:hidden;
	display:inline-block;
	max-width:100%;
	font-size:14px;
	line-height:45px;
	color:#555;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
}
.menu-box > ul > li > a {
	font-weight:500;
	color:#222;
}
.menu-box .jstree-ocl {
	position:absolute;
	top:13px;
	left:6px;
	width:20px;
	height:20px;
	background:url('../images/common/icon_tree_menu_toggle.png') no-repeat 0 0;
	z-index:2;
}
.menu-box .jstree-open > .jstree-ocl {
	background-position:0 -20px;
}
.menu-box .jstree-leaf .jstree-ocl {
	display:none;
}
.menu-box .jstree-leaf .jstree-checkbox {
	position:absolute;
	top:16px;
	left:12px;
	width:14px;
	height:14px;
	background:url('../images/common/icon_tree_menu_check.png') no-repeat 0 0;
}
.menu-box .jstree-leaf .jstree-clicked .jstree-checkbox {
	background-position:0 -14px;
}
.menu-box .jstree-clicked {
	font-weight:500;
	color:#2f55ac;
}
.menu-box + .btn-group-box {
	margin-top:10px;
}

/* document img */
.document-img {
	min-height:100%;
	padding-top:8px;
	background:#f6f6f6;
	font-size:0;
	line-height:0;
	text-align:center;
}
.document-img img {
	max-width:100%;
}

/* sns box */
.sns-box {
	width:336px;
	height:276px;
	padding:8px 20px;
	border-radius:10px;
	background:#4f596a;
}
.sns-box .sns-title {
	font-size:14px;
	font-weight:500;
	line-height:36px;
	color:#fff;
	text-align:center;
}
.sns-box .sns-text-area .text-area {
	height:194px;
}
.sns-box .sns-bottom {
	overflow:hidden;
	padding-top:6px;
}
.sns-box .sns-bottom .check-wrap {
	float:left;
}
.sns-box .sns-bottom .check-wrap label {
	color:#fff;
}
.sns-box .sns-bottom .count-byt {
	float:right;
	padding-top:1px;
	font-size:12px;
	line-height:14px;
	color:#bbb;
}
.sns-box .sns-bottom .count-byt strong {
	font-weight:500;
	color:#fff;
}
.cont-grid .sns-box {
	margin-top:44px;
}

/* 설문조사 */
.board-details-cont.board-details-survey {
	height:calc(100vh - 284px);
	margin-bottom:0;
	background:#fff;
}
.board-details-survey .page-sub-title-area:first-child {
	min-height:28px;
	padding-top:0;
}
.survey-cont {
	margin-top:12px;
	border-top:3px solid #838c98;
}
.survey-cont > li {
	padding:16px 0;
	border-bottom:1px solid #838c98;
}
.survey-cont > li .delete-btn {
	position:absolute;
	top:50%;
	right:0;
	width:40px;
	height:40px;
	background:url('../images/common/btn_delete13.png') no-repeat 50% 50%;
	font-size:0;
	line-height:0;
	transform:translateY(-50%);
}
.survey-cont .question-area {
	position:relative;
	display:inline-block;
	width:100%;
	padding:0 40px 0 100px;
}
.survey-cont .question-area > strong {
	position:absolute;
	top:50%;
	left:0;
	width:100px;
	padding-left:25px;
	font-size:18px;
	font-weight:500;
	line-height:25px;
	color:#333;
	transform:translateY(-50%);
}
.survey-cont .question-area > strong:before {
	content:'';
	position:absolute;
	top:50%;
	left:12px;
	width:5px;
	height:5px;
	background:#333;
	border-radius:100%;
	transform:translateY(-50%);
}
.objective-list {
	overflow:hidden;
	margin-top:16px;
	border:1px solid #bbb;
	border-radius:5px;
	background:#f6f6f6;
}
.objective-list li {
	position:relative;
	padding:10px 40px 10px 77px;
	border-top:1px solid #bbb;
}
.objective-list li:first-child {
	border-top:0;
}
.objective-list li > strong {
	position:absolute;
	top:50%;
	left:0;
	width:66px;
	padding-left:14px;
	font-size:14px;
	font-weight:400;
	line-height:30px;
	color:#333;
	transform:translateY(-50%);
}
.objective-list li .objective-cont {
	padding:0 11px;
	font-size:14px;
	font-weight:400;
	line-height:30px;
	color:#333;
}
.objective-list li .objective-cont input.txt {
	width:calc(100% + 22px);
	margin:0 -11px;
	border-color:#f6f6f6;
	background:#f6f6f6;
}
.survey-cont .objective-more-btn {
	display:block;
	width:390px;
	height:40px;
	margin:0 auto;
	background:#bcd9f3;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	font-size:14px;
	line-height:40px;
	color:#111;
	text-align:center;
}
.survey-cont .objective-more-btn > span {
	position:relative;
	display:inline-block;
	padding-right:20px;
}
.survey-cont .objective-more-btn > span:before {
	content:'';
	position:absolute;
	top:50%;
	right:0;
	width:12px;
	height:2px;
	background:#111;
	transform:translateY(-50%);
}
.survey-cont .objective-more-btn > span:after {
	content:'';
	position:absolute;
	top:50%;
	right:5px;
	width:2px;
	height:12px;
	background:#111;
	transform:translateY(-50%);
}
.survey-notice {
	padding:20px;
	background:#f6f6f6;
	font-size:16px;
	line-height:28px;
	color:#333;
}
.details-cont > li {
	overflow:hidden;
	padding:20px;
}
.details-cont .question-area {
	float:left;
	display:block;
	width:370px;
	padding:20px;
	border-radius:5px;
	background:#838c98;
	font-size:16px;
	line-height:26px;
	color:#fff;
}
.details-cont .question-area > strong {
	display:block;
	position:static;
	width:100%;
	margin-bottom:4px;
	padding-left:0;
	font-size:18px;
	font-weight:500;
	color:#fff;
	transform:none;
}
.details-cont .question-area > strong:before {
	display:none;
}
.details-cont .objective-list {
	float:left;
	width:730px;
	margin-top:0;
	margin-left:10px;
	padding:10px 30px 30px 44px;
	border:0;
	border-radius:5px;
	background:#e8eef7;
}
.details-cont .objective-list li {
	position:static;
	padding:0;
	padding-top:16px;
}
.details-cont .objective-list li:first-child {
	padding-top:16px;
}
.details-cont .objective-list li .answer-text {
	font-size:14px;
	line-height:26px;
	color:#333;
	text-indent:-14px;
}
.details-cont .objective-list li .bar-graph-area {
	overflow:hidden;
	height:46px;
	margin-top:7px;
	border-radius:5px;
	background:#ccc;
}
.details-cont .objective-list li .bar-graph-area .bar-graph-cont {
	display:block;
	height:46px;
	padding:0 10px;
	border-radius:5px;
	font-size:16px;
	line-height:46px;
	color:#fff;
	text-align:right;
	white-space:nowrap;
}
.details-cont .objective-list li .bar-graph-area strong {
	font-weight:500;
}
.details-cont .objective-list li:nth-child(1) .bar-graph-area .bar-graph-cont {
	background:#458bb3;
}
.details-cont .objective-list li:nth-child(2) .bar-graph-area .bar-graph-cont {
	background:#3cafd0;
}
.details-cont .objective-list li:nth-child(3) .bar-graph-area .bar-graph-cont {
	background:#55996d;
}
.details-cont .objective-list li:nth-child(4) .bar-graph-area .bar-graph-cont {
	background:#c5ad64;
}
.details-cont .objective-list li:nth-child(5) .bar-graph-area .bar-graph-cont {
	background:#8c7cbb;
}
.details-cont .objective-list li:nth-child(6) .bar-graph-area .bar-graph-cont {
	background:#8c7cbb;
}
.details-cont .objective-list li:nth-child(7) .bar-graph-area .bar-graph-cont {
	background:#ee874a;
}
.survey-cont.details-cont .objective-list li {
	border-top:0;
}
.question-chart-area {
	float:right;
	width:362px;
	padding:0 46px;
}
.question-chart-area .question-chart {
	width:270px;
	height:270px;
}
.answer-subjective {
	float:left;
	width:calc(100% - 380px);
	margin-left:10px;
	padding:30px;
	border-radius:5px;
	background:#e8eef7;
	font-size:16px;
	line-height:26px;
	color:#333;
}
.popup-box .board-details-survey {
	padding:0;
}
.popup-box .survey-cont > li {
	padding-left:0;
	padding-right:0;
}
.popup-box .details-cont .objective-list {
	width:calc(100% - 380px);
	padding:30px;
}
.popup-box .details-cont .objective-list > li {
	padding-top:13px;
	border-top:0;
}
.popup-box .details-cont .objective-list li:first-child {
	padding-top:0;
}
.popup-box .objective-list li .objective-cont {
	padding-left:0;
	line-height:0;
}
.popup-box .details-cont .objective-list > li .radio-wrap {
	display:block;
}
.popup-box .details-cont .objective-list > li .radio-wrap label {
	background-position:0 3px;
	line-height:20px;
}

/* login */
.login-page {
	position:relative;
	width:100%;
	height:100%;
	background:linear-gradient(135deg, rgba(8,85,136,1) 0%,rgba(19,56,98,1) 100%);
	overflow:hidden;
}
.login-container {
	position:absolute;
	top:50%;
	left:50%;
	widtH:1080px;
	transform:translate(-50%, -50%);
}
.login-content {
	position:relative;
	overflow:hidden;
	width:100%;
	height:600px;
	padding:115px 85px 0 535px;
	border-radius:18px;
	background:#161d28;
}
.login-footer {
	padding-top:11px;
	font-size:10px;
	line-height:20px;
	color:#738fa9;
	text-align:center;
}
.login-content .login-logo {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:450px;
	background:url('../images/common/bg_login_logo.png') no-repeat 0 0;
}
.login-content .login-logo .logo {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	font-size:0;
	line-height:0;
	text-align:center;
	transform:translateY(-50%);
}
.login-content .login-logo .qr-code {
	position:absolute;
	bottom:50px;
	right:52px;
	font-size:0;
	line-height:0;
}
.login-content .tab-wrap:before {
	display:none;
}
.login-content .tab-wrap .tab-list > li:before {
	display:none;
}
.login-content .tab-wrap .tab-list > li {
	background:linear-gradient(to bottom, rgba(242,247,255,1) 0%,rgba(188,198,215,1) 100%);
}
.login-content .tab-wrap .tab-list > li.active {
	background:linear-gradient(to bottom, rgba(60,94,170,1) 0%,rgba(38,65,124,1) 100%);
}
.login-content .tab-container {
	margin-top:-2px;
}
.login-content .tab-container .tab-contents {
	position:relative;
	height:250px;
	padding:17px 58px 21px;
	border:2px solid #27427e;
	border-radius:5px;
	border-top-left-radius:0;
	background:transparent;
}
.login-content .tab-container .tab-contents:first-child {
	padding-top:58px;
}
.login-content dt {
	display:block;
	padding:3px 0 1px;
	font-size:18px;
	font-weight:500;
	line-height:42px;
	color:#f6f6f6;
}
.login-content .operator-number .number-wave:before {
	background:#576e91;
}
.login-content input.txt {
	width:100%;
	border-color:#576e91;
	/*background:#224462;*/
	height:42px;
	line-height:40px;
	/*color:#fff;*/
}
.login-content .import-text {
	padding-top:8px;
	font-size:14px;
	line-height:42px;
	color:#758297;
	letter-spacing:-1.5px;
}
.login-content .btn-grid {
	position:absolute;
	bottom:-64px;
	right:-2px;
}
.login-content .login-btn-base {
	position:relative;
	display:inline-block;
	width:158px;
	height:52px;
	padding:0 17px;
	border-radius:5px;
	font-size:18px;
	line-height:52px;
	color:#aebad5;
}
.login-content .login-btn-base:before {
	content:'';
	position:absolute;
	top:50%;
	right:24px;
	width:6px;
	height:11px;
	background:url('../images/common/bg_login_btn_arrow.png') no-repeat 0 0;
	transform:translateY(-50%);
}
.login-content .login-btn-base:after {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border:1px solid #aebad5;
	border-radius:5px;
}
.login-content .login-active {
	background:linear-gradient(135deg, rgba(72,132,186,1) 0%,rgba(23,78,128,1) 100%);
	color:#f6f6f6;
}
.login-content .login-active:after {
	display:none;
}
.login-content .login-btn-base + .login-btn-base {
	margin-left:7px;
}
.login-content .list-text {
	position:absolute;
	bottom:46px;
	left:535px;
}
.login-content .list-text li {
	font-size:15px;
	line-height:24px;
	color:#626f84;
	letter-spacing:-1px;
}

/* qr step list */
.qr-step-list {
}
.qr-step-list li {
	position:relative;
	padding:19px 0 30px 70px;
}
.qr-step-list li:before {
	content:'';
	position:absolute;
	top:50px;
	bottom:0;
	left:29px;
	width:1px;
	background:#9fc3d7;
	z-index:1;
}
.qr-step-list li:last-child {
	padding-bottom:10px;
}
.qr-step-list li:last-child:before {
	display:none;
}
.qr-step-list li .qr-step-number {
	position:absolute;
	top:0;
	left:0;
	width:58px;
	height:58px;
	padding-top:10px;
	border-radius:100%;
	background:#9fc3d7;
	font-size:16px;
	font-weight:500;
	line-height:20px;
	color:#fff;
	text-align:center;
	z-index:2;
}
.qr-step-list li .qr-step-number > em {
	display:block;
	font-size:20px;
}
.qr-step-list li .qr-step-title {
	display:block;
	padding-bottom:11px;
	font-size:16px;
	line-height:24px;
	color:#111;
}
.qr-step-list li .qr-count {
	width:193px;
	height:104px;
	padding-top:10px;
	border-radius:5px;
	background:#eaeaea;
	text-align:center;
}
.qr-step-list li .qr-count strong {
	display:block;
	margin-top:2px;
	font-size:14px;
	line-height:26px;
	color:#e40d24;
}

/* faq area */
.faq-tab-pagging-area {
}
.faq-tab-area {
	padding:20px 20px 30px;
	background:#f6f6f6;
	text-align:center;
	height: calc(100vh - 240px);
    overflow-y: auto;
}
.faq-tab-area .tab-wrap {
	width:auto;
}
.faq-tab-area .tab-wrap.sub-tab .tab-list > li {
	padding:0;
}
.faq-tab-area .tab-wrap.sub-tab .tab-list > li > a {
	padding:0 28px;
}
.faq-tab-area .tab-container {
	text-align:left;
}
.faq-tab-area .tab-container .tab-contents {
	padding:0;
	background:transparent;
}
.faq-list-content dt {
	position:relative;
	margin-top:10px;
	padding:4px 78px 4px 81px;
	border:1px solid #ccc;
	border-radius:5px;
	background:#fff;
	font-size:16px;
	font-weight:500;
	line-height:40px;
	color:#333;
	cursor:pointer;
}
.faq-list-content dt:before {
	content:'질문';
	position:absolute;
	top:11px;
	left:30px;
	width:41px;
	height:27px;
	border-radius:5px;
	background:#aaa;
	font-size:16px;
	font-weight:500;
	line-height:27px;
	color:#fff;
	text-align:center;
}
.faq-list-content dt:after {
	content:'';
	position:absolute;
	top:50%;
	right:30px;
	width:18px;
	height:10px;
	background:url('../images/common/bg_faq_arrow.png') no-repeat 0 0;
	transform:translateY(-50%);
}
.faq-list-content dt:first-child {
	margin-top:0;
}
.faq-list-content dd {
	display:none;
	padding:10px 30px;
	border:1px solid #ccc;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top:0;
	background:#fff;
}
.faq-list-content .answer-cont {
	padding:11px 10px 11px 46px;
	border-radius:5px;
	background:#f6f6f6 url('../images/common/bg_answer_arrow.png') no-repeat 20px 16px;
	font-size:16px;
	line-height:26px;
	color:#555;
}
.faq-list-content dt.active {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.faq-list-content dt.active:after {
	transform:translateY(-50%) rotate(180deg);
}
.faq-list-content dt.active + dd {
	display:block;
}
.answer-title-icon {
	padding-left:32px;
	background:url('../images/common/bg_answer_title.png') no-repeat 0 0;
}
.placeholder-text {
	color:#999;
}
/*sur*/
.korea-text{
	text-align:center;
	font-size:18px ;
	color:#777777;
	padding-top:25px;
}
.korea-text .korea-logo{
	padding-top:15px;
}
/* web_out_0001M, web_out_0003M */
.completion-page {
	position:relative;
}
.psw-title {
	width:700px;
	margin:-63px auto 0;
	padding-bottom:27px;
	border-bottom:1px solid #d3d3d3;
	text-align:center;
}
.psw-title > strong {
	display:block;
	font-size:40px;
	font-weight:300;
	line-height:44px;
}
.psw-title > p {
	margin-top:10px;
	font-size:22px;
	line-height:42px;
	color:#707070;
}
.psw-find {
	width:700px;
	margin:62px auto 0;
	/*position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);*/
}
.psw-find dl {
	overflow:hidden;
}
.psw-find dt {
	width:170px;
	height:54px;
	line-height:40px;
	font-size:20px;
	color:#111;
	float:left;
	padding:7px 0 8px;
}
.psw-find dd {
	padding:7px 0 8px;
	margin-left:170px;
}
.psw-find .txt {
	width:100%;
	height:40px;
}
.psw-find-name {
	margin-top:15px;
}
.psw-find .import-text {
	padding-left:170px;
	margin-top:10px;
}
/*web_out_0002M*/
.psw-find-stp2{
	width:362px;
	margin:35px auto 0;
	/*position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);*/
}
.psw-find-stp2 li {
	background-repeat:no-repeat;
	background-position:0 50%;
	padding:20px 0 20px 95px;
}
.psw-find-stp2 li > strong {
	display:block;
	font-size:17px;
	padding-bottom:17px;
	color:#111;
	font-weight:500;
	letter-spacing:-1px;
}
.psw-find-stp2 li.phone-ikon-img{
	background-image:url('../images/common/phone_ikon.png');
}
.psw-find-stp2 li.message-ikon-img{
	background-image:url('../images/common/message_ikon.png');
}
.psw-find-stp2 .count-input{
	position:relative;
	margin-top:35px;
}
.psw-find-stp2 .count-input .txt{
	width:100%;
	height:40px;
	padding-right:60px;
}
.psw-find-stp2 .count-input .count-number{
	color:#bf3f3f;
	font-size:16px;
	position:absolute;
	right:17px;
	line-height:40px;
}
.psw-find-stp2 .count-input + .count-btn-grid{
	text-align:right;
	position:relative;
	margin-top:12px;
}
.count-btn-grid .text-btn {
	display:inline-block;
	padding:0 3px;
	font-size:18px;
	line-height:26px;
	color:#777;
}
.count-btn-grid .text-btn + .text-btn {
	margin-left:30px;
}
.count-btn-grid .text-btn + .text-btn:before {
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:290px;
	width:1px;
	height:15px;
	background:#ddd;
}
/*web_cha_0001M*/
.completion-page-change{
	width:850px;

	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.psw-lock strong{
	font-weight:normal;
	font-size:38px;
}
.psw-lock{
	width:850px;
	padding-top:150px;
	margin-bottom:20px;
	display:block;
	background:url('../images/common/bg_lock.png') no-repeat 50% 0;
	font-size:28px;
	line-height:1.5;
	color:#fff;
	text-align:center;
}
.completion-page-change .page-sub-title-area{
	border-bottom:1px solid #fff;
	padding-bottom:15px;
	color:white;
}
.completion-page-change .title-right-unit{
	padding-bottom:15px;
	color:white;
}

.psw-change-bg{
	background:#161d28;
	margin:0 auto;
	margin-top:20px;
	border-radius:5px;
	padding:50px 125px;
}
.psw-change-bg dl{
	width:600px;
	margin:0 auto;
	overflow:hidden;
}
.psw-change-bg dt {
	width:170px;
	height:54px;
	line-height:40px;
	font-size:20px;
	color:#fff;
	float:left;
	padding:7px 0 8px;
}
.psw-change-bg dd {
	padding:7px 0 8px;
	margin-left:170px;
}
.psw-change-bg .txt {
	width:100%;
	height:40px;
	background:#fff;
	border-color:#576e91;
	/*color:#fff;*/
}
.completion-page-change .btn-center{
	margin-top:15px;
}
/* web_myp_0001M, web_myp_0002M*/
.completion-secession-page{
	height:705px;
	margin-top:36px;
	padding-top:176px;
	background:#f6f6f6;
	position:relative;
}
.completion-secession-page-bg{
	width:1250px;
	height:450px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:#fff;
}
.completion-secession-page .secession-page{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:20px;
	line-height:1.5;
	color:#333;
	text-align:center;
	padding-top:96px;
}
.secession-img01{
	background:url('../images/common/bg_exclamationmark.png') no-repeat 50% 0;
}
.secession-img02{
	background:url('../images/common/bg_secession.png') no-repeat 50% 0;
}
.secession-page strong{
	display:block;
	font-size:24px;
	font-weight:500;
	line-height:36px;
	color:#111;
	letter-spacing:-1px;
}
.secession-page .list-text{
	display:inline-block;
	padding-top:15px;
	padding-bottom:20px;
}
.secession-page em{
	display:block;
	margin-top:8px;
	font-size:18px;
	line-height:28px;
	color:#555;
}
.secession-page .btn-group-box{
	margin-top:56px;
}
.completion-secession-page .no-outer-area{
	width:550px;
	margin:0 auto;
	border-top:1px solid #ccc;
	padding:10px 0;
}
/*web_ser_0001M*/
.mobile-service{
	width:100%;
	height:775px;
	background:#fff url('../images/common/bg_mobile_service_phone.png') no-repeat 72px 99px;
}
.mobile-service-con{
	padding-left:955px;
	line-height:1.3;
	color:#111;
	font-size:28px;
}
.mobile-service-con strong{
	font-size:42px;
}
.mobile-service li{
	position:relative;
	padding:30px 0 0 15px;
	font-size:18px;
	line-height:1.5
}
.mobile-service li:before {
	content:'';
	position:absolute;
	top:39px;
	left:0;
	width:7px;
	height:7px;
	border-radius:100%;
	background:#555;
}
.mobile-speech-bubble{
	width:370px;
	height:290px;
	position:absolute;
	top:272px;
	left:530px;
	background:url('../images/common/bg_mobile_speech_bubble.png') no-repeat center center;
	padding:41px 33px 39px 40px;
}
.mobile-speech-bubble strong{
	font-size:18px;
	font-weight:500;
	color:#111;
	display:block;
	margin-bottom:16px;
	padding-left:8px;
}
.mobile-speech-bubble strong:before {
	content:'';
	position:absolute;
	top:42px;
	left:40px;
	width:3px;
	height:15px;
	background:#000;
}
.mobile-speech-bubble .bubble-img{
	width:74px;
	float:left;
}
.mobile-speech-bubble .bubble-txt{
	margin-left:84px;
	font-size:12px;
	line-height:1.4;
	padding-top:4px;
}
.store{
	margin-top:20px;
}
.store a{
	padding-right:5px;
}
/* check page */
.check-page{
	background:#eaeaea;
}
.check-system .check-cont {
	width:900px;
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	transform:translate(-50%, -50%);
}
.check-cont .check-title {
	font-size:22px;
	font-weight:500;
	line-height:1.5;
	color:#777;
}
.check-cont .check-title strong {
	margin-top:30px;
	margin-bottom:30px;
	font-size:64px;
	line-height:70px;
	display:block;
	color:#222;
}
.check-cont .check-code {
	margin-top:30px;
	font-size:22px;
	font-weight:500;
	line-height:25px;
	color:#222;
}
/* license document */
.f-tbl-type {
	table-layout:fixed;
	width:100%;
	border-collapse:collapse;
	margin:0 0 15px;
	border:1px solid #bcbfc1;
	border-collapse:collapse;
	border-image: initial;
}
.f-tbl-type.f-tbl-mb0 {
	margin-bottom:0;
}
.color-list + .f-tbl-type,
.color-list + .f-tbl-type thead tr:first-child th,
.f-tbl-type.f-tbl-mb0 + .f-tbl-type,
.f-tbl-type.f-tbl-mb0 + .f-tbl-type thead tr:first-child th,
.f-tbl-type.f-tbl-mb0 + .total-list .f-tbl-type,
.f-tbl-type.f-tbl-mb0 + .total-list .f-tbl-type thead tr:first-child th{
	border-top:0;
}
.total-list .f-tbl-type{
	border-bottom:0;
}
.f-tbl-type.f-tbl-mb0 + .color-list .blue-list .f-tbl-type,
.f-tbl-type.f-tbl-mb0 + .color-list .blue-list .f-tbl-type tbody tr th{
	border-left:0;
}
.title{
    padding: 5px 0;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.one-title{
    padding:5px 0;
    font-size:19px;
    font-weight:700;
    text-align:center;
}
.f-tbl-type th {
	padding:8px 0px;
	background:#f9fafb;
	border:1px solid #bcbfc1;
	font-weight:400;
	font-size:12px;
	text-align: center;
	vertical-align: middle;
	line-height:1.4;
}
.f-tbl-type td {
	padding:8px 8px;
	background:#fff;
	border:1px solid #bcbfc1;
	font-weight:500;
	font-size:12px;
	vertical-align: middle;
	line-height:1.4;
}
.f-tbl-type td p{
	display:inline-block;
	min-height:auto;
	padding:0;
	font-size:12px;
	font-weight:500;
}
.f-tbl-type td img {
	vertical-align: middle;
}
.f-tbl-type .td-center{
	text-align:center;
}
.f-tbl-type .td-right{
	text-align:right;
}
.f-tbl-type .end-group{
	margin-top:20px;
	text-align:center;
}
.f-tbl-type .end-group span{
	display: inline-block;
	width:40px;
	padding-top:10px;
	padding-bottom:10px;
}
.end-group-right{
	text-align:right;
}
.end-group-right span{
	display: inline-block;
	width:40px;

}
.f-tbl-type .td-box {
    padding: 30px 0;
    text-align: center;
}
.f-tbl-type .td-box .txt01{
	display:inline-block;
	width:300px;
	position:relative;
	padding:0 50px;
}
.f-tbl-type .td-box .txt-width-long{
	width:400px;
}

.f-tbl-type .td-box .txt-width-middle{
	width:340px;
}
.txt01 .space80 .stemp{
	width:50px;
	height:50px;
	position:absolute;
	top:-15px;
	right:30px;
}
.txt01 .space80 .stemp img{
	width:100%;
}
.submission p{
	margin-right:10px;
}
.submission strong{
	font-weight:500;
	padding-right:5px;
}
.txt01 .space80{
	display: inline-block;
	min-width: 80px;
}
.f-tbl-type .space100{
	padding:0 10px;
}

.right-menu{
	z-index: 50;
	position: fixed;
	right: 0; 
	top: 70px;
	width: 200px;
	display: none;
}

.right-menu ul{
	width: 200px; 
	list-style: none;
}

.right-menu ul li{
	width: 200px;
	height: 44px;
	margin-bottom: 5px;
	background-color: rgba(0, 0, 0, 0.5);
}
.right-menu ul li:first-child{
	background-color: #26417c;
}
.right-menu ul li a{
	display: block;
	padding-left: 20px;
}
.right-menu ul li:last-child{
	margin-bottom: 0px;
}
.right-menu ul li a span{
	color: #ffffff;
	display: inline-table;
	line-height: 44px;
	font-size: 14px;
}
.right-menu ul li a span img{
	transform: translateY(3px);
}
.right-menu ul li a span.menu-txt{
	margin-left: 20px;
}

/* .contents-cont table *{font-family: Gulim, sans-serif;} */

.qna-detail-wrap{width: 100%; height: calc(100% - 60px); overflow-y: auto; position: relative;}