@charset "utf-8";
@font-face {
	font-family: 's-core-dream';
	src: url('../fonts/scdream4-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 's-core-dream';
	src: url('../fonts/scdream5-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 's-core-dream';
	src: url('../fonts/scdream6-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
/* main */
.main-page {width: 100%;min-width:1900px;letter-spacing:-0.03em;color:#242424;font-family:'s-core-dream', sans-serif;}
.main-page input,
.main-page select,
.main-page button,
.main-page textarea{color:#242424;font-size:16px;}
.main-page #header {height:78px;width:100%;padding:0 60px;z-index:1001}
.main-page #header h1.logo{float:none;clear:both}
.main-page #header h1.logo a{font-size:0;line-height:0;background:url(../images/main/NEW/ci_logo.png) no-repeat 0 0;width:454px;height:28px;display:block;margin-top:50px;}
.main-page #header .site-logout {background-image:url('../images/main/bg_site_logout.png');color:#fff;}

.main-page #container {display:block;padding:0;height:auto;}
.main-page #contents{margin:0;background:transparent;box-shadow:none;}
.main_visual{position:relative;height:580px;}
.visual_slide{position: absolute;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;}
.visual_slide .slick-list, .visual_slide .slick-track, .visual_slide .slick-track div {height: 100%;}
.visual_slide li{background-position: center;background-repeat: no-repeat;height: 100%;}
.visual_slide .slide01{background-image: url(../images/main/NEW/bg_visual01.jpg);}
.visual_slide .slide02{background-image: url(../images/main/NEW/bg_visual02.jpg);}
.visual_slide .slide03{background-image: url(../images/main/NEW/bg_visual03.jpg);}

.visual_slide .slick-slider{height: 100%;}
.visual_slide .control{position:absolute;right:calc(44.5% - 42px);bottom:34px;z-index:50}
.visual_slide .control .ctr_btn{width:36px;height:36px;background:url(../images/main/NEW/i_slide_pause.png) no-repeat 50% 50%;font-size:0;line-height:0;text-indent:-9999px;z-index:1000}
.visual_slide .control .ctr_btn.play{background-image:url(../images/main/NEW/i_slide_play.png)}
.visual_slide .slick-arrow{position: absolute;bottom:34px;width: 36px;height: 36px;font-size: 0;line-height: 0;z-index:50;background:url(../images/main/NEW/slide_arr.png) no-repeat 50% 50%;}
.visual_slide .slick-prev{left:44.5%;}
.visual_slide .slick-next{right:44.5%;transform: rotate(180deg);}
.visual_slide .slick-dots{display:flex;position:absolute;bottom:42px;left:50%;transform:translateX(-50%);}
.visual_slide .slick-dots li{position:relative;border-radius:50%;width:18px;height:18px;}
.visual_slide .slick-dots li + li{margin-left:20px}
.visual_slide .slick-dots li.slick-active{background:rgba(255,255,255,0.3)}
.visual_slide .slick-dots li button{font-size:0;line-height:0;position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#fff;opacity:0.7;}
.visual_slide .slick-dots li.slick-active button{width:10px;height:10px;top:4px;left:4px;background:#1cffec}

.loginbx{position:absolute;top:60px;right:60px;width:500px;height:455px;border-radius:30px;color: #ffffff;overflow:hidden;}
.loginbx .tab{position:relative;display:flex;width:100%;}
.loginbx .tab li{width:50%;background-color:rgb(17 87 38 / 80%)}
.loginbx .tab li > h3{text-align:center;}
.loginbx .tab li > h3 > a{display:inline-block;padding-left:48px;height:70px;line-height:70px;font-size:18px;font-weight:500;color:#fff;background:url(../images/main/NEW/ico_login_id.png) no-repeat 0 40%;}
.loginbx .tab li.on{box-shadow:10px 0px 15px 0px rgb(1 1 1 / 50%);background-color:rgb(19 39 97 / 86%);}
.loginbx .tab li[data-tab="app_login"] > h3 > a{padding-left:40px;background-image:url(../images/main/NEW/ico_login_app.png);background-position:0 50%}
.loginbx .tab li[data-tab="app_login"].on{box-shadow:-10px 0px 15px 0px rgb(1 1 1 / 20%);}
.loginbx .tab .tab_content{position:absolute;left:0;top:70px;width:100%;display:none;padding:28px 35px;background:rgb(19 39 97 / 86%) url(../images/main/NEW/bg_loginbx.png) no-repeat 50% 102%;}
.loginbx .tab .tab_content.current{display:flex;height:385px;flex-direction:column;}
.loginbx .tab .tab_content label{display:block;position:relative;margin-bottom:15px;}
.loginbx .tab .tab_content label:before{display:inline-block;content:'';clear:both;width:7px;height:7px;border-radius:50%;background:#fff;margin:-5px 7px 0 0;vertical-align:middle;}
.loginbx .tab .tab_content .ipbx{width:100%;margin-bottom:20px;}
.loginbx .tab .tab_content .ipbx > div{display:flex;width:100%;justify-content:space-between;align-items:center;}
.loginbx .tab .tab_content .ipbx input{width:100%;height:40px;border-radius:5px;padding:0 8px;}
.loginbx .tab .tab_content .ipbx > div input:first-child{width:110px}
.loginbx .tab .tab_content .ipbx > div input:nth-of-type(2){width:80px}
.loginbx .tab .tab_content .ipbx > div input:nth-of-type(3){width:180px}
.loginbx .tab .tab_content .info{font-size:14px;text-align:center;opacity:.8;margin-top:30px;}
.loginbx .tab .tab_content .btnbx{text-align:center;}
.loginbx .tab .tab_content .btnbx > a.login{width:100%;height:56px;display:block;line-height:56px;background:#d7f5ff;border-radius:5px;color:#242424;font-size:20px;font-weight:600}
.loginbx .tab .tab_content .btnbx > a.find_pw{display:inline-block;margin-top:25px;font-size:16px;text-align:center;text-decoration:underline;}

.main_bot{display:flex;padding:34px 60px;background:#fff;justify-content:space-between;}
.main_bot .board_list{width:510px;margin-top:14px;}
.main_bot .board_list h2{position:relative;font-size:20px;margin-bottom:14px;}
.main_bot .board_list h2 .btn_more{position:absolute;right:0;top:0;display:block;width:16px;height:16px;font-size:0;line-height:0;text-indent:-9999px;background:url(../images/main/NEW/i_more.png) no-repeat 50% 50%;transition:all ease 0.4s}
.main_bot .board_list > ul li + li{background:url(../images/main/NEW/line_dot.png) repeat-x 0 0%}
.main_bot .board_list > ul li a{display:flex;padding:20px 0;justify-content:space-between;font-size:16px;}
.main_bot .board_list > ul li p{max-width:100%;width:calc(100% - 94px);transition:all .4s;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;display:block;}
.main_bot .board_list > ul li a:hover p,
.main_bot .board_list > ul li a:focus p{color:#215dbf;text-decoration:underline;}
.main_bot .board_list > ul li .date{width:83px;font-size:15px;color:#717171}

.main_bot .board_list.data{width:376px}
.main_bot .infobx{display:flex}
.qrbx{width:180px;height:100%;padding:30px 0 16px;background:#b5f8da;text-align:center;font-size:16px;border-radius:20px;}
.qrbx h3{margin-top:17px;font-weight:500;line-height:1.4}
.csbx{width:430px;margin:0 10px;padding:16px 20px;border-radius:20px;background:#d7f5ff}
.csbx h2{display:flex;justify-content: space-between;margin-bottom:20px;font-size:20px;}
.csbx h2 span{font-size:15px;font-weight:500;margin-top:4px;}
.csbx .num{padding:20px 15px;margin-bottom:14px;border-radius:10px;background:#fff;font-size:24px;color:#151e89;font-weight:700;}
.csbx .num p{display:flex;align-items:center;height:35px;padding-left:56px;background:url(../images/main/NEW/i_info.png) no-repeat 0 50%;}
.csbx .num .sm{display:inline-block;margin-left:12px;font-size:15px;font-weight:500}
.csbx .kakao_ch a{display:block}
.cibx{width:220px;padding:20px 10px;border-radius:20px;background:#f1f288;box-sizing:border-box;}
.cibx ul{display:flex;height:100%;flex-direction:column;justify-content:space-between;}
.cibx ul li{display:flex;align-items:center;height:53px;border-radius:5px;}
.cibx ul li.ci_energy{background:#fff url(../images/main/NEW/ci01.png) no-repeat right 10px top 50%}
.cibx ul li.ci_kpx{background:#fff url(../images/main/NEW/ci02.png) no-repeat right 10px top 50%}
.cibx ul li.ci_tax{background:#fff url(../images/main/NEW/ci03.png) no-repeat right 10px top 50%}
.cibx ul li a{display:block;width:100%;height:100%;padding-left:8px;line-height:53px;font-size:15px;font-weight:600;transition:all ease 0.4s}
.cibx ul li a:hover{box-shadow:2px 2px 10px rgba(1,1,1,0.15)}

.main-page #footer{height:85px;padding:0 60px;display:flex;justify-content:flex-end;align-items:center;background:#eaeaf3;font-size:13px;color:#848484;letter-spacing:2px}
.main-page #footer .policy{display:inline-block;margin-left:30px;width:143px;height:38px;line-height:36px;box-sizing:border-box;font-size:14px;border:solid 1px #201d9f;color:#201d9f;border-radius:5px;transition:all ease 0.3s;letter-spacing:-0.03em;font-weight:500;}
.main-page #footer .policy:before{display:none}
.main-page #footer .policy:hover,
.main-page #footer .policy:focus{background:#201d9f;color:#fff;}
.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;
}

/* 사업자 등록증 */
.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:21px;
	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;}

/*20250521 메인 팝업 이미지로 변경*/
.layer_pop{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:665px;height:520px;padding:114px 0px 15px;background:url('../images/main/popup_bg.png') no-repeat 0 0;z-index:1000;box-shadow:5px 5px 15px rgb(1 1 1 / 20%);}
.layer_pop:before{display:block;content:'';position:absolute;left:-25px;top:-37px;transform:rotate(-25deg);width:115px;height:130px;background:url('../images/main/popup_alert.png') no-repeat 0 0;}
.layer_pop .main-popup-title{display:block;width:561px;height:91px;margin-left:18px;padding:26px 15px 36px;font-size:23px;font-weight:600;background:url('../images/main/popup_titBG.png') no-repeat 0 0}
.layer_pop .main-popup-title > p{width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layer_pop .main-popup-content{display:block;width:570px;height:218px;margin:2px 0 0 48px;padding:0 18px 20px;font-size:18px;line-height:1.4;overflow-y:scroll}
.layer_pop .func{display:flex;justify-content:space-between;margin-top:33px}
.layer_pop .func .base-btn{display:block;height:53px;width:390px;line-height:55px;background:none;border:none;font-size:18px;}
.layer_pop .func .base-btn#close-btn{width:266px;margin-left:0;}
/*20250521 메인 팝업 이미지로 변경*/