@charset "UTF-8";

/* 메인 */
.container-main {
	max-width:none;
	padding-left:0;
	padding-right:0;
}
.container-main .page-substance {
	display:block;
	max-width:none;
	padding:0;
}
.container-main .contents {
	padding-top:0;
}
.sec-main .slider-util .slick-prev {
	background-image:url("../images/common/arr_slider_prev_02.png");
}
.sec-main .slider-util .slick-next {
	background-image:url("../images/common/arr_slider_next_02.png");
}
.sec-main-01 {
	background:#edf1f8;
}
.sec-main-01::after {
	content:"";
	display:table;
	width:100%;
	clear:both;
}
.sec-main-01 .wrap-slider {
	background:#ffffff;
}
.sec-main-01 .box-slide {
	display:table;
	width:100%;
	height:494px;
	padding:50px 0 228px;
	background-repeat:no-repeat;
	background-position:center bottom;
}
.sec-main-01 .box-slide .inner {
	display:table-cell;
	vertical-align:middle;
}
.sec-main-01 .slide-01 .box-slide {
	background-image:url("../images/main/bg_main_slider_01.jpg");
}
.sec-main-01 .slide-02 .box-slide {
	background-image:url("../images/main/bg_main_slider_02.jpg");
}
.sec-main-01 .slide-03 .box-slide {
	background-image:url("../images/main/bg_main_slider_03.jpg");
}
.sec-main-01 .box-slide strong {
	display:block;
	max-width:1440px;
	margin:0 auto;
	padding:0 0 25px;
	color:var(--primary-color);
	font-size:3.375rem;
	font-weight:400;
	letter-spacing:0;
	line-height:1.1;
}
.sec-main-01 .box-slide p {
	max-width:1440px;
	margin:0 auto;
	color:#6f6f6f;
	font-size:1.25rem;
	letter-spacing:0;
}
.sec-main-01 .slider-util {
	margin:0 !important;
}
.sec-main-01 .slider-util .slider-util-inner {
	position:absolute;
	bottom:168px;
	left:20px;
	height:50px;
	padding:14px 15px 0;
	border-radius:25px;
	background:#f6f6f6;
}
.sec-main-01 .slider-util .slider-count {
	margin:0 8px;
	font-weight:700;
	line-height:1;
}
.sec-main-01 .slider-util .slider-count .now,
.sec-main-01 .slider-util .slider-count .total {
	width:18px;
}
.sec-main-01 .slider-util .slider-count .now {
	color:#333333;
}
.sec-main-01 .slider-util .slick-play {
	margin-right:6px;
}
.wrap-main-search {
	position:relative;
	z-index:10;
	float:left;
	width:100%;
	margin-top:-117px;
}
.wrap-main-search .box-main-search {
	display:flex;
	position:relative;
}
.wrap-main-search .box-search {
	display:block;
	height:180px;
	padding:25px 30px;
	border-radius:15px;
	-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.1);
	box-shadow:0 3px 6px rgba(0,0,0,0.1);
}
.wrap-main-search strong {
	display:inline-block;
	width:100%;
	margin-bottom:3px;
	font-size:1.5rem;
	font-weight:700;
	letter-spacing:0;
}
.wrap-main-search .sub {
	display:block;
	font-weight:500;
	letter-spacing:0;
	line-height:1.3125;
	opacity:0.6;
}
.wrap-main-search .box-search .mobile-view {
	display:none;
}
.wrap-main-search .wrap-search-target {
	flex:1 1 auto;
	min-width:1px;
	position:relative;
}
.wrap-main-search .wrap-search-target .box-target {
	color:var(--primary-color);
	background:#f7f7f7;
}
.wrap-main-search .box-insert-insure {
	position:relative;
	margin-top:23px;
	padding-right:116px;
}
.wrap-main-search .box-insert-insure .inp-text {
	width:100%;
	height:48px;
	border:0 none;
}
.wrap-main-search .box-insert-insure .btn-search {
	position:absolute;
	top:0;
	right:0;
}
.wrap-main-search .wrap-insure-tag {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	z-index:1;
	padding-top:1px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	background:#f7f7f7;
	overflow:hidden;
	-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.1);
	box-shadow:0 3px 6px rgba(0,0,0,0.1);
}
.wrap-main-search .wrap-insure-tag .box-insure-tag {
	max-height:271px;
	padding:4px 22px 22px 30px;
	font-size:0;
	overflow-y:auto;
}
.wrap-main-search .wrap-insure-tag .box-insure-tag::-webkit-scrollbar {
	width:5px;
	border-radius:2px;
	background:#dddddd;
}
.wrap-main-search .wrap-insure-tag .box-insure-tag::-webkit-scrollbar-thumb {
	background:#aaaaaa;
	border-radius:2px;
}
.wrap-main-search.tag-open .wrap-search-target .box-target {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.wrap-main-search.tag-open .wrap-search-target::after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	z-index:2;
	height:15px;
	background:#f7f7f7;
}
.wrap-main-search.tag-open .wrap-insure-tag {
	display:block;
}
.wrap-main-search .box-insure-tag .item-tag {
	display:inline-block;
	margin:0 8px 8px 0;
	padding:5px 15px;
	color:var(--primary-color);
	font-size:0.875rem;
	font-weight:500;
	line-height:1.3;
	vertical-align:top;
	border:1px solid var(--primary-color);
	border-radius:15px;
	background-color:transparent;
}
.wrap-main-search .box-insure-tag .item-tag:hover {
	color:#ffffff;
	background-color:var(--primary-color);
}
.wrap-main-search .wrap-search-regist {
	flex:0 0 30%;
	max-width:365px;
	padding:0 0 0 20px;
}
.wrap-main-search .wrap-search-regist .box-regist {
	color:#ffffff;
	outline-color:var(--primary-op-color);
	background:var(--primary-color) url("../images/main/img_search_regist.png") no-repeat right bottom;
}
.wrap-main-search .wrap-search-code {
	flex:0 0 30%;
	max-width:365px;
	padding:0 0 0 20px;
}
.wrap-main-search .wrap-search-code .box-code {
	color:#ffffff;
	outline-color:var(--primary-op-color);
	background:var(--primary-color) url("../images/main/img_search_code.png") no-repeat right bottom;
}
.sec-main-02 {
	padding:60px 0 50px;
	background:#edf1f8;
}
.sec-main-02 h2 {
	margin-bottom:11px;
	color:var(--primary-color);
	font-size:2.25rem;
	font-weight:800;
	text-align:center;
	line-height:1.2;
}
.tab-main-insure {
	position:relative;
}
.tab-main-insure::before {
	content:"";
	position:absolute;
	top:59px;
	left:0;
	right:0;
	z-index:1;
	height:1px;
	background:#dddddd;
}
.tab-main-insure .tab-list {
	font-size:0;
	text-align:center;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:hidden;
}
.tab-main-insure .tab-btn {
	position:relative;
	height:60px;
	margin:0 15px;
	padding:0 15px;
	color:#666666;
	font-size:1.25rem;
	font-weight:500;
	letter-spacing:0;
	border:0 none;
	background:none;
}
.tab-main-insure .tab-btn::after {
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	z-index:1;
	width:0;
	height:3px;
	background:var(--point-color);
	-webkit-transition:200ms;
	-moz-transition:200ms;
	-o-transition:200ms;
	transition:200ms;
}
.tab-main-insure .tab-btn.active {
	color:var(--point-color);
}
.tab-main-insure .tab-btn.active::after {
	width:100%;
	left:0;
}
.tab-main-insure .wrap-disaster-insurance {
	overflow:hidden;
}
.tab-main-insure .list-disaster-insurance {
	display:flex;
	flex-wrap:wrap;
	margin:0 -15px;
	padding:0 0 2px;
}
.tab-main-insure .item-insurance {
	flex:0 0 25%;
	margin:30px 0 0;
}
.tab-main-insure .link-insure {
	display:block;
	height:100%;
	margin:0 15px;
	padding:30px;
	color:#6f6f6f;
	border-radius:15px;
	background:#ffffff;
	-webkit-transition:box-shadow 300ms;
	-moz-transition:box-shadow 300ms;
	-o-transition:box-shadow 300ms;
	transition:box-shadow 300ms;
}
.tab-main-insure .link-insure:hover {
	-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);
	box-shadow:0 4px 8px rgba(0,0,0,0.1);
}
.tab-main-insure .link-insure > b {
	display:inline-block;
	width:100%;
	margin-bottom:15px;
	color:var(--primary-color);
	font-size:1.875rem;
	font-weight:600;
	letter-spacing:0;
	line-height:1.2;
	word-break:break-all;
}
.tab-main-insure .link-insure > b::after {
	content:"";
	display:block;
	width:30px;
	height:1px;
	margin-top:12px;
	background:var(--primary-color);
}
.tab-main-insure .link-insure > span {
	display:-webkit-box;
	max-height:4.2em;
	overflow:hidden;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.sec-main-03 {
	background:url("../images/main/bg_repeat_edf1f8.png") repeat-x left top;
	background-size:auto 180px;
}
.sec-main-03 > .inner {
	max-width:1520px;
}
.wrap-main-board {
	padding:30px;
	border-radius:15px;
	background:#ffffff;
}
.wrap-main-board::after {
	content:"";
	display:table;
	width:100%;
	clear:both;
}
.wrap-main-board .main-board-title {
	position:relative;
	margin-bottom:20px;
	padding-right:90px;
}
.wrap-main-board .main-board-title::after {
	content:"";
	position:absolute;
	top:52px;
	left:0;
	width:100%;
	height:1px;
	background:#333333;
}
.wrap-main-board .main-board-title h3 {
	display:inline-block;
	position:relative;
	z-index:1;
	height:53px;
	margin-right:15px;
	padding:0 7px;
	font-size:2.25rem;
	font-weight:600;
	letter-spacing:0;
	line-height:1.2;
	border-bottom:3px solid var(--point-color);
}
.wrap-main-board .btn-more {
	position:absolute;
	top:12px;
	right:0;
	height:28px;
	padding-right:40px;
	font-weight:500;
	letter-spacing:0;
	line-height:28px;
	background:url("../images/icon/icon_more.png") no-repeat right center;
}
.wrap-main-board .main-board-notice {
	float:left;
	width:50%;
	padding-right:15px;
}
.main-board-notice .main-board-cont::after {
	content:"";
	display:table;
	width:100%;
	clear:both;
}
.main-board-notice .box-notice {
	float:left;
	width:50%;
}
.main-board-notice .link-notice {
	display:block;
	padding:25px;
	border-radius:15px;
}
.main-board-notice .link-notice > strong {
	display:-webkit-box;
	height:4.5rem;
	font-size:1.875rem;
	font-weight:700;
	letter-spacing:0;
	line-height:1.2;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.main-board-notice .link-notice .cont {
	display:-webkit-box;
	height:3rem;
	margin:38px 0 24px;
	font-style:normal;
	line-height:1.5;
	overflow:hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.main-board-notice .link-notice .download {
	display:block;
	text-align:right;
	padding-bottom:16px;
}
.main-board-notice .link-notice .icon-download {
	display:inline-block;
	padding:0 8px 0 26px;
	font-size:0.875rem;
	font-weight:600;
	line-height:24px;
	border-radius:12px;
	background-repeat:no-repeat;
	background-position:7px center;
}
.main-board-notice .link-notice .date {
	display:block;
	padding-top:15px;
	letter-spacing:0;
	line-height:1;
	border-top:1px solid transparent;
	background-repeat:no-repeat;
	background-position:right 17px;
}
.main-board-notice .box-notice-01 {
	padding-right:15px;
}
.main-board-notice .box-notice-01 .link-notice {
	color:#ffffff;
	outline-color:var(--point-op-color);
	background:var(--point-color);
}
.main-board-notice .box-notice-01 .link-notice .icon-download {
	color:var(--point-color);
	background-color:#ffffff;
	background-image:url("../images/icon/icon_download_03.png");
}
.main-board-notice .box-notice-01 .link-notice .date {
	border-top-color:#ffffff;
	background-image:url("../images/common/arr_more.png");
}
.main-board-notice .box-notice-02 {
	padding-left:15px;
}
.main-board-notice .box-notice-02 .link-notice {
	color:#666666;
	background:#edf1f8;
}
.main-board-notice .box-notice-02 .link-notice > strong {
	color:#333333;
}
.main-board-notice .box-notice-02 .link-notice .icon-download {
	color:#ffffff;
	background-color:var(--primary-color);
	background-image:url("../images/icon/icon_download_04.png");
}
.main-board-notice .box-notice-02 .link-notice .date {
	border-top-color:#999999;
	background-image:url("../images/common/arr_more_02.png");
}
.wrap-main-board .main-board-faq {
	float:right;
	width:50%;
	padding-left:15px;
}
.main-board-faq .tab-main-faq {
	display:inline-block;
	vertical-align:top;
}
.main-board-faq .tab-main-faq::after {
	content:"";
	display:table;
	width:100%;
	clear:both;
}
.main-board-faq .tab-main-faq .tab-btn {
	float:left;
	padding:15px 12px;
	color:#666666;
	font-size:1.25rem;
	font-weight:500;
	letter-spacing:0;
	line-height:1;
	border:0 none;
	background:none;
}
.main-board-faq .tab-main-faq .tab-btn.active {
	color:var(--point-color);
}
.main-board-faq .list-main-faq > li {
	padding:2px 3px;
}
.main-board-faq .list-main-faq > li:not(:first-child) {
	border-top:1px solid #dddddd;
}
.main-board-faq .link-faq {
	display:block;
	padding:22px 17px;
	font-weight:500;
	letter-spacing:0;
	line-height:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.main-board-faq .link-faq > i {
	display:inline-block;
	margin:-2px 18px 0 0;
	color:var(--point-color);
	font-size:1.5rem;
	font-style:normal;
	vertical-align:middle;
}
.main-board-faq .link-faq > span {
	vertical-align:middle;
}
.main-board-faq .slider-util {
	text-align:right;
}
.main-board-faq .slider-util-inner {
	display:inline-block;
	padding:14px 15px;
	border-radius:24px;
	background:#f6f6f6;
}
.sec-main-04 {
	margin:60px 0 0;
}
.sec-main-04 .main-banner {
	display:block;
	height:250px;
	padding:45px;
	color:#ffffff;
	border-radius:15px;
	outline-color:var(--primary-op-color);
	background:var(--primary-color) url("../images/main/bg_main_banner.jpg") no-repeat center bottom;
	background-size:auto 100%;
}
.sec-main-04 .main-banner strong {
	display:block;
	font-size:2.25rem;
	font-weight:600;
	line-height:1.194;
}
.sec-main-04 .main-banner .more {
	display:inline-block;
	margin:28px 0 0;
	padding:14px 66px 14px 0;
	color:#dddddd;
	letter-spacing:0;
	line-height:1;
	border-bottom:1px solid #dddddd;
	background:url("../images/common/arr_more_03.png") no-repeat right center;
}

/* 간편인증 로그인 */
.wrap-login .text-main {
	margin:0 auto;
	font-size:1.875rem;
	font-weight:300;
	text-align:center;
	line-height:1.1667;
}
.wrap-login .text-main b {
	color:#2b757d;
	font-weight:700;
}
.wrap-login .box-login {
	max-width:720px;
	margin:0 auto 20px;
	padding:30px;
	border-radius:20px;
	background:#edf1f8;
}
.wrap-login .form-input {
	max-width:400px;
	margin:0 auto;
}
.wrap-login .form-input li {
	position:relative;
	padding-left:100px;
}
.wrap-login .form-input li:not(:first-child) {
	margin-top:24px;
}
.wrap-login .form-input .head {
	position:absolute;
	left:0;
	top:0;
	width:100px;
	color:#999999;
	font-weight:600;
	line-height:48px;
}
.wrap-login .form-input .cont {
	font-size:1.125rem;
	font-weight:500;
}
.wrap-login .box-input {
	display:flex;
	align-items:center;
}
.wrap-login .box-input input {
	width:100%;
}
.wrap-login .box-input .cover-input {
	flex:1 1 auto;
}
.wrap-login .box-input .cover-input.last {
	position:relative;
	padding-left:20px;
}
.wrap-login .box-input .cover-input .count {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:20px;
	font-family:"Rubik";
	line-height:46px;
}
.wrap-login .box-input .hyphen {
	margin:0 6px;
	color:#999999;
}
.wrap-login .text-info {
	display:inline-block;
	padding:0 7px 0 15px;
	line-height:46px;
}
.wrap-login .wrap-caution {
	max-width:580px;
	margin:0 auto;
}
.pre-login .wrap-btns {
	margin-top:30px;
}
.pre-login .wrap-btns .btn {
	min-width:240px;
}
.pre-login .box-login {
	text-align:center;
}
.pre-login .box-login .text-main {
	margin:0 auto;
}
.pre-login .box-easy-auth {
	max-width:720px;
	margin:20px auto 30px;
	padding:30px;
	text-align:center;
	border-radius:20px;
	background:#eeeeee;
}
.pre-login .box-easy-auth .text-main {
	color:#888888;
}
.pre-login .box-easy-auth .text-main b {
	color:var(--point-color);
}
.pre-login .btn-auth {
	padding:20px;
	color:#555555;
	font-size:1.125rem;
	line-height:1;
	border-color:#cccccc;
	background-color:#cccccc;
}
.pre-login .btn-auth:hover {
	border-color:#bbbbbb;
	background-color:#bbbbbb;
}
.pre-login .list-auth {
	display:flex;
	justify-content:center;
	margin:30px auto;
}
.pre-login .logo-auth {
	margin:3px;
	font-size:0;
	text-indent:-9999px;
	width:32px;
	height:32px;
	border-radius:5px;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.pre-login .logo-auth.kakao {
	background-image:url("../images/sub/logo_auth_kakao.png");
}
.pre-login .logo-auth.kb {
	background-image:url("../images/sub/logo_auth_kb.png");
}
.pre-login .logo-auth.payco {
	background-image:url("../images/sub/logo_auth_payco.png");
}
.pre-login .logo-auth.pass {
	background-image:url("../images/sub/logo_auth_pass.png");
}
.pre-login .logo-auth.samsungpass {
	background-image:url("../images/sub/logo_auth_samsungpass.png");
}
.pre-login .logo-auth.naver {
	background-image:url("../images/sub/logo_auth_naver.png");
}
.pre-login .logo-auth.shinhan {
	background-image:url("../images/sub/logo_auth_shinhan.png");
}
.pre-login .logo-auth.toss {
	background-image:url("../images/sub/logo_auth_toss.png");
}
.pre-login .logo-auth.banksalad {
	background-image:url("../images/sub/logo_auth_banksalad.png");
}
.pre-login .logo-auth.hana {
	background-image:url("../images/sub/logo_auth_hana.png");
}
.wrap-login .login-info {
	display:flex;
}
.login-info .box-info {
	flex:0 0 calc(50% - 24px);
	margin:0 12px 0 0;
	padding:32px;
	border-radius:10px;
	background:#f7f7f7;
}
.login-info .box-info-02 {
	margin:0 0 0 12px;
}
.login-info .box-info > h3 {
	margin:0 0 30px;
	font-size:1.5rem;
	font-weight:700;
	line-height:1;
}
.login-info .form-login > li {
	display:flex;
}
.login-info .form-login > li + li {
	margin-top:12px;
}
.login-info .form-login .title {
	flex:0 0 30%;
	min-width:110px;
	color:#999999;
	font-weight:500;
	line-height:46px;
}
.login-info .form-login .inp-rdo {
	line-height:1.2;
}
.login-info .form-login .cont {
	flex:1;
}
.login-info .form-login .cont .inp-text {
	width:100%;
	font-size:1.125rem;
	font-weight:500;
}
.login-info .form-login .box-business-no::after {
	content:"";
	display:table;
	width:100%;
	clear:both;
}
.login-info .form-login .box-business-no .business-no-1 {
	float:left;
	width:30%;
}
.login-info .form-login .box-business-no .business-no-2 {
	float:left;
	width:calc(30% - 16px);
	margin:0 8px;
}
.login-info .form-login .box-business-no .business-no-3 {
	float:left;
	width:40%;
}

/*******************************************************
팝업 : 민간인증서 임시 화면
********************************************************/
.popup-auth-test .popup-container {
	flex-basis:836px;
	border-radius:0;
}
.popup-auth-test .popup-body {
	padding:0;
}
.popup-auth-test .box {
	position:relative;
	line-height:1;
}
.popup-auth-test .box img {
	vertical-align:top;
}
.popup-auth-test .box .btn-c,
.popup-auth-test .box .btn-l {
	position:absolute;
	bottom:0;
	height:54px;
	border:0 none;
	background:transparent;
}
.popup-auth-test .box .btn-c {
	right:41.746%;
	width:17.942%;
}
.popup-auth-test .box .btn-l {
	right:0;
	width:41.746%;
}

/* 통합검색 */
.total-search-header {
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	background:#edf1f8;
}
.box-total-search {
	padding:29px 10px;
}
.box-total-search .wrap-inp {
	position:relative;
	max-width:480px;
	margin:0 auto 30px;
}
.box-total-search .wrap-inp .inp-text {
	width:100%;
	height:60px;
	padding:0 50px 0 15px;
	color:var(--point-color);
	font-size:1.25rem;
	font-weight:600;
	border:1px solid var(--point-color);
	border-radius:12px;
	background:#ffffff;
}
.box-total-search .wrap-inp .btn-total-search {
	position:absolute;
	top:50%;
	right:12px;
	width:26px;
	height:26px;
	border:0 none;
	background:url("../images/icon/icon_search_board.png") no-repeat center center;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.box-total-search .view-count {
	font-size:1.25rem;
	font-weight:500;
	text-align:center;
}
.box-total-search .view-count > span,
.box-total-search .view-count > b {
	vertical-align:middle;
}
.box-total-search .view-count b {
	color:var(--point-color);
	font-size:1.875rem;
	font-weight:700;
}
.box-total-search .view-count .count {
	font-family:"Rubik";
}
.total-search-result .title-total-search {
	margin:0 0 40px;
}
.total-search-result .title-total-search > a {
	display:block;
	position:relative;
	padding:22px 25px;
	color:#ffffff;
	line-height:1;
	border-radius:10px;
	background:var(--primary-color);
}
.total-search-result .title-total-search > a::after {
	content:"";
	position:absolute;
	right:25px;
	top:50%;
	width:10px;
	height:16px;
	margin-top:-8px;
	background:url("../images/common/arr_more_04.png") no-repeat center center;
	background-size:contain;
}
.total-search-result .title-total-search b {
	font-size:1.625rem;
	font-weight:600;
}
.total-search-result .title-total-search .count {
	display:inline-block;
	margin-left:9px;
	color:var(--secondary-color);
	font-size:1.25rem;
	font-weight:500;
}
.total-search-result .area-result + .title-total-search {
	margin-top:100px;
}
.total-search-result .area-result + .area-result {
	margin-top:40px;
}
.total-search-result h3 {
	margin:0 0 28px;
	font-size:1.5rem;
	font-weight:700;
	line-height:1;
}
.total-search-result h3 .count {
	display:inline-block;
	margin-left:5px;
	font-family:"Rubik";
	color:var(--point-color);
	font-size:1.25rem;
	font-weight:400;
	vertical-align:middle;
}
.total-search-result .list-result {
	border-top:2px solid #666666;
}
.total-search-result .list-result > li {
	padding:16px 40px;
	border-bottom:1px solid #dddddd;
}
.total-search-result .list-result .title {
	font-size:1.125rem;
	font-weight:600;
}
.total-search-result .list-result .cont {
	display:block;
	margin-top:5px;
	color:#999999;
	font-weight:500;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.total-search-result .keywords {
	color:#fb4a4a;
}
.total-search-result .btn-result {
	margin:30px 0 0;
	text-align:right;
}

/* 재난안전의무보험이란 - 재난안전의무보험 개요 */
.disaster-introduction-01::after {
	content:"";
	display:block;
	height:320px;
	margin:35px 0 55px;
	border-radius:20px;
	background:url("../images/sub/bg_disaster_intro.png") no-repeat center center;
	background-size:cover;
	overflow:hidden;
}
.disaster-introduction-01 .list-explain {
	color:#666666;
	font-weight:500;
	line-height:1.5;
}
.disaster-introduction-02 .box-explain {
	color:#666666;
	font-weight:500;
}
.disaster-introduction-02 .box-explain + .box-explain {
	margin-top:12px;
}
.disaster-introduction-02 .box-explain strong {
	color:var(--primary-color);
	font-size:1.25rem;
	font-weight:700;
}
.disaster-introduction-02 .box-explain p {
	margin-top:8px;
}
.disaster-introduction-02 .wrap-law {
	padding-bottom:36px;
}
.wrap-category-disaster .cont-category-disaster {
	padding:15px 0;
}
.wrap-category-disaster .cont-category-disaster + .cont-category-disaster {
	border-top:1px solid #dddddd;
}
.wrap-category-disaster .category-disaster {
	position:relative;
	margin:0 -4px;
}
.wrap-category-disaster .category-disaster .category-item {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:4px;
	padding:0 10px;
	height:48px;
	font-weight:600;
	text-align:center;
	line-height:1.2;
	border:1px solid #999999;
	border-radius:10px;
}
.wrap-category-disaster .category-disaster .head {
	position:absolute;
	top:0;
	left:0;
	width:12.5%;
}
.wrap-category-disaster .category-disaster .head .category-item {
	color:var(--primary-color);
	border-color:var(--primary-color);
}
.wrap-category-disaster .category-disaster ul {
	padding-left:12.5%;
}
.wrap-category-disaster .category-disaster ul::after {
	content:"";
	display:table;
	width:100%;
	clear:both;
}
.wrap-category-disaster .category-disaster li {
	float:left;
	width:12.5%;
}
.wrap-category-disaster .category-disaster li .category-item {
	color:#666666;
	font-size:0.875rem;
	background:#f7f7f7;
}
.disaster-introduction-02 .law-refer {
	text-align:right;
}

/* 재난안전의무보험이란 - 재난안전의무보험별 소개 */
.tab-disaster-info > .tab-list {
	display:flex;
	flex-wrap:wrap;
}
.tab-disaster-info > .tab-list > .tab-btn {
	flex:1 1 0;
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:60px;
	padding:8px 5px;
	font-size:1rem;
}
.tab-disaster-sub {
	margin-top:8px;
}
.tab-disaster-sub .tab-list {
	margin:0;
	padding:15px;
	border-radius:10px;
	background:#f7f7f7;
}
.tab-disaster-sub .tab-list > .tab-btn {
	position:relative;
	height:auto;
	margin:3px;
	padding:9px 8px;
	font-size:0.875rem;
	background-color:#ffffff;
}
.tab-disaster-sub .tab-list > .tab-btn.active {
	color:#ffffff;
	outline-color:var(--primary-op-color);
	border-color:var(--primary-color);
	background-color:var(--primary-color);
}
.tab-disaster-sub .insurance-name {
	padding:50px 0 20px;
}
.tab-disaster-sub .insurance-name .title-content {
	line-height:1;
}
.tab-disaster-sub .insurance-name > p {
	color:#666666;
	font-weight:500;
	line-height:1.5;
}
.tab-disaster-sub .insurance-name > p em {
	font-size:0.875rem;
	font-style:normal;
}
.tab-disaster-info .box-explain {
	margin-top:20px;
}
.tab-disaster-info .insurance-info {
	color:#666666;
	font-weight:500;
}
.tab-disaster-info .insurance-info + .insurance-info {
	margin-top:20px;
}
.tab-disaster-info .insurance-info h4 {
	margin:0 0 12px;
	color:var(--primary-color);
	font-size:1.25rem;
	font-weight:700;
	line-height:1;
}
.tab-disaster-info .insurance-info p,
.tab-disaster-info .insurance-info .list-explain {
	line-height:1.5;
}
.tab-disaster-info .insurance-info .text-assi {
	color:#999999;
}
.tab-disaster-info .insurance-info .sub-row {
	display:block;
	margin-top:15px;
}
.tab-disaster-info .insurance-info .text-sub {
	font-size:0.875rem;
}
.tab-disaster-info .insurance-info.info-penalty > p {
	margin:0 0 20px;
}
.tab-disaster-info .insurance-info.info-penalty > p:last-child {
	margin-bottom:0;
}
.tab-disaster-info .insurance-info.info-penalty .point {
	color:var(--warning-color);
	font-weight:700;
}
.tab-disaster-info .insurance-info.info-penalty .text-sub {
	display:block;
	margin:0 0 10px;
}
.tab-disaster-info .insurance-info.info-penalty .text-sub:last-child {
	margin-bottom:0;
}
.tab-disaster-info .charge {
	position:relative;
	padding-right:110px;
	color:#666666;
	font-size:1.25rem;
	font-weight:500;
	line-height:1.2;
}
.tab-disaster-info .item-charge:not(.last) {
	display:inline-block;
	position:relative;
	padding:5px 28px 5px 14px;
	vertical-align:top;
}
.tab-disaster-info .item-charge:not(.last)::before {
	content:"";
	position:absolute;
	top:14px;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
	background:var(--primary-color);
}
.tab-disaster-info .item-charge.last {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-15px;
}
.tab-disaster-info .item-charge i {
	display:inline-block;
	padding:0 7px 0 0;
	color:var(--primary-color);
	font-style:normal;
	font-weight:700;
}
.tab-disaster-info .charge.charge-mixed {
	display:flex;
	justify-content:space-between;
	padding-right:0;
}
.tab-disaster-info .item-charge-group {
	display:inline-flex;
}
.tab-disaster-info .charge.charge-mixed .charge-part02 {
	flex:0 0 240px;
}
.tab-disaster-info .charge.charge-mixed .item-charge.last {
	position:unset;
	margin-top:-3px;
}
.tab-disaster-info .charge.charge-mixed .item-charge.last .btn {
	margin-top:3px;
	margin-bottom:3px;
}
.popup-insure-company {
	align-items:stretch;
}
.popup-insure-company .popup-container {
	flex-basis:1200px;
	border:0 none;
	border-radius:0;
}
.popup-insure-company .popup-head {
	padding:30px;
	color:#ffffff;
	line-height:1.2;
	background:var(--primary-color);
}
.popup-insure-company .popup-head h3 {
	font-weight:600;
}
.popup-insure-company .popup-head > span {
	display:block;
	margin-top:8px;
	opacity:0.8;
}
.popup-insure-company .popup-container .popup-body {
	padding:30px 30px 0;
}
.popup-insure-company .popup-container .popup-footer {
	padding:30px;
}
.popup-insure-company .wrap-insure-company {
	padding-top:25px;
}
.list-insure-company {
	margin:0 -5px;
}
.list-insure-company::after {
	content:"";
	display:table;
	width:100%;
	clear:both;
}
.list-insure-company > li {
	display:none;
	float:left;
	width:50%;
}
.list-insure-company .row-company {
	display:flex;
	align-items:center;
	margin:5px;
	padding:0 15px;
	border:1px solid #dddddd;
	border-radius:6px;
}
.list-insure-company .row-company > em {
	font-style:normal;
}
.list-insure-company .row-company .logo {
	flex:1 1 auto;
	height:70px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
}
.list-insure-company .meritzfire .logo {
	background-image:url("../images/company/logo_meritzfire.png");
}
.list-insure-company .hwgeneralins .logo {
	background-image:url("../images/company/logo_hwgeneralins.png");
}
.list-insure-company .lotteins .logo {
	background-image:url("../images/company/logo_lotteins.png");
}
.list-insure-company .mggeneralins .logo {
	background-image:url("../images/company/logo_mggeneralins.png");
}
.list-insure-company .heungkuklife .logo {
	background-image:url("../images/company/logo_heungkuklife.png");
}
.list-insure-company .samsungfire .logo {
	background-image:url("../images/company/logo_samsungfire.png");
}
.list-insure-company .hi .logo {
	background-image:url("../images/company/logo_hi.png");
}
.list-insure-company .idbins .logo {
	background-image:url("../images/company/logo_idbins.png");
}
.list-insure-company .kbinsure .logo {
	background-image:url("../images/company/logo_kbinsure.png");
}
.list-insure-company .aig .logo {
	background-image:url("../images/company/logo_aig.png");
}
.list-insure-company .chubb .logo {
	background-image:url("../images/company/logo_chubb.png");
}
.list-insure-company .axa .logo {
	background-image:url("../images/company/logo_axa.png");
}
.list-insure-company .hanainsure .logo {
	background-image:url("../images/company/logo_hanainsure.png");
}
.list-insure-company .shinhanez .logo {
	background-image:url("../images/company/logo_shinhanez.png");
}
.list-insure-company .carrotins .logo {
	background-image:url("../images/company/logo_carrotins.png");
}
.list-insure-company .nhfire .logo {
	background-image:url("../images/company/logo_nhfire.png");
}
.list-insure-company .koreanre .logo {
	background-image:url("../images/company/logo_koreanre1.png");
}
/* 취급 공제사 추가 */
.list-insure-company .msins .logo {
	background-image:url("../images/company/logo_msins.png");
}
.list-insure-company .shinsure .logo {
	background-image:url("../images/company/logo_shinsure.jpg");
}
.list-insure-company .cu .logo {
	background-image:url("../images/company/logo_cu.png");
}
.list-insure-company .kfcc .logo {
	background-image:url("../images/company/logo_kfcc.png");
}
.list-insure-company .kbiz .logo {
	background-image:url("../images/company/logo_kbiz.jpg");
}
.list-insure-company .lofa .logo {
	background-image:url("../images/company/logo_lofa.jpg");
}
.list-insure-company .ksfc .logo {
	background-image:url("../images/company/logo_ksfc.jpg");
}
.list-insure-company .koies .logo {
	background-image:url("../images/company/logo_koies.png");
}
.list-insure-company .kpiclub .logo {
	background-image:url("../images/company/logo_kpiclub.png");
}
.list-insure-company .tug .logo {
	background-image:url("../images/company/logo_tug.png");
}
.list-insure-company .kwlsf .logo {
	background-image:url("../images/company/logo_kwlsf.jpg");
}
.list-insure-company .kwcu .logo {
	background-image:url("../images/company/logo_kwcu.jpg");
}
.list-insure-company .csia .logo {
	background-image:url("../images/company/logo_csia.png");
}
.list-insure-company .row-company .tel {
	flex:0 0 140px;
	padding:0 20px 0 20px;
	font-family:"Rubik";
}
.list-insure-company .row-company .link {
	height:16px;
	padding-right:28px;
	color:#999999;
	line-height:1;
	background:url("../images/icon/icon_link.png") no-repeat right center;
	background-size:contain;
}
.list-insure-company .no-data {
	display:none;
	float:none;
	width:auto;
	margin:0 10px;
}

/* 재난안전의무보험이란 - 재난안전의무보험 사고사례 */
.board-insurance-accident {
	margin-top:46px;
}
.payment-details .description {
	justify-content:flex-end;
}

/* 재난안전의무보험 대상 여부 - 보험별 대상 여부 조회 */
.title-insurance-target {
	margin-bottom:60px;
}
.title-insurance-target .text-sub {
	font-size:1rem;
}
.title-insurance-target ul {
	margin-left:5px;
	color:#999999;
}
.insurance-target-regist .progress-step {
	position:relative;
}
.insurance-target-regist .progress-order::after {
	content:"";
	display:table;
	width:100%;
	clear:both;
}
.insurance-target-regist .order-view {
	float:left;
}
.insurance-target-regist .order-view .order-name {
	font-size:0;
}
.insurance-target-regist .order-view .order-name i {
	display:inline-block;
	width:20px;
	height:20px;
	margin:6px 0;
	font-size:0;
	text-indent:-9999px;
	vertical-align:middle;
	border:2px solid #dddddd;
	border-radius:50%;
	background:#ffffff;
}
.insurance-target-regist .order-view .order-name span {
	display:none;
	position:relative;
	padding:4px 11px 4px 26px;
	color:#ffffff;
	font-size:1rem;
	line-height:24px;
	vertical-align:middle;
	border-radius:8px;
	background:var(--point-color);
}
.insurance-target-regist .order-view .order-name span::before {
	content:"";
	display:inline-block;
	position:absolute;
	top:15px;
	left:11px;
	vertical-align:middle;
	width:8px;
	height:4px;
	margin:-4px 6px 0 0;
	border-bottom:2px solid #ffffff;
	border-left:2px solid #ffffff;
	-webkit-transform:rotateZ(-45deg);
	-moz-transform:rotateZ(-45deg);
	-o-transform:rotateZ(-45deg);
	transform:rotateZ(-45deg);
}
.insurance-target-regist .order-view:not(.view-03) .order-name::after {
	content:"";
	display:inline-block;
	width:180px;
	height:2px;
	vertical-align:middle;
	background:#dddddd;
}
.insurance-target-regist .order-view > span {
	display:inline-block;
	margin:10px 0 0;
	color:#666666;
	font-weight:500;
	line-height:1;
}
.insurance-target-regist .ready .order-name i {
	width:32px;
	height:32px;
	margin:0;
	color:var(--point-color);
	font-size:14px;
	font-style:normal;
	font-weight:600;
	text-align:center;
	line-height:24px;
	text-indent:-1px;
	border-width:4px;
	border-color:var(--point-color);
}
.insurance-target-regist .ready > span {
	color:var(--point-color);
	font-weight:600;
}
.insurance-target-regist .complete .order-name i {
	display:none;
}
.insurance-target-regist .complete .order-name span {
	display:inline-block;
}
.insurance-target-regist .complete:not(.view-03) .order-name::after {
	width:80px;
	background-color:var(--point-color);
}
.insurance-target-regist .wrap-step {
	margin-top:60px;
}
.insurance-target-regist .question {
	margin-bottom:20px;
}
.insurance-target-regist .question > b {
	display:block;
	font-size:1.5rem;
	font-weight:700;
}
.insurance-target-regist .category-select {
	display:flex;
	flex-wrap:wrap;
	margin:0 -6px;
}
.insurance-target-regist .category-select .inp-cate {
	display:flex;
	flex:0 0 25%;
	padding:6px;
}
.insurance-target-regist .category-select.columns2 > .inp-cate:not(.inp-none) {
	flex:0 0 50%;
}
.insurance-target-regist .category-select.columns2 > .inp-cate:not(.inp-none) label {
	justify-content:flex-start;
	padding-left:30px;
	padding-right:30px;
	text-align:left;
}
.insurance-target-regist .category-select.columns3 > .inp-cate:not(.inp-none) {
	flex:0 0 33.333%;
}
.insurance-target-regist .category-select.columns-auto > .inp-cate:not(.inp-none) {
	flex:0 0 auto;
}
.insurance-target-regist .inp-cate input {
	position:absolute;
	width:1px;
  height:1px;
	margin:-1px;
	padding:0;
	clip:rect(0,0,0,0);
	clip-path:inset(50%);
	word-break:initial;
	word-wrap:initial;
	white-space:nowrap;
	overflow:hidden;
}
.insurance-target-regist .inp-cate label {
	display:flex;
	flex:1;
	justify-content:center;
	align-items:center;
	padding:15px 10px;
	color:#666666;
	font-size:1.125rem;
	font-weight:500;
	text-align:center;
	word-break:break-word;
	border:1px solid #bbbbbb;
	border-radius:10px;
	background:#ffffff;
	cursor:pointer;
}
.insurance-target-regist .inp-cate.inp-chk label {
	justify-content:stretch;
	text-align:left;
}
.insurance-target-regist .inp-cate.inp-chk label span {
	padding-left:30px;
}
.insurance-target-regist .inp-cate label .text-sub {
	display:block;
	font-size:1rem;
}
.insurance-target-regist .inp-cate input:checked + label {
	color:#ffffff;
	font-weight:700;
	border-color:var(--point-color);
	background:var(--point-color);
}
.insurance-target-regist .inp-cate input:checked + label .text-sub {
	color:#ffffff;
}
.insurance-target-regist .inp-cate input:focus-visible + label {
	outline:auto;
}
.insurance-target-regist .inp-cate input:checked:focus-visible + label {
	outline-color:var(--point-op-color);
}
.insurance-target-regist .wrap-question-dep01 + .wrap-question-dep01 {
	margin:30px 0 0;
	padding:30px 0 0;
}
.insurance-target-regist .question-dep01 {
	margin-bottom:14px;
}
.insurance-target-regist .question-dep01 .label {
	margin-right:3px;
	border-radius:6px;
	background-color:#333333;
}
.insurance-target-regist .question-dep01 > b {
	font-size:1.25rem;
	font-weight:600;
	vertical-align:middle;
}
.insurance-target-regist .wrap-question-dep02 {
	width:100%;
	padding:14px 6px;
}
.insurance-target-regist .wrap-question-dep02.show {
	display:block !important;
}
.insurance-target-regist .wrap-question-dep02.show + .show {
	padding-top:0;
}
.insurance-target-regist .box-question-dep02 {
	padding:30px;
	border-radius:10px;
	background:#edf1f8;
}
.insurance-target-regist .question-dep02 {
	margin-bottom:8px;
}
.insurance-target-regist .question-dep02:nth-child(n+2){
	margin-top:30px;
}
.insurance-target-regist .question-dep02 > b {
	display:block;
	font-size:1.125rem;
	font-weight:600;
}
.insurance-target-regist .box-question-dep02 .inp-cate {
	flex-basis:152px;
}
.insurance-target-regist .box-question-dep02 .inp-cate label {
	padding:9px 10px; 
}
.insurance-target-regist .wrap-question-dep03 {
	display:none;
	margin-top:20px;
}
.insurance-target-regist .wrap-question-dep03.show {
	display:block !important;
}
.insurance-target-regist .box-question-dep03 {
	padding:20px;
	border-radius:10px;
	background:#f7f7f7;
}
.insurance-target-regist .box-question-dep03 .inp-cate {
	flex-basis:130px;
}
.insurance-target-regist .box-question-dep03 .inp-cate label {
	padding:6px;
}

/* 재난안전의무보험 대상 여부 - 보험별 대상 여부 조회 결과 */
.wrap-insurance-result {
	max-width:720px;
	margin:0 auto;
}
.wrap-insurance-result .title {
	padding:0 0 40px;
	text-align:center;
}
.wrap-insurance-result .title h4 {
	font-size:1.875rem;
	font-weight:300;
	text-align:center;
}
.wrap-insurance-result .title .text-check {
	margin-top:10px;
	color:#999999;
	font-weight:500;
}
.wrap-insurance-result h4 em {
	color:var(--secondary-color);
	font-style:normal;
	font-weight:700;
}
.wrap-insurance-result .app-process {
	margin:20px auto 30px;
	padding:30px;
	text-align:center;
	line-height:1;
	border-radius:20px;
	background:#edf1f8;
}
.wrap-insurance-result .app-process > h5 {
	font-size:1.25rem;
	font-weight:700;
}
.wrap-insurance-result .app-process > em {
	display:block;
	margin:10px 0 24px;
	color:#999999;
	font-weight:500;
	font-style:normal;
}
.wrap-insurance-result .app-process .order {
	display:flex;
	align-items:center;
	max-width:340px;
	margin:0 auto;
}
.wrap-insurance-result .app-process .order-item {
	flex:0 0 80px;
	text-align:center;
}
.wrap-insurance-result .app-process .order i {
	flex:1;
	margin:0 20px 20px;
	font-size:0;
	text-indent:-9999px;
	height:12px;
	background:url("../images/sub/arr_insurance_result.png") no-repeat center center;
	background-size:contain;
}
.wrap-insurance-result .box-company {
	display:block;
	color:#666666;
	font-weight:600;
	text-align:center;
}
.wrap-insurance-result .box-company::before {
	content:"";
	display:block;
	width:80px;
	height:80px;
	margin:0 auto 10px;
	border-radius:50%;
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:center center;
}
.wrap-insurance-result .insurance-company .box-company::before {
	background-image:url("../images/sub/img_insurance_company.png");
}
.wrap-insurance-result .local-government .box-company::before {
	background-image:url("../images/sub/img_local_government.png");
}
.wrap-insurance-result .list-insurance-company {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.wrap-insurance-result .list-insurance-company > li {
	margin:5px;
}
.wrap-insurance-result .wrap-caution p {
	font-size:1.125rem;
}
.wrap-insurance-result .btn {
	min-width:200px;
}

/* 재난안전의무보험 가입 여부 - 보험계약정보 조회 */
.title-insurance-contract {
	margin-bottom:20px;
}
.title-insurance-contract h3 {
	display:inline-block;
	margin-right:20px;
	font-size:28px;
	font-weight:400;
	vertical-align:middle;
	line-height:1;
}
.main-insurance-contract {
	padding:24px;
	border-radius:10px;
	background:#f7f7f7;
}
.popup-insure-details .popup-container {
	flex-basis:1140px;
}
.popup-insure-details .popup-head {
	margin-right:15px;
}
.popup-insure-details .popup-head .group-label {
	vertical-align:middle;
}
.popup-insure-details .popup-head .group-label span {
	vertical-align:middle;
}
.view-insurance-contract .box-overfit .table-primary {
	min-width:510px;
}
.view-insurance-contract .table-primary .col1 {
	width:135px;
}
.view-insurance-contract .table-primary .col2,
.view-insurance-contract .table-primary .col3,
.view-insurance-contract .table-primary .col4 {
	width:auto;
}
.view-insurance-contract .table-primary td {
	text-align:right;
}

/* 시민안전보험 - 시민안전보험 소개 */
[class*="citizen-introduction-0"]:not(.citizen-introduction-01) {
	margin-top:50px;
}
.citizen-introduction-01 .box-explain p {
	color:#666666;
}
.citizen-introduction-01  .wrap-caution {
	margin-top:10px;
}
.wrap-order-provision {
	margin:30px auto 50px;
	padding:0 10px;
	overflow:hidden;
}
.order-provision {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.order-provision > li {
	flex:0 0 20%;
	position:relative;
	padding:10px 20px;
}
.order-provision > li::after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:100%;
	margin-right:-20px;
	background:url("../images/sub/arr_provision_next.png") no-repeat center center;
}
.order-provision > li.order5::after {
	display:none;
}
.order-provision .box-provision {
	min-width:90px;
	padding:10px;
	border:1px solid #dddddd;
	border-radius:14px;
}
.order-provision .box-provision > strong {
	display:flex;
	justify-content:center;
	align-items:center;
	height:60px;
	padding:0 10px;
	color:#ffffff;
	font-size:1.125rem;
	font-weight:700;
	text-align:center;
	line-height:1.2;
	border-radius:6px;
	background:var(--point-color);
}
.order-provision .box-provision > div {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	position:relative;
	height:60px;
	margin-top:10px;
	padding:0 5px;
	color:#666666;
	font-weight:500;
	text-align:center;
}
.order-provision .box-provision i {
	width:100%;
	font-style:normal;
}
.wrap-video .box-video {
	position:relative;
	max-width:994px;
	margin:0 auto;
	text-align:center;
}
.wrap-video img {
	vertical-align:top;
}
.wrap-video video {
	width:100%;
}
.wrap-citizen-introduction .wrap-slider-faq {
	margin:0 -10px;
}
.wrap-citizen-introduction .list-faq .box-item {
	display:flex;
	flex-wrap:wrap;
}
.wrap-citizen-introduction .item-faq {
	display:block;
	flex:0 0 calc(50% - 20px);
	min-height:240px;
	margin:10px;
	font-size:0;
	border-radius:15px;
	background-color:rgba(0,0,0,0.5);
	background-blend-mode:multiply, normal;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
	-webkit-transition:background-color 200ms;
	-moz-transition:background-color 200ms;
	-o-transition:background-color 200ms;
	transition:background-color 200ms;
}
.wrap-citizen-introduction .item-faq.item-01,
.wrap-citizen-introduction .item-faq.item-05 {
	background-image:url("../images/sub/bg_faq_01.png");
}
.wrap-citizen-introduction .item-faq.item-02,
.wrap-citizen-introduction .item-faq.item-06 {
	background-image:url("../images/sub/bg_faq_02.png");
}
.wrap-citizen-introduction .item-faq.item-03,
.wrap-citizen-introduction .item-faq.item-07 {
	background-image:url("../images/sub/bg_faq_03.png");
}
.wrap-citizen-introduction .item-faq.item-04,
.wrap-citizen-introduction .item-faq.item-08 {
	background-image:url("../images/sub/bg_faq_04.png");
}
.wrap-citizen-introduction .item-faq::after {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.wrap-citizen-introduction .item-faq .cont {
	display:inline-block;
	position:relative;
	z-index:1;
	width:100%;
	padding:40px 48px;
	vertical-align:middle;
	-webkit-transition:top 200ms;
	-moz-transition:top 200ms;
	-o-transition:top 200ms;
	transition:top 200ms;
}
.wrap-citizen-introduction .item-faq .cont > strong {
	display:block;
	width:100%;
	padding:15px 0;
	color:#ffffff;
	font-size:1.5rem;
	font-weight:800;
	text-align:center;
}
.wrap-citizen-introduction .item-faq .cont > em {
	display:block;
	padding-bottom:15px;
	color:#ffffff;
	font-size:1rem;
	font-weight:700;
	font-style:normal;
	overflow:hidden;
	opacity:0;
	-webkit-transition:opacity 200ms;
	-moz-transition:opacity 200ms;
	-o-transition:opacity 200ms;
	transition:opacity 200ms;
}
.wrap-citizen-introduction .item-faq:focus {
	outline-color:#ffb119;
}
.wrap-citizen-introduction .item-faq.focus {
	background-color:#19417F;
}
.wrap-citizen-introduction .item-faq.focus .cont > strong {
	color:#ffb119;
}
.wrap-citizen-introduction .item-faq.focus .cont > em {
	opacity:1;
}
.wrap-citizen-introduction .wrap-slider-faq .slider-util {
	margin-top:30px;
}
.wrap-citizen-introduction .wrap-slider-case {
	margin-top:20px;
}
.wrap-citizen-introduction .list-case {
	margin:0 -10px;
}
.wrap-citizen-introduction .item-case {
	margin:0 10px;
	overflow:hidden;
}

.wrap-citizen-introduction .list-case .slick-track {
	display:flex;
}
.wrap-citizen-introduction .content-case {
	min-height:100%;
}

.wrap-citizen-introduction .content-case .title {
	display:block;
	padding:23px 25px;
	color:#ffffff;
	font-size:1.25rem;
	font-weight:700;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	background:var(--point-color);
}
.wrap-citizen-introduction .content-case .content {
	padding:25px 23px;
	border:1px solid #dddddd;
	border-top:0 none;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.wrap-citizen-introduction .list-case-cont li {
	margin-bottom:18px;
}
.wrap-citizen-introduction .list-case-cont .head {
	color:#999999;
	font-size:0.875rem;
	font-weight:700;
}
.wrap-citizen-introduction .list-case-cont .desc {
	margin-top:3px;
}
.wrap-citizen-introduction .wrap-btns .btn {
	min-width:240px;
}

/* 시민안전보험 - 시민안전보험 조회 */
.sSafeInsrnc {
	font-size: 16px;
	width : 440px;
}

.wrap-citizen-search {
	display:flex;
	align-items:flex-start;
	margin-top:35px;
}
.map-citizen-search .wrap-map {
	position:relative;
}
.map-citizen-search .map {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.map-citizen-search .map #map {
	width:100%;
}
.map-citizen-search .map .location,
.map-citizen-search .map .marker,
.map-citizen-search .map .txt {
	cursor:pointer;
	-webkit-transition:200ms;
	-moz-transition:200ms;
	-o-transition:200ms;
	transition:200ms;
}
.map-citizen-search .map .location {
	fill:#dddddd;
	stroke:#ffffff;
	stroke-width:1.5;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.map-citizen-search .map .location.over {
	fill:#95BAFF;
	stroke:#4786FF;
}
.map-citizen-search .map .marker {
	fill:#999999;
}
.map-citizen-search .map .marker.over {
	fill:#4786FF;
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	-o-transform:translateY(-8px);
	transform:translateY(-8px);
}
.map-citizen-search .map .txt {
	fill:#ffffff;
}
.map-citizen-search .map .txt.over {
	-webkit-transform:translateY(-8px);
	-moz-transform:translateY(-8px);
	-o-transform:translateY(-8px);
	transform:translateY(-8px);
}
.map-citizen-search img {
	vertical-align:top;
}
.list-citizen-search {
	flex:0 0 31.5%;
	margin-left:4.3%;
	min-width:240px;
}
.list-citizen-search h3 {
	color:var(--point-color);
	font-size:1.875rem;
	font-weight:700;
	line-height:1;
}
.list-citizen-search .list-citizen {
	margin-top:25px;
}
.list-citizen-search .list-citizen > li:not(:first-child) {
	margin-top:8px;
}
.list-citizen-search .list-citizen .link-local {
	display:block;
	padding:19px;
	border:1px solid #dddddd;
	border-radius:10px;
	-webkit-transition:border-color 200ms, background 200ms;
	-moz-transition:border-color 200ms, background 200ms;
	-o-transition:border-color 200ms, background 200ms;
	transition:border-color 200ms, background 200ms;
}
.list-citizen-search .list-citizen .link-local:hover {
	border-color:var(--secondary-color);
	background:rgba(241, 254, 255, 0.4);
}
.list-citizen-search .list-citizen .title {
	font-size:1.25rem;
	font-weight:600;
}
.list-citizen-search .list-citizen .location {
	margin-left:3px;
	color:var(--secondary-color);
	font-weight:600;
}
.list-citizen-search .list-citizen .sub {
	display:block;
	margin-top:8px;
	color:#666666;
	font-style:normal;
}
.list-citizen-search .list-citizen .group-label {
	display:block;
	position:relative;
	padding-left:70px;
}
.list-citizen-search .list-citizen .group-label .label {
	position:absolute;
	top:0;
	left:0;
}
.list-citizen-search .list-citizen .group-label > span {
	margin-right:2px;
}
.list-citizen-search .list-citizen .tel {
	display:inline-block;
	color:#999999;
	font-style:normal;
}
.list-citizen-search .pagination {
	margin-top:24px;
}

/* 시민안전보험 - 시민안전보험 조회 - 상세 */
.table-citizen-details .col1 {
	width:auto;
}
.table-citizen-details .col2 {
	width:400px;
}
.table-citizen-details tbody td {
	color:#999999;
}
.table-citizen-details tbody tr td:last-child {
	text-align:right;
}
.table-citizen-details td .number {
	color:#333333;
	font-size:1.125rem;
}
.table-citizen-details .group-price {
	display:inline-block;
}
.table-citizen-details td .group-price:not(:first-child) {
	margin-left:5px;
}
.view-citizen-details .table-ft {
	margin-bottom:27px;
}

/* 게시판 - 목록 */
.board-list-info {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:40px;
}
.board-list-info .total {
	flex:1;
	margin-right:15px;
	font-size:1.125rem;
	font-weight:500;
}
.board-list-info .total em {
	color:var(--secondary-color);
	font-style:normal;
	font-weight:700;
}
.wrap-board-search {
	flex:0 1 642px;
	border:1px solid #dddddd;
	border-radius:10px;
	background-color:#ffffff;
	overflow:hidden;
}
.wrap-board-search .board-search {
	display:flex;
	align-items:center;
	height:46px;
	padding:0;
}
.board-search .sel-board-search {
	flex:0 0 120px;
	height:100%;
	color:#666666;
	font-weight:600;
	border:1px solid #ffffff;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.board-search .inp-board-search {
	flex:1 1 auto;
	height:100%;
	padding:0 10px;
	font-weight:500;
	border:1px solid #ffffff;
}
.board-search .btn-board-search {
	flex:0 0 50px;
	height:100%;
	font-size:0;
	text-indent:-9999px;
	border:1px solid transparent;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	background:url("../images/icon/icon_search_board.png") no-repeat center center;
}
.wrap-board-search.only-input-mode {
	flex-basis:320px;
}
.wrap-board-search.only-input-mode .board-search {
	padding-left:0;
}
.wrap-board-search.only-input-mode .inp-board-search {
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.board-list {
	border-top:2px solid #333333;
}
.board-list > li {
	position:relative;
	border-bottom:1px solid #dddddd;
}
.board-list > li .row {
	display:flex;
	position:relative;
	align-items:center;
	width:100%;
	padding:15px 0;
}
.board-list > li .row > em {
	font-style:normal;
}
.board-list > li .index {
	flex:0 0 120px;
	padding:0 20px;
	color:#666666;
	text-align:center;
	word-break:break-all;
}
.board-list > li .notice {
	display:inline-block;
	padding:0 12px;
	color:#ffffff;
	text-align:center;
	line-height:26px;
	border-radius:13px;
	background-color:var(--primary-color);
}
.board-list > li .cont {
	flex:0 1 auto;
	padding:0 20px;
	overflow:hidden;
}
.board-list > li .title {
	display:block;
	font-size:1.125rem;
	font-weight:500;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.board-list > li .title2 {
	font-size:1.125rem;
	font-weight:500;
}
.board-list > li .row.is-file {
	padding-right:70px;
}
.board-list > li .row.is-file::after {
	content:"";
	position:absolute;
	top:50%;
	right:38px;
	width:24px;
	height:24px;
	margin-top:-12px;
	background:url("../images/icon/icon_download.png") no-repeat center center;
}
.board-list > li .row.new .cont {
	position:relative;
	padding-right:24px;
}
.board-list > li .row.new .cont::after {
	content:"";
	display:inline-block;
	position:absolute;
	top:5px;
	right:0;
	width:18px;
	height:18px;
	background:url("../images/icon/icon_new.png") no-repeat center center;
}
.board-list > li .sub {
	display:block;
	margin-top:1px;
}
.board-list > li .sub > span:not(:last-child) {
	margin-bottom:6px;
}
.board-list > li .sub > .date {
	display:inline-block;
	color:#999999;
	font-size:0.875rem;
}
.board-list > li .sub > .hit {
	display:inline-block;
	color:#666666;
	font-size:0.875rem;
	font-weight:500;
}
.board-list > li .sub > .hit > i {
	display:inline-block;
	margin-left:8px;
}
.board-list > li .sub > .charge {
	color:#666666;;
}
.board-list > li .sub > .addr {
	display:block;
}
.board-list > li .company {
	flex:0 0 180px;
	margin:0 40px 0 20px;
	color:var(--primary-color);
	font-weight:700;
	text-align:right;
}
.board-list > li .code {
	flex:0 0 180px;
	margin:0 40px 0 20px;
	color:var(--primary-color);
	font-family:"Rubik";
	font-weight:500;
	word-break:break-all;
}
.board-list > li.head {
	border-bottom-color:#333333;
}
.board-list > li.head .row em {
	text-align:center;
}
.board-list > li.head .title2 {
	color:#333333;
	font-family:"Pretendard";
}
.board-list > li:hover .row {
	background-color:#f9f9f9;
}
.board-list.type-02 > li .cont {
	flex:1 1 0;
}

/* 게시판 - 읽기 */
.board-view-title {
	margin-bottom:35px;
	padding-bottom:30px;
	border-bottom:1px solid #dddddd;
}
.board-view-title h3 {
	color:#000000;
	font-size:1.875rem;
	font-weight:300;
}
.board-view-title .sub {
	margin-top:10px;
	font-size:0.875rem;
}
.board-view-title .sub > span + span {
	margin-left:15px;
}
.board-view-title .sub .date {
	color:#999999;
}
.board-view-title .sub .hit {
	color:#666666;
}
.board-view-title .sub .hit > i {
	display:inline-block;
	margin-left:6px;
}
.board-view-content {
	min-height:200px;
	padding:0 30px;
	font-weight:500;
	line-height:1.5;
}
.file-download {
	padding-top:30px;
}
.file-download .file-each {
	display:flex;
	align-items:center;
	padding:12px 30px;
	overflow:hidden;
	border-radius:10px;
	background:#edf1f8;
}
.file-download .file-each + .file-each {
	margin-top:10px;
}
.file-download .file-each .file-item {
	display:inline-flex;
	position:relative;
	align-items:center;
	color:var(--primary-color);
	font-size:0.875rem;
	font-weight:600;
}
.file-download .file-each .file-item::before {
	content:"";
	width:24px;
	height:24px;
	margin-right:10px;
	border-radius:50%;
	background:url("../images/icon/icon_download.png") no-repeat center center;
}
.file-download .file-each .file-size {
	margin-left:10px;
	color:#999999;
	font-size:0.75rem;
	font-weight:500;
}

/* 게시판 - FAQ */
.wrap-tab-faq {
	position:relative;
}
.wrap-tab-faq .faq-board-search {
	display:block;
	position:absolute;
	top:4px;
	right:0;
	width:320px;
}
.wrap-tab-faq .faq-board-search .inp-board-search {
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.wrap-tab-faq .tab-list {
	margin-right:340px;
}
.wrap-tab-faq .tab-contents {
	margin-top:30px;
}
.wrap-tab-faq .faq-question {
	display:inline-block;
	position:relative;
	padding-left:35px;
}
.wrap-tab-faq .faq-question::before {
	content:"Q";
	position:absolute;
	top:-3px;
	left:5px;
	color:var(--point-color);
	font-family:"Rubik";
	font-size:1.5rem;
	font-weight:700;
	line-height:1;
}
.wrap-tab-faq .faq-answer {
	color:#19417f;
}

.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.ml35 {
	margin-left: 35px;
}
.ml40 {
	margin-left: 40px;
}
.ml45 {
	margin-left: 45px;
}
.ml50 {
	margin-left: 50px;
}
.ml55 {
	margin-left: 55px;
}
.ml60 {
	margin-left: 60px;
}


/* UI 최적화 사이즈 1479px 이하 대응 */
@media all and (max-width:1479px) {
	/* 메인 */
	.tab-main-insure .list-disaster-insurance {
		margin:0 -12px;
		padding-top:24px;
	}
	.tab-main-insure .item-insurance {
		flex-basis:33.333%;
		margin-top:24px;
	}
	.tab-main-insure .link-insure {
		margin:0 12px;
	}
	.tab-main-insure .link-insure br {
		display:none;
	}
	.main-board-notice .box-notice-01 {
		padding-right:10px;
	}
	.main-board-notice .box-notice-02 {
		padding-left:10px;
	}
	.wrap-main-board .main-board-faq .main-board-title {
		margin-bottom:8px;
	}
	.main-board-faq .tab-main-faq {
		display:block;
		margin-top:8px;
	}

	/* 간편인증 로그인 */
	.login-info .box-info-02 .form-login > li {
		flex-wrap:wrap;
	}
	.login-info .box-info-02 .form-login .cont {
		flex-basis:100%;
	}

	/* 재난안전의무보험이란 - 재난안전의무보험 개요 */
	.wrap-category-disaster .category-disaster .head {
		width:20%;
	}
	.wrap-category-disaster .category-disaster ul {
		padding-left:20%;
	}
	.wrap-category-disaster .category-disaster li {
		width:20%;
	}

	/* 시민안전보험 - 시민안전보험 소개 */
	.wrap-order-provision {
		max-width:700px;
	}
	.order-provision > li {
		flex-basis:33.333%;
	}
}

/* 태블릿 사이즈 1023px 이하 대응 */
@media all and (max-width:1023px) {
	/* 메인 */
	.sec-main-01 {
		background:url("../images/main/bg_repeat_edf1f8.png") repeat-x center bottom;
		background-size:auto 110px;
	}
	.sec-main-01 .box-slide {
		background-size:auto 70%;
	}
	.sec-main-01 .box-slide .inner {
		vertical-align:top;
	}
	.sec-main-01 .box-slide strong {
		font-size:2.625rem;
	}
	.wrap-main-search {
		margin-top:-80px;
	}
	.wrap-main-search .box-main-search {
		flex-wrap:wrap;
	}
	.wrap-main-search .wrap-search-target {
		flex-basis:100%;
	}
	.wrap-main-search .wrap-insure-tag {
		position:unset;
		padding-top:0;
		border-radius:0;
		box-shadow:none;
		overflow-x:auto;
	}
	.wrap-main-search .wrap-insure-tag .box-insure-tag {
		padding:0 30px;
		white-space:nowrap;
	}
	.wrap-main-search .wrap-insure-tag .box-insure-tag::-webkit-scrollbar {
		width:auto;
		height:4px;
	}
	.wrap-main-search .wrap-insure-tag .box-insure-tag::-webkit-scrollbar-thumb {
		min-width:50px;
	}
	.wrap-main-search .box-insure-tag .item-tag {
		margin:0 8px 5px 0;
	}
	.wrap-main-search.tag-open .wrap-search-target {
		padding-bottom:20px;
		border-radius:15px;
		background:#f7f7f7;
		-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.1);
		box-shadow:0 3px 6px rgba(0,0,0,0.1);
	}
	.wrap-main-search.tag-open .wrap-search-target::after {
		display:none;
	}
	.wrap-main-search.tag-open .wrap-search-target .box-target {
		box-shadow:none;
	}
	.wrap-main-search .wrap-search-regist {
		flex-basis:50%;
		max-width:none;
		padding:20px 10px 0 0;
	}
	.wrap-main-search .wrap-search-code {
		flex-basis:50%;
		max-width:none;
		padding:20px 0 0 10px;
	}
	.tab-main-insure .inner {
		padding:0;
	}
	.tab-main-insure .tab-list {
		padding:0 5px;
	}
	.tab-main-insure .tab-list::-webkit-scrollbar {
		height:5px;
		border-radius:2px;
		background:#eeeeee;
	}
	.tab-main-insure .tab-list::-webkit-scrollbar-thumb {
		background:#cccccc;
		border-radius:3px;
	}
	.tab-main-insure .tab-btn {
		margin-bottom:0;
	}
	.tab-main-insure .wrap-disaster-insurance {
		margin:0;
		padding:0 10px 10px;
		overflow-x:auto;
		overflow-y:hidden;
	}
	.tab-main-insure .wrap-disaster-insurance::-webkit-scrollbar {
		height:5px;
		border-radius:2px;
		background:#eeeeee;
	}
	.tab-main-insure .wrap-disaster-insurance::-webkit-scrollbar-thumb {
		background:#cccccc;
		border-radius:3px;
	}
	.tab-main-insure .list-disaster-insurance {
		flex-wrap:nowrap;
		margin:0;
		padding-top:40px;
	}
	.tab-main-insure .item-insurance {
		flex-basis:340px;
		margin-top:0;
	}
	.tab-main-insure .link-insure {
		margin:0 10px;
		padding:25px;
	}
	.sec-main-03 {
		background:#ffffff;
	}
	.sec-main-03 > .inner {
		padding:0;
	}
	.wrap-main-board .main-board-notice {
		float:none;
		width:100%;
		padding:0;
	}
	.wrap-main-board .main-board-faq {
		float:none;
		width:100%;
		padding:40px 0 0;
	}
	.sec-main-04 .main-banner {
		background-position:20% bottom;
		background-size:auto 70%;
	}

	/* 재난안전의무보험이란 - 재난안전의무보험별 소개 */
	.popup-insure-company .popup-head {
		padding:15px;
	}
	.popup-insure-company .popup-container .popup-body {
		padding:15px 15px 0;
	}
	.popup-insure-company .popup-container .popup-footer {
		padding:15px;
	}
	.popup-insure-company .wrap-insure-company {
		padding-top:10px;
	}
	.list-insure-company {
		margin:0;
	}
	.list-insure-company > li {
		float:none;
		width:100%;
	}
	.list-insure-company .row-company {
		margin:10px 0 0;
	}
	.list-insure-company .row-company .tel {
		flex-basis:30%;
		min-width:95px;
		padding:0 10px;
	}

	/* 시민안전보험 - 시민안전보험 소개 */
	.wrap-citizen-introduction .wrap-slider-faq {
		margin:0 -5px;
	}
	.wrap-citizen-introduction .item-faq {
		flex-basis:calc(50% - 10px);
		min-height:auto;
		margin:5px;
		background-color:rgba(0,0,0,0.6) !important;
		cursor:default;
	}
	.wrap-citizen-introduction .item-faq .cont {
		top:0 !important;
		padding:20px 30px;
		vertical-align:top;
	}
	.wrap-citizen-introduction .item-faq .cont > strong {
		color:#ffb119;
		text-align:left;
	}
	.wrap-citizen-introduction .item-faq .cont > em {
		opacity:1;
	}
	.wrap-citizen-introduction .list-case {
		margin:0 -5px;
	}
	.wrap-citizen-introduction .item-case {
		margin:0 5px;
	}

	/* 시민안전보험 - 시민안전보험 조회 - 상세 */
	.table-citizen-details .col2 {
		width:50%;
	}

	/* 게시판 - 목록 */
	.board-list > li .index {
		flex-basis:100px;
		padding:0 15px;
	}
	.board-list > li .company,
	.board-list > li .code {
		margin:0 20px;
	}

	/* 게시판 - FAQ */
	.wrap-tab-faq .faq-board-search {
		position:initial;
		width:auto;
		margin:0 0 12px;
	}
	.wrap-tab-faq .tab-list {
		margin-right:4px;
	}
}

/* 모바일 사이즈 767px 이하 대응 */
@media all and (max-width:767px) {

	.sJoinMngCd {
		width: 180px;
	}
	.sSafeInsrnc {
		font-size: 13px;
		width : 335px;
	}
	/* 메인 */
	.container-main .contents {
		padding-bottom:0;
	}
	.sec-main-01 {
		background-size:auto 96px;
	}
	.sec-main-01 .box-slide {
		height:440px;
		padding:38px 0 0;
		text-align:center;
		background-position:center bottom;
		background-size:auto 200px;
	}
	.sec-main-01 .slide-01 .box-slide {
		background-image:url("../images/m/main/bg_main_slider_01.png");
	}
	.sec-main-01 .slide-02 .box-slide {
		background-image:url("../images/m/main/bg_main_slider_02.png");
	}
	.sec-main-01 .slide-03 .box-slide {
		background-image:url("../images/m/main/bg_main_slider_03.png");
	}
	.sec-main-01 .box-slide strong {
		padding-bottom:22px;
		font-size:2.285rem;
	}
	.sec-main-01 .slide-02 .box-slide strong {
		margin:0 -20px;
		font-size:2rem;
	}
	.sec-main-01 .box-slide p {
		max-width:300px;
		margin:0 auto;
		font-size:0.857rem;
	}
	.sec-main-01 .box-slide p br {
		display:none;
	}
	.sec-main .slider-util .slick-prev {
		background-image:url("../images/m/common/arr_slider_prev_02.png");
	}
	.sec-main .slider-util .slick-next {
		background-image:url("../images/m/common/arr_slider_next_02.png");
	}
	.wrap-main-search {
		margin-top:-35px;
	}
	.wrap-main-search .box-search {
		height:auto;
		padding:20px;
		border-radius:10px;
	}
	.wrap-main-search .sub {
		font-size:0.857rem;
	}
	.wrap-main-search .box-search .mobile-view {
		display:block;
	}
	.wrap-main-search .box-search .mobile-hidden {
		display:none;
	}
	.wrap-main-search .box-insert-insure {
		margin-top:15px;
		padding-right:40px;
	}
	.wrap-main-search .box-insert-insure .inp-text {
		height:30px;
		border-radius:15px;
	}
	.wrap-main-search .box-insert-insure .btn-search {
		width:30px;
		height:30px;
		font-size:0;
		text-indent:-9999px;
		border-radius:50%;
		background-image:url("../images/m/icon/icon_search_02.png");
		background-repeat:no-repeat;
		background-position:45% 45%;
		background-size:60% auto;
	}
	.wrap-main-search .wrap-insure-tag .box-insure-tag {
		padding:0 20px;
	}
	.wrap-main-search.tag-open .wrap-search-target {
		padding-bottom:15px;
	}
	.wrap-main-search.tag-open .wrap-search-target .box-target {
		padding-bottom:10px;
	}
	.wrap-main-search .wrap-search-regist {
		padding:16px 8px 0 0;
	}
	.wrap-main-search .wrap-search-code {
		padding:16px 0 0 8px;
	}
	.wrap-main-search .wrap-search-regist .box-regist,
	.wrap-main-search .wrap-search-code .box-code {
		min-height:100%;
		padding-bottom:70px;
		text-align:center;
		background-position:center bottom;
		background-size:40px auto;
	}
	.wrap-main-search .wrap-search-regist .box-regist {
		background-image:url("../images/m/main/img_search_regist.png");
	}
	.wrap-main-search .wrap-search-code .box-code {
		background-image:url("../images/m/main/img_search_code.png");
	}
	.wrap-main-search .box-regist strong,
	.wrap-main-search .box-code strong {
		margin-bottom:6px;
		font-size:1.143rem;
	}
	.sec-main-01 .slider-util .slider-util-inner {
		bottom:240px;
		left:50%;
		height:31px;
		padding:6px 15px 0;
		border-radius:15px;
		transform:translateX(-50%);
	}
	.sec-main-01 .slider-util .slider-count {
		margin:0 5px;
	}
	.sec-main-01 .slider-util .slick-play {
		margin-right:4px;
	}
	.sec-main-02 {
		padding:40px 0 30px;
	}
	.sec-main-02 h2 {
		font-size:1.571rem;
	}
	.tab-main-insure::before {
		top:29px;
	}
	.tab-main-insure .tab-btn {
		height:30px;
		font-size:1rem;
	}
	.tab-main-insure .list-disaster-insurance {
		padding-top:30px;
	}
	.tab-main-insure .item-insurance {
		flex-basis:255px;
	}
	.tab-main-insure .link-insure {
		padding:20px;
	}
	.tab-main-insure .link-insure > b {
		font-size:1.2857rem;
		text-align:center;
	}
	.tab-main-insure .link-insure > b::after {
		margin:14px auto 0;
	}
	.tab-main-insure .link-insure > span {
		font-size:0.8572rem;
	}
	.sec-main-03 {
		background-size:auto 420px;
	}
	.wrap-main-board {
		padding:20px;
		border-radius:10px;
	}
	.wrap-main-board .main-board-title {
		padding-right:0;
	}
	.wrap-main-board .main-board-title::after {
		top:31px;
	}
	.wrap-main-board .main-board-title h3 {
		height:32px;
		margin-right:10px;
		font-size:1.4285rem;
	}
	.main-board-faq .tab-main-faq {
		margin:8px -20px 0;
		padding:0 5px;
	}
	.main-board-faq .tab-main-faq .tab-btn {
		padding:12px 15px;
		font-size:1rem;
	}
	.wrap-main-board .btn-more {
		top:1px;
		padding-right:26px;
		background-image:url("../images/m/icon/icon_more.png");
		background-size:20px auto;
	}
	.main-board-notice .box-notice {
		float:none;
		width:100%;
	}
	.main-board-notice .box-notice-01 {
		padding:0;
	}
	.main-board-notice .box-notice-02 {
		padding:20px 0 0;
	}
	.main-board-notice .link-notice > strong {
		height:auto;
		font-size:1.4285rem;
	}
	.main-board-notice .link-notice .cont {
		height:auto;
		margin:28px 0 25px;
		font-size:0.8572rem;
	}
	.main-board-notice .link-notice .icon-download {
		padding:0 8px 0 20px;
		font-size:1rem;
		background-size:10px auto;
	}
	.main-board-notice .box-notice-01 .link-notice .icon-download {
		background-image:url("../images/m/icon/icon_download_03.png");
	}
	.main-board-notice .box-notice-02 .link-notice .icon-download {
		background-image:url("../images/m/icon/icon_download_04.png");
	}
	.main-board-notice .link-notice .date {
		margin:0 10px 0 30px;
		font-size:0.8572rem;
		background-size:7px auto;
	}
	.main-board-notice .box-notice-01 .link-notice .date {
		background-image:url("../images/m/common/arr_more.png");
	}
	.main-board-notice .box-notice-02 .link-notice .date {
		background-image:url("../images/m/common/arr_more_02.png");
	}
	.main-board-faq .link-faq {
		padding:13px;
	}
	.main-board-faq .link-faq > i {
		margin-right:12px;
		font-size:1.7142rem;
	}
	.main-board-faq .slider-util {
		margin-top:20px;
		text-align:center;
	}
	.main-board-faq .slider-util-inner {
		height:31px;
		padding:6px 15px 0;
	}
	.sec-main-04 {
		margin:20px 0 0;
	}
	.sec-main-04 > .inner {
		padding:0;
	}
	.sec-main-04 .main-banner {
		height:227px;
		padding:25px 0;
		text-align:center;
		border-radius:0;
		background-image:url("../images/m/main/bg_main_banner.png");
		background-size:352px auto;
		background-position:center bottom;
	}
	.sec-main-04 .main-banner strong {
		font-size:1.4285rem;
	}
	.sec-main-04 .main-banner strong br {
		display:none;
	}
	.sec-main-04 .main-banner .more {
		margin-top:14px;
		padding:9px 75px 9px 0;
		font-size:1.1428rem;
		background-image:url("../images/m/common/arr_more_03.png");
		background-size:6px auto;
	}

	/* 간편인증 로그인 */
	.wrap-login .box-login {
		padding:20px;
		border-radius:10px;
	}
	.wrap-login .text-main {
		font-size:1.5714rem;
	}
	.wrap-login .form-input li {
		padding:0;
	}
	.wrap-login .form-input li .head {
		display:inline-block;
		position:relative;
		margin-bottom:10px;
		line-height:1;
	}
	.pre-login .wrap-btns .btn {
		min-width:140px;
	}
	.pre-login .text-main {
		max-width:500px;
	}
	.pre-login .text-main br {
		display:none;
	}
	.pre-login .box-easy-auth {
		padding:20px;
		border-radius:10px;
	}
	.pre-login .btn-auth {
		padding:12px;
	}
	.pre-login .list-auth {
		flex-wrap:wrap;
		max-width:150px;
	}
	.pre-login .logo-auth {
		width:26px;
		height:26px;
		margin:2px;
		border-radius:4px;
	}
	.wrap-login .login-info {
		display:block;
	}
	.login-info .box-info {
		margin:0;
		padding:20px;
	}
	.login-info .box-info-02 {
		margin:20px 0 0;
	}
	.login-info .box-info > h3 {
		margin:0 0 20px;
	}
	.login-info .form-login > li + li {
		margin-top:20px;
	}
	.login-info .form-login .box-business-no .business-no-2 {
		width:calc(30% - 12px);
		margin:0 6px;
	}

	/* 통합검색 */
	.box-total-search .wrap-inp .inp-text {
		height:40px;
		padding-right:40px;
		border-radius:10px;
	}
	.box-total-search .wrap-inp .btn-total-search {
		right:10px;
		background-image:url("../images/m/icon/icon_search_board.png");
		background-size:16px auto;
	}
	.total-search-result .title-total-search {
		margin-bottom:30px;
	}
	.total-search-result .title-total-search > a {
		padding:15px;
	}
	.total-search-result .title-total-search > a::after {
		right:15px;
		width:8px;
		height:13px;
		margin-top:-7px;
		background-image:url("../images/m/common/arr_more_04.png");
	}
	.total-search-result .area-result + .title-total-search {
		margin-top:60px;
	}
	.total-search-result .area-result + .area-result {
		margin-top:30px;
	}
	.total-search-result h3 {
		margin-bottom:20px;
	}
	.total-search-result .list-result > li {
		padding:12px 15px;
	}
	.total-search-result .btn-result {
		margin-top:20px;
	}

	/* 재난안전의무보험이란 - 재난안전의무보험 개요 */
	.disaster-introduction-01::after {
		height:200px;
	}
	.wrap-category-disaster .cont-category-disaster + .cont-category-disaster {
		border-top:0 none;
	}
	.wrap-category-disaster .category-disaster .head {
		position:relative;
		width:100%;
	}
	.wrap-category-disaster .category-disaster .head .category-item {
		border:0 none;
	}
	.wrap-category-disaster .cont-category-disaster {
		padding:10px 0;
	}
	.wrap-category-disaster .category-disaster ul {
		padding-left:0;
	}
	.wrap-category-disaster .category-disaster li {
		width:50%;
	}
	.wrap-category-disaster .category-disaster .category-item {
		height:38px;
		border-radius:6px;
	}

	/* 재난안전의무보험이란 - 재난안전의무보험별 소개 */
	.tab-disaster-info > .tab-list > .tab-btn {
		flex:0 0 calc(25% - 4px);
		min-height:40px;
		padding:6px 5px;
	}
	.tab-disaster-sub .tab-list {
		padding:10px;
	}
	.tab-disaster-sub .tab-list > .tab-btn {
		padding:4px 6px;
	}
	.tab-disaster-sub .insurance-name {
		padding:30px 0 10px;
	}
	.tab-disaster-info .charge {
		display:block;
		padding:0;
	}
	.tab-disaster-info .item-charge:not(.last) {
		display:block;
		padding:0 0 10px 12px;
	}
	.tab-disaster-info .item-charge:not(.last)::before {
		top:8px;
		width:4px;
		height:4px;
	}
	.tab-disaster-info .item-charge.last {
		position:initial;
		margin:0 0 0 13px;
	}
	.tab-disaster-info .charge.charge-mixed {
		display:block;
	}
	.popup-insure-company .tab-disaster-info > .tab-list > .tab-btn {
		font-size:0.928rem;
	}
	.popup-insure-company .tab-disaster-sub .tab-list {
		overflow-x:auto;
		white-space:nowrap;
	}
	.popup-insure-company .tab-disaster-sub .tab-list::-webkit-scrollbar {
		height:5px;
		border-radius:2px;
		background:#eeeeee;
	}
	.popup-insure-company .tab-disaster-sub .tab-list::-webkit-scrollbar-thumb {
		background:#cccccc;
		border-radius:3px;
	}
	.list-insure-company .row-company {
		padding:0 10px;
	}
	.list-insure-company .row-company .logo {
		height:35px;
		margin:5px 0;
	}
	.list-insure-company .row-company .link {
		height:14px;
		padding-right:14px;
		background-size:auto 14px;
	}
	.list-insure-company .row-company .link > span {
		position:absolute;
		width:1px;
		height:1px;
		margin:-1px 0 0 -1px;
		padding:0;
		clip:rect(0,0,0,0);
		clip-path:inset(50%);
		word-break:initial;
		word-wrap:initial;
		white-space:nowrap;
		overflow:hidden;
	}

	/* 재난안전의무보험이란 - 재난안전의무보험 사고사례 */
	.board-insurance-accident {
		margin-top:28px;
	}
	
	/* 재난안전의무보험 대상 여부 - 보험별 대상 여부 조회 */
	.title-insurance-target {
		margin-bottom:30px;
	}
	.title-insurance-target .text-sub {
		font-size:0.8572rem;
	}
	.insurance-target-regist .wrap-step {
		margin-top:15px;
	}
	.insurance-target-regist .order-view {
		display:flex;
		align-items:center;
		float:none;
		padding:0 0 15px 10px;
	}
	.insurance-target-regist .order-view .order-name {
		display:inline-block;
		position:relative;
		min-width:32px;
		text-align:center;
		vertical-align:middle;
	}
	.insurance-target-regist .order-view .order-name i {
		position:relative;
		z-index:1;
	}
	.insurance-target-regist .order-view .order-name span {
		line-height:22px;
		text-align:left;
	}
	.insurance-target-regist .order-view:not(.view-03) .order-name::after {
		display:block;
		position:absolute;
		top:100%;
		left:15px;
		width:2px;
		height:30px;
		margin-top:-6px;
	}
	.insurance-target-regist .order-view > span {
		flex:0 0 50px;
		margin:0 0 0 8px;
		vertical-align:middle;
	}
	.insurance-target-regist .question {
		text-align:center;
	}
	.insurance-target-regist .category-select .inp-cate {
		flex-basis:50%;
	}
	.insurance-target-regist .category-select.columns2 > .inp-cate:not(.inp-none) {
		flex-basis:100%;
	}
	.insurance-target-regist .category-select.columns2 > .inp-cate:not(.inp-none) label {
		padding-left:15px;
		padding-right:15px;
	}
	.insurance-target-regist .wrap-question-dep02 {
		padding:10px 3px;
	}
	.insurance-target-regist .box-question-dep02 {
		padding:25px;
	}
	.insurance-target-regist .box-question-dep02 .inp-cate {
		flex-basis:auto;
		min-width:120px;
	}
	.insurance-target-regist .box-question-dep03 .inp-cate {
		min-width:100px;
	}
	.wrap-insurance-result .title {
		max-width:450px;
		margin:0 auto;
		padding-bottom:20px;
	}
	.wrap-insurance-result .app-process {
		max-width:450px;
	}
	.wrap-insurance-result .app-process .order {
		max-width:190px;
	}
	.wrap-insurance-result .app-process .order-item {
		flex-basis:40px;
	}
	.wrap-insurance-result .app-process .order i {
		height:6px;
		margin:0 10px 20px;
	}
	.wrap-insurance-result .box-company::before {
		width:40px;
		height:40px;
		background-size:30px;
	}
	.wrap-insurance-result .btn {
		min-width:auto;
		padding:0 10px;
	}

	/* 재난안전의무보험 가입 여부 - 보험계약정보 조회 */
	.view-insurance-contract .table-primary .col1 {
		width:100px;
	}

	/* 시민안전보험 - 시민안전보험 소개 */
	[class*="citizen-introduction-0"]:not(.citizen-introduction-01) {
		margin-top:40px;
	}
	.wrap-order-provision {
		max-width:420px;
		margin:30px auto;
	}
	.order-provision > li {
		flex-basis:50%;
		padding:10px;
	}
	.order-provision > li::after {
		width:20px;
		margin-right:-10px;
		background-size:6px auto;
	}
	.order-provision .box-provision {
		border-radius:10px;
	}
	.order-provision .box-provision > strong,
	.order-provision .box-provision > div {
		height:48px;
	}
	.wrap-citizen-introduction .wrap-slider-faq {
		margin:-10px 0 0;
	}
	.wrap-citizen-introduction .list-faq .box-item {
		display:block;
	}
	.wrap-citizen-introduction .item-faq {
		width:100%;
		margin:15px 0 0;
	}
	.wrap-citizen-introduction .item-faq .cont {
		padding:20px;
	}
	.wrap-citizen-introduction .wrap-slider-case {
		margin-top:0;
	}
	.wrap-citizen-introduction .content-case .title {
		padding:20px;
	}
	.wrap-citizen-introduction .content-case .content {
		padding:20px;
	}
	.wrap-citizen-introduction .list-case-cont li {
		margin-bottom:15px;
	}
	.wrap-citizen-introduction .wrap-btns .btn {
		min-width:auto;
	}

	/* 시민안전보험 - 시민안전보험 조회 */
	.wrap-citizen-search {
		display:block;
	}
	.wrap-citizen-search .map-citizen-search {
		max-width:450px;
		margin:0 auto;
	}
	.list-citizen-search {
		display:block;
		margin:30px 0 0;
	}
	.list-citizen-search .list-citizen .link-local {
		padding:15px;
	}
	.list-citizen-search .list-citizen .group-label {
		padding-left:64px;
	}

	/* 시민안전보험 - 시민안전보험 조회 - 상세 */
	.view-citizen-details .table-ft {
		margin-bottom:15px;
	}

	/* 게시판 - 목록 */
	.board-list-info {
		flex-direction:column;
		align-items:normal;
		margin-bottom:30px;
	}
	.wrap-board-search {
		flex:1 1 auto;
		margin-top:15px;
	}
	.board-list-info {
		display:block;
	}
	.board-list-info .total {
		font-size:1rem;
	}
	.board-search .sel-board-search {
		flex-basis:95px;
	}
	.board-search .inp-board-search {
		width:50%;
	}
	.board-search .btn-board-search {
		flex-basis:46px;
		background-image:url("../images/m/icon/icon_search_board.png");
		background-size:20px auto;
	}
	.board-list > li .index {
		flex:0 0 40px;
		padding:0 5px;
	}
	.board-list > li .notice {
		padding:0 5px;
		font-size:0.8572rem;
		line-height:24px;
	}
	.board-list > li .index > span {
		font-size:0.8572rem;
	}
	.board-list > li .cont {
		max-width:100%;
		padding:0 5px;
	}
	.board-list > li .row.new .cont {
		padding-right:18px;
	}
	.board-list > li .row.new .cont::after {
		top:3px;
		width:14px;
		height:14px;
		background-image:url("../images/m/icon/icon_new.png");
		background-size:contain;
	}
	.board-list > li .title,
	.board-list > li .title2 {
		font-size:1rem;
	}
	.board-list > li .sub span {
		font-size:0.8572rem;
	}
	.board-list > li .row.is-file {
		padding-right:40px;
	}
	.board-list > li .row.is-file::after {
		right:15px;
		width:20px;
		height:20px;
		margin-top:-10px;
		background-image:url("../images/m/icon/icon_download.png");
		background-size:contain;
	}
	.board-list > li .company,
	.board-list > li .code {
		flex-basis:20%;
		margin:0 15px 0 5px;
		word-break:break-all;
	}
	.board-list > li.head {
		display:none;
	}

	/* 게시판 - 읽기 */
	.board-view-title {
		padding-bottom:20px;
	}
	.board-view-content {
		padding:0 15px;
	}
	.file-download .file-each {
		padding:12px 20px;
	}
	.file-download .file-each .file-item::before {
		width:18px;
		height:18px;
		margin-right:5px;
		background-image:url("../images/m/icon/icon_download.png");
		background-size:contain;
	}

	/* 게시판 - FAQ */
	.wrap-tab-faq .tab-contents {
		margin-top:18px;
	}
	.wrap-tab-faq .faq-question {
		padding-left:30px;
	}
}

/* 가입관리코드 조회 테이블 별도 디자인을 위해 해당 항목 추가
360px ~ 767px */
@media all and (min-width:360px) and (max-width:767px) {
	/* 재난안전의무보험 가입 여부 - 가입관리코드 조회 */
	.board-management-code .board-list > li .row {
		display:block;
		padding-left:40px;
		padding-right:calc(30% + 20px);
	}
	.board-management-code .board-list > li .index {
		position:absolute;
		left:0;
		top:50%;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.board-management-code .board-list > li .cont {
		display:block;
	}
	.board-management-code .board-list > li .code {
		position:absolute;
		right:0;
		top:50%;
		width:30%;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		transform:translateY(-50%);
	}
}

/* 모바일 사이즈 500px 이하 대응 */
@media all and (max-width:500px) {
	/* 메인 */
	.wrap-main-board .main-board-title {
		padding-right:0;
	}

	/* 간편인증 로그인 */
	.login-info .box-info .form-login > li {
		flex-wrap:wrap;
	}
	.login-info .form-login .title {
		margin-bottom:12px;
		line-height:1;
	}
	.login-info .box-info .form-login .cont {
		flex-basis:100%;
	}

	/* 재난안전의무보험 대상 여부 - 보험별 대상 여부 조회 */
	.wrap-insurance-result .wrap-btns {
		margin-top:30px;
	}
	.wrap-insurance-result .wrap-btns .btn {
		width:100%;
		margin:10px 0 0;
	}
}

/* 모바일 사이즈 359px 이하 대응 */
@media all and (max-width:359px) {
	/* 메인 */
	.sec-main-01 .slider-util .slider-util-inner {
		bottom:220px;
	}
	.wrap-main-search .wrap-search-regist,
	.wrap-main-search .wrap-search-code {
		flex-basis:100%;
		padding:16px 0 0;
	}

	/* 재난안전의무보험이란 - 재난안전의무보험별 소개 */
	.tab-disaster-info > .tab-list > .tab-btn {
		padding:6px 0;
	}
	
	/* 재난안전의무보험 대상 여부 - 보험별 대상 여부 조회 */
	.insurance-target-regist .box-question-dep02 {
		padding:18px;
	}
	.insurance-target-regist .box-question-dep02 .inp-cate {
		min-width:110px;
		padding:4px;
	}
	.insurance-target-regist .box-question-dep03 .inp-cate {
		min-width:90px;
	}
	.wrap-insurance-result .title br {
		display:none;
	}
	.wrap-insurance-result .wrap-caution p br {
		display:none;
	}

	/* 게시판 - 목록 */
	.board-list > li .row {
		display:block;
		padding-left:10px;
	}
	.board-list > li .index {
		display:block;
		margin:0 0 4px;
		padding:0;
		text-align:left;
	}
	.board-list > li .cont {
		display:block;
		padding-left:0;
	}
	.board-list > li .company,
	.board-list > li .code {
		display:block;
		margin:6px 0 0;
		text-align:left;
	}
	.board-insurance-contract .board-list > li .sub .group-label {
		display:block;
	}
}