@charset "UTF-8";

/*font*/

@font-face {
	font-family: KBFGText2L;
	src: local(KBFGText2L),
	   url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Srbg%2SXOSTGrkgY.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
	   url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss2%2SXOSTGrkgY.jbss2) format('woff2'),
	   url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss%2SXOSTGrkgY.jbss) format('woff'),
	   url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sggs%2SXOSTGrkgY.ggs) format('truetype');
	font-style: normal;
	font-weight: normal;
	unicode-range: U+0-10FFFF;
  }
  @font-face {
	font-family: KBFGText2M;
	src: local(KBFGText2M),
	  url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Srbg%2SXOSTGrkgZ.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
	  url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss2%2SXOSTGrkgZ.jbss2) format('woff2'),
	  url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss%2SXOSTGrkgZ.jbss) format('woff'),
	  url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sggs%2SXOSTGrkgZ.ggs) format('truetype');
	font-style: normal;
	font-weight: normal;
	unicode-range: U+0-10FFFF;
  }
  @font-face {
	font-family: KBFGText2B;
	src: local(KBFGText2B),
	  url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Srbg%2SXOSTGrkgO.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
	  url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss2%2SXOSTGrkgO.jbss2) format('woff2'),
	  url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss%2SXOSTGrkgO.jbss) format('woff'),
	  url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sggs%2SXOSTGrkgO.ggs) format('truetype');
	font-style: normal;
	font-weight: normal;
	unicode-range: U+0-10FFFF;
  }

@font-face {
	font-family:KBFGDisplayL;
	src:local(KBFGDisplayL),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Srbg%2SXOSTQvfcynlY.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss2%2SXOSTQvfcynlY.jbss2) format('woff2'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss%2SXOSTQvfcynlY.jbss) format('woff'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sggs%2SXOSTQvfcynlY.ggs) format('truetype');
	font-style:normal;
	font-weight:normal;
	unicode-range:U+0-10FFFF;
}
@font-face {
	font-family:KBFGDisplayM;
	src:local(KBFGDisplayM),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Srbg%2SXOSTQvfcynlZ.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss2%2SXOSTQvfcynlZ.jbss2) format('woff2'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss%2SXOSTQvfcynlZ.jbss) format('woff'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sggs%2SXOSTQvfcynlZ.ggs) format('truetype');
	font-style:normal;
	font-weight:normal;
	unicode-range:U+0-10FFFF;
}
@font-face {
	font-family:KBFGDisplayMI;
	src:local(KBFGDisplayMI),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Srbg%2SXOSTQvfcynlZV.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss2%2SXOSTQvfcynlZV.jbss2) format('woff2'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss%2SXOSTQvfcynlZV.jbss) format('woff'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sggs%2SXOSTQvfcynlZV.ggs) format('truetype');
	font-style:normal;
	font-weight:normal;
	unicode-range:U+0-10FFFF;
}
@font-face {
	font-family:KBFGDisplayB;
	src:local(KBFGDisplayB),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Srbg%2SXOSTQvfcynlO.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss2%2SXOSTQvfcynlO.jbss2) format('woff2'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sjbss%2SXOSTQvfcynlO.jbss) format('woff'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Ssbag%2Sggs%2SXOSTQvfcynlO.ggs) format('truetype');
	font-style:normal;
	font-weight:normal;
	unicode-range:U+0-10FFFF;
}

/* 아이콘 버튼 */
.btn-icon:not (.btn-com ), .btn-icon:not (.ico-notice ), .btn-icon:not (.ico-close
	), .btn-icon:not (.btn-search ), .btn-icon:not (.btn-edit ) {
	position: relative;
	width: 0;
	height: 40px;
	padding: 0 40px 0 0;
	background-color: transparent;
	text-indent: -999px;
	font-size: 0;
	overflow: hidden;
}

.btn-icon i, .btn-icon>span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzz%2Svpb-frg.cat') no-repeat;
	background-size: 300px 300px;
}

.btn-icon i:before, .btn-icon i:after, .btn-icon>span:before, .btn-icon>span:after
	{
	display: block;
	position: absolute;
}

.button-wrap-01 {
	margin-top: 41px;
	text-align: center;
	font-size: 0;
}

.button-wrap-01:after {
	display: block;
	clear: both;
	content: "";
}

.button-wrap-02 {
	clear: both; /*margin-top: 20px;*/
	text-align: right;
	font-size: 0;
	float: right;
}

.button-wrap-02:after {
	display: block;
	clear: both;
	content: "";
}

.button-wrap-03 {
	margin-top: 20px;
	font-size: 0;
	text-align: center;
}

.button-wrap-03:after {
	display: block;
	clear: both;
	content: "";
}

.button-wrap-04 {
	margin-top: 20px;
	font-size: 0;
	text-align: center;
}

.button-wrap-04:after {
	display: block;
	clear: both;
	content: "";
}

.button-wrap-03 a.btn-1w {
	width: 180px !important;
}

.btn-1w {
	width: 200px;
	height: 46px;
	padding: 12px 0;
	text-align: center;
	font-size: 15px;
}

.btn-w1 {
	min-width: 130px;
	height: 32px;
	padding: 7px 0;
	text-align: center;
	font-size: 13px;
}

.btn_white {
	border: 1px solid #d8d8d8;
	background-color: #ffffff;
	display: inline-block;
}

.btn-1w-y {
	width: 300px;
	height: 46px;
	padding: 12px 0;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
	border: 1px solid #ffde33;
	background-color: #ffde33;
	display: inline-block;
}

/*line-bar*/
.line_bar {
	width: 960px;
	margin: 0 auto;
	height: 2px;
	background: #f5f5f5;
	margin-top: 46px;
	margin-bottom: 30px;
}

h1, .h1 {
	margin: 41px 0 39px 0 !important;
	font-size: 34px;
}
/* toggle */
.bx-toggle .tg-btn {
	position: relative;
	font-size: 16px;
	color: #666;
	background-color: #fff;
	text-align: left;
}

.bx-toggle .tg-btn:after {
	position: absolute;
	top: 50%;
	right: 0;
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0 0 13px;
	border: solid #666;
	border-width: 0 1px 1px 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform-origin: center;
	transform-origin: center;
}

.bx-toggle .active .tg-btn:after {
	-webkit-transform: translateY(-50%) rotate(-135deg);
	transform: translateY(-50%) rotate(-135deg);
}

.bx-toggle .tg-conts {
	display: none;
}

.bx-toggle .active .tg-conts {
	display: block;
}

/*검색 */
.btn-icon.ico-search span {
	top: 15px;
	left: 0;
	width: 15px;
	height: 15px;
	background: transparent;
	border: 2px solid #222;
	border-radius: 50%;
}

.btn-icon.ico-search span:before {
	content: "";
	top: 11px;
	left: 9px;
	width: 8px;
	height: 2px;
	background: #222;
	border-radius: 1px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*reset*/
li {
	list-style: none;
}
/*html, body,div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, main, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-weight: normal; position: relative; font-family: KBFGDisplayM;}*/
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
	th, td, figure, figcaption, section, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-family: KBFGDisplayM;
}

body, html, ol, ul, dl {
	margin: 0;
	padding: 0;
	font-family: KBFGDisplayM;
	font-weight: normal;
	/*position: relative;*/
}

fieldset {
	position: relative;
}

fieldset legend {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 0;
	height: 0;
	font-size: 0;
	opacity: 0;
	overflow: hidden;
}

/*상품 간편보험계산하기 div안에 팝업*/
.pop-cal-smdv {
	display: none;
	position: absolute;
	background: #fff;
	width: 100%;
	height: 267px;
	top: 0;
	left: 0;
	border: 2px solid #ffde33;
	z-index: 999;
	border-radius: 7px;
	padding: 20px;
}

.pop-cal-smdv .close-smdv {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sfzqi-pybfr.cat') no-repeat 0 0;
	background-size: 15px;
	display: block;
	height: 15px;
	width: 15px;
	color: #fff;
	font-size: 0px;
	position: absolute;
	right: 20px;
	top: 20px;
}

.input-line input {
	border: 0px;
}

.pop-cal-smdv li {
	min-height: 40px;
	font-size: 15px;
}

.pop-cal-smdv h3 {
	font-size: 18px;
	font-family: KBFGDisplayB;
	margin: 20px 10px 20px 0;
	height: 68px;
	line-height: 1.3
}

span.input-line {
	border-bottom: 1px solid #eee;
	width: 180px;
	overflow: hidden;
	display: inline-block;
}

label.cal-smdv-ti {
	width: 70px;
	vertical-align: top;
}

a.btn-org-big {
	width: 100%;
	background-color: #ffde33;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	font-family: KBFGDisplayB;
	color: #222;
	border-radius: 7px;
}

.cal-smdv-ti {
	vertical-align: top;
	width: 70px;
	display: inline-block;
	color: #666;
	font-size: 15px;
}

.inputs-wr {
	height: 74px;
}

/*main*/
#wrap {
	width: 100%;
	height: auto;
}

#container {
	width: 100%;
	overflow: hidden;
	border-bottom: 0px solid #ddd;
	margin: 0 auto;
	position: relative;
}

.contain {
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	overflow: hidden;
	border-bottom: 0px solid #ddd;
	margin: 0 auto;
	position: relative;
}

#footer {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	position: relative;
}

.hidden {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	font-size: 0; /*opacity:0;*/
	overflow: hidden;
}

.product section.services {
	overflow: hidden;
	padding: 60px 0 30px;
}

.login-sc {
	position: absolute;
	right: 0;
	top: 0;
}

.login-sc ul {
	overflow: hidden;
}

.login-sc ul li {
	float: left;
}

.bg-bn-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.menu {
	position: absolute;
	right: 0;
	bottom: 0;
}

.menu ul {
	overflow: hidden;
}

.menu ul li {
	float: left;
}

.main-bn-wrap {
	width: 100%;
	height: 500px;
	background: #ddd;
}

.main-bn {
	width: 1280px;
	height: 500px;
	margin: 0 auto;
}

.ccsp {
	width: 1280px;
	height: 600px;
	position: relative;
	margin: 0 auto;
}

.ccsp-txt p {
	text-align: center;
}

.main-list {
	overflow: hidden;
	width: 650px;
	height: 250px;
	margin: 0 auto;
	border: 1px solid black;
	position: relative;
	top: -200px;
	background: #fff;
	z-index: 1000;
}

.main-list ul {
	margin-top: 65px;
}

.main-list li {
	float: left;
	margin-left: 23px;
}

.main-list div {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	border: 1px solid #ddd;
}

.main-list p {
	width: 100px;
	text-align: center;
	font-size: 16px;
}

.ccsp-list-1 {
	width: 300px;
	height: 250px;
	border: 1px solid #ddd;
	text-align: center;
}

.ccsp-wrap-1 {
	float: left;
}

.ccsp-wrap-2 {
	float: left;
}

.ccsp-list-2 {
	width: 300px;
	height: 250px;
	border: 1px solid #ddd;
	text-align: center;
	margin-top: 95px;
}

.ccsp-list-3 {
	width: 600px;
	height: 600px;
	border: 1px solid #ddd;
	text-align: center;
	float: left;
	margin: 0 30px;
	padding-top: 250px;
	box-sizing: border-box;
}

.ccsp-list-4 {
	width: 300px;
	height: 250px;
	border: 1px solid #ddd;
	text-align: center;
}

.ccsp-list-5 {
	width: 300px;
	height: 250px;
	border: 1px solid #ddd;
	text-align: center;
	margin-top: 95px;
}

.main-bn-txt-ip {
	width: 100%;
	border: none;
	border-bottom: 1px solid black;
	background: #ddd;
	margin-top: 90px;
	outline: none;
}

.kb-life-sc-wrap {
	width: 100%;
	height: 500px;
	background: #ddd;
	margin-top: 50px;
}

.kb-life-txt {
	text-align: center;
	line-height: 50px;
}

.kb-life-list {
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}

.kb-life-list ul li {
	float: left;
	width: 248px;
	height: 50px;
	text-align: center;
}

.kb-life-txt-1 {
	width: 1280px;
	height: 100px;
	margin: 0 auto;
	margin-top: 80px;
}

.kb-life-txt-2 {
	width: 1280px;
	height: 100px;
	margin: 0 auto;
}

.kb-story-txt {
	line-height: 50px;
	text-align: center;
}

.kb-story-sc {
	width: 1280px;
	margin: 0 auto;
}

.kb-story-sc ul {
	overflow: hidden;
}

.kb-story-sc ul li {
	width: 50%;
	height: 500px;
	float: left;
}

.kb-story-sc ul li p {
	text-align: center;
}

.kb-story-list-1 {
	width: 500px;
	height: 300px;
	margin: 0 auto;
	text-align: center;
	background: #ddd;
	border: 1px solid #ddd;
}

.kb-story-list-2 {
	width: 500px;
	height: 300px;
	margin: 0 auto;
	text-align: center;
	background: #ddd;
	border: 1px solid #ddd;
}

.kb-ft-ph {
	width: 100%;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #ddd;
}

.kb-ft-ph ul {
	overflow: hidden;
	margin: 0 auto;
}

.kb-ft-ph ul li {
	width: 33.3%;
	float: left;
	color: white;
}

.kb-ht-list ul li {
	width: 22.5%;
	margin-right: 3.3%;
	background: #fff;
	line-height: 200px;
	text-align: center;
	float: left;
	box-sizing: border-box;
	border: 1px solid black;
	height: 200px;
}

.kb-ht-list ul li:last-child {
	margin-right: 0;
}

.kb-ht-list ul {
	overflow: hidden;
}

.kb-ht-list {
	width: 1280px;
	margin: 0 auto;
}

.kb-ht-sc p {
	width: 1280px;
	margin: 0 auto;
	line-height: 50PX;
}

.kb-ht-sc span {
	display: block;
	width: 1280px;
	margin: 0 auto;
}

.kb-ht-sc {
	width: 100%;
	background: #ddd;
	height: 500px;
}

.bn-such-list-1 {
	display: none;
	width: 800px;
	height: 800px;
	background: white;
}

.bn-such-list-2 {
	display: none;
	width: 800px;
	height: 800px;
	background: white;
}

.cg-such {
	width: 50%;
	float: left;
}

.bn-such-wrap {
	overflow: hidden;
	width: 500px;
	height: 500px;
	position: absolute;
	border: 1px solid black;
	background: #fff;
	top: 222px;
	left: 200px;
	display: none;
	z-index: 2000;
}

.slick-next, .slick-next:hover {
	width: 50px;
	height: 50px;
	background: black;
	right: 0;
	z-index: 9999;
}

.slick-prev, .slick-prev:hover {
	width: 50px;
	height: 50px;
	background: black;
	left: 0;
	z-index: 9999;
}

.single-item>div {
	background: #ddd;
	height: 500px;
	box-sizing: border-box;
}

.main-brr-1 {
	padding: 100px;
}

.main-brr-2 {
	padding: 100px;
}

.main-brr-3 {
	padding: 100px;
	position: absolute;
	left: 0;
}

.slick-initialized .slick-slide {
	position: relative;
}

.slick-active .main-brr-3 {
	animation-name: slidein;
	font-size: 30px;
	font-family: KBFGDisplayB;
	animation-duration: 2s;
	top: 50px;
}

.main-brr-3 {
	top: -200px;
	overflow: hidden;
}

.swiper-txt {
	cursor: pointer;
	width: 150px;
	height: 50px;
	position: relative;
	z-index: 9999;
}

/*@
keyframes slidein { 0% {
	top: -200px;
}

60%{
top
:

-200
px
;
}
100%
{
top
:

50
px
;
}
}*/
.slick-dots {
	bottom: 155px;
}

.bd-list-1 {
	border: 1px solid #ddd;
	width: 300px;
	height: 170px;
	border-radius: 7px;
	position: relative;
	overflow: hidden;
}
/* 20241231 추가 kb라이프 개선 */
.tab-goldandwise {
	max-width: 960px;
	margin: 0 auto 40px;
}
.ct-tab-list {
	display: flex;
}
.ct-tab-list li {
	margin-right: 16px;
}
.btn-round-yellow {
	display: inline-block;
    min-width: 30px;
    height: 40px;
	padding: 0 32px;
    font-size: 16px;
	font-family: KBFGDisplayM;
    line-height: 40px;
    color: #222;
    text-align: center;
    border: 1px solid #ffde33;
    border-radius: 50px;
    background-color: #fff;
    box-sizing: border-box;
}
.ct-tab-list .btn-round-yellow.active {
    border: 1px solid #ffde33;
    background-color: #ffde33;
}
/* //20241231 추가 kb라이프 개선 */
.ct-list-ytb-wrap ul {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}/* 20241231 수정 kb라이프 개선 */

.ct-list-ytb-wrap ul li {
	position: relative;
	margin-left: 30px;
	float: left;
	width: 300px;
}/* 20241231 수정 kb라이프 개선 */

.ct-list-ytb-wrap ul li:first-child {
	margin: 0;
}

.ct-list-ytb-wrap ul li:nth-child(4) {
	margin-left: 0;
	margin-top: 20px;
}

.ct-list-ytb-wrap ul li:nth-child(5) {
	margin-top: 20px;
}

.ct-list-ytb-wrap ul li:nth-child(6) {
	margin-top: 20px;
}

.ct-list-ytb-wrap ul li:nth-child(7) {
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 0;
}

.ct-list-ytb-wrap ul li:nth-child(8) {
	margin-top: 20px;
	margin-bottom: 0;
}

.ct-list-ytb-wrap ul li:nth-child(9) {
	margin-top: 20px;
	margin-bottom: 0;
}

.ct-list-ytb-wrap ul li div.box {
	width: 300px;
	height: 166px;
	background: #f9f9f9;
	border-radius: 7px;
	position: relative;
}

.ct-list-ytb-wrap ul li div p {
	font-size: 20px;
	font-weight: 500;
	width: 228px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.ct-list-ytb-wrap ul li div em {
	font-size: 14px;
	color: #666;
	position: absolute;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.ct-list-ytb-wrap ul li div span {
	font-weight: 300;
	color: #666;
	font-size: 16px;
	position: absolute;
	bottom: 20px;
	left: 18px;
}

.ct-list-ytb-wrap ul li p {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px; /* 220530 수정 */
	height: 44px;
	margin-top: 15px;
	color: #222;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: keep-all; /* 220530 추가 */
	word-wrap: break-word; /* 220530 추가 */
	width: 300px; /* 220530 추가 */
}

.ct-list-ytb-wrap ul li .day {
	font-size: 14px;
	color: #666;
	font-family: 'KBFGDisplayL';
}/* 20241231 추가 kb라이프 개선 */

/* 2022.09 온라인금융교육 : eFinancialEdu.jsp */
.ct-list-ytb-wrap .source {
	margin: 10px 0;
	font-size: 14px;
	color: #f46600;
}

.ct-list-ytb-wrap ul li span.date {
	font-size: 16px;
	line-height: 42px;
	color: #666;
}

.ct-list-ytb-wrap ul li span.date:after {
	position: absolute;
	right: 0;
	bottom: 13px;
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sfc-pbzz.cat') -19px 0 no-repeat;
	background-size: 200px auto;
	content: '';
}

.ct-list-pg-nv {
	width: 260px;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	margin-top: 46px;
}

.ct-list-pg-nv ol {
	width: 196px;
	height: 50px;
	float: left;
}

.ct-list-pg-nv ol li {
	float: left;
	margin: 0 15.5px;
	line-height: 35px;
}

.ct-list-pg-pv {
	width: 32px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #d8d8d8;
	float: left;
	display: block;
}

.ct-list-pg-pv {
	width: 32px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #d8d8d8;
	float: left;
	display: block;
}

.ct-list-pg-pv {
	position: relative;
	width: 32px;
	height: 32px;
	float: left;
	border: 1px solid #ddd;
}

.ct-list-pg-nt {
	position: relative;
	width: 32px;
	height: 32px;
	float: left;
	border: 1px solid #ddd;
}

.ct-list-pg-nt div {
	position: absolute;
	box-sizing: content-box;
	top: 15px;
	left: 19px;
	width: 10px;
	height: 10px;
	-webkit-transform: translate(-94%, -49%) rotate(45deg);
	transform: translate(-94%, -49%) rotate(45deg);
	margin-left: -2px;
	border-top: 1px solid black;
	border-right: 1px solid black;
}

.ct-list-pg-pv div {
	position: absolute;
	box-sizing: content-box;
	top: 15px;
	left: 25px;
	width: 10px;
	height: 10px;
	-webkit-transform: translate(-94%, -49%) rotate(225deg);
	transform: translate(-94%, -49%) rotate(225deg);
	margin-left: -2px;
	border-top: 1px solid black;
	border-right: 1px solid black;
}

.ct_ytv_bar {
	width: 960px;
	margin: 0 auto;
	height: 3px;
	background: #f5f5f5;
	margin-top: 36px;
	margin-bottom: 40px;
}

.ct-banner-ytb {
	width: 100%;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sa-ot.cat') 50% bottom no-repeat;
	background-color: #e07574;
	margin: 0 auto;
	margin-bottom: 38px;
	background-size: contain;
}

.ct-bnr-ytb {
	width: 960px;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sc_pbagrag_yvsr_gbc_04.cat');
	margin: 0 auto;
	background-size: cover;
	position: relative;
}

.ct-banner-life {
	width: 100%;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sa-ot.cat') 50% bottom no-repeat;
	background-color: #15c3c1;
	margin: 0 auto;
	margin-bottom: 38px;
	background-size: contain;
}

.ct-bnr-life {
	width: 960px;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sc_pbagrag_yvsr_gbc_01.cat');
	margin: 0 auto;
	background-size: cover;
	position: relative;
}

.ct-bnr-life .bdb-w-1 {
	font-family: KBFGDisplayB;
	border-bottom: 1px solid white;
}

.bdb-b-1 {
	font-family: KBFGDisplayB;
	border-bottom: 1px solid black;
}

.bdb-w-1 {
	font-family: KBFGDisplayB;
	border-bottom: 1px solid white;
}

.ct-banner-gyy {
	width: 100%;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sa-ot.cat') 50% bottom no-repeat;
	background-color: #4985d5;
	margin: 0 auto;
	margin-bottom: 38px;
	background-size: contain;
}

.ct-bnr-gyy {
	width: 1000px;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sc_pbagrag_yvsr_gbc_02.cat');
	margin: 0 auto;
	background-size: contain;
	position: relative;
}

.ct-bnr-gyy .bdb-w-1 {
	font-family: KBFGDisplayB;
	border-bottom: 1px solid white;
}

.ct-banner-gnw {
	width: 100%;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sa-ot.cat') 50% bottom no-repeat;
	background-color: #a084e7;
	margin: 0 auto;
	margin-bottom: 38px;
	background-size: contain;
}

.ct-bnr-gnw {
	width: 960px;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sc_pbagrag_yvsr_gbc_03.cat');
	margin: 0 auto;
	background-size: cover;
	position: relative;
}

.ct-bnr-gnw .bdb-w-1 {
	font-family: KBFGDisplayB;
	border-bottom: 1px solid white;
}

/* S: 230630 나름다운 금융생활 */
.ct-banner-ndf {
	width: 100%;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sa-ot.cat') 50% bottom no-repeat;
	background-color: #09a6a3;
	margin: 0 auto;
	margin-bottom: 38px;
	background-size: contain;
}

.ct-bnr-ndf {
	width: 960px;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sc_pbagrag_yvsr_gbc_05.cat');
	margin: 0 auto;
	background-size: cover;
	position: relative;
}
/* E: 230630 나름다운 금융생활 */

.ct-banner-kb-sbs {
	width: 100%;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sa-ot.cat') 50% bottom no-repeat;
	background-color: #ededed;
	margin: 0 auto;
	margin-bottom: 38px;
	background-size: contain;
}

.ct-banner-kb-sbs .bdb-b-1 {
	font-family: KBFGDisplayB;
	border-bottom: 1px solid black;
}

.ct-bnr-kb-sbs {
	width: 960px;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sc_pbagrag_fgbel_gbc_01.cat');
	margin: 0 auto;
	background-size: cover;
	position: relative;
}

.ct-banner-kb-ggs {
	width: 100%;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sa-ot.cat') 50% bottom no-repeat;
	background-color: #ededed;
	margin: 0 auto;
	margin-bottom: 38px;
	background-size: contain;
}

.ct-bnr-kb-ggs .bdb-b-1 {
	font-family: KBFGDisplayB;
	border-bottom: 1px solid black;
}

.ct-bnr-kb-ggs {
	width: 960px;
	height: 450px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Sc_pbagrag_fgbel_gbc_02.cat');
	margin: 0 auto;
	background-size: cover;
	position: relative;
}

.ct-bnr-txt-1 {
	position: absolute;
	top: 55px;
	left: 0;
	font-size: 25px;
	font-family: KBFGDisplayB;
	color: #fff;
}

.ct-bnr-life ul {
	font-size: 20px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 55px;
}

.ct-bnr-life ul li {
	float: left;
	margin-left: 20px;
	font-weight: 300;
	line-height: 22px;
}

.ct-bnr-life ul li:first-child {
	margin-left: 0;
}

.ct-bnr-ytb .bdb-w-1 {
	font-family: KBFGDisplayB;
	border-bottom: 1px solid white;
}

.ct-bnr-ytb ul {
	font-size: 20px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 55px;
}

.ct-bnr-ytb ul li {
	float: left;
	margin-left: 20px;
	font-weight: 300;
	line-height: 22px;
}

.ct-bnr-ytb ul li:first-child {
	margin-left: 0;
}

/* [DGP][2025.03.26] 공통 컨텐츠 유형에서 상단 title, tab 없는 경우 위치 조정 */
main .ct-bnr-no-tab .ct-bnr-tit{top: 110px;}
main .ct-bnr-no-tab .ct-bnr-txt-4{top: 200px;}

/* S: 230630 나름다운 금융생활 */
.ct-bnr-gyy ul, .ct-bnr-ndf ul {
	font-size: 20px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 55px;
}

.ct-bnr-gyy ul li, .ct-bnr-ndf ul li {
	float: left;
	margin-left: 20px;
	font-weight: 300;
	line-height: 22px;
}

.ct-bnr-gyy ul li:first-child, .ct-bnr-ndf ul li:first-child {
	margin-left: 0;
}
/* E: 230630 나름다운 금융생활 */

.ct-bnr-gnw ul {
	font-size: 20px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 55px;
}

.ct-bnr-gnw ul li {
	float: left;
	margin-left: 20px;
	font-weight: 300;
	line-height: 22px;
}

.ct-bnr-gnw ul li:first-child {
	margin-left: 0;
}

.ct-bnr-kb-sbs ul {
	font-size: 20px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 55px;
}

.ct-bnr-kb-sbs ul li {
	float: left;
	margin-left: 20px;
	font-weight: 300;
	line-height: 22px;
	color: black;
}

.ct-bnr-kb-sbs ul li:first-child {
	margin-left: 0;
}

.ct-bnr-kb-sbs p {
	color: black;
}

.ct-bnr-kb-ggs ul {
	font-size: 20px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	right: 20px;
	top: 55px;
}

.ct-bnr-kb-ggs ul li {
	float: left;
	margin-left: 20px;
	font-weight: 300;
	line-height: 22px;
	color: black;
}

.ct-bnr-kb-ggs ul li:first-child {
	margin-left: 0;
}

.ct-bnr-kb-ggs p {
	color: black;
}

.gyy-list-wrap {
	overflow: hidden;
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
}

.gyy-list-wrap ul li {
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}

.gyy-list-wrap ul li:first-child {
	margin-left: 0;
}

.gyy-list-wrap ul li:nth-child(4) {
	margin-left: 0;
}

.gyy-list-wrap ul li:nth-child(7) {
	margin-left: 0;
	margin-bottom: 0;
}

.gyy-list-wrap ul li:nth-child(8) {
	margin-bottom: 0;
}

.gyy-list-wrap ul li:nth-child(9) {
	margin-bottom: 0;
}

.gyy-list-wrap ul li div {
	width: 300px;
	height: 168px;
	background: #f9f9f9;
	border-radius: 7px;
	position: relative;
}/* 20241231 수정 kb라이프 개선 */
/* 20241231 추가 kb라이프 개선 */
.gyy-list-wrap ul li .gyy-box {
	padding: 20px 18px 20px 20px;
}
.gyy-list-wrap ul li div p {
	font-size: 18px;
	font-weight: 500;
	width: 260px;
	height: 108px;
	line-height: 21px;
	position: absolute;
	top: 20px;
	left: 20px;
	/* -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	230726 KB경연연구소 제목 말줄임 삭제 */
}
/* 20241231 추가 kb라이프 개선 */
.gyy-list-wrap ul li div .tit {
	position: static;
	width: auto;
	height: auto;
	font-size: 18px;
	font-family: KBFGDisplayM;
	font-weight: normal;
	color: #222;
	line-height: 24px;
}
.gyy-list-wrap ul li div .sub-gyy-txt {
	position: static;
	padding-top: 4px;
	font-size: 16px;
	font-family: KBFGDisplayM;
	font-weight: normal;
	color: #666;
	line-height: 24px;
	letter-spacing: -.32px;
}
/* //20241231 추가 kb라이프 개선 */
.gyy-list-wrap ul li div span {
	font-weight: 300;
	color: #666;
	font-size: 16px;
	position: absolute;
	bottom: 20px;
	left: 18px;
}

.gyy-list-wrap ul li div em {
	font-size: 14px;
	color: #666;
	position: absolute;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.ct-bnr-txt-2 {
	position: absolute;
	left: 0;
	top: 148px;
	font-size: 40px;
	font-family: KBFGDisplayB;
	color: white;
}

.ct-bnr-txt-3 {
	width: 235px;
	height: 80px;
	position: absolute;
	top: 230px;
	left: 0;
	font-size: 20px;
	color: white;
	font-weight: 300;
}

.ct-bnr-txt-4 {
	width: 270px;
	height: 80px;
	position: absolute;
	top: 230px;
	left: 0;
	font-size: 20px;
	color: white;
	font-weight: 300;
}

.r-bd {
	font-family: KBFGDisplayB;
}

.list-sb-wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.list-sb-tt {
	margin-top: 41px;
	line-height: 1.2;
	margin-bottom: 39px;
	font-size: 34px;
	font-family: KBFGDisplayB;
	color: #222;
}

.bd-ytb-2 {
	height: 1px;
}

.bd-ytb-2 {
	width: 960px;
	height: 1px;
	background: #666;
	margin-top: 42px;
	margin-bottom: 29px;
}

.tt-gy {
	margin-top: 13px;
	font-size: 28px;
	color: #222;
	line-height: 1.2;
	height: 60px;
}/* 20241231 수정 kb라이프 개선 */

.dt-txt {
	font-size: 14px;
	color: #666;
	margin-top: 32px;
	margin-bottom: 35px;
}
/* 20241231 추가 kb라이프 개선 */
.tit-gy-area  {
	position: relative;
	padding-bottom: 14px;
	margin-bottom: 20px;
}
.tit-gy-area .tt-gy {
	height: auto;
	margin-top: 0;
	font-family: 'KBFGDisplayM';
	font-size: 28px;
	color: #222;
	line-height: 32px;
}
.tit-gy-area .sub-gy-txt {
	margin-top: 13px;
	font-family: 'KBFGDisplayL';
	font-size: 20px;
	color: #666;
	line-height: 26px;
	letter-spacing: -.4px;
}
.tit-gy-area .dt-txt {
	margin: 58px 0 0;
	font-family: 'KBFGDisplayL';
}
.tit-gy-area .dt-txt .txt1-bdr {
	position: relative;
	color: #222;
	vertical-align: middle;
}

.tit-gy-area .dt-txt .txt1-bdr:after {
	content: '';
	display: inline-block;
	height: 10px;
	margin: -1px 2px 0 5px;
	border-left: 1px solid #666;
	vertical-align: middle;
}
/* //20241231 추가 kb라이프 개선 */
.bd-ytb-3 {
	background: #e9e9e9;
	width: 960px;
	height: 1px;
	margin-bottom: 30px;
}

.dt-txt-sb {
	font-size: 19px;
	color: #666;
	font-weight: 200;
	line-height: 28px;
	min-height: 260px;
}

.bd-ytb-4 {
	margin-top: 30px;
	background: #e9e9e9;
	width: 960px;
	height: 1px;
	background: #e9e9e9;
	margin-bottom: 30px;
}

.gy-ico-tag ul {
	overflow: hidden;
}

.gy-ico-tag ul li:first-child {
	margin-left: 0;
}

.gy-ico-tag ul li {
	width: auto;
	padding: 0 28px;
	margin-left: 10px;
	height: 27px;
	border-radius: 13.5px;
	background: #f3f3f3;
	text-align: center;
	background: #f3f3f3;
	text-align: center;
	color: #222;
	font-size: 12px;
	line-height: 27px;
	float: left;
}

.bd-ytb-5 {
	width: 960px;
	height: 1px;
	background: #666;
	margin-top: 50px;
	margin-bottom: 49px;
}

.ml-list {
	width: 200px;
	height: 46px;
	background: #8c734b;
	line-height: 46px;
	font-size: 14px;
}

.list-ty-2>a>p {
	font-size: 14px;
	color: #222;
}

.list-ty-2>a>div.box {
	width: 470px;
	padding: 9px;
	height: 150px;
	border: 1px solid #e3e3e3;
	background: #fcfcfc;
	position: relative;
	border-radius: 7px;
	font-size: 0;
}

.list-ty-2>a>div.box:after {
	clear: both;
	display: block;
	content: ""
}

.list-ty-2>a>div.box>.img {
	text-align: center;
	border-radius: 7px;
	display: inline-block;
	vertical-align: middle;
	background: #f2f2f5;
	width: 130px;
	height: 130px;
	line-height: 130px;
	overflow: hidden
}

.list-ty-2>a>div.box>.img img {
	width: 100%;
	height: 100%
}

.list-ty-2>a>div.box>.txt {
	display: inline-block;
	width: 280px;
	vertical-align: middle;
	margin-left: 20px;
}

.list-ty-2>a>div.box>.txt>p {
	line-height: 30px;
	height: 60px;
	font-size: 20px;
	color: #222;
	letter-spacing: -1px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}

.list-ty-2>a>div.box>.txt>span {
	color: #666;
	font-size: 16px;
	font-weight: 200;
	display: block;
	margin: 10px 0 0
}

.list-ty-2>a>div.box>.txt>em {
	color: #666;
	font-size: 16px;
	font-weight: 200;
}

.list-ty-wrap {
	display: inline-block; /*overflow: hidden;*/
}

.list-ty-wrap li {
	float: left;
	height: 174px;
	width: 459px;
	float: left;
}

.list-ty-wrap li:nth-child(2) {
	margin-left: 30px;
}

.list-ty-wrap>li>div>p {
	font-size: 16px;
	color: #222;
	margin-bottom: 10px;
	padding-left: 9px;
	font-weight: 200;
}

.pdb-160 {
	padding-bottom: 160px;
}

.list-ty-1 div {
	width: 470px;
	height: 150px;
	background-size: 100% 100%;
	position: relative;
}

.list-ty-1 div p {
	font-size: 18.5px;
	font-family: KBFGDisplayB;
	position: absolute;
	top: 30px;
	left: 33px;
}

.list-ty-1 div span {
	font-size: 15px;
	font-weight: 200;
	position: absolute;
	top: 70px;
	left: 33px;
	font-weight: 200;
}

.list-ty-1 div em {
	font-size: 15px;
	font-weight: 200;
	position: absolute;
	left: 33px;
	bottom: 17px;
	font-weight: 200;
}
.list-prod-wrap > li > div a img {
	border-radius: 7px;
}

#bd-t-none {
	border-top: none;
}

.ihr {
	color: inherit !important;
}

.mgt-0 {
	margin-top: 0 !important;
}

.mgl-20 {
	margin-left: 20px;
}

.ytb-txt-sub {
	font-size: 19px;
	color: #666;
	font-weight: 200;
	margin-top: 30px;
}

.wd-330 {
	width: 330px;
}

.wd-350 {
	width: 350px;
}

.pdb-50 {
	padding-bottom: 50px;
}

.mgt-50 {
	margin-top: 50px;
}

.mgt-60 {
	margin-top: 60px;
}

.ico-ssbh-wrap {
	width: 150px;
	height: 40px;
	position: absolute;
	top: 200px;
	right: 0;
}

.tit-gy-area .ico-ssbh-wrap {
	top: auto;
	bottom: 0;
}/* 20241231 추가 kb라이프 개선 */

.ico-ssbh-wrap div {
	float: left;
}

.ico-ssbh-1 {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 40px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfce-vpb-1.cat');
	background-size: 120px 40px;
	background-position: -1px 0;
}

.ico-ssbh-2 {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 40px;
	margin-left: 10px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfce-vpb-1.cat');
	background-size: 120px 40px;
	background-position: -81px 0;
}

.ico-ssbh-3 {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 40px;
	margin-left: 10px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfce-vpb-1.cat');
	background-size: 120px 40px;
	background-position: -161px 0;
}

.ico-ssbh-4 {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 40px;
	margin-left: 10px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sgkg_vpb.cat');
}

.ico-ssbh-5 {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 40px;
	margin-left: 10px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sznvy_vpb.cat');
}

.ico-ssbh-w1 {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: rgba(000, 0, 0, 0.2) url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sxnxnbgnyx_vpa.cat');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 50%;
}

.ico-ssbh-w2 {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin-left: 10px;
	background: rgba(000, 0, 0, 0.2) url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Shey_vpa.cat');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 50%;
}

.ico-ssbh-w3 {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin-left: 10px;
	background: rgba(000, 0, 0, 0.2) url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Ssnprobbx_vpa.cat');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 50%;
}

.ico-ssbh-w4 {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin-left: 10px;
	background: rgba(000, 0, 0, 0.2) url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Szft_vpa.cat');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 50%;
}

.ico-ssbh-w5 {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin-left: 10px;
	background: rgba(000, 0, 0, 0.2) url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sznvy_vpa.cat');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 50%;
}

.bd-list-1:hover {
	animation-duration: 0.67s;
	animation-timing-function: linear;
	animation-name: anione;
	border-color: #ffde33;
}

@keyframes anione {
	0% {
		border-color: #ddd;
	}
	100%{
		border-color:#ffde33;
    }
}
/*.ct-bnr-life{animation-duration: 1s;animation-timing-function: linear; animation-name: anitwo;}*/
@keyframes anitwo {
	0% {
		top: -450px;
		opacity: 0;
	}

	100%{
		top:0;
		opacity:1;
	}
}
/*.ct-bnr-gyy{animation-duration: 1s;animation-timing-function: linear; animation-name: anithree;}*/
@keyframes anithree {
	0% {
		opacity: 0;
	}

	100% {
		opacity:1;
	}
}
.txt-gnw-over-1 {
	width: 100px;
	height: 50px;
	background: #a084e7;
	border-radius: 7px;
	text-align: center;
	position: absolute;
	left: 100px;
	bottom: -80px;
	color: white;
}

.txt-gnw-over-2 {
	width: 300px;
	height: 170px;
	background: rgba(0, 0, 0, 0.3);
	text-align: center;
	position: absolute;
	bottom: -170px;
	left: 0;
	font-size: 22px;
	line-height: 170px;
	color: white;
}

.bd-list-1:hover .txt-gnw-over-1 {
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-name: gnw-a;
	bottom: -30px;
}

@keyframes gnw-a {
	0% {
		bottom: -80px;
	}

	100% {
		bottom:	-30px;
	}
}
.bd-list-1:hover .txt-gnw-over-2 {
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-name: gnw-b;
	bottom: 0;
}

@keyframes gnw-b {
	0% {
		bottom: -170px;
	}

	100% {
		bottom:0;
	}
}
.bd-list-1 img {
	display: block;
	margin: 0 auto;
}

.pdf-dn-btn {
	font-size: 19px;
	color: #666;
	font-weight: 400;
	line-height: 45px;
	text-align: center;
	margin: 70px auto;
	background: #fcfcfc;
	width: 240px;
	height: 45px;
	border: 1px solid #d8d8d8;
	cursor: pointer;
}
/* 20241231 추가 kb라이프 개선 */
.btn-dn-pdf-download {
	height: 46px;
	padding: 0 24px;
	background-color: #fcfcfc;
	border: 1px solid #d8d8d8;
    font-size: 19px;
	line-height: 46px;
	color: #222;
    text-align: center;
}
.btn-dn-pdf-download:after {
	content: '';
	display: inline-block;
	width: 19px;
	height: 17px;
	margin-top: -3px;
	margin-left: 9px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_qbjaybnq2.cat') 0 center no-repeat;
	vertical-align: middle;
}
.no-service-cont {
	width: 960px;
	margin: 0 auto;
}
.no-service-cont .no-service-txt {
	margin-top: 30px;
	font-size: 18px;
	color: #222;
	left: 1.33;
	letter-spacing: -.36px;
	font-family: KBFGDisplayL;
}
/* //20241231 추가 kb라이프 개선 */
/*color*/
.block2 {
	color: #222222;
}

.orang {
	color: #f46600
}

/* 인증서 로그인 2020-10-07 추가*/
/* 공통 button {border:none; outline:none; box-sizing:border-box; cursor:pointer;}*/
button:focus, input:focus, select:focus, textarea:focus {
	border: none;
	outline: none;
	border: 0;
	/* margin: 0; */
	/* padding: 0; */
}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*AS-IS login*/
#login h1 {
	text-align: center;
	margin: 100px 0 0px;
}

#login .login-list {
	margin-top: 27px;
	padding: 30px 0 50px 0px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 1020px;
	margin-left: -30px;
}

#login .login-list::after {
	display: block;
	clear: both;
	content: '';
}

#login .login-list .item {
	padding-top: 120px;
	position: relative;
	float: left;
	width: 240px;
	height: 235px;
	border-radius: 20px;
	text-align: center;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

#login .login-list .item:nth-child(n+2) {
	margin-left: 20px;
}

#login .login-list .item:before {
	position: absolute;
	top: 45px;
	left: 50%;
	display: block;
	width: 39px;
	height: 41px;
	margin-left: -20px;
	background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_ybtva.cat');
	background-repeat: no-repeat;
	content: '';
}

#login .login-list .item:hover {
	border: 2px solid #ffde33;
	cursor: pointer;
}

#login .login-list .item.kbMobile::before {
	background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Spbz%2Svpb_xo_zbopreg_fz.cat')
		!important;
	width: 44px;
	height: 43px;
	background-position: 5px 0px;
	background-size: 67%;
}

#login .login-list .title {
	display: inline-block;
	font-size: 16px;
	color: #222;
	font-weight: normal;
}

#login .login-list .title-unit {
	display: block;
	font-size: 12px;
	color: #222;
	font-weight: normal;
}

#login .login-list .text {
	height: 0px !important;
	font-size: 14px !important;
	margin: 5px 0 10px;
	color: #666;
	font-weight: 300;
}

.contain .certificate-login-1 {
	margin: 0 auto -160px 0;
	position: relative;
	width: 100%;
	transform: skewY(5deg);
	background: #f6f6f6;
}

.contain .certificate-login-1 .certificate-login-wr {
	position: relative;
	width: 100%;
	top: 160px;
	padding: 0 0 160px 0;
	background: #f6f6f6;
	-webkit-transform: skewY(5deg);
	-moz-transform: skewY(5deg);
	-ms-transform: skewY(5deg);
	-o-transform: skewY(5deg);
	transform: skewY(-5deg);
}

.contain .certificate-login-1 section.inside {
	position: relative;
	width: 780px;
	height: 465px;
	-webkit-transform: skewY(-5deg);
	-moz-transform: skewY(-5deg);
	-ms-transform: skewY(-5deg);
	-o-transform: skewY(-5deg);
	transform: skewY(0);
}

.contain .certificate-login-1 section.inside h1 {
	text-align: center
}

.contain .certificate-login-1 section.inside p.title-info01 {
	text-align: center;
	margin: 28px 0 0px;
	color: #666;
}

.contain .certificate-login-1 section.inside .center {
	text-align: center
}

.contain .certificate-login-1 section.inside ul.login-kind {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 30px 0 0
}

.contain .certificate-login-1 section.inside ul.login-kind:after {
	clear: both;
	display: block;
	content: ''
}

.contain .certificate-login-1 section.inside ul.login-kind li {
	padding-top: 120px;
	position: relative;
	float: left;
	width: 240px;
	height: 235px;
	border-radius: 20px;
	text-align: center;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.contain .certificate-login-1 section.inside ul.login-kind li:nth-child(2) {

	margin: 0 20px
}

.contain .certificate-login-1 section.inside ul.login-kind li .ico::before
	{
	position: absolute;
	top: 45px;
	left: 50%;
	display: block;
	width: 39px;
	height: 41px;
	margin-left: -20px;
	background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_ybtva.cat');
	background-repeat: no-repeat;
	content: '';
}

.login-kind .ico.cartificate::before {
	background-position: 0 0;
}

.login-kind .ico.kakao::before {
	background-position: -78px 0;
}

.login-kind .ico.phone::before {
	background-position: -39px 0;
}

.contain section.inside {
	position: relative; /*width:780px; height:465px;*/
}

#login .inside h1 {
	text-align: center
}

#login .inside p.title-info01 {
	text-align: center;
	margin: 28px 0 0px;
	color: #666;
}

#login .inside .center {
	text-align: center
}

#login .inside ul.login-kind {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 30px 0 0
}

#login .inside ul.login-kind:after {
	clear: both;
	display: block;
	content: ""
}

#login .inside ul.login-kind li {
	padding-top: 120px;
	position: relative;
	float: left;
	width: 240px;
	height: 235px;
	border-radius: 20px;
	text-align: center;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

#login .inside ul.login-kind li:nth-child(2) {
	margin: 0 20px
}

#login .inside ul.login-kind li .ico::before {
	position: absolute;
	top: 45px;
	left: 50%;
	display: block;
	width: 39px;
	height: 41px;
	margin-left: -20px;
	background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_ybtva.cat');
	background-repeat: no-repeat;
	content: '';
}

.login-kind .ico.cartificate::before {
	background-position: 0 0;
}

.login-kind .ico.kakao::before {
	background-position: -78px 0;
}

.login-kind .ico.phone::before {
	background-position: -39px 0;
}

#login .login-list .btn-login {
	width: 100%;
	height: 100%;
	padding-top: 15px;
	font-size: 15px;
	border: 0px solid #8c734b !important;
	background-color: transparent !important;
	color: #FFFFFF !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

#login .login-list .link {
	margin-top: 40px;
}

#login .btn-2x {
	min-width: 70px;
	height: 32px;
	padding: 7px 0;
	text-align: center;
	font-size: 13px;
}

#login .btn-2x.icon-angle-right {
	padding-right: 12px;
	position: relative;
}

#login .btn-2x.icon-angle-right:before {
	content: '';
	position: absolute;
	box-sizing: content-box;
	top: 50%;
	left: 100%;
	width: 6px;
	height: 6px;
	-webkit-transform: translate(-100%, -50%) scale(1.16667, 1)
		rotate(45deg);
	transform: translate(-100%, -50%) scale(1.16667, 1) rotate(45deg);
	margin-left: -2px;
	border-top: 1px solid #8c734b;
	border-right: 1px solid #8c734b;
}

#login .inside.line ul.login-kind-simple {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

#login .inside.line ul.login-kind-simple:after {
	clear: both;
	display: block;
	content: ''
}

#login .inside.line ul.login-kind-simple li {
	padding-top: 30px;
	position: relative;
	float: left;
	text-align: center;
	margin: 0 52px;
	z-index: 1;
}

#login .inside.line ul.login-kind-simple li .ico {
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 83px;
	height: 83px
}

#login .inside.line ul.login-kind-simple li .ico:focus {
	outline: none
}

#login .inside.line ul.login-kind-simple li .ico.s-kakao {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-xnxnb.cat') 50% 50% no-repeat
}

#login .inside.line ul.login-kind-simple li .ico.s-naver {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-anire.cat') 50% 50% no-repeat
}

#login .inside.line ul.login-kind-simple li .ico.s-facebook {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-snprobbx.cat') 50% 50%
		no-repeat
}

#login .inside.line ul.login-kind-simple li .ico.s-email {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-rznvy.cat') 50% 50% no-repeat
}

#login .inside.line ul.login-kind-simple li strong {
	display: block;
	text-align: center;
	margin: 15px 0 0;
	font-size: 16px;
	color: #666
}

#login .inside.line a.btn_join {
	font-size: 18px;
	color: #666;
	width: 300px;
	height: 55px;
	line-height: 55px;
	border: 1px solid #d8d8d8;
	text-align: center;
	background: #fff;
	display: block;
	margin: 55px auto 0;
}

.contain .certificate-login-1 section.inside ul.login-kind li strong {
	display: inline-block;
	font-size: 16px;
	color: #222
}

.contain .certificate-login-1 section.inside ul.login-kind li .text {
	font-size: 14px;
	color: #666;
	margin: 5px 0 10px
}

.contain .certificate-login-1 section.inside ul.login-kind li:hover {
	border: 2px solid #ffde33;
	cursor: pointer;
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple:after
	{
	clear: both;
	display: block;
	content: ''
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple li
	{
	padding-top: 30px;
	position: relative;
	float: left;
	text-align: center;
	margin: 0 52px;
	z-index: 1;
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple li .ico
	{
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 83px;
	height: 83px
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple li .ico:focus
	{
	outline: none
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple li .ico.s-kakao
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-xnxnb.cat') 50% 50% no-repeat
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple li .ico.s-naver
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-anire.cat') 50% 50% no-repeat
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple li .ico.s-facebook
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-snprobbx.cat') 50% 50%
		no-repeat
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple li .ico.s-email
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-rznvy.cat') 50% 50% no-repeat
}

.contain .certificate-login-1 section.inside.line ul.login-kind-simple li strong
	{
	display: block;
	text-align: center;
	margin: 15px 0 0;
	font-size: 16px;
	color: #666
}

.contain .certificate-login-1 section.inside.line a.btn_join {
	font-size: 18px;
	color: #666;
	width: 300px;
	height: 55px;
	line-height: 55px;
	border: 1px solid #d8d8d8;
	text-align: center;
	background: #fff;
	display: block;
	margin: 55px auto 0;
}
/*신규로그인*/
.contain .certificate-login {
	margin: 100px auto 0;
	position: relative;
}

.contain .certificate-login .certificate-login-wr {
	position: relative;
	width: 100%;
	top: 460px;
	background: #f6f6f6;
	-webkit-transform: skewY(5deg);
	-moz-transform: skewY(5deg);
	-ms-transform: skewY(5deg);
	-o-transform: skewY(5deg);
	transform: skewY(5deg);
}

.contain .certificate-login section.inside {
	position: relative;
	top: -460px;
	width: 780px;
	height: 465px;
	-webkit-transform: skewY(-5deg);
	-moz-transform: skewY(-5deg);
	-ms-transform: skewY(-5deg);
	-o-transform: skewY(-5deg);
	transform: skewY(-5deg);
}

.contain .certificate-login section.inside h1 {
	text-align: center
}

.contain .certificate-login section.inside p.title-info01 {
	text-align: center;
	margin: 28px 0 0px;
	color: #666;
}

.contain .certificate-login section.inside .center {
	text-align: center
}

.contain .certificate-login section.inside ul.login-kind {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 30px 0 0
}

.contain .certificate-login section.inside ul.login-kind:after {
	clear: both;
	display: block;
	content: ""
}

.contain .certificate-login section.inside ul.login-kind li {
	padding-top: 120px;
	position: relative;
	float: left;
	width: 240px;
	height: 235px;
	border-radius: 20px;
	text-align: center;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.contain .certificate-login section.inside ul.login-kind li:nth-child(2) {

	margin: 0 20px
}

.contain .certificate-login section.inside ul.login-kind li .ico::before
	{
	position: absolute;
	top: 45px;
	left: 50%;
	display: block;
	width: 39px;
	height: 41px;
	margin-left: -20px;
	background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_ybtva.cat');
	background-repeat: no-repeat;
	content: '';
}

.login-kind .ico.cartificate::before {
	background-position: 0 0;
}

.login-kind .ico.kakao::before {
	background-position: -78px 0;
}

.login-kind .ico.phone::before {
	background-position: -39px 0;
}

.contain .certificate-login section.inside ul.login-kind li strong {
	display: inline-block;
	font-size: 16px;
	color: #222
}

.contain .certificate-login section.inside ul.login-kind li .text {
	font-size: 14px;
	color: #666;
	margin: 5px 0 10px
}

.contain .certificate-login section.inside ul.login-kind li:hover {
	border: 2px solid #ffde33;
	cursor: pointer;
}

.contain .certificate-login section.inside.line ul.login-kind-simple {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.contain .certificate-login section.inside.line ul.login-kind-simple:after
	{
	clear: both;
	display: block;
	content: ""
}

.contain .certificate-login section.inside.line ul.login-kind-simple li
	{
	padding-top: 30px;
	position: relative;
	float: left;
	text-align: center;
	margin: 0 52px;
	z-index: 1;
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico
	{
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 83px;
	height: 83px
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico:focus
	{
	outline: none
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico.s-kakao
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-xnxnb.cat') 50% 50% no-repeat
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico.s-naver
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-anire.cat') 50% 50% no-repeat
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico.s-facebook
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-snprobbx.cat') 50% 50%
		no-repeat
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico.s-email
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-rznvy.cat') 50% 50% no-repeat
}

.contain .certificate-login section.inside.line ul.login-kind-simple li strong
	{
	display: block;
	text-align: center;
	margin: 15px 0 0;
	font-size: 16px;
	color: #666
}

.contain .certificate-login section.inside.line a.btn_join {
	font-size: 18px;
	color: #666;
	width: 300px;
	height: 55px;
	line-height: 55px;
	border: 1px solid #d8d8d8;
	text-align: center;
	background: #fff;
	display: block;
	margin: 55px auto 0;
}

/* radio box */
.chk.radio {
	position: relative
}

.chk.radio:after {
	clear: both;
	display: block;
	content: ""
}

.chk.radio input[type="radio"] {
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0 none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.chk.radio.block label {
	padding: 0 !important;
	margin: 0 !important;
	line-height: 50px;
	height: 50px;
	float: left;
	width: 50%;
	border: 1px solid #d8d8d8;
	background: #fff;
	cursor: pointer;
	font-size: 18px !important;
	color: #666 !important;
	text-align: center;
}

.chk.radio.block label:nth-child(2) {
	border-right: 0;
}

.chk.radio.block input[type="radio"]:checked+label {
	background: #ffde33;
	color: #222 !important;
}

.login-kind .tooltip {
	left: 3px;
	top: -15px
}

/* email-login */
.contain .join-01 .contents .form3 .input-filed .black.active input[type="text"],
	.contain .join-01 .contents .form3 .input-filed .black.active input[type="password"]
	{
	border-bottom: 1px solid #ff0000;
}

.contain .join-01 .contents .form3 {
	width: 400px;
	margin: 70px auto
}

.contain .join-01 .contents .form3 .input-filed {
	margin: 0 0 50px;
}

.contain .join-01 .contents .form3 .input-filed .block {
	position: relative;
	line-height: 50px;
}

.contain .join-01 .contents .form3 .input-filed .block:after {
	clear: both;
	display: block;
	content: ""
}

.contain .join-01 .contents .form3 label {
	display: block;
	margin-left: 16px;
	font-size: 14px;
	color: #888
}

.contain .join-01 .contents .form3 input.frm_input {
	float: left;
	width: 100%;
	border: 0;
	padding: 0 16px;
	height: 50px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #e0e0e0;
}

.contain .join-01 .contents .form3 input.frm_input:focus {
	border-bottom: 1px solid #ffde33 !important;
}

.contain .join-01 .contents .form3 .btn_wr {
	margin: 50px auto 0;
	text-align: center
}

.contain .join-01 .contents .form3 .btn_wr a.btn_join {
	margin: 20px 0 0;
	display: block;
	width: 400px;
	background: #fff;
	border: 1px solid #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #8c734b;
	font-size: 18px;
}

.contain .join-01 .contents .form3 ul.find_information {
	margin: 35px auto 0;
	text-align: center
}

.contain .join-01 .contents .form3 ul.find_information li {
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	line-height: 18px;
	padding: 0 35px;
	margin-left: -2px
}

.contain .join-01 .contents .form3 ul.find_information li:first-child {
	border-right: 1px solid #989898
}

.contain .join-01 .contents .form3 ul.find_information li a {
	font-size: 18px;
	color: #666
}

/* id찾기 */
.contain .join-01 .contents .form4 .input-filed .black.active input[type="text"],
	.contain .join-01 .contents .form4 .input-filed .black.active input[type="password"]
	{
	border-bottom: 1px solid #ff0000;
}

.contain .join-01 .contents .form4 {
	width: 400px;
	margin: 50px auto 90px
}

.contain .join-01 .contents .form4 .input-filed {
	margin: 0 0 50px;
}

.contain .join-01 .contents .form4 .input-filed .block {
	position: relative;
	line-height: 50px;
	border-bottom: 1px solid #e0e0e0;
}

.contain .join-01 .contents .form4 .input-filed .block:after {
	clear: both;
	display: block;
	content: ""
}

.contain .join-01 .contents .form4 label {
	display: block;
	margin-left: 16px;
	font-size: 14px;
	color: #888
}

.contain .join-01 .contents .form4 input.frm_input {
	float: left;
	width: 100%;
	border: 0;
	padding: 0 16px;
	height: 50px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #e0e0e0;
}

.contain .join-01 .contents .form4 input.frm_input:focus {
	border-bottom: 1px solid #ffde33 !important;
}

.contain .join-01 .contents .form4 .btn_wr {
	margin: 50px auto 0;
	text-align: center
}

.contain .join-01 .contents .form4 .btn_wr a.btn_join {
	margin: 20px 0 0;
	display: block;
	width: 400px;
	background: #fff;
	border: 1px solid #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #8c734b;
	font-size: 18px;
}

.contain .join-01 .contents .form4 ul.tab-tit {
	margin: 0 0 50px
}

.contain .join-01 .contents .form4 ul.tab-tit:after {
	clear: both;
	display: block;
	content: ""
}

.contain .join-01 .contents .form4 ul.tab-tit li {
	float: left;
	width: 50%;
	border-bottom: 1px solid #eee;
	line-height: 40px;
	text-align: center
}

.contain .join-01 .contents .form4 ul.tab-tit li a {
	font-size: 16px;
	color: #b0b0b0
}

.contain .join-01 .contents .form4 ul.tab-tit li.active {
	border-bottom: 3px solid #ffde33;
}

.contain .join-01 .contents .form4 ul.tab-tit li.active a {
	font-size: 16px;
	color: #222
}

.contain .join-01 .contents .form4 .result {
	margin: 90px 0;
	text-align: center;
	line-height: 40px
}

.contain .join-01 .contents .form4 .result p {
	font-size: 18px;
	color: #666
}

.contain .join-01 .contents .form4 .result strong {
	font-family: KBFGDisplayB;
	font-size: 20px;
	color: #222
}

.contain .join-01 .send_msg {
	margin: 30px 0 0;
	display: block;
	width: 400px;
	background: #eee;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #222;
	font-size: 15px;
}

.contain .join-01 .contents .info_txt {
	background: #f9f9f9;
	padding: 50px
}

.contain .join-01 .contents .info_txt h3 {
	font-size: 20px;
	color: #222;
	margin: 0 0 25px
}

.contain .join-01 .contents .info_txt p {
	font-size: 16px;
	color: #666;
	line-height: 25px;
}

/* Alert 팝업-버튼1개*/
#popup_alert-01 {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_alert-01 .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_alert-01 .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 380px;
	height: 250px;
	background: #fff;
	position: relative;
}

#popup_alert-01 .contain button.popup_close {
	position: absolute;
	top: 5px;
	right: -40px;
	width: 20px;
	height: 20px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_alert-01 .contain .contents {
	display: -webkit-flex;
	display: flex;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	height: 195px;
}

#popup_alert-01 .contain .contents p {
	font-size: 18px;
	color: #222;
	line-height: 25px
}

#popup_alert-01 .contain button.confirm {
	display: block;
	width: 100%;
	background: #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

/* Alert 팝업-버튼2개*/
#popup_alert-02 {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_alert-02 .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_alert-02 .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 380px;
	height: 250px;
	background: #fff;
	position: relative;
}

#popup_alert-02 .contain button.popup_close {
	position: absolute;
	top: 5px;
	right: -40px;
	width: 20px;
	height: 20px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_alert-02 .contain .contents {
	display: -webkit-flex;
	display: flex;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	height: 195px;
}

#popup_alert-02 .contain .contents p {
	font-size: 18px;
	color: #222;
	line-height: 25px
}

#popup_alert-02 .contain button.confirm {
	float: left;
	width: 50%;
	background: #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

#popup_alert-02 .contain button.cancel {
	float: left;
	width: 50%;
	background: #b0b0b0;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

/* 오류팝업 */
#popup_error {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_error .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_error .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 380px;
	height: 250px;
	background: #fff;
	position: relative;
}

#popup_error .contain button.popup_close {
	position: absolute;
	top: 5px;
	right: -40px;
	width: 20px;
	height: 20px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_error .contain .contents {
	display: -webkit-flex;
	display: flex;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	height: 195px;
}

#popup_error .contain .contents p {
	font-size: 18px;
	color: #222;
	line-height: 25px
}

#popup_error .contain button.confirm {
	display: block;
	width: 100%;
	background: #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

/* 로그아웃 팝업*/
#popup_logout {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_logout .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_logout .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 380px;
	height: 250px;
	background: #fff;
	position: relative;
}

#popup_logout .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_logout .contain button.popup_close {
	position: absolute;
	top: 5px;
	right: -40px;
	width: 20px;
	height: 20px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_logout .contain .contents {
	display: -webkit-flex;
	display: flex;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	height: 195px;
}

#popup_logout .contain .contents p {
	font-size: 18px;
	color: #222;
	line-height: 25px
}

#popup_logout .contain button.confirm {
	float: left;
	width: 50%;
	background: #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

#popup_logout .contain button.cancel {
	float: left;
	width: 50%;
	background: #b0b0b0;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

/* 관심정보 팝업 */
#popup_settings {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_settings .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_settings .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: 750px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

#popup_settings .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_settings .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_settings .contain .contents {
	padding: 30px;
}

#popup_settings .contain .contents .title h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px
}

#popup_settings .contain .contents .title p {
	font-size: 14px;
	color: #666;
	margin: 0 0 35px
}

#popup_settings .contain .contents .field {
	width: 400px;
	margin: 0 auto 33px
}

#popup_settings .contain .contents .field .star {
	margin: 0 auto;
	text-align: center;
	width: 53px;
	height: 71px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb_wbva_fgne.cat') 50% 50% no-repeat;
}

#popup_settings .contain .contents .field h3 {
	margin: 10px 0 0;
	font-size: 24px;
	letter-spacing: -1px;
	text-align: center;
	color: #222
}

#popup_settings .contain .contents .field .txt {
	font-size: 16px;
	color: #666;
	margin: 0 0 15px
}

#popup_settings .contain .contents .field p.tt {
	font-size: 14px;
	color: #666;
	margin: 15px 0 0
}

#popup_settings .contain .contents .field label {
	color: #666 !important
}

#popup_settings .contain .contents .field button.btn_view {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	color: #666;
	text-decoration: underline
}

#popup_settings .contain .contents .field p.small {
	display: block;
	margin: -8px 0 0 35px;
	font-size: 14px;
	color: #666
}

#popup_settings .contain .contents .field .chk.checkbox.block label {
	height: 45px !important;
	line-height: 45px !important
}

#popup_settings .contain .contents .btn_area {
	margin: 30px 0 0
}

#popup_settings .contain .contents .btn_area :after {
	clear: both;
	display: block;
	content: ""
}

#popup_settings .contain button.confirm {
	float: left;
	width: 50%;
	background: #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

#popup_settings .contain button.cancel {
	float: left;
	width: 50%;
	background: #b0b0b0;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

/*영업점확인하기 팝업*/
#popup_area {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_area .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_area .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 961px;
	height: 700px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

#popup_area .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_area .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_area .contain .contents {
	padding: 30px;
}

#popup_area .contain .contents .title h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px
}

#popup_area .contain .contents .title p {
	font-size: 14px;
	color: #666;
	margin: 0 0 35px
}

#popup_area .contain .contents .field {
	width: 930px;
	margin: 0 auto 33px;
}

#popup_area .contain .contents .field .sch-area {
	position: absolute;
	top: 70px;
	left: 30px;
	width: 900px;
	height: 55px;
	line-height: 55px;
	border-bottom: 2px solid #ffde33
}

#popup_area .contain .contents .field .sch-area label {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 27px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-fpu-gbc.cat') no-repeat 0 0;
}

#popup_area .contain .contents .field .sch-area input {
	background: none;
	width: 90%;
	margin-left: 5px;
	border: 0;
	height: 30px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #222222;
}

#popup_area .contain .contents .field .rs-area {
	display: block;
	float: left;
	margin-top: 100px;
	width: 440px
}

#popup_area .contain .contents .field .rs-area div.scroll {
	overflow-y: scroll;
	height: 312px;
}

#popup_area .contain .contents .field .rs-area .rs-total {
	padding: 17px 0 15px 5px;
	font-size: 13px;
	color: #666;
}

#popup_area .contain .contents .field .rs-area .rs-total em {
	margin: 0 1px 0 0;
	color: #ff3d3d;
}

#popup_area .contain .contents .field .rs-area .list-area li {
	padding: 8px 0 12px;
	border-top: 1px solid #eee;
}

#popup_area .contain .contents .field .rs-area .list-area li h3 {
	font-size: 16px;
	color: #222;
	margin: 8px 0 10px 10px
}

#popup_area .contain .contents .field .rs-area .list-area li>dl {
	display: table;
	margin: 3px 0 3px 10px;
}

#popup_area .contain .contents .field .rs-area .list-area li>dl>dt {
	display: table-cell;
	font-size: 16px;
	color: #222;
	line-height: 1.3;
	vertical-align: top;
}

#popup_area .contain .contents .field .rs-area .list-area li>dl>dt.time:before
	{
	display: inline-block;
	margin: -3px 10px 0 10px;
	width: 1px;
	height: 12px;
	background-color: #dddddd;
	vertical-align: middle;
	content: '';
}

#popup_area .contain .contents .field .rs-area .list-area li>dl>dd {
	display: table-cell;
	padding: 0 0 0 5px;
	font-size: 16px;
	color: #666;
	line-height: 1.3;
	vertical-align: top;
}

#popup_area .contain .contents .field .map-area {
	display: block;
	float: left;
	margin-top: 151px;
	width: 440px;
	padding: 0 0 0 12px;
}

/*가입방법안내 팝업*/
#popup_guide {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_guide .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_guide .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 961px;
	height: 900px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

#popup_guide .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_guide .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_guide .contain .contents {
	padding: 30px 20px;
}

#popup_guide .contain .contents .title h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px
}

#popup_guide .contain .contents .title p {
	font-size: 14px;
	color: #666;
	margin: 0 0 35px
}

#popup_guide .contain .contents .field {
	width: 930px;
	margin: 0 auto 33px;
}

#popup_guide .contain .contents .field .sch-area {
	position: absolute;
	top: 70px;
	left: 30px;
	width: 900px;
	height: 55px;
	line-height: 55px;
	border-bottom: 2px solid #ffde33
}

#popup_guide .contain .contents .field .sch-area label {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 27px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-fpu-gbc.cat') no-repeat 0 0;
}

#popup_guide .contain .contents .field .sch-area input {
	background: none;
	width: 90%;
	margin-left: 5px;
	border: 0;
	height: 30px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #222222;
}

#popup_guide .contain .contents .field .rs-area {
	display: block;
	float: left;
	margin-top: 100px;
	width: 440px
}

#popup_guide .contain .contents .field .rs-area div.scroll {
	overflow-y: scroll;
}

#popup_guide .contain .contents .field .rs-area .rs-total {
	padding: 17px 0 15px 5px;
	font-size: 13px;
	color: #666;
}

#popup_guide .contain .contents .field .rs-area .rs-total em {
	margin: 0 1px 0 0;
	color: #ff3d3d;
}

#popup_guide .contain .contents .field .rs-area .list-area li {
	padding: 8px 0 12px;
	border-top: 1px solid #eee;
}

#popup_guide .contain .contents .field .rs-area .list-area li h3 {
	font-size: 16px;
	color: #222;
	margin: 8px 0 10px 10px
}

#popup_guide .contain .contents .field .rs-area .list-area li>dl {
	display: table;
	margin: 3px 0 3px 10px;
}

#popup_guide .contain .contents .field .rs-area .list-area li>dl>dt {
	display: table-cell;
	font-size: 16px;
	color: #222;
	line-height: 1.3;
	vertical-align: top;
}

#popup_guide .contain .contents .field .rs-area .list-area li>dl>dt.time:before
	{
	display: inline-block;
	margin: -3px 10px 0 10px;
	width: 1px;
	height: 12px;
	background-color: #dddddd;
	vertical-align: middle;
	content: '';
}

#popup_guide .contain .contents .field .rs-area .list-area li>dl>dd {
	display: table-cell;
	padding: 0 0 0 5px;
	font-size: 16px;
	color: #666;
	line-height: 1.3;
	vertical-align: top;
}

#popup_guide .contain .contents .field .map-area {
	display: block;
	float: left;
	margin-top: 151px;
	width: 440px;
	padding: 0 0 0 12px;
}

/* KB모바일인증 안내 및 이용동의 */
#popup_mobcert1 {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .1);
}

#popup_mobcert1 .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_mobcert1 .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: 750px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

#popup_mobcert1 .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_mobcert1 .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_mobcert1 .contain .contents {
	padding: 30px;
}

#popup_mobcert1 .contain .contents .title h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px
}

#popup_mobcert1 .contain .contents .title p {
	font-size: 14px;
	color: #666;
	margin: 0 0 35px
}

#popup_mobcert1 .contain .contents .field {
	width: 400px;
	margin: 0 auto 33px
}

#popup_mobcert1 .contain .contents .field .star {
	margin: 0 auto;
	text-align: center;
	width: 53px;
	height: 71px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpb_wbva_fgne.cat') 50% 50%
		no-repeat;
}

#popup_mobcert1 .contain .contents .field h3 {
	margin: 10px 0 0;
	font-size: 24px;
	letter-spacing: -1px;
	text-align: center;
	color: #222
}

#popup_mobcert1 .contain .contents .field .txt {
	font-size: 16px;
	color: #666;
	margin: 0 0 15px
}

#popup_mobcert1 .contain .contents .field p.tt {
	font-size: 14px;
	color: #666;
	margin: 15px 0 0
}

#popup_mobcert1 .contain .contents .field label {
	color: #666 !important
}

#popup_mobcert1 .contain .contents .field button.btn_view {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	color: #666;
	text-decoration: underline
}

#popup_mobcert1 .contain .contents .field p.small {
	display: block;
	margin: -8px 0 0 35px;
	font-size: 14px;
	color: #666
}

#popup_mobcert1 .contain .contents .field .chk.checkbox.block label {
	height: 45px !important;
	line-height: 45px !important
}

#popup_mobcert1 .contain .contents .btn_area {
	margin: 30px 0 0;
	text-align: center;
}

#popup_mobcert1 .contain .contents .btn_area :after {
	clear: both;
	display: block;
	content: ""
}

#popup_mobcert1 .contain button.confirm {
	width: 50%;
	background: #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

#popup_mobcert1 .accordion.type2 {
	height: 230px;
	overflow-y: auto;
}

#popup_mobcert1 .accordion.type2 .accordion-item>.panel::-webkit-scrollbar
	{
	display: none;
}

#popup_mobcert1 .accordion.type2 .accordion-item>.panel {
	max-height: 150px;
	overflow-y: auto;
}

#popup_mobcert1 .go_link {
	text-align: right;
	margin: 10px 0 15px 0;
}

#popup_mobcert1 .go_link a {
	text-decoration: underline;
	color: #666;
}

#popup_mobcert1 .accordion.type2 .tbl-data {
	position: relative;
}

#popup_mobcert1 .accordion.type2 .tbl-data table {
	width: 100%;
	font-size: 13px;
	color: #222;
	background-color: transparent;
	border-bottom: 1px solid #eee;
	table-layout: fixed;
}

#popup_mobcert1 .accordion.type2 table.tbl-data caption {
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	text-align: left;
	font-size: 0;
	opacity: 0;
	overflow: hidden;
	text-indent: -999px;
}

#popup_mobcert1 .accordion.type2 .tbl-data tbody th, .accordion.type2 .tbl-data tbody td
	{
	padding: 8px 10px;
	color: #222;
	line-height: 20px;
	background-color: #fff;
	border-top: 1px solid #eee;
}

#popup_mobcert1 .accordion.type2 .tbl-data tbody th {
	text-align: center;
	font-family: "KBFGDisplayM";
	background: #f6f6f6;
}

#popup_mobcert1 .accordion.type2 .tbl-data tbody td {
	text-align: left;
	word-break: break-all;
	vertical-align: middle;
}

#popup_mobcert1 .contain .contents .field .star2 {
	margin: 0 auto;
	text-align: center;
	width: 65%;
	height: 71px;
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpb_xo_zbopreg_gev.cat) 50%
		50% no-repeat;
	background-size: 112%;
	margin-top: 40px;
}

/* KB모바일인증 본인확인 팝업 */
#popup_mobcert2 {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .1);
}

#popup_mobcert2 .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_mobcert2 .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: 750px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

#popup_mobcert2 .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_mobcert2 .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_mobcert2 .contain .contents {
	padding: 30px;
}

#popup_mobcert2 .contain .contents .title h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px
}

#popup_mobcert2 .contain .contents .title p {
	font-size: 14px;
	color: #666;
	margin: 0 0 35px
}

#popup_mobcert2 .contain .contents .field {
	width: 400px;
	margin: 0 auto 25px
}

#popup_mobcert2 .contain .contents .field .star {
	margin: 0 auto;
	text-align: center;
	width: 53px;
	height: 71px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpb_wbva_fgne.cat') 50% 50%
		no-repeat;
}

#popup_mobcert2 .contain .contents .field h3 {
	margin: 10px 0 0;
	font-size: 24px;
	letter-spacing: -1px;
	text-align: center;
	color: #222
}

#popup_mobcert2 .contain .contents .field .txt {
	font-size: 16px;
	color: #666;
	margin: 0 0 15px
}

#popup_mobcert2 .contain .contents .field .txt2 {
	font-size: 13px;
	color: red;
}

#popup_mobcert2 .contain .contents .field p.tt {
	font-size: 14px;
	color: #666;
	margin: 15px 0 0
}

#popup_mobcert2 .contain .contents .field p.tt2 {
	font-size: 12px;
	color: #666;
	margin: 7px 0 0
}

#popup_mobcert2 .contain .contents .field label {
	color: #666 !important
}

#popup_mobcert2 .contain .contents .field button.btn_view {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	color: #666;
	text-decoration: underline
}

#popup_mobcert2 .contain .contents .field p.small {
	display: block;
	margin: -8px 0 0 35px;
	font-size: 14px;
	color: #666
}

#popup_mobcert2 .contain .contents .field .chk.checkbox.block label {
	height: 45px !important;
	line-height: 45px !important
}

#popup_mobcert2 .contain .contents .btn_area {
	margin: 30px 0 0;
	text-align: center;
}

#popup_mobcert2 .contain .contents .btn_area :after {
	clear: both;
	display: block;
	content: ""
}

#popup_mobcert2 .contain button.confirm {
	width: 50%;
	background: #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

#popup_mobcert2 .form input.frm_input {
	float: left;
	width: 100%;
	border: 0;
	padding: 0 16px;
	height: 50px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #e0e0e0;
}

#popup_mobcert2 .form .input-filed .block {
	position: relative;
	line-height: 50px;
	border-bottom: 0px solid #e0e0e0;
}

#popup_mobcert2 .form .input-filed .block:after {
	clear: both;
	display: block;
	content: "";
}

#popup_mobcert2 .form .input-filed {
	margin: 0 0 25px;
}

/* KB모바일인증 인증확인 팝업 */
#popup_mobcert3 {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_mobcert3 .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_mobcert3 .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 380px;
	height: 250px;
	background: #fff;
	position: relative;
}

#popup_mobcert3 .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_mobcert3 .contain button.popup_close {
	position: absolute;
	top: 5px;
	right: -40px;
	width: 20px;
	height: 20px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Svpb_cbc_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_mobcert3 .contain .contents {
	display: -webkit-flex;
	display: flex;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	height: 195px;
}

#popup_mobcert3 .contain .contents p {
	font-size: 18px;
	color: #222;
	line-height: 25px
}

#popup_mobcert3 .contain button.confirm {
	float: left;
	width: 100%;
	background: #8c734b;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}

.info-txt01 {
	position: relative;
	margin-top: 9px;
	padding: 0 5px 0 13px;
	color: #666666;
	text-indent: 0;
	font-size: 12px;
	word-break: keep-all;
	float: right;
}

.info-txt01:before {
	position: absolute;
	top: 2px;
	left: 0;
	display: block;
	content: '*';
}

.info-txt02 {
	position: relative;
	padding: 0 5px 0 13px;
	color: #666666;
	text-indent: 0;
	font-size: 12px;
	word-break: keep-all;
	text-align: left;
}

.info-txt02:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '※';
}

.info-txt03 {
	position: relative;
	margin-top: 5px;
	padding: 0 5px 0 30px;
	color: #666666;
	text-indent: 0;
	font-size: 12px;
	word-break: keep-all;
	text-align: left;
}

span.msg {
	display: block;
	font-size: 12px;
	color: #666;
	margin: 10px 0 0 15px;
	padding-left: 20px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Ssbez_zft.cat') 0 50% no-repeat;
}

span.msgg {
	font-size: 12px;
	color: #ff3333;
	margin: 10px 0 0 15px;
	padding-left: 20px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Ssbez_zft.cat') 0 50% no-repeat;
	vertical-align: middle;
}

span.msg.nomargin {
	display: block;
	font-size: 12px;
	color: #ff3333;
	margin: 10px 0 0 0;
	padding-left: 20px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Ssbez_zft.cat') 0 50% no-repeat;
}

span.mssg {
	display: block;
	font-size: 12px;
	color: #ff3333;
	margin: 5px 15px 0 0;
	text-align: right;
}

p.massg {
	display: block;
	font-size: 12px;
	color: #ff3333;
	float: right;
	clear: both;
	padding-right: 5px;
}

p.massgg {
	position: relative;
	display: block;
	font-size: 12px;
	color: #666;
	float: right;
	clear: both;
	padding-right: 5px;
}

.massgg:before {
	position: absolute;
	top: 2px;
	left: -8px;
	display: block;
	content: '*';
}

.bullet {
	position: absolute;
	min-width: 90px;
	height: 22px;
	line-height: 22px;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 1000px;
	top: -16px;
	left: -18px;
	display: inline-block;
	background-color: #4d4d4f;
	font-size: 12px;
	color: #ffffff;
}

.bullet:before {
	content: '';
	display: inline-block;
	clear: both;
	position: absolute;
	width: 0;
	height: 0;
	top: 100%;
	left: 20%;
	border-right: solid 3px transparent;
	border-left: solid 10px transparent;
	border-top: solid 7px #4d4d4f;
	transform: translateX(-50%);
}

[type='checkbox'], [type='radio'] {
	box-sizing: border-box;
	padding: 0;
}

input::placeholder {
	color: #fff;
	opacity: 0.6;
}

input::-webkit-input-placeholder {
	color: #fff;
	opacity: 0.6;
}

input::-ms-input-placeholder {
	color: #fff;
	opacity: 0.6;
}

input:placeholder {
	color: #fff;
	opacity: 0.6;
}

input:-webkit-input-placeholder {
	color: #fff;
	opacity: 0.6;
}

input:-ms-input-placeholder {
	color: #fff;
	opacity: 0.6;
}

.product-container .birth .bullet {
	position: absolute;
	min-width: 90px;
	height: 22px;
	line-height: 22px;
	box-sizing: border-box;
	padding: 0 10px;
	border-radius: 1000px;
	top: -16px;
	left: -18px;
	display: inline-block;
	background-color: #4d4d4f;
	font-size: 12px;
	color: #ffffff;
}

.product-container .birth .bullet:before {
	content: '';
	display: inline-block;
	clear: both;
	position: absolute;
	width: 0;
	height: 0;
	top: 100%;
	left: 20%;
	border-right: solid 3px transparent;
	border-left: solid 10px transparent;
	border-top: solid 7px #4d4d4f;
	transform: translateX(-50%);
}

/*보험상품*/
.product-visual-wrap { /*position: relative;*/
	width: 100%;
	/* height: 480px; 
	height: 367px; */
	height: 153px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
	background: #f7f7f7 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svzt-cebq-ivfhny-00.cat') 
		no-repeat;
	border-bottom: 1px solid #d8d8d8;
}/* 2025.02.03 [dgp][수정] */

.product-visual-wrap h1.title {
	position: relative;
	z-index: 1;
	margin: 0;
	/* padding-top: 53px; */
	padding-top: 44px;
	/* padding-bottom: 24px; */
	font-size: 34px;
	line-height: 1;
}/* 2025.02.03 [dgp][수정] */

.product-visual-wrap .product-sch-wrap {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	padding-top:32px;
}

.product-top-wrap .btn-area {min-height: 90px;}

.product-top-wrap .cs-num{
	font-size: 16px;
	padding-left: 25px;
	color: #000;
	opacity: 0.5;
	margin-top: 10px;
	background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sceq_bayvar_pf_vpa_1.cat);
	background-repeat: no-repeat;
	background-position: -1px 2px;
}
.product-visual-wrap .product-sch-wrap .frm-area {
	width: 580px;
	margin: 0 auto;
}

.product-visual-wrap .product-sch-wrap .frm-area .frm-search {
	position: relative;
	border: none;
}

.product-visual-wrap .product-sch-wrap .frm-area .input-sch {
	width: 100%;
	padding: 0 53px 0 26px;
	border: 3px solid #222;
	border-radius: 100px;
	font-size: 15px;
	color: #666;
	line-height: 60px;
	height: 60px;
}

.product-visual-wrap .product-sch-wrap .ico-search {
	position: absolute;
	top: 2px;
	right: 49px;
	text-indent: -999px;
	font-size: 0;
}

.product-visual-wrap .product-sch-wrap .btn-icon.ico-search span {
	border: 3px solid #222;
	width: 20px;
	height: 20px;
}

.product-visual-wrap .product-sch-wrap .btn-icon.ico-search span:before {
	top: 16px;
	left: 12px;
	width: 10px;
	height: 3px;
	background: #222;
}

.product-visual-wrap .product-sch-wrap .keyword-area {
	/*margin:0 0 0 -90px;*/
	padding: 30px 0 0 0;
	width: 800px;
	margin-bottom: 8%;
}

.product-visual-wrap .product-sch-wrap .keyword-area:after {
	clear: both;
	display: block;
	content: '';
}

.product-visual-wrap .product-sch-wrap .keyword-area a {
	float: left;
	display: block;
	margin: 10px 0 0 10px;
	padding: 0 25px;
	line-height: 38px;
	border: 1px solid #ffde33;
	border-radius: 70px;
	font-size: 15px;
	color: #222;
	background: #f7f7f7;
}

.product-visual-wrap .product-sch-wrap .keyword-area .active {
	background-color: #ffde33;
	border-color: #ffde33;
	color: #222;
}

.product-visual-wrap .btn-ask-prd {
	margin-top: -10px;
	display: inline-block;
	line-height: 47px;
	width: 220px;
	background-color: #ffde33;
	border-radius: 100px;
	font-size: 18px;
	color: #222;
}

.product-visual-wrap .btn_yel {
  width: 360px;
	height: 80px;
	margin-right: 9%;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Soga_lry.cat')
	no-repeat;
}

.product-visual-wrap .btn_gal a{
  width: 360px;
	height: 80px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Soga_tny.cat')
	no-repeat;
}

/*보험상품 상세(연금)*/
.product-visual-wrap01 {
	background-color: #ffe157;
	height: 520px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
}

.product-visual-wrap01 .product-top-wrap {
	width: 960px;
	height: 520px;
	padding-top: 32px;
	margin: 0 auto;
	position: relative;
}

.product-visual-wrap01 .product-top-wrap .title {
	font-size: 24px;
	color: #222;
}

.product-visual-wrap01 .product-top-wrap .btn-area {

	position: absolute;
	bottom: 30px;
}

.product-visual-wrap01 .product-top-wrap .btn-area .btn-ask-prd {
	display: inline-block;
	line-height: 47px;
	width: 180px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 18px;
	color: #000000;
	opacity: 0.5;
}

.product-visual-wrap01 .product-top-wrap .btn-area .btn-ask-prd:nth-child(2) {

	margin-left: 20px;
}

.product-visual-wrap01 .product-top-wrap .btn-area .btn-ask-prd-max {
	display: inline-block;
	line-height: 47px;
	width: 302px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 17px;
	color: #000000;
	opacity: 0.5;
	font-family: KBFGDisplayB;
}

.product-visual-wrap01 .product-top-wrap .btn-area .btn-ask-prd-max:nth-child(2) {

	margin-left: 0px;
}
.product-visual-wrap01 .descript {
	line-height: 1.25;
	position: relative;
	z-index: 1;
	font-size: 40px;
	line-height: 50px;
	color: #222;
}

.product-visual-wrap01 .info-box {
	position: relative;
	margin: 29px -20px 0;
	padding: 2px 20px 1px;
	z-index: 1;
	color: inherit;
	color: #222;
}

.product-visual-wrap01 .info-box li {
	display: block;
	padding: 8px 0 7px 27px;
	font-size: 18px;
	line-height: 1.2;
	word-break: break-all;
	position: relative;
}

.product-visual-wrap01 .info-box li:before {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 16px;
    margin-top: -7px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sceq_pux_vpa_1.cat);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 19px 16px;
}

.product-visual-wrap01 .info-box li:last-child {
	padding-bottom: 2px;
}

.product-container01 {
	position: relative;
	min-width: 960px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
	background-color: #fcb324;
}

.product-container01:after {
	display: block;
	clear: both;
	content: "";
}

.product-container01 .birth {
	position: relative;
	float: left;
	height: 70px;
	border-radius: 3px;
	color: #222;
}

.product-container01 .birth label {
	font-size: 14px;
	font-family: KBFGDisplayB;
	color: #ffffff;
	display: none
}

.product-container01 .birth input[type=text] {
	font-family: KBFGDisplayM;
	width: 250px; /*padding:0 12px;*/
	height: 100%;
	font-size: 18px;
	border: none;
	background-color: transparent;
	text-align: left;
	border-radius: 3px;
	color: #fff;
}

.product-container01 .birth input[type=text]::placeholder {
	color: rgba(255, 255, 255, 1) !important;
}

.product-container01 .radio-check {
	float: left;
	margin-left: 8px;
	width: 200px;
	height: 70px;
}

.product-container01 label {
	position: relative;
	float: left;
	width: 50%;
	height: 70px;
	cursor: pointer;
}

.product-container01 .radio-check input[type=radio] {
	opacity: 0;
}

.radio-check label:nth-child(1) span {
	color: rgba(255, 255, 255, 0.6);
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Straqre_zna_bss.cat') no-repeat;
}

.radio-check label:nth-child(1) input:checked+span {
	color: #ffffff;
	text-align: right;
	padding-top: 22px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Straqre_zna_purpx.cat') no-repeat;
}

.radio-check label:nth-child(2) span {
	color: rgba(255, 255, 255, 0.6);
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Straqre_jbzna_bss.cat') no-repeat;
}

.radio-check label:nth-child(2) input:checked+span {
	color: #ffffff;
	text-align: right;
	padding-top: 22px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Straqre_jbzna_purpx.cat') no-repeat;
}

.product-container01 .button-cal {
    font-family: KBFGDisplayM;
	float: right;
	width: 230px;
	height: 70px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	background-color: rgba(34, 34, 34, 0.3);
}

.product-container01 .gender {
	width: 200px;
	margin: 0 8px 0 25px;
}

/*보험상품 상세(상해)*/
.product-visual-wrap02 {
	background-color: #a084e7;
	height: 520px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
}

.product-visual-wrap02 .product-top-wrap {
	width: 960px;
	height: 520px;
	padding-top: 32px;
	margin: 0 auto;
	position: relative;
}

.product-visual-wrap02 .product-top-wrap .title {
	font-size: 24px;
	color: #ffffff;
}

.product-visual-wrap02 .product-top-wrap .btn-area {

	position: absolute;
	bottom: 30px;
}

.product-visual-wrap02 .product-top-wrap .btn-area .btn-ask-prd {
	display: inline-block;
	line-height: 47px;
	width: 180px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 18px;
	color: #000000;
	opacity: 0.5;
}

.product-visual-wrap02 .product-top-wrap .btn-area .btn-ask-prd:nth-child(2) {

	margin-left: 20px;
}

.product-visual-wrap02 .product-top-wrap .btn-area .btn-ask-prd-max {
	display: inline-block;
	line-height: 47px;
	width: 302px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 17px;
	color: #000000;
	opacity: 0.5;
	font-family: KBFGDisplayB;
}

.product-visual-wrap02 .product-top-wrap .btn-area .btn-ask-prd-max:nth-child(2) {

	margin-left: 0px;
}

.product-visual-wrap02 .descript {
	line-height: 1.25;
	position: relative;
	z-index: 1;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
}

.product-visual-wrap02 .info-box {
	position: relative;
	margin: 29px -20px 0;
	padding: 2px 20px 1px;
	z-index: 1;
	color: inherit;
	color: #ffffff;
}

.product-visual-wrap02 .info-box li {
	display: block;
	padding: 8px 0 7px 27px;
	font-size: 18px;
	line-height: 1.2;
	word-break: break-all;
	position: relative;
}

.product-visual-wrap02 .info-box li:before {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 16px;
    margin-top: -7px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sceq_pux_vpa_2.cat);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 19px 16px;
}

.product-visual-wrap02 .info-box li:last-child {
	padding-bottom: 2px;
}

.product-container02 {
	position: relative;
	min-width: 960px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
	background-color: #9178d6;
}

.product-container02:after {
	display: block;
	clear: both;
	content: "";
}

.product-container02 .birth {
	position: relative;
	float: left;
	height: 70px;
	border-radius: 3px;
	color: #222;
}

.product-container02 .birth label {
	font-size: 14px;
	font-family: KBFGDisplayB;
	color: #ffffff;
	display: none
}

.product-container02 .birth input[type=text] {
	font-family: KBFGDisplayM;
	width: 250px; /*padding:0 12px;*/
	height: 100%;
	font-size: 18px;
	border: none;
	background-color: transparent;
	text-align: left;
	border-radius: 3px;
	color: #fff;
}

.product-container02 .birth input[type=text]::placeholder {
	color: rgba(255, 255, 255, 1) !important;
}

.product-container02 .radio-check {
	float: left;
	margin-left: 8px;
	width: 200px;
	height: 70px;
}

.product-container02 label {
	position: relative;
	float: left;
	width: 50%;
	height: 70px;
	cursor: pointer;
}

.product-container02 .radio-check input[type=radio] {
	opacity: 0;
}

.product-container02 .button-cal {
    font-family: KBFGDisplayM;
	float: right;
	width: 230px;
	height: 70px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	background-color: rgba(34, 34, 34, 0.3);
}

.product-container02 .gender {
	width: 200px;
	margin: 0 8px 0 25px;
}
/*보험상품 상세(변액)*/
.product-visual-wrap03 {
	background-color: #09a1cc;
	height: 520px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
}

.product-visual-wrap03 .product-top-wrap {
	width: 960px;
	height: 520px;
	padding-top: 32px;
	margin: 0 auto;
	position: relative;
}

.product-visual-wrap03 .product-top-wrap .title {
	font-size: 24px;
	color: #ffffff;
}

.product-visual-wrap03 .product-top-wrap .btn-area {

	position: absolute;
	bottom: 30px;
}

.product-visual-wrap03 .product-top-wrap .btn-area .btn-ask-prd {
	display: inline-block;
	line-height: 47px;
	width: 180px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 18px;
	color: #000000;
	opacity: 0.5;
}

.product-visual-wrap03 .product-top-wrap .btn-area .btn-ask-prd:nth-child(2) {

	margin-left: 20px;
}

.product-visual-wrap03 .product-top-wrap .btn-area .btn-ask-prd-max {
	display: inline-block;
	line-height: 47px;
	width: 302px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 17px;
	color: #000000;
	opacity: 0.5;
	font-family: KBFGDisplayB;
}

.product-visual-wrap03 .product-top-wrap .btn-area .btn-ask-prd-max:nth-child(2) {

	margin-left: 0px;
}

.product-visual-wrap03 .descript {
	line-height: 1.25;
	position: relative;
	z-index: 1;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
}

.product-visual-wrap03 .info-box {
	position: relative;
	margin: 29px -20px 0;
	padding: 2px 20px 1px;
	z-index: 1;
	color: inherit;
	color: #ffffff;
}

.product-visual-wrap03 .info-box li {
	display: block;
	padding: 8px 0 7px 27px;
	font-size: 18px;
	line-height: 1.2;
	word-break: break-all;
	position: relative;
}

.product-visual-wrap03 .info-box li:before {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 16px;
    margin-top: -7px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sceq_pux_vpa_2.cat);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 19px 16px;
}

.product-visual-wrap03 .info-box li:last-child {
	padding-bottom: 2px;
}

.product-container03 {
	position: relative;
	min-width: 960px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
	background-color: #099bc4;
}

.product-container03:after {
	display: block;
	clear: both;
	content: "";
}

.product-container03 .birth {
	position: relative;
	float: left;
	height: 70px;
	border-radius: 3px;
	color: #222;
}

.product-container03 .birth label {
	font-size: 14px;
	font-family: KBFGDisplayB;
	color: #ffffff;
	display: none
}

.product-container03 .birth input[type=text] {
	font-family: KBFGDisplayM;
	width: 250px;
	color: #ffffff; /*padding:0 12px;*/
	height: 100%;
	font-size: 20px;
	border: none;
	background-color: transparent;
	text-align: left;
	border-radius: 3px;

}

.product-container03 .birth input[type=text]::placeholder {
	color: rgba(255, 255, 255, 1) !important;
}

.product-container03 .radio-check {
	float: left;
	margin-left: 8px;
	width: 200px;
	height: 70px;
}

.product-container03 label {
	position: relative;
	float: left;
	width: 50%;
	height: 70px;
	cursor: pointer;
}

.product-container03 .radio-check input[type=radio] {
	opacity: 0;
}

.product-container03 .button-cal {
    font-family: KBFGDisplayM;
	float: right;
	width: 230px;
	height: 70px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	background-color: rgba(34, 34, 34, 0.3);
}

.product-container03 .gender {
	width: 200px;
	margin: 0 8px 0 25px;
}

/*보험상품 상세(종신)*/
.product-visual-wrap04 {
	background-color: #09a6a3;
	height: 520px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
}

.product-visual-wrap04 .product-top-wrap {
	width: 960px;
	height: 520px;
	padding-top: 32px;
	margin: 0 auto;
	position: relative;
}

.product-visual-wrap04 .product-top-wrap .title {
	font-size: 24px;
	color: #ffffff;
}

.product-visual-wrap04 .product-top-wrap .btn-area {

	position: absolute;
	bottom: 30px;
}

.product-visual-wrap04 .product-top-wrap .btn-area .btn-ask-prd {
	display: inline-block;
	line-height: 47px;
	width: 180px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 18px;
	color: #000000;
	opacity: 0.5;
}

.product-visual-wrap04 .product-top-wrap .btn-area .btn-ask-prd:nth-child(2) {

	margin-left: 20px;
}

.product-visual-wrap04 .product-top-wrap .btn-area .btn-ask-prd-max {
	display: inline-block;
	line-height: 47px;
	width: 302px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 17px;
	color: #000000;
	opacity: 0.5;
	font-family: KBFGDisplayB;
}

.product-visual-wrap04 .product-top-wrap .btn-area .btn-ask-prd-max:nth-child(2) {

	margin-left: 0px;
}

.product-visual-wrap04 .descript {
	line-height: 1.25;
	position: relative;
	z-index: 1;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
}

.product-visual-wrap04 .info-box {
	position: relative;
	margin: 29px -20px 0;
	padding: 2px 20px 1px;
	z-index: 1;
	color: inherit;
	color: #ffffff;
}

.product-visual-wrap04 .info-box li {
	display: block;
	padding: 8px 0 7px 27px;
	font-size: 18px;
	line-height: 1.2;
	word-break: break-all;
	position: relative;
}

.product-visual-wrap04 .info-box li:before {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 16px;
    margin-top: -7px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sceq_pux_vpa_2.cat);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 19px 16px;
}

.product-visual-wrap04 .info-box li:last-child {
	padding-bottom: 2px;
}

.product-container04 {
	position: relative;
	min-width: 960px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
	background-color: #118a88;
}

.product-container04:after {
	display: block;
	clear: both;
	content: "";
}

.product-container04 .birth {
	position: relative;
	float: left;
	height: 70px;
	border-radius: 3px;
	color: #222;
}

.product-container04 .birth label {
	font-size: 14px;
	font-family: KBFGDisplayB;
	color: #ffffff;
	display: none
}

.product-container04 .birth input[type=text] {
	font-family: KBFGDisplayM;
	width: 250px;
	color: #ffffff;
	height: 100%;
	font-size: 20px;
	border: none;
	background-color: transparent;
	text-align: left;
	border-radius: 3px;
}

.product-container04 .birth input[type=text]::placeholder {
	color: rgba(255, 255, 255, 1) !important;
}

.product-container04 .radio-check {
	float: left;
	margin-left: 8px;
	width: 200px;
	height: 70px;
}

.product-container04 label {
	position: relative;
	float: left;
	width: 50%;
	height: 70px;
	cursor: pointer;
}

.product-container04 .radio-check input[type=radio] {
	opacity: 0;
}

.product-container04 .button-cal {
    font-family: KBFGDisplayM;
	float: right;
	width: 230px;
	height: 70px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	background-color: rgba(34, 34, 34, 0.3);
}

.product-container04 .gender {
	width: 200px;
	margin: 0 8px 0 25px;
}

/*보험상품 상세(저축)*/ /* 220213 저축보험 색상값 변경 */
.product-visual-wrap05 {
	background-color: #e76e8a;
	height: 520px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
}

.product-visual-wrap05 .product-top-wrap {
	width: 960px;
	height: 520px;
	padding-top: 32px;
	margin: 0 auto;
	position: relative;
}

.product-visual-wrap05 .product-top-wrap .title {
	font-size: 24px;
	color: #ffffff;
}

.product-visual-wrap05 .product-top-wrap .btn-area {

	position: absolute;
	bottom: 30px;
}
.product-visual-wrap05 .product-top-wrap .btn-area .btn-ask-prd {
	display: inline-block;
	line-height: 47px;
	width: 180px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 18px;
	color: #000000;
	opacity: 0.5;
}

.product-visual-wrap05 .product-top-wrap .btn-area .btn-ask-prd:nth-child(2) {
	margin-left: 20px;
}

.product-visual-wrap05 .product-top-wrap .btn-area .btn-ask-prd-max {
	display: inline-block;
	line-height: 47px;
	width: 302px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 17px;
	color: #000000;
	opacity: 0.5;
	font-family: KBFGDisplayB;
}

.product-visual-wrap05 .product-top-wrap .btn-area .btn-ask-prd-max:nth-child(2) {

	margin-left: 0px;
}

.product-visual-wrap05 .descript {
	line-height: 1.25;
	position: relative;
	z-index: 1;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
}

.product-visual-wrap05 .info-box {
	position: relative;
	margin: 29px -20px 0;
	padding: 2px 20px 1px;
	z-index: 1;
	color: inherit;
	color: #ffffff;
}

.product-visual-wrap05 .info-box li {
	display: block;
	padding: 8px 0 7px 27px;
	font-size: 18px;
	line-height: 1.2;
	word-break: break-all;
	position: relative;
}

.product-visual-wrap05 .info-box li:before {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 16px;
    margin-top: -7px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sceq_pux_vpa_2.cat);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 19px 16px;
}

.product-visual-wrap05 .info-box li:last-child {
	padding-bottom: 2px;
}

/* 220513 보험상품 색상값 변경 */
.product-container05 {
	position: relative;
	min-width: 960px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
	background-color: #e2617d;
}

.product-container05:after {
	display: block;
	clear: both;
	content: "";
}

.product-container05 .birth {
	position: relative;
	float: left;
	height: 70px;
	border-radius: 3px;
	color: #222;
}

.product-container05 .birth label {
	font-size: 14px;
	font-family: KBFGDisplayB;
	color: #ffffff;
	display: none
}

.product-container05 .birth input[type=text] {
	font-family: KBFGDisplayM;
	width: 250px;
	color: #ffffff;
	height: 100%;
	font-size: 20px;
	border: none;
	background-color: transparent;
	text-align: left;
	border-radius: 3px;
}

.product-container05 .birth input[type=text]::placeholder {
	color: rgba(255, 255, 255, 1) !important;
}

.product-container05 .radio-check {
	float: left;
	margin-left: 8px;
	width: 200px;
	height: 70px;
}

.product-container05 label {
	position: relative;
	float: left;
	width: 50%;
	height: 70px;
	cursor: pointer;
}

.product-container05 .radio-check input[type=radio] {
	opacity: 0;
}

.product-container05 .button-cal {
    font-family: KBFGDisplayM;
	float: right;
	width: 230px;
	height: 70px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	background-color: rgba(34, 34, 34, 0.3);
}

.product-container05 .gender {
	width: 200px;
	margin: 0 8px 0 25px;
}

/* 2025.02.03 미니보험 */
.product-visual-wrap06 {
	background-color: #a7d360;
	height: 520px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
}

.product-visual-wrap06 .product-top-wrap {
	width: 960px;
	height: 520px;
	padding-top: 32px;
	margin: 0 auto;
	position: relative;
}

.product-visual-wrap06 .product-top-wrap .title {
	font-size: 24px;
	color: #222;
}

.product-visual-wrap06 .product-top-wrap .btn-area {

	position: absolute;
	bottom: 30px;
}
.product-visual-wrap06 .product-top-wrap .btn-area .btn-ask-prd {
	display: inline-block;
	line-height: 47px;
	width: 180px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 18px;
	color: #000000;
	opacity: 0.5;
}

.product-visual-wrap06 .product-top-wrap .btn-area .btn-ask-prd:nth-child(2) {
	margin-left: 20px;
}

.product-visual-wrap06 .product-top-wrap .btn-area .btn-ask-prd-max {
	display: inline-block;
	line-height: 47px;
	width: 302px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 17px;
	color: #000000;
	opacity: 0.5;
	font-family: KBFGDisplayB;
}

.product-visual-wrap06 .product-top-wrap .btn-area .btn-ask-prd-max:nth-child(2) {

	margin-left: 0px;
}

.product-visual-wrap06 .descript {
	line-height: 1.25;
	position: relative;
	z-index: 1;
	font-size: 40px;
	line-height: 50px;
	color: #222;
}

.product-visual-wrap06 .info-box {
	position: relative;
	margin: 29px -20px 0;
	padding: 2px 20px 1px;
	z-index: 1;
	color: inherit;
	color: #222;
}

.product-visual-wrap06 .info-box li {
	display: block;
	padding: 8px 0 7px 27px;
	font-size: 18px;
	line-height: 1.2;
	word-break: break-all;
	position: relative;
}

.product-visual-wrap06 .info-box li:before {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 16px;
    margin-top: -7px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sceq_pux_vpa_1.cat);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 19px 16px;
}

.product-visual-wrap06 .info-box li:last-child {
	padding-bottom: 2px;
}

/* 2025.09.23 딱좋은 건강보험, 2025.10.10 수정 */
.product-visual-wrap07 {
	background-color: #ffe157;
	height: 520px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
}
/* 2025.09.24 추가 */
.product-visual-wrap07.simple {
	background-color: #6fc0f2;
}

.product-visual-wrap07 .product-top-wrap {
	width: 960px;
	height: 520px;
	padding-top: 32px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}

.product-visual-wrap07 .product-top-wrap .title {
	font-size: 24px;
	color: #222;
}

.product-visual-wrap07 .product-top-wrap .btn-area {

	position: absolute;
	bottom: 30px;
}
.product-visual-wrap07 .product-top-wrap .btn-area .btn-ask-prd {
	display: inline-block;
	line-height: 47px;
	width: 180px;
	border: 2px solid #000000;
	border-radius: 100px;
	font-size: 18px;
	color: #000000;
	opacity: 0.5;
}

.product-visual-wrap07 .product-top-wrap .btn-area .btn-ask-prd:nth-child(2) {
	margin-left: 20px;
}

.product-visual-wrap07 .product-top-wrap .btn-area .btn-ask-prd-max {
	display: inline-block;
	line-height: 47px;
	width: 302px;
	border: 2px solid #222;
	border-radius: 100px;
	font-size: 17px;
	color: #222;
	opacity: 0.5;
	font-family: KBFGDisplayB;
}

.product-visual-wrap07 .product-top-wrap .btn-area .btn-ask-prd-max:nth-child(2) {
	margin-left: 0px;
}

.product-visual-wrap07 .descript {
	line-height: 1.25;
	position: relative;
	z-index: 1;
	font-size: 40px;
	line-height: 50px;
	color: #222;
}

.product-visual-wrap07 .info-box {
	position: relative;
	margin: 29px -20px 0;
	padding: 2px 20px 1px;
	z-index: 1;
	color: inherit;
	color: #222;
}

.product-visual-wrap07 .info-box li {
	display: block;
	padding: 8px 0 7px 27px;
	font-size: 18px;
	line-height: 1.2;
	word-break: break-all;
	position: relative;
}

.product-visual-wrap07 .info-box li:before {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    vertical-align: top;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 19px;
    height: 16px;
    margin-top: -7px;
    background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sceq_pux_vpa_1.cat);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 19px 16px;
}

.product-visual-wrap07 .info-box li:last-child {
	padding-bottom: 2px;
}

/* 상품소개 motion */
.p-product-list .animate .ani-box {
	position: relative;
}

.p-product-list .animate .ani-box .staticImg {
	display: block;
}

.p-product-list .animate .ani-box .motion img {
	display: block;
}

/* 종신(7년의약속) */
.p-product-list .p-animate01.ani01 .ani-box .animate01 {
	overflow: hidden;
	position: absolute;
	top: 162px;
	left: 363px;
	display: block;
	width: 50px;
	height: 129px;
}

.p-product-list .p-animate01.ani01 .ani-box .animate01 img {
	position: absolute;
	bottom: -129px;
	left: 0;
	-moz-transition: bottom .5s;
	-webkit-transition: bottom .5s;
	-o-transition: bottom .5s;
	-ms-transition: bottom .5s;
	transition: bottom .5s;
}

.p-product-list .p-animate01.ani01 .ani-box .animate01.move img {
	bottom: 0;
}

.p-product-list .p-animate01.ani01 .ani-box .animate02 {
	position: absolute;
	top: 139px;
	left: 368px;
	display: block;
	width: 42px;
	height: 14px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate01.ani01 .ani-box .animate02.move {
	opacity: 1;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}

.p-product-list .p-animate01.ani02 .ani-box .animate01 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.p-product-list .p-animate01.ani02 .ani-box .animate01:after {
	position: absolute;
	left: 202px;
	top: 121px;
	display: block;
	width: 0;
	height: 3px;
	background-color: #09a6a3;
	content: '';
	-moz-transition: width .8s;
	-webkit-transition: width .8s;
	-o-transition: width .8s;
	-ms-transition: width .8s;
	transition: width .8s;
}

.p-product-list .p-animate01.ani02 .ani-box .animate01.move:after {
	width: 371px;
}

.p-product-list .p-animate01.ani02 .ani-box .animate01 img {
	position: absolute;
	top: 58px;
	left: 319px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate01.ani02 .ani-box .animate01.move img {
	opacity: 1;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}

.p-product-list .p-animate01.ani02 .ani-box .animate02 {
	position: absolute;
	top: 68px;
	left: 244px;
	display: block;
	width: 41px;
	height: 43px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate01.ani02 .ani-box .animate02.move {
	opacity: 1;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
	animation: scale1 1s ease 2;
	-webkit-animation: scale1 1s ease 2;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

@-webkit-keyframes scale1 {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.4);
	}
}
@keyframes scale1 {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.4);
	}

}
.p-product-list .p-animate01.ani03 .staticImg {
	position: relative;
	z-index: 2;
}

.p-product-list .p-animate01.ani03 .motion {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.p-product-list .p-animate01.ani03 .motion:before {
	position: absolute;
	top: 60px;
	left: 154px;
	display: block;
	width: 420px;
	height: 180px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Szbgvba%2Sceq01%2Svzt-zbgvba03-02.cat')
		no-repeat 0 0;
	z-index: 1;
	content: '';
}

.p-product-list .p-animate01.ani03 .animate01 {
	position: absolute;
	top: 142px;
	z-index: 0;
	left: -255px;
	-moz-transition: left .8s;
	-webkit-transition: left .8s;
	-o-transition: left .8s;
	-ms-transition: left .8s;
	transition: left .8s;
}

.p-product-list .p-animate01.ani03 .animate01.move {
	left: 157px;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.p-product-list .p-animate01.ani03 .animate02 {
	overflow: hidden;
	position: absolute;
	top: 145px;
	left: 573px;
	display: block;
	width: 14px;
	height: 0;
	z-index: 2;
	-moz-transition: height .8s;
	-webkit-transition: height .8s;
	-o-transition: height .8s;
	-ms-transition: height .8s;
	transition: height .8s;
}

.p-product-list .p-animate01.ani03 .animate02.move {
	height: 102px;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.p-product-list .p-animate01.ani03 .animate02:after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	background-color: #17acaa;
	border-radius: 100%;
	content: '';
	opacity: 0;
	-moz-transition: opacity .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;
}

.p-product-list .p-animate01.ani03 .animate02.move:after {
	opacity: 1;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}

.p-product-list .p-animate01.ani03 .animate02 img {
	margin: 0 0 0 6px;
}

.p-product-list .p-animate01.ani03 .animate03 {
	position: absolute;
	top: 66px;
	left: 454px;
	z-index: 2;
	opacity: 0;
	-moz-transition: opacity .7s;
	-webkit-transition: opacity .7s;
	-o-transition: opacity .7s;
	-ms-transition: opacity .7s;
	transition: opacity .7s;
}

.p-product-list .p-animate01.ani03 .animate03.move {
	opacity: 1;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}

.p-product-list .p-animate01.ani03 .animate04 {
	position: absolute;
	top: 97px;
	left: 471px;
	display: block;
	width: 18px;
	height: 14px;
	z-index: 2;
}

.p-product-list .p-animate01.ani03 .animate04.move {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	animation: spin 1.4s ease 2;
	-webkit-animation: spin 1.4s ease 2;
}

@keyframes spin {
	 0% {
		transform: rotateY(0deg);
	}

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

	100% {
		transform:rotateY(360deg);
	}
}
.p-product-list .p-animate01.ani04 .staticImg {
	position: relative;
	z-index: 1;
}

.p-product-list .p-animate01.ani04 .motion {
	overflow: hidden;
	position: absolute;
	left: 202px;
	width: calc(100% - 202px);
	top: 0;
	bottom: 0;
}

.p-product-list .p-animate01.ani04 .animate01 {
	position: absolute;
	top: 162px;
	left: -380px;
	-moz-transition: left .5s;
	-webkit-transition: left .5s;
	-o-transition: left .5s;
	-ms-transition: left .5s;
	transition: left .5s;
}

.p-product-list .p-animate01.ani04 .animate01.move {
	left: 42px;
}

.p-product-list .p-animate01.ani04 .animate02 {
	position: absolute;
	top: 185px;
	left: 50px;
	display: block;
	z-index: 2;
}

.p-product-list .p-animate01.ani04 .animate02:after {
	clear: both;
	display: block;
	content: '';
}

.p-product-list .p-animate01.ani04 .animate02 img {
	float: left;
	margin: 0 0 0 30px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate01.ani04 .animate02 img:first-child {
	margin-left: 0;
}

.p-product-list .p-animate01.ani04 .animate02.move img:nth-child(1) {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.p-product-list .p-animate01.ani04 .animate02.move img:nth-child(2) {
	opacity: 1;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.p-product-list .p-animate01.ani04 .animate02.move img:nth-child(3) {
	opacity: 1;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.p-product-list .p-animate01.ani04 .animate02.move img:nth-child(4) {
	opacity: 1;
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}

.p-product-list .p-animate01.ani04 .animate03 {
	position: absolute;
	top: 59px;
	left: 12px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate01.ani04 .animate03.move {
	opacity: 1;
	-webkit-transition-delay: 3s;
	transition-delay: 3s;
}

.p-product-list .p-animate01.ani05 .staticImg {
	position: relative;
	z-index: 1;
}

.p-product-list .p-animate01.ani05 .motion {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.p-product-list .p-animate01.ani05 .motion:before {
	position: absolute;
	top: 103px;
	left: 181px;
	display: block;
	width: 252px;
	height: 75px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Szbgvba%2Sceq01%2Svzt-zbgvba05-02.cat')
		no-repeat 0 0;
	content: '';
}

.p-product-list .p-animate01.ani05 .animate01 {
	position: absolute;
	top: 103px;
	left: -280px;
	-moz-transition: left 1s;
	-webkit-transition: left 1s;
	-o-transition: left 1s;
	-ms-transition: left 1s;
	transition: left 1s;
}

.p-product-list .p-animate01.ani05 .animate01.move {
	left: 104px;
}

.p-product-list .p-animate01.ani05 .animate02 {
	position: absolute;
	top: 94px;
	left: 101px;
	z-index: 1;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate01.ani05 .animate02.move {
	opacity: 1;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

.p-product-list .p-animate01.ani05 .animate03 {
	position: absolute;
	top: 174px;
	left: 432px;
	z-index: 1;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate01.ani05 .animate03.move {
	opacity: 1;
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}

.p-product-list .p-animate01.ani05 .animate04 {
	position: absolute;
	top: 221px;
	left: 432px;
	z-index: 1;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate01.ani05 .animate04.move {
	opacity: 1;
	-webkit-transition-delay: 2.3s;
	transition-delay: 2.3s;
}
/* 건강상해(KB국민WISE상해보험) */
/*.p-product-list .p-animate02.ani01 .ani-box{width:280px;height:345px;}*/
.p-product-list .p-animate02.ani01 .animate01 {
	position: absolute;
	top: 118px;
	right: 230px;
	display: block;
	width: 168px;
	height: 168px;
	background-color: #a084e7;
	border-radius: 100%;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate02.ani01 .animate01.move {
	opacity: 1;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.p-product-list .p-animate02.ani01 .animate01 span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 27px;
	transform: translateY(-50%);
}

.p-product-list .p-animate02.ani01 .animate01 span strong {
	display: block;
	font-size: 22px;
}

.p-product-list .p-animate02.ani01 .motion {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.p-product-list .p-animate02.ani01 .motion .animate02 {
	position: absolute;
	bottom: 148px;
	display: block;
	width: 32px;
	height: 0;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Szbgvba%2Sceq02%2Svzt-zbgvba01-02.cat')
		no-repeat 100% 0;
	-moz-transition: height .5s;
	-webkit-transition: height .5s;
	-o-transition: height .5s;
	-ms-transition: height .5s;
	transition: height .5s;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(1) {
	left: 152px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(1).move
	{
	height: 89px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(2) {
	left: 257px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(2).move
	{
	height: 158px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(3) {
	left: 362px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(3).move
	{
	height: 162px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(4) {
	left: 467px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(4).move
	{
	height: 119px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(5) {
	left: 572px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(5).move
	{
	height: 151px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(6) {
	left: 677px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(6).move
	{
	height: 234px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(6):after
	{
	position: absolute;
	top: 72px;
	right: -4px;
	display: block;
	width: 74px;
	height: 30px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Szbgvba%2Sceq02%2Svzt-zbgvba01-05.cat')
		no-repeat 0 0;
	content: '';
}

.p-product-list .p-animate02.ani01 .motion .animate02 em {
	position: absolute;
	top: 1px;
	right: -5px;
	display: block;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate02.ani01 .motion .animate02.move em {
	opacity: 1;
	-webkit-transition-delay: 1.2s;
	transition-delay: .8s;
}

.p-product-list .p-animate02.ani01 .motion .animate02 em:before {
	position: absolute;
	top: -52px;
	left: -30px;
	display: block;
	width: 18px;
	height: 52px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Szbgvba%2Sceq02%2Svzt-zbgvba01-03.cat')
		no-repeat 0 1px;
	content: '';
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(2) em:before
	{
	background-position-x: -23px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(3) em:before
	{
	background-position-x: -46px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(4) em:before
	{
	background-position-x: -69px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(5) em:before
	{
	background-position-x: -92px;
}

.p-product-list .p-animate02.ani01 .motion .animate02:nth-child(6) em:before
	{
	top: -59px;
	background-position-x: 100%;
}

.p-product-list .p-animate02.ani02 .motion {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.p-product-list .p-animate02.ani02 .motion>span {
	position: absolute;
	left: 289px;
	display: block;
	height: 36px;
	width: 0;
	opacity: 0;
	-moz-transition: width .5s, opacity 1s;
	-webkit-transition: width .5s, opacity 1s;
	-o-transition: width .5s, opacity 1s;
	-ms-transition: width .5s, opacity 1s;
	transition: width .5s, opacity 1s;
}

.p-product-list .p-animate02.ani02 .motion>span>img {
	height: 100%;
}

.p-product-list .p-animate02.ani02 .motion .animate01 {
	top: 194px;
}

.p-product-list .p-animate02.ani02 .motion .animate01.move {
	width: 178px;
	opacity: 1;
}

.p-product-list .p-animate02.ani02 .motion .animate02 {
	top: 242px;
}

.p-product-list .p-animate02.ani02 .motion .animate02.move {
	width: 117px;
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.p-product-list .p-animate02.ani02 .motion .animate03 {
	top: 290px;
}

.p-product-list .p-animate02.ani02 .motion .animate03.move {
	width: 147px;
	opacity: 1;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.p-product-list .p-animate02.ani02 .motion .animate04 {
	top: 337px;
}

.p-product-list .p-animate02.ani02 .motion .animate04.move {
	width: 117px;
	opacity: 1;
	-webkit-transition-delay: 3s;
	transition-delay: 3s;
}

.p-product-list .p-animate02.ani02 .motion .animate05 {
	top: 385px;
}

.p-product-list .p-animate02.ani02 .motion .animate05.move {
	width: 251px;
	opacity: 1;
	-webkit-transition-delay: 4s;
	transition-delay: 4s;
}

.p-product-list .p-animate02.ani03 .ani-box .motion {
	margin: 0 auto;
	padding: 60px 0;
	border: 1px solid #eee;
}

.p-product-list .p-animate02.ani03 .animate01 span, .p-product-list .p-animate02.ani03 .animate02 span,
	.p-product-list .p-animate02.ani03 .animate03 span {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 0;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-ms-transition: height 1s;
	-o-transition: height 1s;
	transition: height 1s;
}

.p-product-list .p-animate02.ani03 .animate01 {
	display: block;
	width: 324px;
	height: 114px;
	margin: 0 auto;
}

.p-product-list .p-animate02.ani03 .animate01.move span {
	height: 100%;
}

.p-product-list .p-animate02.ani03 .animate02 {
	display: block;
	width: 116px;
	height: 57px;
	margin: 40px auto;
}

.p-product-list .p-animate02.ani03 .animate02.move span {
	height: 100%;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.p-product-list .p-animate02.ani03 .animate03 {
	position: relative;
	display: block;
	width: 191px;
	height: 127px;
	margin: 0 auto;
}

.p-product-list .p-animate02.ani03 .animate03.move span {
	height: 100%;
	-webkit-transition-delay: 2.1s;
	transition-delay: 2.1s;
}

.p-product-list .p-animate02.ani03 .animate04 {
	position: absolute;
	top: 420px;
	left: 368px;
	display: block;
	width: 52px;
	height: 19px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate02.ani03 .animate04.move {
	opacity: 1;
	-webkit-transition-delay: 3.1s;
	transition-delay: 3.1s;
	animation: scale1 1s ease 2;
	-webkit-animation: scale1 1s ease 2;
	animation-delay: 3.3s;
	-webkit-animation-delay: 3.3s;
}

.p-product-list .p-animate02.ani04 .ani-box {
	padding: 465px 0 0 0;
	border: 1px solid #eee;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Szbgvba%2Sceq02%2Svzt-zbgvba04-01.tvs')
		no-repeat 50% 285px;
}

.p-product-list .p-animate02.ani04 .motion {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.p-product-list .p-animate02.ani04 .motion>span {
	position: absolute;
	display: block;
	width: 112px;
	height: 112px;
	background-color: #a084e7;
	border-radius: 100%;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate02.ani04 .motion>span>img {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.p-product-list .p-animate02.ani04 .animate01 {
	top: 60px;
	left: 357px;
}

.p-product-list .p-animate02.ani04 .animate01.move {
	opacity: 1;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

.p-product-list .p-animate02.ani04 .animate01>img {
	width: 32px;
	height: 20px;
}

.p-product-list .p-animate02.ani04 .animate02 {
	top: 169px;
	left: 295px;
}

.p-product-list .p-animate02.ani04 .animate02.move {
	opacity: 1;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.p-product-list .p-animate02.ani04 .animate02>img {
	width: 34px;
	height: 45px;
}

.p-product-list .p-animate02.ani04 .animate03 {
	top: 169px;
	left: 419px;
}

.p-product-list .p-animate02.ani04 .animate03.move {
	opacity: 1;
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}

.p-product-list .p-animate02.ani04 .animate03>img {
	width: 33px;
	height: 45px;
}

@-webkit-keyframes scale1 {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.4);
	}

}
@keyframes scale1 {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.4);
	}
}

/* 연금보험(KB골든라이프플래티넘II) */
.p-product-list .p-animate03.ani01 .ani-box .animate01 {
	overflow: hidden;
	position: absolute;
	top: 104px;
	left: 156px;
	display: block;
	width: 69px;
	height: 189px;
}

.p-product-list .p-animate03.ani01 .ani-box .animate01 img {
	position: absolute;
	bottom: -189px;
	left: 0;
	-moz-transition: bottom .5s;
	-webkit-transition: bottom .5s;
	-o-transition: bottom .5s;
	-ms-transition: bottom .5s;
	transition: bottom .5s;
}

.p-product-list .p-animate03.ani01 .ani-box .animate01.move img {
	bottom: 0;
}

.p-product-list .p-animate03.ani01 .ani-box .animate02 {
	position: absolute;
	top: 60px;
	left: 166px;
	display: block;
	width: 50px;
	height: 45px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate03.ani01 .ani-box .animate03 {
	position: absolute;
	top: 125px;
	left: 169px;
	display: block;
	width: 42px;
	height: 14px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate03.ani01 .ani-box .animate02.move,
	.p-product-list .p-animate03.ani01 .ani-box .animate03.move {
	opacity: 1;
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}

.p-product-list .p-animate03.ani01 .ani-box .animate04 {
	position: absolute;
	top: 68px;
	left: 529px;
	display: block;
	width: 58px;
	height: 100px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate03.ani01 .ani-box .animate04.move {
	opacity: 1;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}

.p-product-list .p-animate03.ani02 .ani-box .animate01 {
	overflow: hidden;
	position: absolute;
	top: 111px;
	left: 173px;
	display: block;
	width: 0;
	height: 302px;
	-moz-transition: width 1s;
	-webkit-transition: width 1s;
	-o-transition: width 1s;
	-ms-transition: width 1s;
	transition: width 1s;
}

.p-product-list .p-animate03.ani02 .ani-box .animate01.move {
	width: 500px;
}

.p-product-list .p-animate03.ani02 .ani-box .animate02 {
	position: absolute;
	top: 182px;
	left: 399px;
	display: block;
	width: 80px;
	height: 38px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate03.ani02 .ani-box .animate02.move {
	opacity: 1;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

.p-product-list .p-animate03.ani03 .ani-box {
	padding: 30px 99px;
	border: 1px solid #eee;
}

.p-product-list .p-animate03.ani03 .ani-box .aniItem {
	display: block;
	padding: 30px 0;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate03.ani03 .ani-box .aniItem.move {
	opacity: 1;
}

.p-product-list .p-animate03.ani04 .ani-box {
	padding: 70px 113px 57px 112px;
	border: 1px solid #eee;
}

.p-product-list .p-animate03.ani04 .ani-box .motion:after {
	clear: both;
	display: block;
	content: '';
}

.p-product-list .p-animate03.ani04 .ani-box .motion {
	position: absolute;
	top: 160px;
	left: 183px;
}

.p-product-list .p-animate03.ani04 .ani-box .motion .aniItem {
	position: relative;
	float: left;
	padding: 0 20px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate03.ani04 .ani-box .aniItem img:first-child {
	position: absolute;
	top: 42px;
	left: 36px;
}

.p-product-list .p-animate03.ani04 .ani-box .animate01.move {
	opacity: 1;
}

.p-product-list .p-animate03.ani04 .ani-box .animate01.move img:first-child
	{
	animation: spin 1s ease 1;
	-webkit-animation: spin 1s ease 1;
}

.p-product-list .p-animate03.ani04 .ani-box .animate02.move {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.p-product-list .p-animate03.ani04 .ani-box .animate02.move img:first-child
	{
	animation: spin 1s ease 2;
	-webkit-animation: spin 1s ease 2;
}

.p-product-list .p-animate03.ani04 .ani-box .animate03.move {
	opacity: 1;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.p-product-list .p-animate03.ani04 .ani-box .animate03.move img:first-child
	{
	animation: spin 1s ease 3;
	-webkit-animation: spin 1s ease 3;
}

.p-product-list .p-animate03.ani04 .ani-box .animate04.move {
	opacity: 1;
	-webkit-transition-delay: 3s;
	transition-delay: 3s;
}

.p-product-list .p-animate03.ani04 .ani-box .animate04.move img:first-child
	{
	animation: spin 1s ease 4;
	-webkit-animation: spin 1s ease 4;
}

.p-product-list .p-animate03.ani04 .ani-box .animate05.move {
	opacity: 1;
	-webkit-transition-delay: 4s;
	transition-delay: 4s;
}

.p-product-list .p-animate03.ani04 .ani-box .animate05.move img:first-child
	{
	animation: spin 1s ease 5;
	-webkit-animation: spin 1s ease 5;
}

.p-product-list .p-animate03.ani04 .ani-box dl {
	margin: 30px 0 0 0;
}

.p-product-list .p-animate03.ani04 .ani-box .motion+dl {
	margin-top: 58px;
}

.p-product-list .p-animate03.ani04 .ani-box dl>dt {
	font-size: 16px;
	color: #666;
	font-family: KBFGDisplayB;
	line-height: 24px;
}

.p-product-list .p-animate03.ani04 .ani-box dl>dd {
	font-size: 16px;
	color: #666;
}

.p-product-list .p-animate03.ani05 .ani-box .animate01 {
	overflow: hidden;
	position: absolute;
	top: 111px;
	right: -100%;
	display: block;
	width: 301px;
	height: 61px;
	-moz-transition: right .5s;
	-webkit-transition: right .5s;
	-o-transition: right .5s;
	-ms-transition: right .5s;
	transition: right .5s;
}

.p-product-list .p-animate03.ani05 .ani-box .animate01.move {
	right: 260px;
}

.p-product-list .p-animate03.ani05 .ani-box .animate02 {
	overflow: hidden;
	position: absolute;
	top: 191px;
	right: 0;
	display: block;
	width: 373px;
	height: 61px;
	-moz-transition: right .5s;
	-webkit-transition: right .5s;
	-o-transition: right .5s;
	-ms-transition: right .5s;
	transition: right .5s;
}

.p-product-list .p-animate03.ani05 .ani-box .animate02.move {
	right: 318px;
	-webkit-transition-delay: .7s;
	transition-delay: .7s;
}

.p-product-list .p-animate03.ani06 .ani-box .animate01 {
	overflow: hidden;
	position: absolute;
	top: 59px;
	left: 436px;
	display: block;
	width: 166px;
	height: 230px;
}

.p-product-list .p-animate03.ani06 .ani-box .animate01 img {
	position: absolute;
	bottom: -230px;
	left: 0;
	-moz-transition: bottom .5s;
	-webkit-transition: bottom .5s;
	-o-transition: bottom .5s;
	-ms-transition: bottom .5s;
	transition: bottom .5s;
}

.p-product-list .p-animate03.ani06 .ani-box .animate01.move img {
	bottom: 0;
}

.p-product-list .p-animate03.ani06 .ani-box .animate02 {
	position: absolute;
	top: 199px;
	left: 496px;
	display: block;
	width: 49px;
	height: 20px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate03.ani06 .ani-box .animate03 {
	position: absolute;
	top: 72px;
	left: 567px;
	display: block;
	width: 131px;
	height: 130px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate03.ani06 .ani-box .animate02.move,
	.p-product-list .p-animate03.ani06 .ani-box .animate03.move {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

/* 변액보험(투자의힘KB변액보험2) */
.p-product-list .p-animate04.ani01 .ani-box .motion {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span {
	position: absolute;
	display: block;
	font-size: 16px;
	line-height: 1.1;
	color: #666;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:after {
	display: block;
	width: 14px;
	height: 14px;
	margin: 4px 0 0 11px;
	background-color: #666;
	border-radius: 100%;
	content: '';
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(1) {
	top: 61px;
	left: 176px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(2) {
	top: 82px;
	left: 225px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(3) {
	top: 96px;
	left: 273px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(4) {
	top: 102px;
	left: 322px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(5) {
	top: 111px;
	left: 370px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(6) {
	top: 102px;
	left: 419px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(7) {
	top: 96px;
	left: 468px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(8) {
	top: 102px;
	left: 516px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(9) {
	top: 111px;
	left: 565px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(10) {
	top: 139px;
	left: 612px;
}

.p-product-list .p-animate04.ani01 .ani-box .motion span:nth-child(11) {
	top: 146px;
	left: 660px;
}

.p-product-list .p-animate04.ani01 .ani-box .animate01.move {
	animation: colr1 .7s ease 1;
	-webkit-animation: colr1 .7s ease 1;
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
}

.p-product-list .p-animate04.ani01 .ani-box .animate01.move:after {
	animation: colr2 .7s ease 1;
	-webkit-animation: colr2 .7s ease 1;
	animation-delay: .1s;
	-webkit-animation-delay: .1s;
}

.p-product-list .p-animate04.ani01 .ani-box .animate02.move {
	animation: colr1 .7s ease 1;
	-webkit-animation: colr1 .7s ease 1;
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
}

.p-product-list .p-animate04.ani01 .ani-box .animate02.move:after {
	animation: colr2 .7s ease 1;
	-webkit-animation: colr2 .7s ease 1;
	animation-delay: .8s;
	-webkit-animation-delay: .8s;
}

.p-product-list .p-animate04.ani01 .ani-box .animate03.move {
	animation: colr1 .7s ease 1;
	-webkit-animation: colr1 .7s ease 1;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.p-product-list .p-animate04.ani01 .ani-box .animate03.move:after {
	animation: colr2 .7s ease 1;
	-webkit-animation: colr2 .7s ease 1;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.p-product-list .p-animate04.ani01 .ani-box .animate04.move {
	animation: colr1 .7s ease 1;
	-webkit-animation: colr1 .7s ease 1;
	animation-delay: 2.2s;
	-webkit-animation-delay: 2.2s;
}

.p-product-list .p-animate04.ani01 .ani-box .animate04.move:after {
	animation: colr2 .7s ease 1;
	-webkit-animation: colr2 .7s ease 1;
	animation-delay: 2.2s;
	-webkit-animation-delay: 2.2s;
}

.p-product-list .p-animate04.ani01 .ani-box .animate05.move {
	font-weight: bold;
	color: #099bc4;
	-webkit-transition-delay: 2.9s;
	transition-delay: 2.9s;
	animation: scale2 .7s ease 1;
	-webkit-animation: scale2 .7s ease 1;
	animation-delay: 2.9s;
	-webkit-animation-delay: 2.9s;
}

.p-product-list .p-animate04.ani01 .ani-box .animate05.move:after {
	background-color: #099bc4;
	-webkit-transition-delay: 2.9s;
	transition-delay: 2.9s;
	animation: scale2 .7s ease 1;
	-webkit-animation: scale2 .7s ease 1;
	animation-delay: 2.9s;
	-webkit-animation-delay: 2.9s;
}

@-webkit-keyframes colr1 {
	0%, 30%, 50%, 70% {
		font-weight: bold;
		color: #099bc4;
	}
}
@keyframes colr1 {
	0%, 30%, 50%, 70% {
		font-weight: bold;
		color: #099bc4;
	}
}
@-webkit-keyframes colr2 {
	0%, 30%, 50%, 70% {
		background-color: #099bc4;
	}
}
@keyframes colr2 {
	0%, 30%, 50%, 70% {
		background-color: #099bc4;
	}
}
@-webkit-keyframes scale2 {
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
@keyframes scale2 {
	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

}
.p-product-list .p-animate04.ani02 .ani-box {
	padding: 255px 0 55px 0;
	border: 1px solid #eee;
}

.p-product-list .p-animate04.ani02 .ani-box .staticImg {
	position: absolute;
	top: 135px;
	left: 334px;
	z-index: 1;
}

.p-product-list .p-animate04.ani02 .ani-box .motion .aniItem {
	position: absolute;
	width: 42px;
	height: 20px;;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate04.ani02 .ani-box .animate01 {
	top: 146px;
	left: 342px;
}

.p-product-list .p-animate04.ani02 .ani-box .animate02 {
	top: 126px;
	left: 441px;
}

.p-product-list .p-animate04.ani02 .ani-box .animate01.move,
	.p-product-list .p-animate04.ani02 .ani-box .animate02.move {
	opacity: 1;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

.p-product-list .p-animate04.ani02 .ani-box .animate03 {
	top: 129px;
	left: 342px;
}

.p-product-list .p-animate04.ani02 .ani-box .animate04 {
	top: 109px;
	left: 441px;
}

.p-product-list .p-animate04.ani02 .ani-box .animate03.move,
	.p-product-list .p-animate04.ani02 .ani-box .animate04.move {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.p-product-list .p-animate04.ani02 .ani-box .animate05 {
	top: 112px;
	left: 342px;
}

.p-product-list .p-animate04.ani02 .ani-box .animate06 {
	top: 92px;
	left: 441px;
}

.p-product-list .p-animate04.ani02 .ani-box .animate05.move,
	.p-product-list .p-animate04.ani02 .ani-box .animate06.move {
	opacity: 1;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.p-product-list .p-animate04.ani02 .ani-box .animate07 {
	top: 95px;
	left: 342px;
}

.p-product-list .p-animate04.ani02 .ani-box .animate07.move {
	opacity: 1;
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}

.p-product-list .p-animate04.ani02 .ani-box .animate08 {
	top: 78px;
	left: 342px;
}

.p-product-list .p-animate04.ani02 .ani-box .animate08.move {
	opacity: 1;
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}

.p-product-list .p-animate04.ani02 .ani-box .animate09 {
	top: 61px;
	left: 342px;
}

.p-product-list .p-animate04.ani02 .ani-box .animate09.move {
	opacity: 1;
	-webkit-transition-delay: 3s;
	transition-delay: 3s;
}

.p-product-list .p-animate04.ani02 .ani-box .info {
	margin: 0 111px;
}

.p-product-list .p-animate04.ani03 .ani-box {
	margin: 48px 0 0 0;
	padding: 75px 110px 55px;
	border: 1px solid #eee;
}

.p-product-list .p-animate04.ani03 .ani-box .info {
	margin: 55px 0 0;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span {
	position: absolute;
	display: block;
	width: 50px;
	font-size: 16px;
	line-height: 1.1;
	color: #666;
	text-align: center;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span em {
	display: block;
	margin: 6px 0 5px 0;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span:after {
	display: block;
	width: 14px;
	height: 14px;
	margin: 0 auto;
	background-color: #666;
	border-radius: 100%;
	content: '';
}

.p-product-list .p-animate04.ani03 .ani-box .motion span img {
	margin: 0 auto;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span:nth-child(1) {
	top: 211px;
	left: 115px;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span:nth-child(2) {
	top: 169px;
	left: 186px;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span:nth-child(3) {
	top: 253px;
	left: 258px;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span:nth-child(4) {
	top: 211px;
	left: 330px;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span:nth-child(5) {
	top: 127px;
	left: 400px;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span:nth-child(6) {
	top: 168px;
	left: 472px;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span:nth-child(7) {
	top: 85px;
	left: 543px;
}

.p-product-list .p-animate04.ani03 .ani-box .motion span:nth-child(8) {
	top: 44px;
	left: 613px;
}

.p-product-list .p-animate04.ani03 .ani-box .animate01.move {
	font-weight: bold;
	color: #099bc4;
}

.p-product-list .p-animate04.ani03 .ani-box .animate01.move:after {
	background-color: #099bc4;
}

.p-product-list .p-animate04.ani03 .ani-box .animate01.move img {
	animation: wobbleV 1s ease 1;
	-webkit-animation: wobbleV 1s ease 1;
	animation-delay: .3s;
	-webkit-animation-delay: .3s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate02.move {
	font-weight: bold;
	color: #099bc4;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate02.move:after {
	background-color: #099bc4;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate02.move img {
	animation: wobbleV 1s ease 1;
	-webkit-animation: wobbleV 1s ease 1;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate03.move {
	font-weight: bold;
	color: #099bc4;
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate03.move:after {
	background-color: #099bc4;
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate03.move img {
	animation: wobbleV 1s ease 1;
	-webkit-animation: wobbleV 1s ease 1;
	animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate04.move {
	font-weight: bold;
	color: #099bc4;
	-webkit-transition-delay: 3.5s;
	transition-delay: 3.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate04.move:after {
	background-color: #099bc4;
	-webkit-transition-delay: 3.5s;
	transition-delay: 3.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate04.move img {
	animation: wobbleV 1s ease 1;
	-webkit-animation: wobbleV 1s ease 1;
	animation-delay: 3.5s;
	-webkit-animation-delay: 3.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate05.move {
	font-weight: bold;
	color: #099bc4;
	-webkit-transition-delay: 4.5s;
	transition-delay: 4.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate05.move:after {
	background-color: #099bc4;
	-webkit-transition-delay: 4.5s;
	transition-delay: 4.5s;
}

.p-product-list .p-animate04.ani03 .ani-box .animate05.move img {
	animation: wobbleV 1s ease 1;
	-webkit-animation: wobbleV 1s ease 1;
	animation-delay: 4.5s;
	-webkit-animation-delay: 4.5s;
}

@-webkit-keyframes wobbleV {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
@keyframes wobbleV {
	25% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	75%{
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
}
.p-product-list .p-animate04.ani04 .ani-box {
	margin: 48px 0 0 0;
	padding: 60px 50px 60px 111px;
	border: 1px solid #eee;
}

.p-product-list .p-animate04.ani04 .ani-box .aniItem {
	display: block;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate04.ani04 .ani-box .aniItem.move {
	opacity: 1;
}

.p-product-list .p-animate04.ani05 .ani-box {
	padding: 60px 50px 60px 262px;
	border: 1px solid #eee;
}

.p-product-list .p-animate04.ani05 .ani-box .motion {
	position: absolute;
	left: 111px;
	top: 0;
	bottom: 0;
	padding: 30px 0;
}

.p-product-list .p-animate04.ani05 .ani-box .aniItem {
	position: relative;
	display: block;
	width: 130px;
	height: 130px;
	margin: 30px 0;
	border: 1px solid #dcdcdc;
	border-radius: 100%;
}

.p-product-list .p-animate04.ani05 .ani-box dl {
	margin: 60px 0 0 0;
}

.p-product-list .p-animate04.ani05 .ani-box .motion+dl {
	margin: 18px 0 0 0;
}

.p-product-list .p-animate04.ani05 .ani-box dl>dt {
	font-size: 20px;
	color: #666;
	font-family: KBFGDisplayB;
	line-height: 28px;
}

.p-product-list .p-animate04.ani05 .ani-box dl>dd {
	margin: 10px 0 0 0;
	font-size: 18px;
	color: #666;
	line-height: 26px;
}

.p-product-list .p-animate04.ani05 .ani-box .aniItem img {
	position: absolute;
}

.p-product-list .p-animate04.ani05 .ani-box .animate01 img {
	top: 34px;
	left: 59px;
}

.p-product-list .p-animate04.ani05 .ani-box .animate01 img:first-child {
	top: 43px;
	left: 36px;
}

.p-product-list .p-animate04.ani05 .ani-box .animate01.move img:first-child
	{
	animation: spin 1s ease 1;
	-webkit-animation: spin 1s ease 1;
}

.p-product-list .p-animate04.ani05 .ani-box .animate02 img {
	top: 63px;
	left: 35px;
}

.p-product-list .p-animate04.ani05 .ani-box .animate02 img:first-child {
	top: 35px;
	left: 54px;
}

.p-product-list .p-animate04.ani05 .ani-box .animate02.move img:first-child
	{
	animation: spin 1s ease 1;
	-webkit-animation: spin 1s ease 1;
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.p-product-list .p-animate04.ani06 .ani-box {
	margin: 48px 0 0 0;
}

.p-product-list .p-animate04.ani06 .ani-box .animate01 {
	overflow: hidden;
	position: absolute;
	top: 59px;
	left: 436px;
	display: block;
	width: 166px;
	height: 230px;
}

.p-product-list .p-animate04.ani06 .ani-box .animate01 img {
	position: absolute;
	bottom: -230px;
	left: 0;
	-moz-transition: bottom .5s;
	-webkit-transition: bottom .5s;
	-o-transition: bottom .5s;
	-ms-transition: bottom .5s;
	transition: bottom .5s;
}

.p-product-list .p-animate04.ani06 .ani-box .animate01.move img {
	bottom: 0;
}

.p-product-list .p-animate04.ani06 .ani-box .animate02 {
	position: absolute;
	top: 198px;
	left: 493px;
	display: block;
	width: 49px;
	height: 20px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate04.ani06 .ani-box .animate03 {
	position: absolute;
	top: 61px;
	left: 552px;
	display: block;
	width: 131px;
	height: 131px;
	opacity: 0;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}

.p-product-list .p-animate04.ani06 .ani-box .animate02.move,
	.p-product-list .p-animate04.ani06 .ani-box .animate03.move {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

.p-product-list .p-animate04 .info {
	margin: 0 0 0 14px;
}

.p-product-list .p-animate04 .info li {
	padding: 6px 0 6px 10px;
	font-size: 16px;
	color: #666;
	line-height: 24px;
	text-indent: -9px;
}

.p-product-list .p-animate04 .info li:before {
	display: inline-block;
	margin: 0 5px 0 0;
	content: '※';
}

/*보험료재계산하기*/
.rs-calc-box {
	display: none;
	padding: 0 20px;
	height: 58px;
	background: rgba(52, 73, 94, 0.9);
	width: 100%;
	z-index: 9999;
}

.rs-calc-box.fixed {
	display: block;
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	z-index: 9999;
}

.rs-calc-box .item-box {
	position: relative;
	display: block;
	line-height: 1.2;
	padding: 14px 0 0 0;
	width: 960px;
	margin: auto;
}

.rs-calc-box .item-box::after {
	display: block;
	clear: both;
	content: '';
}

.rs-calc-box .item-box dl {
	position: relative;
	float: left;
	width: 73%;
}

.rs-calc-box .item-box dl dt {
	position: relative;
	display: inline-block;
	padding: 0 30px 0 12px;
	font-size: 17px;
	color: #ffffff;
	line-height: 30px;
}

.rs-calc-box .item-box dl dt::before {
	position: absolute;
	top: 8px;
	right: 0;
	display: inline-block;
	margin-top: 0px;
	margin-left: 12px;
	width: 18px;
	height: 18px;
	border: 3px solid;
	border-color: #ffffff #ffffff transparent transparent;
	content: '';
	opacity: .4;
	transform: rotate(45deg);
}

.rs-calc-box .item-box dl dt:first-child {
	padding-left: 0;
}

.rs-calc-box .item-box dl dt:last-child {
	padding-right: 0;
}

.rs-calc-box .item-box dl dt:last-child::before {
	display: none;
}

.rs-calc-box .item-box dl dt span {
	font-size: 20px;
	font-family: KBFGDisplayB;
	padding-left: 15px;
	color: #ffde33
}

.rs-calc-box .item-box div {
	float: right;
	width: 27%;
	text-align: right;
}

.rs-calc-box .item-box div .btn-join {
	font-size: 18px;
	margin-left: 3px;
	border: 1px solid #ffde33;
	padding: 2px 10px;
	color: #ffde33;
}
.rs-calc-box .item-box div .btn-join:focus {
	border: 1px solid #ffde33 !important;
}/* 25.04.02 [추가][dgp] */

.rs-calc-box .item-box div .btn-join.type2 {
	font-size: 18px;
	border: 1px solid #ffde33;
	background-color: #ffde33;
	padding: 2px 10px;
	color: #222;
}

.rs-calc-box .item-box div .btn-join:first-child {
	margin-left: 0;
}

.rs-calc-box .btn-reset {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 30px;
	background: transparent;
	font-size: 18px;
	color: #fff;
	line-height: 58px;
}

.rs-calc-box .btn-reset:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -10px 10px 0 0;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-pbzz.cat') -100px -19px no-repeat;
	background-size: 200px auto;
	vertical-align: top;
	content: '';
}

.rs-calc-box dl {
	width: 960px;
	box-sizing: border-box;
	margin: auto;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	display: block;
}

#prodDtlBottom.sticky {z-index: 111;}
.sticky .bullet {display: none;}

.sticky+.contain-result { /*padding-top: 58px;*/

}

.rs-calc-box .off {
	position: relative;
	display: block;
	line-height: 1.2;
	padding: 14px 0 0 0;
	width: 960px;
	margin: auto;
}

.rs-calc-box .off dl {
	float: left;
	width: 26.42857%;
}

.rs-calc-box .off dl:last-child {
	float: left;
	text-align: left;
}

.rs-calc-box .off dl:before {
	position: absolute;
	top: 150%;
	left: 200px;
	display: inline-block;
	margin-top: 0px;
	margin-left: 12px;
	width: 18px;
	height: 18px;
	border: 3px solid;
	border-color: #888888 #888888 transparent transparent;
	content: '';
	opacity: .4;
	transform: rotate(45deg);
}

.rs-calc-box .off dl dt {
	font-size: 18px;
	color: #888888;
	line-height: 30px;
}

.rs-calc-box .off dl dt span {
	font-size: 20px;
	font-family: KBFGDisplayB;
	padding-left: 15px;
	color: #888888
}

.rs-calc-box .off div {
	float: right;
}

.rs-calc-box .off div .btn-join:nth-child(1) {
	border: 1px solid #ffde33;
	padding: 6px 20px;
	color: #ffde33;
}

/*유형카드추가*/
.cdAdvenCalcWrap {
	position: relative;
	width: 100%;
	height: auto;
	margin: 30px auto;
}

.cdAdvenCalcWrap .cdAdvenCalc {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide {
	width: 960px;
	left: 0;
	top: 0;
	display: flex;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide.swiper-slide-active
	{
	border: 3px solid #ffde33;
	background: #fdfcf9;
	margin-bottom: 20px;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide {
	position: relative;
	width: 225px;
	font-size: 12px;
	line-height: 20px;
	border: 1px solid #eee;
	border-radius: 7px;
	background: #fcfcfc;
	margin: 0;
	padding: 15px;
	flex-shrink: 0;
	transform-style: preserve-3d;
	margin-bottom: 20px;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .cdAsHead {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #eeeeee;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .cdAsCon .cdSddList
	{
	padding: 20px 0 24px;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .cdAsCon .cdSddList dl
	{
	width: 100%;
	display: table;
	table-layout: fixed;
	padding: 7px 0;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .cdAsCon .cdSddList dl:first-child dt
	{
	width: 33%;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .cdAsCon .cdSddList dd:first-child
	{
	width: 70%;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .cdAsCon .cdSddList dl dd
	{
	text-align: right;
	word-break: break-all;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .cdAsCon .cdSddList dl:first-child dd em
	{
	font-size: 22px;
	color: #f46600;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .cdAsCon .cdSddList dl dt,
	.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .cdAsCon .cdSddList dl dd
	{
	display: table-cell;
	vertical-align: bottom;
	width: 50%;
	font-size: 14px;
	color: #222222;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .btn {
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .btn a {
	height: 47px;;
	line-height: 33px;
	width: 50%;
	min-width: 0;
	margin: 0 0 0 -1px;
	float: left;
	z-index: 10;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .btn a:first-child
	{
	margin: 0;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .btn a.btn-w {
	width: 100%;
}

.cdAdvenCalcWrap .cdAdvenCalc .cdAcSlide .cdAs-slide .bottomInfo {
	border-top: 1px solid #eeeeee;
	padding: 10px 0;
}
/*화살표*/
.cdAs-slide.swiper-slide.swiper-slide-active:after {
	border-right: solid 20px transparent;
	border-left: solid 20px transparent;
	border-top: solid 20px #ffde33;
	transform: translateX(-50%);
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
}
/* float */
.fl-l {
	float: left;
}

.fl-r {
	float: right;
}
/*왼쪽 활성*/
.product-result .prd-containerWrap {
	position: relative;
	padding: 60px 0 0 0;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
}

.product-result .prd-containerWrap::after {
	display: block;
	clear: both;
	content: '';
}

.product-result .prd-containerWrap .containerWrap-left .pop-calL-replace
	{
	position: absolute;
	background: rgba(46, 46, 46, 0.7);
	width: 460px;
	height: 280px;
	top: 0%;
	left: 0;
	z-index: 2;
	border-radius: 7px;
	padding: 20px;
	margin: 0 auto;
}

.product-result .prd-containerWrap .containerWrap-left .pop-calL-replace .btn-reset
	{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 300px;
	background: transparent;
	font-size: 18px;
	color: #fff;
	height: 250px;
}

.product-result .prd-containerWrap .containerWrap-left .pop-calL-replace .btn-reset:before{
	position: absolute;
	top: 60px;
	left:50%;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 8px 10px 0 -10px;;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-pbzz.cat') -100px -19px no-repeat;
	background-size: 200px auto;
	vertical-align: top;
	content: '';
}

.product-result .prd-containerWrap .containerWrap-left {
	position: relative;
	margin: 0 auto;
	width: 460px;
	height: 280px;
	padding: 0;
	background-color: #ffde33;
	border-radius: 7px;
}

.product-result .prd-containerWrap .containerWrap-left .containerWrap-tit
	{
	display: block;
	padding: 28px 0 0;
	text-align: left;
}

.product-result .prd-containerWrap .containerWrap-left .containerWrap-tit span
	{
	letter-spacing: -0.01em;
	padding-left: 30px;
	font-size: 25px;
	color: #222;
}

.product-result .prd-containerWrap .containerWrap-left .item-box {
	position: relative;
	display: block;
	line-height: 1.4;
	padding: 30px 28px 0 28px;
}

.product-result .prd-containerWrap .containerWrap-left .item-box:after {
	clear: both;
	display: block;
	content: ''
}

.product-result .prd-containerWrap .containerWrap-left .item-box dl {
	float: left;
	display: table;
	width: 100%;
}

.product-result .prd-containerWrap .containerWrap-left .item-box dl:last-child
	{
	float: left;
	text-align: left;
	margin-top: 5px;
}
/*.product-result .prd-containerWrap .containerWrap-left .item-box dl:before{position: absolute;top:50%;left:200px; display:block;margin-top:0px;margin-left:12px;width:21px;height:21px; border:4px solid; border-color:#fff #ffffff transparent transparent;content:''; opacity:.4;transform:rotate(45deg);}*/
.product-result .prd-containerWrap .containerWrap-left .item-box dl dt {
	font-size: 17px;
	color: #222;
	display: table-cell;
	width: 40%;
	line-height: 1.2;
	vertical-align: middle;
}

.product-result .prd-containerWrap .containerWrap-left .item-box dl dd {
	font-size: 18px;
	color: #222;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.product-result .prd-containerWrap .containerWrap-left .item-box dl dd span
	{
	font-size: 30px;
	color: #222;
	font-family: KBFGDisplayB;
	text-align: right;
}

.product-result .prd-containerWrap .containerWrap-left .btnns {
	height: 47px;
	width: 460px;
	position: absolute;
	bottom: 0;
	background-color: #ffa200;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	overflow: hidden;
}

.product-result .prd-containerWrap .containerWrap-left .btnns a {
	float: left;
	width: 50%;
	line-height: 47px;
	height: 47px;
	font-size: 18px;
	padding: 0 !important;
	color: #222;
	text-align: center;
}

.product-result .prd-containerWrap .containerWrap-left .btnns a:first-child
	{
	background-color: #ff8e08;
}

.product-result .prd-containerWrap .containerWrap-left .btnns-ask {
	height: 47px;
	width: 460px;
	position: absolute;
	bottom: 0;
	background-color: #ffa200;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.product-result .prd-containerWrap .containerWrap-left .btnns-ask::after
	{
	clear: both;
	content: '';
	display: block;
}
/* [cyb][접근성] */
.product-result .prd-containerWrap .containerWrap-left .btnns-ask a {
	float: left;
	width: 100%;
	line-height: 29px;
	height: 28px;
	font-size: 18px;
	padding: 0 !important;
	margin-top: 10px;
	border-right: solid 1px #da9801;
	color: #222;
	text-align: center;
}

.product-result .prd-containerWrap .containerWrap-left .btnns-ask a:last-child
	{
	border-right: none
}

.product-result .prd-containerWrap .containerWrap-left .info {
	margin: 15px 0 0;
	font-size: 13px; /* 230608 수정 */
	color: #222;
	padding-left: 30px;
	word-spacing: -1px; /* 230608 추가 */
	letter-spacing: -0.02rem; /* 230608 추가 */
}
/*왼쪽 비활성*/
.product-result .prd-containerWrap {
	position: relative;
	padding: 60px 0 0 0;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
}

.product-result .prd-containerWra.product-result .prd-containerWrap .containerWrap-left .btnns ap .containerWrap-left-inactive .pop-calL-replace
	{
	position: relative;
	background: rgba(46, 46, 46, 0.7);
	width: 460px;
	height: 280px;
	top: -80%;
	left: -1px;
	z-index: 9;
	border-radius: 7px;
	padding: 20px;
	margin: 0 auto;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .pop-calL-replace .btn-reset
	{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 300px;
	background: transparent;
	font-size: 18px;
	color: #fff;
	height: 250px;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .pop-calL-replace .btn-reset:before
	{
	position: absolute;
	top: 60px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 8px 10px 0 60px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-pbzz.cat') -100px -19px no-repeat;
	background-size: 200px auto;
	vertical-align: top;
	content: '';
}

.product-result .prd-containerWrap .containerWrap-left-inactive {
	position: relative;
	margin: 0 auto;
	width: 460px;
	height: 280px;
	padding: 0;
	background-color: #f7f7f7;
	border: 2px solid #ffffff;
	border-radius: 7px;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .containerWrap-tit
	{
	display: block;
	padding: 28px 0 0;
	text-align: left;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .containerWrap-tit span
	{
	letter-spacing: -0.01em;
	padding-left: 30px;
	font-size: 25px;
	color: #666;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .item-box
	{
	position: relative;
	display: block;
	line-height: 1.4;
	padding: 30px 28px 0 28px;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .item-box:after
	{
	clear: both;
	display: block;
	content: ''
}

.product-result .prd-containerWrap .containerWrap-left-inactive .item-box dl
	{
	float: left;
	display: table;
	width: 100%;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .item-box dl:last-child
	{
	float: left;
	text-align: left;
	margin-top: 5px;
}
/*.product-result .prd-containerWrap .containerWrap-left-inactive .item-box dl:before{position: absolute;top:50%;left:200px; display:block;margin-top:0px;margin-left:12px;width:21px;height:21px; border:4px solid; border-color:#e4e4e4 #e4e4e4 transparent transparent;content:''; opacity:.4;transform:rotate(45deg);}*/
.product-result .prd-containerWrap .containerWrap-left-inactive .item-box dl dt
	{
	font-size: 17px;
	color: #666;
	display: table-cell;
	width: 40%;
	line-height: 1.2;
	vertical-align: middle;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .item-box dl dd
	{
	font-size: 18px;
	color: #666;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .item-box dl dd span
	{
	font-size: 30px;
	color: #666;
	font-family: KBFGDisplayB;
	text-align: right;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .btnns {
	height: 47px;
	width: 456px;
	position: absolute;
	bottom: 0;
	background-color: #d2d2d2;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .btnns a
	{
	float: left;
	width: 50%;
	line-height: 29px;
	height: 28px;
	font-size: 18px;
	padding: 0 !important;
	margin-top: 10px;
	border-right: solid 1px #c7c7c7;
	color: #666;
	text-align: center;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .btnns a:last-child
	{
	border-right: none
}

.product-result .prd-containerWrap .containerWrap-left-inactive .btnns-ask
	{
	height: 47px;
	width: 456px;
	position: absolute;
	bottom: 0;
	background-color: #d2d2d2;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .btnns-ask a
	{
	float: left;
	width: 100%;
	line-height: 29px;
	height: 28px;
	font-size: 18px;
	padding: 0 !important;
	margin-top: 10px;
	border-right: solid 1px #c7c7c7;
	color: #666;
	text-align: center;
}

.product-result .prd-containerWrap .containerWrap-left-inactive .btnns-ask a:last-child
	{
	border-right: none
}

.product-result .prd-containerWrap .containerWrap-left-inactive .info {
	margin: 15px 0 0;
	font-size: 14px;
	color: #c8c8c8;
	padding-left: 30px;
}

/*우측 활성*/
.product-result .prd-containerWrap .containerWrap-right {
	position: relative;
	overflow: hidden;
	width: 460px;
	height: 280px;
	background-color: #ffde33;
	border-radius: 7px;
	display: inline-block;
	margin-left: 40px;
}

.product-result .prd-containerWrap .containerWrap-right .pop-calL-replace
	{
	position: absolute;
	background: rgba(46, 46, 46, 0.7);
	width: 460px;
	height: 280px;
	top: 0;
	left: 0;
	z-index: 9;
	border-radius: 7px;
	padding: 20px;
}

.product-result .prd-containerWrap .containerWrap-right .pop-calL-replace .btn-reset
	{
	position: relative;
	display: block;
	width: 300px;
	height: 250px;
	margin: 0 auto;
	background: transparent;
	font-size: 18px;
	color: #fff;
}

.product-result .prd-containerWrap .containerWrap-right .pop-calL-replace .btn-reset:before
	{
	position: absolute;
	top: 60px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 8px 10px 0 60px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-pbzz.cat') -100px -19px no-repeat;
	background-size: 200px auto;
	vertical-align: top;
	content: '';
}

.product-result .prd-containerWrap .containerWrap-right .containerWrap-tit
	{
	display: block;
	padding: 28px 0 0;
	text-align: left;
}

.product-result .prd-containerWrap .containerWrap-right .containerWrap-tit span
	{
	letter-spacing: -0.01em;
	padding-left: 30px;
	font-size: 25px;
	color: #222;
}

.product-result .prd-containerWrap .containerWrap-right .item-box {
	position: relative;
	display: block;
	line-height: 1.4;
	padding: 30px 28px 0 28px;
}

.product-result .prd-containerWrap .containerWrap-right .item-box:after
	{
	clear: both;
	display: block;
	content: ''
}

.product-result .prd-containerWrap .containerWrap-right .item-box dl {
	float: left;
	width: 100%;
	display: table;
}

.product-result .prd-containerWrap .containerWrap-right .item-box dl:last-child
	{
	float: left;
	text-align: left;
	margin-top: 5px;
}

.product-result .prd-containerWrap .containerWrap-right .item-box dl dt
	{
	font-size: 17px;
	color: #222;
	display: table-cell;
	width: 40%;
	line-height: 1.2;
	vertical-align: middle;
}

.product-result .prd-containerWrap .containerWrap-right .item-box dl dd
	{
	font-size: 18px;
	color: #222;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.product-result .prd-containerWrap .containerWrap-right .item-box dl dd span
	{
	font-size: 30px;
	color: #222;
	font-family: KBFGDisplayB;
	text-align: right;
}

.product-result .prd-containerWrap .containerWrap-right .btnns {
	margin-top: 24px;
	height: 47px;
	width: 460px;
	position: absolute;
	bottom: 0;
	background-color: #ffa200;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.product-result .prd-containerWrap .containerWrap-right .btnns a {
	float: left;
	width: 50%;
	line-height: 47px;
	height: 47px;
	font-size: 18px;
	padding: 0 !important;
	color: #222;
	text-align: center;
}

.product-result .prd-containerWrap .containerWrap-right .btnns a:first-child
	{
	background-color: #ff8e08;
}

.product-result .prd-containerWrap .containerWrap-right .btnns-ask {
	margin-top: 24px;
	height: 47px;
	width: 460px;
	position: absolute;
	bottom: 0;
	background-color: #ffa200;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.product-result .prd-containerWrap .containerWrap-right .btnns-ask a {
	cursor: default;
	float: left;
	width: 100%;
	line-height: 29px;
	height: 28px;
	font-size: 18px;
	padding: 0 !important;
	margin-top: 10px;
	border-right: solid 1px #da9801;
	color: #ffffff;
	text-align: center;
}

.product-result .prd-containerWrap .containerWrap-right .btnns-ask a:last-child
	{
	border-right: none
}

.product-result .prd-containerWrap .containerWrap-right .info {
	margin: 15px 0 0;
	font-size: 14px;
	color: #ffde80;
	padding-left: 30px;
}

/*우측 비활성*/
.product-result .prd-containerWrap .containerWrap-right-inactive {
	position: relative;
	display: inline-block;
	width: 460px;
	height: 280px;
	margin-left: 40px;
	background-color: #f7f7f7;
	border: 2px solid #ffffff;
	border-radius: 7px;
	overflow: hidden;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .pop-calL-replace
	{
	float: right;
	position: absolute;
	background: rgba(46, 46, 46, 0.7);
	width: 460px;
	height: 280px;
	top: 0;
	left: 0;
	z-index: 9;
	border-radius: 7px;
	padding: 20px;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .pop-calL-replace .btn-reset
	{
	position: relative;
	display: block;
	margin: 0 auto; /*padding:0 0 0 30px;*/
	background: transparent;
	font-size: 18px;
	color: #fff;
	line-height: 250px;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .pop-calL-replace .btn-reset:before
	{
	position: absolute;
	top: 32%;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -5px 10px 0 60px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-pbzz.cat') -100px -19px no-repeat;
	background-size: 200px auto;
	vertical-align: top;
	content: '';
}

.product-result .prd-containerWrap .containerWrap-right-inactive .containerWrap-tit
	{
	display: block;
	padding: 28px 0 0;
	text-align: left;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .containerWrap-tit span
	{
	letter-spacing: -0.01em;
	padding-left: 30px;
	font-size: 25px;
	color: #666;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .item-box
	{
	position: relative;
	display: block;
	line-height: 1.4;
	padding: 30px 28px 0 28px;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .item-box:after
	{
	clear: both;
	display: block;
	content: ''
}

.product-result .prd-containerWrap .containerWrap-right-inactive .item-box dl
	{
	float: left;
	width: 100%;
	display: table;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .item-box dl:last-child
	{
	float: left;
	text-align: left;
	margin-top: 5px;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .item-box dl dt
	{
	font-size: 17px;
	color: #666;
	display: table-cell;
	width: 40%;
	line-height: 1.2;
	vertical-align: middle;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .item-box dl dd
	{
	font-size: 18px;
	color: #666;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .item-box dl dd span
	{
	font-size: 30px;
	color: #666;
	font-family: KBFGDisplayB;
	text-align: right;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .btnns
	{
	height: 47px;
	width: 456px;
	position: absolute;
	bottom: 0;
	background-color: #d2d2d2;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .btnns a
	{
	cursor: default;
	float: left;
	width: 50%;
	line-height: 29px;
	height: 28px;
	font-size: 18px;
	padding: 0 !important;
	margin-top: 10px;
	border-right: solid 1px #c7c7c7;
	color: #666;
	text-align: center;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .btnns a:last-child
	{
	border-right: none
}

.product-result .prd-containerWrap .containerWrap-right-inactive .btnns-ask
	{
	height: 47px;
	width: 456px;
	position: absolute;
	bottom: 0;
	background-color: #d2d2d2;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .btnns-ask a
	{
	cursor: default;
	float: left;
	width: 100%;
	line-height: 29px;
	height: 28px;
	font-size: 18px;
	padding: 0 !important;
	margin-top: 10px;
	border-right: solid 1px #c7c7c7;
	color: #666;
	text-align: center;
}

.product-result .prd-containerWrap .containerWrap-right-inactive .btnns-ask a:last-child
	{
	border-right: none
}

.product-result .prd-containerWrap .containerWrap-right-inactive .info {
	margin: 15px 0 0;
	font-size: 14px;
	color: #c8c8c8;
	padding-left: 30px;
}

.list-my-box-l {
	display: block;
	clear: both;
}

.list-my-box-l>a>div.box {
	position: relative;
	margin: 20px 0 0 0px;
	width: 470px;
	height: 150px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	background: #ffffff;
	position: relative;
	border-radius: 9px;
}

.list-my-box-l>a>div.box:after {
	clear: both;
	display: block;
	content: ""
}

.list-my-box-l>a>div.box>.img {
	text-align: center;
	border-radius: 9px;
	display: inline-block;
	vertical-align: middle;
	background: #f2f2f5;
	width: 120px;
	height: 125px;
	line-height: 125px;
	overflow: hidden
}

.list-my-box-l>a>div.box>.img img {
	width: 100%;
	height: 100%
}

.list-my-box-l>a>div.box>.txt {
	display: inline-block;
	width: 280px;
	vertical-align: middle;
	margin-left: 20px;
}

.list-my-box-l>a>div.box>.txt>p {
	font-size: 20px;
	color: #222;
	letter-spacing: -1px
}

.list-my-box-l>a>div.box>.txt>span {
	color: #666;
	font-size: 16px;
	font-weight: 200;
	display: block;
	margin: 10px 0 0
}

.list-my-box-l>a>div.box>.txt>em {
	color: #666;
	font-size: 16px;
	font-weight: 200;
}

.list-my-box-rr {
	position: relative;
	float: right;
	width: 470px;
	height: auto;
	margin-top: 20px;
	border-radius: 7px;
}

.list-my-box-r {
	display: inline-block;
}

.list-my-box-r>a>div.box {
	position: relative;
	margin: 20px 0 0 20px;
	width: 470px;
	height: 150px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	background: #ffffff;
	position: relative;
	border-radius: 9px;
}

.list-my-box-r>a>div.box:after {
	clear: both;
	display: block;
	content: ""
}

.list-my-box-r>a>div.box>.img {
	text-align: center;
	border-radius: 9px;
	display: inline-block;
	vertical-align: middle;
	background: #f2f2f5;
	width: 120px;
	height: 125px;
	line-height: 125px;
	overflow: hidden
}

.list-my-box-r>a>div.box>.img img {
	width: 100%;
	height: 100%
}

.list-my-box-r>a>div.box>.txt {
	display: inline-block;
	width: 280px;
	vertical-align: middle;
	margin-left: 20px;
}

.list-my-box-r>a>div.box>.txt>p {
	font-size: 20px;
	color: #222;
	letter-spacing: -1px
}

.list-my-box-r>a>div.box>.txt>span {
	color: #666;
	font-size: 16px;
	font-weight: 200;
	display: block;
	margin: 10px 0 0
}

.list-my-box-r>a>div.box>.txt>em {
	color: #666;
	font-size: 16px;
	font-weight: 200;
}

.mygroup_ban_fot {
	position: relative;
	width: 960px;
	float: left;
	clear: both;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	color: #fff !important;
	padding: 20px;
	border-radius: 9px;
	margin-top: 20px;
	overflow: hidden;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li {
	float: left;
	margin-right: 60px;
	text-align: 50px;
	cursor: pointer;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:last-child {
	margin: 0;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li .ico {
	display: inline-block
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:nth-child(1) .ico {
	width: 74px;
	height: 74px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Scp_zlxo_vpba_1.cat') no-repeat 50% 50%;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:nth-child(2) .ico {
	width: 72px;
	height: 72px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Scp_zlxo_vpba_2.cat') no-repeat 50% 50%;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:nth-child(3) .ico {
	width: 72px;
	height: 72px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Scp_zlxo_vpba_3.cat') no-repeat 50% 50%;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:nth-child(4) .ico {
	width: 72px;
	height: 72px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Scp_zlxo_vpba_4.cat') no-repeat 50% 50%;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li span {
	padding-left: 17px;
	font-size: 18px;
	color: #222;
	letter-spacing: -1px;
	vertical-align: middle;
}

/*나의활동*/
.myservise .myactive {
	float: right;
	margin-left: 20px;
	width: 470px;
	height: 463px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
}

.myservise .myactive .myactive-head {
	width: 430px;
	height: 95px;
	margin: 0 auto;
	padding: 30px 0;
}

.myservise .myactive .myactive-head p {
	font-size: 14px;
	color: #666;
}

.myservise .myactive .myactive-head span.head-tit {
	font-size: 21px;
	color: #222;
	font-family: KBFGDisplayB;
	letter-spacing: -0.01em;
}

.myservise .myactive .mystar-history_wrap {
	width: 430px;
	height: 340px;
	margin: 0 auto;
	padding: 20px 20px;
}

.myservise .myactive .mystar-history_wrap .msg_list {
	width: 430px;
	height: 340px;
}

.myservise .myactive .mystar-history_wrap ul {
	height: 122px;
	border-left: 0px solid #eeeeee;
}

.myservise .myactive .mystar-history_wrap ul li.aircle {
	width: 430px;
}

.myservise .myactive .mystar-history_wrap ul li.aircle:before {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 7px;
	background-color: #ffde33;
	content: '';
}
/*history scrollbar*/
/*IE*/
.mystar-history_wrap2 {
	-ms-overflow-style: scrollbar;
	overflow-y: auto;
	scrollbar-base-color: #fff;
	scrollbar-face-color: #eee;
	scrollbar-3dlight-color: #fff;
	scrollbar-highlight-color: #eee;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #eee;
	scrollbar-shadow-color: #eee;
}
/*chrome*/
.myservise .myactive .strack {
	position: relative;
}

.mystar-history_wrap2::-webkit-scrollbar {
	width: 10px;
}

.mystar-history_wrap2::-webkit-scrollbar-thumb {
	background-color: #eee;
	border-radius: 10px;
}

.contain::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 1.3);
	box-shadow: inset 0 0 7px rgba(0, 0, 0, 1.3);
}

/*나의활동*/
.myservise-web .myactive {
	float: right;
	margin-left: 20px;
	width: 470px;
	height: 463px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
}

.myservise-web .myactive .myactive-head {
	width: 430px;
	height: 95px;
	margin: 0 auto;
	padding: 30px 0;
}

.myservise-web .myactive .myactive-head p {
	font-size: 14px;
	color: #666;
}

.myservise-web .myactive .myactive-head span.head-tit {
	font-size: 20px;
	color: #666666;
}

.myservise-web .myactive .mystar-history_wrap {
	width: 430px;
	height: 340px;
	margin: 0 auto;
	padding: 20px 20px;
}

.myservise-web .myactive .mystar-history_wrap .msg_list {
	width: 430px;
	height: 340px;
}

.myservise-web .myactive .mystar-history_wrap ul {
	height: 122px;
	border-left: 0px solid #eeeeee;
}

.myservise-web .myactive .mystar-history_wrap ul li.aircle {
	width: 430px;
}

.myservise-web .myactive .mystar-history_wrap ul li.aircle:before {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 7px;
	background-color: #ffde33;
	content: '';
}

.prd-title-2 {
	display: block;
	margin: 77px 0 17px;
	font-size: 20px
}

.table-unit {
	text-align: right;
	font-size: 12px;
	margin-top: -27px;
}

.guide {
	margin-top: 68px;
	text-align: center;
	color: #666666;
}

.btn-img-delete {
	position: relative !important;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb-qryrgr.cat') no-repeat;
	position: absolute;
	top: 0;
	right: -2px;
	left: -42px;
	width: 21px;
	height: 21px;
}

/* 검색결과*/
.search-result {
	position: relative;
}

.search-result:after {
	clear: both;
	display: block;
	content: '';
}

.search-result .inside {
	padding: 20px 0;
}

.search-result .tit-area {
	position: relative;
}

.search-result .tit-area:after {
	clear: both;
	display: block;
	content: ""
}

.search-result h1 {
	margin: 0;
	padding: 0;
	float: left;
	line-height: 50px;
	font-size: 28px;
	color: #fcaf17
}

.search-result .sch {
	margin-top: 50px;
	position: relative;
	display: inline-block;
	width: 960px;
	height: 55px;
	line-height: 55px;
}

.search-result .sch input.sch-str {
	font-size: 18px;
	width: 960px;
	height: 50px;
	padding: 3px 15px 0 50px;
	border: 1px solid #ddd;
}

.search-result .sch input.sch-str:focus, .search-result .sch input.sch-str.active {
	/* 2024.03.28 [cyb][김선미] 접근성 변경 미적용 요소 처리 */
	/* border: 1px solid #ffde33; */
	border: 1px solid #000; 
}

.search-result .sch .ico-voice-sch {
	position: absolute;
	top: 16px;
	right: 15px;
	width: 27px;
	height: 27px;
	padding: 0 24px 0 0;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-ibvpr.cat') no-repeat; 
}

.search-result .sch .ico-voice-sch span {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
}

.search-result .sch button.pop-sch-btn {
	position: absolute;
	/* 2024.03.28 [cyb][김선미] 접근성 변경 미적용 요소 처리 */
	/* top: 18px; */
	top: 14px;
	right: 0;
	left: 15px;
	width: 27px;
	height: 27px;
	/* background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-fpu-gbc.cat') 0 0 no-repeat */
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-fpu-gbc-ox.cat') 0 0 no-repeat;
}

.search-result .result {
	border-bottom: 1px solid #e9ecef;
}

.search-result .result h2 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #222;
	float: left;
	width: 40%;
}

.search-result .result-tbl {
	margin: 20px;
	height: 620px;
	overflow-y: auto
}

.search-result .result-tbl li {
	font-size: 18px;
	color: #666;
	margin: 0 0 22px
}

.search-result .result-tbl li a {
	color: #222;
}

.search-result .result-tbl li a:hover {
	color: #ffde33
}

.search-result .result .sort-box {
	float: right;
	text-align: left;
}

.search-result .result .sort-box li {
	display: inline-block;
	font-size: 18px;
}

.search-result .result .sort-box li:before {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: -3px 10px 0 10px;
	background-color: #ddd;
	vertical-align: middle;
	content: '';
}

.search-result .result .sort-box li:first-child:before {
	display: none;
}

.search-result .result .sort-box .active a {
	color: #222;
	font-weight: 500;
}

.search-result .result .sort-box li a {
	color: #666;
}

/*form style*/
.form-wrap-info {
	display: inline-block;
}

.form-wrap-info .select-box {
	width: 180px;
	height: 32px;
	vertical-align: middle;
}

.form-wrap-info .select-box a {
	height: 32px;
	line-height: 32px;
}

.form-wrap-info span.unit {
	font-size: 14px;
	padding-left: 2px;
}

/*보험상품 목록*/
.product-list-wrap {
	position: relative;
}

.product-list-wrap .top-area {
	height: 88px;
	/* line-height: 88px; */
	vertical-align: middle;
}

.product-list-wrap .top-area:after {
	clear: both;
	display: block;
	content: '';
}

.product-list-wrap .total {
	float: left;
	width: 50%;
	font-size: 18px;
	color: #222222;
	line-height: 88px;
}

.product-list-wrap .top-area .sort-box {
	float: right;
	width: 50%;
	text-align: right;
}

.product-list-wrap .top-area .sort-box li {
	display: inline-block;
	font-size: 18px;
	line-height: 88px;
}

.product-list-wrap .top-area .sort-box li:before {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: -3px 8px 0 7px;
	background-color: #ddd;
	vertical-align: middle;
	content: '';
}

.product-list-wrap .top-area .sort-box li:first-child:before {
	display: none;
}
/* [cyb][접근성] */
.product-list-wrap .top-area .sort-box li strong {
	color: #222;
	text-decoration: underline;
}

.product-list-wrap .top-area .sort-box li a {
	color: #666;
}

.product-list-wrap .prod-list {
	padding-bottom: 20px;
}

.product-list-wrap .prod-list>li {
	position: relative;
	/* overflow: hidden; */
	float: left;
	width: 306px;
	height: 268px;
	margin: 0px 0 30px 0;
	padding: 20px;
	border: 1px solid #eeeeee;
	border-radius: 7px;
	background-color: #fff;
}

.product-list-wrap .prod-list li .IcoTags {
	position: absolute;
	top: 0;
	right: 0;
}

.product-list-wrap .prod-list li .IcoTags .ico-tag {
	position: relative;
	border-bottom-left-radius: 7px;
	display: inline-block;
	padding: 0 10px;
	background-color: #ffde33;
	font-size: 12px;
	color: #222;
	font-family: KBFGDisplayB;
	line-height: 30px;
	width: 42px;
}

.product-list-wrap .prod-list li .IcoTags .ico-tag-di {
	position: relative;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	margin-right: 3px;
	display: inline-block;
	padding: 0 10px;
	background-color: #ffffff;
	font-size: 12px;
	color: #222;
	border: 1px solid #ffde33;
	border-top: none;
	font-family: KBFGDisplayB;
	line-height: 30px;
	width: 78px;
}
.product-list-wrap .prod-list .prod-general-type .IcoTags .ico-tag-di {
	border-bottom-right-radius: 0;
	margin-right: 0;
}/* 2025.02.03 [dgp][추가] */
.product-list-wrap .prod-list .prod-general-type .IcoTags .ico-tag {
	border-bottom-right-radius: 7px;
	margin-right: 3px;
}/* 2025.02.03 [dgp][추가] */
.product-list-wrap .prod-list .prod-general-type .IcoTags .ico-tag:only-child {
	border-bottom-right-radius: 0;
	margin-right: 0;
}/* 2025.02.03 [dgp][추가] */

.product-list-wrap ul li:first-child {
	margin-top: 0;
}

.product-list-wrap ul li dl dt {
	overflow:hidden; /* 220518 상품배너 텍스트 2줄 수정 */
	margin: 20px 0 0 0;
	font-size: 18px;
	color: #222222;
	font-family: 'KBFGDisplayB';
	line-height: 1.3;
	height: 68px;
}

.product-list-wrap ul li dl dd {
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 17px 0 0 0;
	font-size: 15px;
	height: 2.5em;
	line-height: 1.3;
	overflow: hidden;
	color: #666;
	/* visibility: hidden; 230907 PDP-566 수정 후 제거 - 최종 SR 반영*/
}

/*태그*/
.product-list-wrap ul.h-tag {
	color: #666;
	height: 1.5em;
	margin-top: 10px;
	font-size: 14px;
	letter-spacing: -0.1px;
}

.product-list-wrap ul.h-tag span {
	padding: 0 0 0 8px;
}

.product-list-wrap ul.h-tag span:before {
	display: inline-block;
	content: '#';
}

.product-list-wrap ul.h-tag span:nth-child(1) {
	padding-left: 0;
}

.product-list-wrap ul li .btn-area {
	margin: 10px 0 30px 0;
	display: block;
	background-color: #fafafa;
	border: 1px solid #d8d8d8;
	border-radius: 7px;
}

.product-list-wrap ul li .btn-area:after {
	clear: both;
	display: block;
	content: '';
}

.product-list-wrap ul li .btn-area a {
	font-size: 15px;
	line-height: 40px;
	border-right: 1px solid #d8d8d8;
	float: left;
	width: 50%;
	height: 40px !important;
	padding: 0 !important;
	color: #666666;
	text-align: center;
}

.product-list-wrap ul li .btn-area a:last-child {
	border-right: none;
}

.product-list-wrap ul li .btn-prod {
	margin: 10px 0 30px 0;
	display: block;
	background-color: #fafafa;
	border: 1px solid #d8d8d8;
	border-radius: 7px;
}

.product-list-wrap ul li .btn-prod:after {
	clear: both;
	display: block;
	content: '';
}

.product-list-wrap ul li .btn-prod a {
	font-size: 15px;
	line-height: 40px;
	border-right: 1px solid #d8d8d8;
	float: left;
	width: 100%;
	height: 40px !important;
	padding: 0 !important;
	color: #666666;
	text-align: center;
}

.product-list-wrap ul li .btn-prod a:last-child {
	border-right: none;
}

.product-list-wrap .prod-list .desc {
	position: absolute;
	left: 0;
	bottom: -54px;
	z-index: 10;
	width: 306px;
	height: 38px;
	padding: 8px 0;
	color: #fff;
	background-color: #000;
}

.product-list-wrap .prod-list .desc:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-color: rgba(0, 0, 0, .6);
	transition: all .2s;
}

.ta-bottom {
	display: block;
	float: right;
	margin: 23px 0 0 0;
}

.ta-bottom dl {
	display: table;
	vertical-align: middle;
}

.ta-bottom dl dt {
	color: #666;
	font-size: 22px;
	display: table-cell;
}

.ta-bottom dl dd {
	font-size: 22px;
	color: #222222;
}

.ta-bottom em.massg {
	color: #ff3333;
}

.info-msg {
	position: relative;
	display: block;
	padding-left: 15px !important;
	color: #666666;
	word-break: keep-all;
	font-size: 13px;
	text-align: left;
}

.info-msg::before {
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	content: '※' !important;
}

.input-select {
	position: relative;
}

.input-area .unit {
	float: left;
	width: 20px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	vertical-align: middle;
}

.input-area .unit.mask {
	margin: 0 0 0 10px;
	width: auto;
	letter-spacing: 5px;
}

.input-select:after {
	content: "";
	display: block;
	clear: both;
}

.btn-3x { /*margin:6px 0 0 6px;*/

}

.btn-3x.on {
	border-color: #ffde33;
	background-color: #ffde33;
	color: #ffffff;
}

.ico-refer:before {
	display: inline-block;
	vertical-align: top;
	content: '\203B';
}

[type='checkbox'], [type='radio'] {
	box-sizing: border-box;
	padding: 0;
}

.input-check input:disabled+span {
	color: #b0b0b0;
	cursor: default;
}

.input-check input:focus+span {
	outline: 1px dotted #8d8d8d;
}

.input-check span {
	position: relative;
	display: inline-block;
	min-height: 16px;
	padding-left: 30px;
	vertical-align: top;
	font-size: 13px;
	line-height: 17px;
	cursor: pointer; /*color:#666666;*/
}

.input-check span.hidden {
	padding-left: 16px;
	font-size: 0;
}

.input-check span.p-color {
	color: #ff3333;
}

.input-check span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #d8d8d8;
	border-radius: 50%;
	background-color: #FFFFFF;
	content: '';
}

.input-check input:checked+span::before {
	border: none;
	background: #ffde33;
}

.input-check input:checked+span::after {
	position: absolute;
	top: 10px;
	left: 3px;
	display: inline-block;
	width: 6px;
	height: 9px;
	margin: -8px 7px 0 2px;
	border-width: 2px;
	border-style: solid;
	border-color: transparent #222 #222 transparent;
	border-radius: 2px;
	content: '';
	vertical-align: middle;
	transform: rotate(45deg);
}

.btn-4x.btn-gray {
	border: 1px solid #a0a0a0;
	background-color: #a0a0a0;
	color: #FFFFFF;
}

/*[cyb][접근성]*/
/* .btn-4x.btn-gray:hover, .btn-4x.btn-gray:focus {
	border-color: #aaaaaa;
	background-color: #aaaaaa;
} */

.btn-4x.btn-yellow {
	border: 1px solid #ffde33;
	background-color: #ffde33;
	color: #222;
}

.btn-4x.btn-yellow:hover, .btn-4x.btn-yellow:focus {
	border-color: #ffcc3e;
	background-color: #ffcc3e;
}

.btn-4x.btn-white {
	border: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	color: #666666;
}

.btn-4x.btn-white:hover, .btn-4x.btn-white:focus {
	border-color: #666;
	background-color: #fcfcfc;
}

.btn-4x.btn-white.download {
	border: 1px solid #8c734b !important;
	background-color: #8c734b;
	color: #fff;
}

.btn-4x.btn-white.download:hover, .btn-4x.btn-white.download:focus {
	border-color: #7e7058;
	background-color: #7e7058;
}

/* margin */
.ml20 {
	margin-left: 20px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt8 {
	margin-top: 8px !important;
}

.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}
/* [DGP] 간격 추가 */
.mt24 {
	margin-top: 24px !important;
}
.mt30 {
	margin-top: 30px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.txt-yellow {
	color: #ffde33 !important;
}

.f30 {
	font-size: 30px !important;
}

/*padding*/
.pt24 {
	padding-top: 24px;
}

.pr34 {
	padding-right: 34px;
}

/* common */
.float_lt {
	float: left !important;
}

.float_rt {
	float: right !important;
}

.va {
	vertical-align: middle;
}

.vb {
	vertical-align: bottom;
}

.vp {
	vertical-align: top !important;
}

.cb {
	clear: both;
}

.fb {
	font-weight: bold
}

.txt_c {
	text-align: center !important;
}

.txt_r {
	text-align: right !important;
}

.txt_l {
	text-align: left !important;
}

.bgcolor-p {
	background-color: #fff2f2 !important;
}

#login .inside h1 {
	text-align: center
}

#login .inside p.title-info01 {
	text-align: center;
	margin: 28px 0 0px;
	color: #666;
}

#login .inside .center {
	text-align: center
}

#login .inside ul.login-kind {
	display: inline-block;
	*display: inline;
	zoom: 1;
	padding: 30px 0 0
}

#login .inside ul.login-kind:after {
	clear: both;
	display: block;
	content: ""
}

#login .inside ul.login-kind li {
	padding-top: 120px;
	position: relative;
	float: left;
	width: 240px;
	height: 235px;
	border-radius: 20px;
	text-align: center;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

#login .inside ul.login-kind li:nth-child(2) {
	margin: 0 20px
}

#login .inside ul.login-kind li .ico::before {
	position: absolute;
	top: 45px;
	left: 50%;
	display: block;
	width: 39px;
	height: 41px;
	margin-left: -20px;
	background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_ybtva.cat');
	background-repeat: no-repeat;
	content: '';
}

.login-kind .ico.cartificate::before {
	background-position: 0 0;
}

.login-kind .ico.kakao::before {
	background-position: -78px 0;
}

.login-kind .ico.phone::before {
	background-position: -39px 0;
}

#login .login-list .btn-login {
	width: 100%;
	height: 100%;
	padding-top: 15px;
	font-size: 15px;
	border: 0px solid #8c734b !important;
	background-color: transparent !important;
	color: #FFFFFF !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#login .login-list .link {
	margin-top: 40px;
}

#login .btn-2x {
	min-width: 70px;
	height: 32px;
	padding: 7px 0;
	text-align: center;
	font-size: 13px;
}

#login .btn-2x.icon-angle-right {
	padding-right: 12px;
	position: relative;
}

#login .btn-2x.icon-angle-right:before {
	content: '';
	position: absolute;
	box-sizing: content-box;
	top: 50%;
	left: 100%;
	width: 6px;
	height: 6px;
	-webkit-transform: translate(-100%, -50%) scale(1.16667, 1)
		rotate(45deg);
	transform: translate(-100%, -50%) scale(1.16667, 1) rotate(45deg);
	margin-left: -2px;
	border-top: 1px solid #8c734b;
	border-right: 1px solid #8c734b;
}

#login .inside.line ul.login-kind-simple {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

#login .inside.line ul.login-kind-simple:after {
	clear: both;
	display: block;
	content: ""
}

#login .inside.line ul.login-kind-simple li {
	padding-top: 30px;
	position: relative;
	float: left;
	text-align: center;
	margin: 0 52px;
	z-index: 1;
}

#login .inside.line ul.login-kind-simple li .ico {
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 83px;
	height: 83px
}

#login .inside.line ul.login-kind-simple li .ico:focus {
	outline: none
}

#login .inside.line ul.login-kind-simple li .ico.s-kakao {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-xnxnb.cat') 50% 50% no-repeat
}

#login .inside.line ul.login-kind-simple li .ico.s-naver {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-anire.cat') 50% 50% no-repeat
}

#login .inside.line ul.login-kind-simple li .ico.s-facebook {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-snprobbx.cat') 50% 50%
		no-repeat
}

#login .inside.line ul.login-kind-simple li .ico.s-email {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-rznvy.cat') 50% 50% no-repeat
}

#login .inside.line ul.login-kind-simple li strong {
	display: block; /*font-weight:300;*/
	text-align: center;
	margin: 15px 0 0;
	font-size: 16px;
	color: #666
}

#login .inside.line a.btn_join {
	font-size: 18px;
	color: #666;
	width: 300px;
	height: 55px;
	line-height: 55px;
	border: 1px solid #d8d8d8;
	text-align: center;
	background: #fff;
	display: block;
	margin: 55px auto 0;
}

.contain .certificate-login section.inside ul.login-kind li strong {
	display: inline-block;
	font-size: 16px;
	color: #222
}

.contain .certificate-login section.inside ul.login-kind li .text {
	font-size: 14px;
	color: #666;
	margin: 5px 0 10px
}

.contain .certificate-login section.inside ul.login-kind li:hover {
	border: 2px solid #ffde33;
	cursor: pointer;
}

.contain .certificate-login section.inside.line ul.login-kind-simple {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.contain .certificate-login section.inside.line ul.login-kind-simple:after
	{
	clear: both;
	display: block;
	content: ""
}

.contain .certificate-login section.inside.line ul.login-kind-simple li
	{
	padding-top: 30px;
	position: relative;
	float: left;
	text-align: center;
	margin: 0 52px;
	z-index: 1;
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico
	{
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 83px;
	height: 83px
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico:focus
	{
	outline: none
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico.s-kakao
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-xnxnb.cat') 50% 50% no-repeat
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico.s-naver
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-anire.cat') 50% 50% no-repeat
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico.s-facebook
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-snprobbx.cat') 50% 50%
		no-repeat
}

.contain .certificate-login section.inside.line ul.login-kind-simple li .ico.s-email
	{
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-f-rznvy.cat') 50% 50% no-repeat
}

.contain .certificate-login section.inside.line ul.login-kind-simple li strong
	{
	display: block; /*font-weight:300;*/
	text-align: center;
	margin: 15px 0 0;
	font-size: 16px;
	color: #666
}

.contain .certificate-login section.inside.line a.btn_join {
	font-size: 18px;
	color: #666;
	width: 300px;
	height: 55px;
	line-height: 55px;
	border: 1px solid #d8d8d8;
	text-align: center;
	background: #fff;
	display: block;
	margin: 55px auto 0;
}

/* 회원가입 */
.contain .join-01 .ico-pop {
	float: right;
	margin-right: 15px;
}

.contain .join-01 .ico-pop button {
	height: 50px;
	margin: 0;
	border: 0;
	padding: 0;
}

.contain .join-01 .ico-pop button.f-btn-chk {
	font-size: 18px;
	color: #222;
	display: block;
	position: absolute;
	top: 10%;
	right: 0;
	background-color: transparent;
}

.contain .join-01 .ico-pop button.f-btn-delete {
	width: 21px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Ssbez_qryrgr.cat') 0 50% no-repeat;
	display: block;
	position: absolute;
	top: 10%;
	right: 0;
	background-color: transparent;
}

.contain .join-01 .ico-pop button.f-btn-safe {
	padding-left: 25px;
	font-size: 18px;
	color: #ffde33;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_fnsr.cat') 0 50% no-repeat;
	display: block;
	position: absolute;
	top: 10%;
	right: 0;
	background-color: transparent;
}

.contain .join-01 .contents {
	border: 1px solid #eee;
}

.contain .join-01 .contents .form .input-filed .black.active input[type="text"],
	.contain .join-01 .contents .form .input-filed .black.active input[type="password"]
	{
	border-bottom: 1px solid #ff0000;
}

.contain .join-01 .contents .form {
	width: 400px;
	margin: 70px auto 0
}

.contain .join-01 .contents .form .input-filed {
	margin: 0 0 50px;
}

.contain .join-01 .contents .form .input-filed .block {
	position: relative; /*line-height:50px;*/
}

.contain .join-01 .contents .form .input-filed .block:after {
	clear: both;
	display: block;
	content: ""
}

.contain .join-01 .contents .form label {
	display: block;
	margin-left: 16px;
	font-size: 14px;
	color: #888
}

.contain .join-01 .contents .form input.frm_input {
	float: left;
	width: 100%;
	border: 0;
	padding: 0 16px;
	height: 50px;
	font-size: 18px;
	color: #333;
	border-bottom: 1px solid #e0e0e0;
}

.contain .join-01 .contents .form input.frm_input:focus {
	border-bottom: 1px solid #ffde33 !important;
}

.contain .join-01 .contents .agree-wr {
	background: #fafafa;
	padding: 50px 0
}

.contain .join-01 .contents .agree-wr .agree {
	width: 430px;
	margin: 0 auto;
	position: relative;
	left: 15px
}

.contain .join-01 .contents .btn_gline {
	margin: 20px 0 0;
	display: block;
	width: 400px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #666;
	font-size: 18px;
}

.contain .field {
	width: 512px;
}

.contain .field label {
	color: #666 !important;
}

.contain .field p.small {
	display: block;
	margin: -8px 0 0 35px;
	font-size: 14px;
	color: #666
}

.contain .field .chk.checkbox.blockk label {
	width: 140px;
	height: 32px !important;
	line-height: 32px !important;
	padding: 6px 0;
	font-size: 13px !important;
}

.chk.checkbox.blockk {
	position: relative;
	margin: 0
}

.chk.checkbox.blockk label {
	padding: 0 !important;
	width: 50%;
	border: 1px solid #d8d8d8;
	background: #fff;
	cursor: pointer;
	font-size: 18px;
	color: #666 !important;
	text-align: center;
	/*margin:6px 0 0 6px;*/
}

.chk.checkbox.blockk input[type="checkbox"]:checked+label {
	background-color: #ffde33;
	border-color: #ffde33;
	color: #ffffff !important;
	background-image: none;
}

/* checkbox css */
.chk.checkbox {
	position: relative;
	margin: 0 0 15px
}

.chk.checkbox:after {
	clear: both;
	display: block;
	content: ""
}

.chk.checkbox.margin {
	margin-left: 35px
}

.chk.checkbox.all label {
	color: #222 !important;
}

.chk.checkbox input[type="checkbox"] {
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0 none;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.chk.checkbox label {
	padding-left: 35px;
	height: 25px;
	display: inline-block;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Spux_bss.cat') no-repeat 0 50%;
	vertical-align: middle;
	cursor: pointer;
	font-size: 18px;
	color: #666;
}

.chk.checkbox input[type="checkbox"]:checked+label {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Spux_ba.cat') no-repeat 0 50%;
}

.chk.checkbox.block {
	position: relative;
	margin: 0
}

.chk.checkbox.block label {
	padding: 0 !important;
	margin: 0 !important;
	line-height: 50px;
	height: 50px;
	float: left;
	width: 50%;
	border: 1px solid #d8d8d8;
	background: #fff;
	cursor: pointer;
	font-size: 18px;
	color: #666 !important;
	text-align: center;
}

.chk.checkbox.block label:nth-child(2), .chk.checkbox.block label:nth-child(6),
	.chk.checkbox.block label:nth-child(10) {
	border-right: 0;
}

.chk.checkbox.block label:nth-child(2), .chk.checkbox.block label:nth-child(4),
	.chk.checkbox.block label:nth-child(6), .chk.checkbox.block label:nth-child(8) {

	border-bottom: 0;
}

.chk.checkbox.block input[type="checkbox"]:checked+label {
	background: #ffde33;
	color: #222 !important;
}

[class^='btn-'].round {
	border-radius: 50px;
}

.btn-1x.icon-angle-right {
	padding-right: 22px;
	position: relative;
}

.btn-y1xx {
	width: 99px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 15px;
}

.btn-y1xx-w {
	width: 200px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 15px;
}

.btn-yell {
	border: 1px solid #ffde33;
	color: #ffde33;
}

.btn-yell-b {
	border: 1px solid #ffde33;
	background-color: #ffde33;
	color: #ffffff;
}

.contain .join-01 .contents .agree-wr .agree button.btn_view {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 18px;
	color: #666;
	text-decoration: underline
}

.contain .join-01 .btn_wr {
	margin: 50px auto 0;
	text-align: center
}

.contain .join-01 .btn_wr .btn_confirm {
	width: 400px;
	height: 55px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	background: #8c734b
}

.contain .join-01 .contents .form2 {
	width: 400px;
	margin: 45px auto 90px
}

.contain .join-01 .contents .form2 .input-filed {
	margin: 0 0 50px;
}

.contain .join-01 .contents .form2 .input-filed .star {
	margin: 0 auto;
	text-align: center;
	width: 53px;
	height: 71px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb_wbva_fgne.cat') 50% 50% no-repeat;
}

.contain .join-01 .contents .form2 .input-filed h3 {
	margin: 20px 0 0;
	font-size: 21px;
	letter-spacing: -1px;
	text-align: center;
	color: #222
}

.contain .join-01 .contents .form2 .input-filed p.tit {
	font-size: 18px;
	color: #666;
	margin: 0 0 15px
}

.contain .join-01 .contents .form2 .input-filed p.txt {
	font-size: 16px;
	color: #666;
	margin: 0 0 15px
}

/* 이용약관 팝업 */
#popup_prov {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_prov .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_prov .pop_innerPer {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 574px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

.po-tbar {
	width: 960px;
	height: 1px;
	background-color: #dddddd;
	display: block;
	margin-top: 30px;
}

#popup_prov .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_prov .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_prov .contain .tit h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px;
	padding: 30px 30px 0 30px;
}

#popup_prov .contain .content {
	padding: 0 60px;
}

#popup_prov .contain .content .title h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px
}

#popup_prov .contain .content .title p {
	font-size: 14px;
	color: #666;
	margin: 0 0 35px
}

#popup_prov .contain .content .terms-y {
	margin-top: 29px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 430px;
}

#popup_prov .contain .content .terms-y .subtit02 {
	height: 50px;
	margin: 0 0 27px;
	border-top: 0px solid #8c734b;
	border-bottom: 1px solid #8c734b;
	color: #222222;
	letter-spacing: -.25px;
	font-family: KBFGDisplayB;
	font-size: 15px;
	line-height: 50px;
}

#popup_prov .contain .content .terms-y .desc-txt {
	margin-bottom: 30px;
	color: #666666;
	word-break: keep-all;
	letter-spacing: -.25px;
	line-height: 20px;
}

#popup_prov .contain .content .terms-y .list1 {
	margin-bottom: 30px;
}

#popup_prov .contain .content .terms-y .list1 li {
	margin-top: 5px;
	margin-left: 15px;
	color: #666666;
	text-indent: -15px;
	word-break: keep-all;
	letter-spacing: -.25px;
	font-size: 13px;
	line-height: 20px;
}

#popup_prov .contain .content .terms-y .list1 li:first-child {
	margin-top: 0;
}

#popup_prov .contain .content .terms-y .list2 {
	margin-bottom: 30px;
}

#popup_prov .contain .content .terms-y .list2 li {
	margin-top: 15px;
	margin-left: 15px;
	color: #666666;
	text-indent: -15px;
	word-break: keep-all;
	letter-spacing: -.25px;
	font-size: 13px;
	line-height: 20px;
}

#popup_prov .contain .content .terms-y .list2 li:first-child {
	margin-top: 0;
}

#popup_prov .contain .content .terms-y .list2 li .depth01 {
	margin: 15px 0 0 0;
}

#popup_prov .contain .content .terms-y .list2 li .depth01 li {
	margin-top: 6px;
}

/* 개인정보 수집 및 이용동의 팝업 */
#popup_info {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_info .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_info .pop_innerPer {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 574px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

#popup_info .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_info .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_info .contain .tit h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px;
	padding: 30px 30px 0 30px;
}

#popup_info .contain .content {
	padding: 0 60px;
}

#popup_info .contain .content .terms {
	margin-top: 29px;
}

#popup_info .contain .content .terms .desc-txt {
	font-size: 16px;
	margin-bottom: 40px;
	color: #666666;
	word-break: keep-all;
	letter-spacing: -1px;
	line-height: 26px;
}

#popup_info .contain .content .terms .info-conts {
	margin-top: 17px; /*padding:17px 20px;*/
	color: #666666;
	font-size: 16px;
}

#popup_info .contain .content .terms .info-conts p {
	position: relative;
	margin-top: 13px;
	font-size: 16px;
	padding-left: 15px;
	letter-spacing: -1px;
}

#popup_info .contain .content .terms .info-conts p:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '*';
}

#popup_info .contain .content .terms .info-conts p span {
	position: relative;
	display: block;
	padding-left: 15px;
	margin-top: 1px;
	letter-spacing: -1px;
	font-weight: 100;
}

#popup_info .contain .content .terms .info-conts p span:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '-';
}

#popup_info .contain .content .terms .info-conts p span:first-child {
	margin-top: 6px;
}

/* 마케팅 팝업 */
#popup_Minfo {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_Minfo .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_Minfo .pop_innerPer {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 574px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

#popup_Minfo .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_Minfo .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_Minfo .contain .tit h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px;
	padding: 30px 30px 0 30px;
}

#popup_Minfo .contain .content {
	padding: 0 60px;
}

#popup_Minfo .contain .content .terms {
	margin-top: 29px;
}

#popup_Minfo .contain .content .terms .desc-txt {
	font-size: 16px;
	margin-bottom: 40px;
	color: #666666;
	word-break: keep-all;
	letter-spacing: -1px;
	line-height: 26px;
}

#popup_Minfo .contain .content .terms .info-conts {
	margin-top: 17px;
	color: #666666;
	font-size: 16px;
}

#popup_Minfo .contain .content .terms .info-conts p {
	position: relative;
	margin-top: 13px;
	font-size: 16px;
	padding-left: 15px;
	letter-spacing: -1px;
}

#popup_Minfo .contain .content .terms .info-conts p:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '*';
}

#popup_Minfo .contain .content .terms .info-conts p span {
	position: relative;
	display: block;
	padding-left: 15px;
	margin-top: 1px;
	letter-spacing: -1px;
	font-weight: 100;
}

#popup_Minfo .contain .content .terms .info-conts p span:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '-';
}

#popup_Minfo .contain .content .terms .info-conts p span:first-child {
	margin-top: 6px;
}

/*영업점확인하기 팝업*/
#popup_area {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .3);
}

#popup_area .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_area .pop_inner {
	margin-left: auto;
	margin-right: auto;
	width: 961px;
	height: 700px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

#popup_area .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_area .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_area .contain .contents {
	padding: 30px;
}

#popup_area .contain .contents .title h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px
}

#popup_area .contain .contents .title p {
	font-size: 14px;
	color: #666;
	margin: 0 0 35px
}

#popup_area .contain .contents .field {
	width: 930px;
	margin: 0 auto 33px;
}

#popup_area .contain .contents .field .sch-area {
	position: absolute;
	top: 70px;
	left: 30px;
	width: 900px;
	height: 55px;
	line-height: 55px;
	border-bottom: 2px solid #ffde33
}

#popup_area .contain .contents .field .sch-area label {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 27px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-fpu-gbc.cat') no-repeat 0 0;
}

#popup_area .contain .contents .field .sch-area input {
	background: none;
	width: 90%;
	margin-left: 5px;
	border: 0;
	height: 30px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #222222;
}

#popup_area .contain .contents .field .rs-area {
	display: block;
	float: left;
	margin-top: 100px;
	width: 440px
}

#popup_area .contain .contents .field .rs-area div.scroll {
	overflow-y: scroll;
}

#popup_area .contain .contents .field .rs-area .rs-total {
	padding: 17px 0 15px 5px;
	font-size: 13px;
	color: #666;
}

#popup_area .contain .contents .field .rs-area .rs-total em {
	margin: 0 1px 0 0;
	color: #ff3d3d;
}

#popup_area .contain .contents .field .rs-area .list-area li {
	padding: 8px 0 12px;
	border-top: 1px solid #eee;
}

#popup_area .contain .contents .field .rs-area .list-area li h3 {
	font-size: 16px;
	color: #222;
	margin: 8px 0 10px 10px
}

#popup_area .contain .contents .field .rs-area .list-area li>dl {
	display: table;
	margin: 3px 0 3px 10px;
}

#popup_area .contain .contents .field .rs-area .list-area li>dl>dt {
	display: table-cell;
	font-size: 16px;
	color: #222;
	line-height: 1.3;
	vertical-align: top;
}

#popup_area .contain .contents .field .rs-area .list-area li>dl>dt.time:before
	{
	display: inline-block;
	margin: -3px 10px 0 10px;
	width: 1px;
	height: 12px;
	background-color: #dddddd;
	vertical-align: middle;
	content: '';
}

#popup_area .contain .contents .field .rs-area .list-area li>dl>dd {
	display: table-cell;
	padding: 0 0 0 5px;
	font-size: 16px;
	color: #666;
	line-height: 1.3;
	vertical-align: top;
}

#popup_area .contain .contents .field .map-area {
	display: block;
	float: left;
	margin-top: 151px;
	width: 440px;
	height: 379px;
	margin-left: 12px;
}

/**
SNS
**/
.util-area {
	width: 960px;
	height: 40px;
	text-align: right;
	font-size: 0;
}
.util-area .btn-save-prd {
    font-family: KBFGDisplayM;
	display: inline-block;
	padding: 0 15px;
	margin-right: 11px;
	height: 41px;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	border-radius: 100px;
}
.util-area .btn-save-prd:before {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 2px 5px 0 0;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sfgne_bss_vpa.cat') 0 0 no-repeat;
	background-size: 22px 22px;
	vertical-align: top;
	content: '';
}

.util-area .btn-save-prd-ov {
	display: inline-block;
	padding: 0 15px;
	margin-right: 10px;
	height: 41px;
	font-size: 16px;
	color: #212121;
	line-height: 25px;
	border-radius: 100px;
}

.util-area .btn-save-prd-ov:before {
	display: inline-block;
    width: 22px;
    height: 22px;
    margin: 2px 5px 0 0;
	background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sfgne_ba_vpa.cat) 0 0 no-repeat;
    background-size: 22px 22px;
    vertical-align: top;
    content: '';
}

.util-area .ico-kakao {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background: rgba(000, 0, 0, 0.2); url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfce-vpb-0.cat);
	background-size: 120px 40px;
	background-position: -1px 0;
}

.util-area .ico-url {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin-left: 10px;
	background: rgba(000, 0, 0, 0.2); url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfce-vpb-0.cat');
	background-size: 120px 40px;
	background-position: -81px 0;
}

.util-area .ico-facebook {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	margin-left: 10px;
	background: rgba(000, 0, 0, 0.2) url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfce-vpb-0.cat');
	background-size: 120px 40px;
	background-position: -161px 0;
}

.info-box + .btn-area .btn-ask-prd-max {opacity: 1 !important;}
.info-box + .btn-area .cs-num {opacity: 1 !important;}

/*연금보험,건강상해보험*/
#productDetail.type-1 .util-area .btn-save-prd,
#productDetail.type-1 .util-area > a > div, #productDetail.type-1 .util-area .btn-save-prd-ov {background-color: #fcb300;}
#productDetail.type-1  #calculateResult.button-cal {background-color: #f49000;}
#productDetail.type-1 .product-top-wrap .cs-num{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sceq_bayvar_pf_vpa_1.cat);}
#productDetail.type-1 .info-box + .btn-area .cs-num {color: #c46508 !important;}#productDetail.type-1 .info-box + .btn-area .btn-ask-prd-max {border: 2px solid #c46508 !important;color: #c46508 !important;opacity: 1 !important;}


/*변액보험*/
#productDetail.type-2 .util-area .btn-save-prd,
#productDetail.type-2 .util-area > a > div, #productDetail.type-2 .util-area .btn-save-prd-ov {background-color: #0092bb;}
#productDetail.type-2  #calculateResult.button-cal {background-color:#00789f;}
#productDetail.type-2 .info-box + .btn-area .btn-ask-prd-max {border: 2px solid #064f67 !important;color: #064f67 !important;opacity: 1 !important;}
#productDetail.type-2 .product-top-wrap .cs-num{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sceq_bayvar_pf_vpa_2.cat);}
#productDetail.type-2 .info-box + .btn-area .cs-num {color: #064f67 !important;}

/*정기보험*/
#productDetail.type-3 .util-area .btn-save-prd,
#productDetail.type-3 .util-area > a > div, #productDetail.type-3 .util-area .btn-save-prd-ov {background-color: #118a88;}
#productDetail.type-3  #calculateResult.button-cal {background-color: #047273;}
#productDetail.type-3 .info-box + .btn-area .btn-ask-prd-max {border: 2px solid #205050 !important;color: #205050 !important;opacity: 1 !important;}
#productDetail.type-3 .product-top-wrap .cs-num{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sceq_bayvar_pf_vpa_3.cat);}
#productDetail.type-3 .info-box + .btn-area .cs-num {color: #205050 !important;}

/*여성암보험*/
#productDetail.type-4 .util-area .btn-save-prd,
#productDetail.type-4 .util-area > a > div, #productDetail.type-4 .util-area .btn-save-prd-ov {background-color: #906dd5;}
#productDetail.type-4  #calculateResult.button-cal {background-color: #7957bd;}
#productDetail.type-4 .info-box + .btn-area .btn-ask-prd-max {border: 2px solid #523196 !important;color: #523196 !important;opacity: 1 !important;}
#productDetail.type-4 .product-top-wrap .cs-num{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sceq_bayvar_pf_vpa_4.cat);}
#productDetail.type-4 .info-box + .btn-area .cs-num {color: #523196 !important;}

/*무)KB스마트저축보험II*/
#productDetail.type-5 .util-area .btn-save-prd,
#productDetail.type-5 .util-area > a > div, #productDetail.type-5 .util-area .btn-save-prd-ov {background-color: #e2617d;}
#productDetail.type-5  #calculateResult.button-cal {background-color: #7f3746;}
#productDetail.type-5 .info-box + .btn-area .btn-ask-prd-max {border: 2px solid #703746 !important;color: #703746 !important;opacity: 1 !important;}
#productDetail.type-5 .product-top-wrap .cs-num{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sceq_bayvar_pf_vpa_5.cat);}
#productDetail.type-5 .info-box + .btn-area .cs-num {color: #703746 !important;}

/* 2025.02.03 추가 - 미니보험 */
#productDetail.type-6 .util-area .btn-save-prd,
#productDetail.type-6 .util-area > a > div, #productDetail.type-6 .util-area .btn-save-prd-ov {background-color: #73b32a;}
#productDetail.type-6  #calculateResult.button-cal {background-color: #7f3746;}
#productDetail.type-6 .info-box + .btn-area .btn-ask-prd-max {border: 2px solid #3b6827 !important;color: #3b6827 !important;opacity: 1 !important;}
#productDetail.type-6 .product-top-wrap .cs-num{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sceq_bayvar_pf_vpa_6.cat);}
#productDetail.type-6 .info-box + .btn-area .cs-num {color: #3b6827 !important;}

/* 2025.09.23 - 딱좋은 건강보험, 2025.10.10 수정 및 주석처리 */
#productDetail.type-7 .util-area .btn-save-prd,
#productDetail.type-7 .util-area > a > div, #productDetail.type-7 .util-area .btn-save-prd-ov {background-color: #7e631f;} /* 2025.09.24 수정 */
#productDetail.type-7 .product-visual-wrap07.simple .util-area .btn-save-prd,
#productDetail.type-7 .product-visual-wrap07.simple .util-area > a > div, #productDetail.type-7 .product-visual-wrap07.simple .util-area .btn-save-prd-ov {background-color: #0479c2;} /* 2025.10.10 추가 */
/*#productDetail.type-7  #calculateResult.button-cal {background-color: #7f3746;}*/
#productDetail.type-7 .info-box + .btn-area .btn-ask-prd-max {border: 2px solid rgba(0,0,0,.5) !important;color: rgba(0,0,0,.5) !important;opacity: 1 !important;}
#productDetail.type-7 .product-top-wrap .cs-num{background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpba%2Sceq_bayvar_pf_vpa_7.cat');}
#productDetail.type-7 .info-box + .btn-area .cs-num {color: rgba(0,0,0,.5) !important;}
#productDetail.type-7 .product-visual-wrap07 .product-top-wrap {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svzt-ceq-ivfhny-urnygu.cat'); background-repeat: no-repeat; background-position: center; background-size: 100% auto;} /* 2025.09.24 수정 */
#productDetail.type-7 .product-visual-wrap07.simple .product-top-wrap {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svzt-ceq-ivfhny-urnygu-02.cat'); background-repeat: no-repeat; background-position: center; background-size: 100% auto;} /* 2025.09.24 추가 */
#productDetail.type-7 .product-visual-wrap07 .sub-desc {font-size: 16px; color: #222;}
#productDetail.type-7 .product-visual-wrap07 .sub-desc.pos-r {position: absolute; right: 0; bottom: 5px;}

/*보험료계산결과*/
.contain-result .proresult {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

.contain-result .proresult .top-area {
	height: 70px;
	line-height: 80px;
	vertical-align: middle;
	margin-top: 20px;
}

.contain-result .proresult .total {
	float: left;
	width: 25%;
	font-size: 34px;
	letter-spacing: -1px;
	color: #222222;
	letter-spacing: -0.03em;
}

.contain-result .proresult .sort-box {
	float: right;
	width: 75%;
	text-align: left;
}

.contain-result .proresult .sort-box span.tit-name {
	font-size: 34px;
	color: #666666;
	font-size: 18px;
	padding-left: 10px;
	border-left: 1px solid #666666;
}

.contain-result .proresult .sort-box .info-text {
	position: relative;
	display: block;
	margin-left: 13px !important;
	padding-left: 15px !important;
	color: #666666;
	word-break: keep-all;
	font-size: 13px;
	text-align: right;
	float: right;
}

.contain-result .proresult .sort-box .info-text:before {
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	content: '※' !important;
}

.contain-result .proresult .sort-box .btn_gline {
	margin: 0 0 0 19px;
	display: block;
	width: 66px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	height: 31px;
	line-height: 31px;
	text-align: center;
	color: #666;
	font-size: 14px;
}

.contain-result .st01 .input-box {
	padding: 19px 0px 0px 0px;
	width: 960px;
	margin: 0 auto;
}

.contain-result .st01 .input-box>div {
	font-size: 0;
}

.contain-result .st01 .input-box>div .tit-sub4, .tit-sub4:not(div) {
	display: inline-block;
	width: 10%;
	color: #666;
	font-size: 18px;
	vertical-align: middle;
}

.contain-result .st01 .input-box>div .tit-sub4>h3 {
	display: inline-block;
	font-size: 18px;
	color: #666;
}

.contain-result .st01 .input-box>div .tit-sub4 span {
	display: inline-block;
	text-align: center;
}

.contain-result .st01 .input-box>div .tit-sub4 span.mid-tit {
	text-align: center;
	border-right: 1px solid #d8d8d8;
	font-size: 18px;
}

.contain-result .st01 .input-box>div .tit-sub4 span.sub-tit {
	width: 50%;
	text-align: left;
	padding-left: 25px;
	font-size: 18px;
}

.contain-result .st01 .input-box>div .input-area {
	display: inline-block;
	width: 90%;
	text-align: right;
}

.contain-result .st01 .input-box>div .input-area>input.text {
	width: 140px;
	text-align: center;
}

.contain-result .st01 .input-box>div .input-area>input.text:placeholder
	{
	text-align: center;
}

.contain-result.st01 .anchor {
	font-size: 18px;
	text-align: right;
	color: #222;
	background-color: inherit;
	border: none;
	border-bottom: 1px solid #c5c5c5;
}

.contain-result.st01 .anchor:before {
	width: 8px;
	height: 8px;
}

.product-result {
	position: relative;
	width: 100%;
	height: 400px;
	background-color: #eeeeee;
}

.product-result .wd-960 {
	width: 960px;
	margin: 0 auto;
}

.product-result:after {
	display: block;
	clear: both;
	content: "";
}

/*납입주기*/
.product-bottom {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/* 2025.02.07 가운데 정렬되게 추가 */
.product-bottom .product-info {
	margin-top: 60px;
	display: flex;
	justify-content: center;
}

.product-bottom .product-info:after {
	display: block;
	clear: both;
	content: "";
}

.product-bottom .product-info dl {
	float: left;
	width: 238px;
	height: 64px;
	border-left: 1px solid #eeeeee;
	text-align: center;
	font-size: 16px;
	line-height: 1;
}

.product-bottom .product-info dl+dl {
	border-left: 1px solid #eeeeee;
}

.product-bottom .product-info dl:last-child {
	border-right: 1px solid #eeeeee;
}

.product-bottom .product-info dl dt {
	display: block;
	margin-top: 5px;
}

.product-bottom .product-info dl dd {
	margin-top: 10px;
}

.product-bottom .product-info dl dd span {
	display: block;
	margin-top: 20px;
}

.product-bottom .product-info dl dd .form-wrap .select-box {
	width: 180px;
	height: 32px;
	vertical-align: middle;
}

.product-bottom .product-info dl dd .form-wrap .select-box a {
	height: 32px;
	line-height: 32px;
}

.product-bottom .product-info dl dd .form-wrap input {
	height: 32px;
	width: 149px;
	text-align: right;
}

.product-bottom .product-info dl dd .form-wrap input[type=text]:focus {
	border: solid 1px #eee;
}

.product-bottom .product-info dl dd .form-wrap span {
	text-align: right;
	display: inline-block;
	margin-top: 0;
	font-size: 13px;
	vertical-align: middle;
}

.product-bottom .product-result-view .btn-1w {
	width: 200px;
	height: 46px;
	padding: 12px 0;
	text-align: center;
	font-size: 15px;
}

.product-bottom .product-result-view .btn-2w {
	width: 178px;
	height: 46px;
	padding: 12px 0;
	text-align: center;
	font-size: 15px;
}

.product-bottom .product-result-view .btn-1w ~ .btn-1w, .product-bottom .product-result-view .btn-2w
	~ .btn-2w {
	margin-left: 10px;
}
.product-bottom .product-result-view .ico-wrap::after {
	clear: both;
	display: block;
	content: '';
}
.product-bottom .product-result-view .ico-wrap p {
	float: left;
	padding-top: 15px;
	margin-left: 175px;
	color: #666666;
}

.product-bottom .product-result-view .ico-product-wrap {
	width: 260px;
	height: 40px;
	float: right;
	margin: 0 170px 30px 0;
}

.product-bottom .product-result-view .ico-product-wrap div {
	float: left;
}

.product-bottom .product-result-view .ico-product-1 {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 40px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfce-vpb-1.cat');
	background-size: 120px 40px;
	background-position: -1px 0;
}

.product-bottom .product-result-view .ico-product-2 {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 40px;
	margin-left: 10px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfce-vpb-1.cat');
	background-size: 120px 40px;
	background-position: -81px 0;
}

.product-bottom .product-result-view .ico-product-3 {
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 40px;
	margin-left: 10px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfce-vpb-1.cat');
	background-size: 120px 40px;
	background-position: -161px 0;
}

/*마이페이지*/
.my-visual-wrap {
	width: 100%;
	height: 348px;
	border: 1px solid #e5e5e5;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
	background: #f7f7f7 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svzt-zl-ivfhny-00.cat')
		no-repeat;
}

.my-visual-wrap h1.title {
	float: left;
	position: relative;
	z-index: 1;
	margin: 0;
	padding-top: 46px;
	padding-bottom: 24px;
	font-size: 24px;
	line-height: 1;
	font-weight: 300;
	margin: 0 !important;
}

.my-visual-wrap h1.title:before {
	display: inline-block;
	width: 28px;
	height: 31px;
	margin: 0px 20px 0 0;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svpb-oyvg.cat') no-repeat;
	vertical-align: top;
	content: '';
}

.my-visual-wrap h1.title span {
	margin-top: 2px;
	display: inline-block;
	font-family: KBFGDisplayL;
}
.my-visual-wrap h1.title span strong {
	font-family: KBFGDisplayM;
}
.util-my-area {
	float: right;
	padding-top: 46px;
}

.util-my-area .btn-save-prd {
	display: inline-block;
	padding: 0 15px;
	height: 41px;
	font-size: 14px;
	color: #ffde33;
	line-height: 25px;
	background-color: #ffffff;
	border: 2px solid #ffde33;
	border-radius: 100px;
	font-family: 'KBFGDisplayM';
}

.my-visual-wrap .product-sch-wrap {
	text-align: center;
}

.my-visual-wrap .product-sch-wrap p {
	padding-top: 146px;
	text-align: center;
	color: #222222;
	font-size: 26px;
	line-height: 1.2;
	font-family: 'KBFGDisplayM';
}

.my-visual-wrap .product-sch-wrap p span {
	color: #ffde33;
}

.my-visual-wrap .product-sch-wrap .frm-area .frm-search {
	position: relative;
	border: none;
}

.my-visual-wrap .product-sch-wrap .frm-area .input-sch {
	width: 100%;
	padding: 0 53px 0 26px;
	border: 4px solid #ffc600;
	box-shadow: rgba(255, 198, 0, 0.5) 1px 1px 19px 0px;
	border-radius: 100px;
	font-size: 15px;
	color: #666;
	line-height: 60px;
	height: 60px;
}

.my-visual-wrap .product-sch-wrap .ico-search {
	position: absolute;
	top: 10px;
	right: 16px;
}

.my-visual-wrap .product-sch-wrap .btn-icon.ico-search span {
	border: 1px solid #ffde33;
}

.my-visual-wrap .product-sch-wrap .btn-icon.ico-search span:before {
	top: 14px;
	left: 11px;
	width: 8px;
	height: 1px;
	background: #ffde33;
}

.my-visual-wrap .product-sch-wrap .keyword-area {
	margin: 0 0 0 -50px;
	padding: 38px 0 0 0;
	width: 800px;
}

.my-visual-wrap .product-sch-wrap .keyword-area:after {
	clear: both;
	display: block;
	content: '';
}

.my-visual-wrap .product-sch-wrap .keyword-area a {
	float: left;
	display: block;
	margin: 10px 0 0 10px;
	padding: 0 25px;
	line-height: 48px;
	border: 1px solid #ffda71;
	border-radius: 90px;
	font-size: 15px;
	color: #222;
}

.my-visual-wrap .product-sch-wrap .keyword-area .active {
	background-color: #ffde33;
	border-color: #ffde33;
	color: #fff;
}

.my-visual-wrap .btn-ask-prd {
	margin-top: 20px;
	display: inline-block;
	line-height: 47px;
	width: 220px;
	background-color: #ffde33;
	border-radius: 100px;
	font-size: 18px;
	color: #ffffff;
    font-family: KBFGDisplayM;
}

.my-list-wrap {
	position: relative;
}

.my-list-wrap:after {
	display: block;
	clear: both;
	content: "";
}

.my-list-wrap .my-topbox {
	padding: 0 20px;
	position: absolute;
	top: -40px;
	right: 0;
	z-index: 99;
	width: 100%;
	height: 167px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
	box-shadow: rgba(213, 213, 213, 0.5) 1px 1px 19px 0px;
}

.my-list-wrap .my-topbox:after {
	display: block;
	clear: both;
	content: "";
}

.my-list-wrap .my-topbox .my-left {
	float: left;
}

.my-list-wrap .my-topbox .my-left p {
	text-align: left;
	padding-top: 21px;
	color: #666;
	font-size: 14px;
	padding-right: 20px;
}

.my-list-wrap .my-topbox .my-left p span {
	color: #666666;
}

.my-list-wrap .my-topbox .my-left .my-info dl {
	display: inline-block;
	width: 100px;
	text-align: center;
	font-size: 16px;
	line-height: 1;
}

.my-list-wrap .my-topbox .my-left .my-info dl+dl {
	border-left: 0px solid #eeeeee;
}

.my-list-wrap .my-topbox .my-left .my-info dl:first-child {
	border-left: none
}

.my-list-wrap .my-topbox .my-left .my-info dl:last-child {
	width: 150px;
	border-right: 1px solid #eeeeee;
	padding-right: 15px;
}

.my-list-wrap .my-topbox .my-left .my-info dt a {
	display: block;
	font-size: 26px;
	letter-spacing: -1px;
	padding-top: 20px;
	font-family: KBFGDisplayB;
}

.my-list-wrap .my-topbox .my-left .my-info dt:nth-child(1) a {


}

.my-list-wrap .my-topbox .my-left .my-info dt:nth-child(2) a {
	color: #222222;
}

.my-list-wrap .my-topbox .my-left .my-info dd {
	font-size: 18px;
	color: #666;
	padding-top: 21px;
}

.my-list-wrap .my-topbox .my-left .my-info dt a.gray {
	color: #666;
}

.my-list-wrap .my-topbox .my-right {

}

.my-list-wrap .my-topbox .my-right p {
	text-align: left;
	padding: 21px 0px 0 0px;
	color: #666;
	font-size: 14px;
}

.my-list-wrap .my-topbox .my-right p span {
	margin-left: 20px;
}

.my-list-wrap .my-topbox .my-right .my-info {
	text-align: right;
}

.my-list-wrap .my-topbox .my-right .my-info dl {
	display: inline-block;
	width: 220px;
	text-align: right;
	margin-left: -10px;
	padding-right: 10px;
	font-size: 16px;
	line-height: 1;
	vertical-align: top;
}

.my-list-wrap .my-topbox .my-right .my-info dl+dl {
	border-left: 0px solid #eeeeee;
}

.my-list-wrap .my-topbox .my-right .my-info dl:first-child {
	border-left: none
}

.my-list-wrap .my-topbox .my-right .my-info dl:last-child {
	border-right: none;
}

.my-list-wrap .my-topbox .my-right .my-info dt {
	display: block;
	color: #666666;
	font-size: 14px;
	padding-top: 24px;
}

.my-list-wrap .my-topbox .my-right .my-info dd {
	font-size: 18px;
	letter-spacing: -1px;
	color: #666;
	padding-top: 19px;
}
.my-list-wrap .my-topbox .my-right .my-info dl:last-child dd {
	padding-top: 28px;
}
.my-list-wrap .my-topbox .my-right .my-info dd span {
    font-family: KBFGDisplayB;
}
.my-list-wrap .my-topbox .my-right .my-info dl:first-child dd span > a {
	margin-top: 2px;
}
.myservise {
	position: relative;
	margin-top: 150px;
	display: inline-block;
}

.myservise:after {
	display: block;
	clear: both;
	content: "";
}

.myservise .mystarclub {
	float: left;
	width: 470px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
	padding-bottom: 20px;
}

.myservise .mystarclub:after {
	display: block;
	clear: both;
	content: "";
}

.myservise .mystarclub .mystar-head {
	width: 428px;
	margin: 0 auto;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #eeeeee;
}

.myservise .mystarclub .mystar-head p {
	font-size: 14px;
	color: #666;
	line-height: 1;
}

.myservise .mystarclub .mystar-head span.head-tit {
	font-size: 21px;
	color: #222;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1;
	margin-top: 8px;
	display: inline-block;
	font-family: 'KBFGDisplayM';
}

.myservise .mystarclub .mystar-con .mystar-list {
	position: relative;
	text-align: center
}

.myservise .mystarclub .mystar-con .mystar-list dl {
	display: inline-block;
	width: 140px;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	margin-top: 37px;
}

.myservise .mystarclub .mystar-con .mystar-list dl+dl {
	border-left: 1px solid #eeeeee;
}

.myservise .mystarclub .mystar-con .mystar-list dl:first-child {
	border-left: none;
}

.myservise .mystarclub .mystar-con .mystar-list dl:last-child {
	border-right: none
}

.myservise .mystarclub .mystar-con .mystar-list dt {
	display: block;
	font-size: 20px;
	letter-spacing: -1px;
	color: #ffde33;
}

.myservise .mystarclub .mystar-con .mystar-list dd {
	font-size: 14px;
	line-height: 15px;
	color: #666;
	padding-top: 18px;
}

.myservise .mystarclub .mystar-con .mystar-bottom {
	position: relative;
	font-size: 16px;
	width: 428px;
	margin: 0 auto;
	margin-top: 35px;
	height: 55px;
	background-color: #f5f5f5;
	border-radius: 7px;
}

.myservise .mystarclub .mystar-con .mystar-bottom a {
	float: left;
	width: 50%;
	line-height: 28px;
	height: 28px;
	font-size: 16px;
	padding: 0 !important;
	margin-top: 14px;
	border-right: solid 1px #e6e6e6;
	color: #222;
	text-align: center;
}

.myservise .mystarclub .mystar-con .mystar-bottom a:last-child {
	border-right: none
}

.myservise .mygroup {
	float: left;
	clear: both;
	/*margin-top: 20px;*/ /*20230710 주석해제*/
	width: 470px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
	padding-bottom: 20px;
}

.myservise .mygroup:after {
	display: block;
	clear: both;
	content: '';
}

.myservise .mygroup .mygroup-head {
	width: 428px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	border-bottom: 0px solid #eeeeee;
}

.myservise .mygroup .mygroup-head p {
	font-size: 14px;
	color: #666;
}

.myservise .mygroup .mygroup-head span.head-tit {
	font-size: 21px;
	color: #222;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1;
	display: inline-block;
	margin-top: 8px;
	font-family: 'KBFGDisplayM';
}

.myservise .mygroup .strack {
	position: relative;
}

.mygroup-cal-list::-webkit-scrollbar {
	display: none;
}

.myservise .mygroup .mygroup-cal-list {
	/* height: 450px; */
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow-y: scroll;
	overflow-x: hidden;
}

.myservise .mygroup .mygroup-list {
	position: relative;
	overflow: hidden;
	padding: 10px;
	width: 430px;
	margin: 0 auto;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
}

.myservise .mygroup .list-mygroup {
	border-left: 8px solid #ffde33;
	min-height: 105px;
	display: table;
}

.myservise .mygroup .list-mygroup:nth-child(2) {
	border-left: 8px solid #ffde33;
	min-height: 105px;
}

.myservise .mygroup .list-mygroup:nth-child(3) {
	border-left: 8px solid #8c734b;
	min-height: 105px;
}

.myservise .mygroup .list-mygroup:nth-child(4) {
	border-left: 8px solid #60584c;
	min-height: 105px;
}

.myservise .mygroup .list-mygroup .list {
	display: table-cell;
	vertical-align: middle;
}

.myservise .mygroup .list-mygroup .list>dl>dt {
	padding: 13px 0 13px 8px;
}

.myservise .mygroup .list-mygroup .list>dl>dt .tg-btn {
	padding: 0 120px 0 0;
	font-size: 16px;
	color: #666;
}

.myservise .mygroup .list-mygroup .list>dl>dt .tg-btn .title {
	font-size: 20px;
	color: #222222;
    font-family: KBFGDisplayM;
}

.myservise .mygroup .list-mygroup .list>dl>dt .tg-btn .t-title {
	display: block;
	font-size: 15px;
	color: #666;
	width: 260px;
    font-family: KBFGDisplayM;
}

.myservise .mygroup .list-mygroup .list>dl>dd {
	margin: 0 -20px -10px -10px;
}

.myservise .mygroup .list-mygroup .list .edit-area {
	padding: 30px 20px 18px 20px;
	margin-top: 8px;
	background-color: #fbfbfb;
	color: #666;
	line-height: 20px;
	font-size: 16px;
}

.myservise .mygroup .list-mygroup .list .edit-area p {
	text-align: right;
	padding: 20px 14px;
}

.myservise .mygroup .list-mygroup .list .edit-area span.bl-co {
	color: #222222;
	font-family: KBFGDisplayB;
}

.myservise .mygroup .list-mygroup .list .edit-area p span.tit-m {
	font-size: 24px;
	color: #ffde33;
	letter-spacing: -1px;
}

.myservise .mygroup .list-mygroup .list .edit-area .btn-search {
	margin: 0 auto;
	display: block;
	text-align: center;
	padding: 0 15px;
	width: 195px;
	height: 44px;
	font-size: 16px;
	color: #666666;
	border: 1px solid #e1e1e1;
	background-color: #fbfbfb;
	border-radius: 7px;
}

.mygroup_ban {
	position: relative;
	float: left;
	clear: both;
	width: 470px;
	height: auto;
	margin-top: 20px;
	border-radius: 7px;
}

.mygroup_ban a {
	text-decoration: none;
	color: #fff;
}

.mygroup_ban h4 {
	margin: 0;
	padding-top: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #4d4d4f;
	letter-spacing: -1px;
}

.mygroup_ban p {
	line-height: 20px;
	margin-top: 15px;
	color: #4d4d4f;
	font-size: 16px;
}

.mygroup_ban img {

}

.list-my-box-l {
	display: block;
	clear: both;
}

.list-my-box-l>a>div.box {
	position: relative;
	margin: 20px 0 0 0px;
	width: 470px;
	height: 150px;
	padding: 9px;
	border: 1px solid #e3e3e3;
	background: #ffffff;
	position: relative;
	border-radius: 7px;
}

.list-my-box-l>a>div.box:after {
	clear: both;
	display: block;
	content: ""
}

.list-my-box-l>a>div.box>.img {
	text-align: center;
	border-radius: 7px;
	display: inline-block;
	vertical-align: middle;
	background: #f2f2f5;
	width: 130px;
	height: 130px;
	line-height: 130px;
	overflow: hidden
}

.list-my-box-l>a>div.box>.img img {
	width: 100%;
	height: 100%
}

.list-my-box-l>a>div.box>.txt {
	display: inline-block;
	width: 280px;
	vertical-align: middle;
	margin-left: 20px;
}

.list-my-box-l>a>div.box>.txt>p {
	font-size: 20px;
	color: #222;
	letter-spacing: -1px
}

.list-my-box-l>a>div.box>.txt>span {
	color: #666;
	font-size: 16px;
	font-weight: 200;
	display: block;
	margin: 10px 0 0
}

.list-my-box-l>a>div.box>.txt>em {
	color: #666;
	font-size: 16px;
	font-weight: 200;
}

.list-my-box-r {
	display: inline-block;
}

.list-my-box-r>a>div.box {
	position: relative;
	margin: 20px 0 0 20px;
	width: 470px;
	height: 150px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	background: #ffffff;
	position: relative;
	border-radius: 9px;
}

.list-my-box-r>a>div.box:after {
	clear: both;
	display: block;
	content: ""
}

.list-my-box-r>a>div.box>.img {
	text-align: center;
	border-radius: 9px;
	display: inline-block;
	vertical-align: middle;
	background: #f2f2f5;
	width: 120px;
	height: 125px;
	line-height: 125px;
	overflow: hidden
}

.list-my-box-r>a>div.box>.img img {
	width: 100%;
	height: 100%
}

.list-my-box-r>a>div.box>.txt {
	display: inline-block;
	width: 280px;
	vertical-align: middle;
	margin-left: 20px;
}

.list-my-box-r>a>div.box>.txt>p {
	font-size: 20px;
	color: #222;
	letter-spacing: -1px
}

.list-my-box-r>a>div.box>.txt>span {
	color: #666;
	font-size: 16px;
	font-weight: 200;
	display: block;
	margin: 10px 0 0
}

.list-my-box-r>a>div.box>.txt>em {
	color: #666;
	font-size: 16px;
	font-weight: 200;
}

.mygroup_ban_fot {
	position: relative;
	width: 960px;
	float: left;
	clear: both;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	color: #fff !important;
	padding: 20px;
	border-radius: 9px;
	margin-top: 20px;
	overflow: hidden;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li {
	float: left;
	margin-right: 60px;
	text-align: 50px;
	cursor: pointer;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:last-child {
	margin: 0;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li .ico {
	display: inline-block
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:nth-child(1) .ico {
	width: 74px;
	height: 74px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svpb-zl-02.cat') no-repeat 50% 50%;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:nth-child(2) .ico {
	width: 74px;
	height: 74px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svpb-zl-01.cat') no-repeat 50% 50%;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:nth-child(3) .ico {
	width: 74px;
	height: 74px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svpb-zl-03.cat') no-repeat 50% 50%;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li:nth-child(4) .ico {
	width: 74px;
	height: 74px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svpb-zl-04.cat') no-repeat 50% 50%;
}

.mygroup_ban_fot .mygroup_ban_fot_area ul li span {
	padding-left: 17px;
	font-size: 18px;
	color: #222;
	letter-spacing: -1px;
	vertical-align: middle;
}

/*나의활동*/
.myservise .myactive {
	float: right;
	margin-left: 20px;
	width: 470px;
	height: 450px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
}

.myservise .myactive .myactive-head {
	width: 430px;
	height: 95px;
	margin: 0 auto;
	padding: 20px 0;
}

.myservise .myactive .myactive-head p {
	font-size: 14px;
	color: #666;
	line-height: 1;
}

.myservise .myactive .myactive-head span.head-tit {
	font-size: 21px;
	color: #222;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1;
	display: inline-block;
	margin-top: 8px;
	font-family: 'KBFGDisplayM';
}

.myservise .myactive .mystar-history_wrap {
	width: 430px;
	height: 340px;
	margin: 0 auto;
	padding: 20px 20px;
}

.myservise .myactive .mystar-history_wrap .msg_list {
	width: 430px;
	height: 340px;
}

.myservise .myactive .mystar-history_wrap ul {
	height: 122px;
	border-left: 0px solid #eeeeee;
}

.myservise .myactive .mystar-history_wrap ul li.aircle {
	width: 430px;
}

.myservise .myactive .mystar-history_wrap ul li.aircle:before {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 7px;
	background-color: #ffde33;
	content: '';
}
/*history scrollbar*/
/*IE*/
.mystar-history_wrap2 {
	-ms-overflow-style: scrollbar;
	overflow-y: auto;
	scrollbar-base-color: #fff;
	scrollbar-face-color: #eee;
	scrollbar-3dlight-color: #fff;
	scrollbar-highlight-color: #eee;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #eee;
	scrollbar-shadow-color: #eee;
}
/*chrome*/
.myservise .myactive .strack {
	position: relative;
}

.mystar-history_wrap2::-webkit-scrollbar {
	width: 10px;
}

.mystar-history_wrap2::-webkit-scrollbar-thumb {
	background-color: #eee;
	border-radius: 10px;
}

.contain::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 1.3);
	box-shadow: inset 0 0 7px rgba(0, 0, 0, 1.3);
}

/*titmeline*/
.mystar-history_wrap2 {
	overflow-y: auto;
	padding: 0 30px 30px 30px;
	scrollbar-width: none;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 353px;
	margin-right: 7px;
}

.mystar-history_wrap2 .link-more {
	color: #b0b0b0;
	font-size: 14px;
	text-align: center;
	padding: 20px 0 10px 0;
	width: 100%;
}

.history_wrap {
	position: relative;
	box-sizing: border-box;
	font-size: 16px;
	border-bottom: solid 1px #ddd;
}

.history_wrap:before {
	position: absolute;
	top: 22px;
	bottom: 29px;
	left: 0;
	content: '';
	width: 2px;
	background-color: #e4e8eb;
}

.history_wrap:last-child {
	margin-top: 10px;
}

.timeline_ul {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0 0 25px 15px;
}

.history_wrap .history_line:before {
	position: absolute;
	top: 22px;
	left: -7px;
	background-color: #fff;
	border: 2px solid #ffde33;
	display: inline-block;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	vertical-align: top;
	content: '';
}

.history_line_date:before {
	position: absolute;
	top: 22px;
	left: -7px;
	background-color: #ffde33;
	display: inline-block;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	vertical-align: top;
	content: '';
}

.timeline_ul li {
	position: relative;
	padding-left: 20px;
	padding-top: 16px;
	color: #666;
}

.his_dotwr {
	display: inline-block;
}

.his_date {
	display: inline-block;
	color: #222;
}

.history_line a {
	text-decoration: underline;
	color: #ffde33;
}

.history_ban {
	margin-top: 20px;
	overflow: hidden;
	width: 339px;
	height: auto;
}

.history_ban a {
	text-decoration: none;
	color: #fff;
}

.history_ban h4 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.history_ban p {
	line-height: 20px;
	margin-top: 10px;
	color: #fff;
	font-size: 14px;
}

.history_ban img {
	border-radius: 9px;
}

/*나의계산함*/
.myservise .mycalculation {
	position: relative;
	float: right;
	clear: both;
	margin: 20px 0 0 0;
	width: 470px;
	/* height: 360px; */
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
	padding-bottom: 20px;
}

.myservise .mycalculation .mycalc-head {
	width: 430px;
	margin: 0 auto;
	padding: 20px 0;
}

.myservise .mycalculation .mycalc-head p {
	font-size: 14px;
	color: #666;
	line-height: 1;
}

.myservise .mycalculation .mycalc-head span.head-tit {
	position: relative;
	font-size: 21px;
	color: #222;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1;
	display: inline-block;
	margin-top: 8px;
	font-family: 'KBFGDisplayM';
}

.myservise .mycalculation .mycalc-head .link-more {
	position: absolute;
	top: 5px;
	right: -210px;
	padding: 0 13px 0 0;
	font-size: 14px;
	color: #b0b0b0;
}

.myservise .mycalculation .mycalc-head .link-more:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 7px;
	height: 7px;
	margin: -1px 0 0 0;
	border: solid #b0b0b0;
	border-width: 1px 1px 0 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform-origin: center;
	transform-origin: center;
}

.myservise .mycalculation .mycalc-con {
	position: relative;
	width: 430px;
	height: 188px;
	margin-left: 20px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 7px;
}

.myservise .mycalculation .mycalc-con .mycalc-con-head {
	padding: 28px 0 0;
	display: block;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
}

.myservise .mycalculation .mycalc-con .mycalc-con-head span {
	height: 24px;
	padding-left: 32px;
	color: #222222;
	font-size: 18px;
	line-height: 25px;
}

.myservise .mycalculation .containerWrap-left {
	position: relative;
	float: left;
	width: 430px;
	/* height: 183px; */
	margin: 0 0 8px 20px;
	background-color: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 7px;
}

.myservise .mycalculation .containerWrap-left .IcoTags {
	position: absolute;
	top: 0;
	left: 18px;
}

.myservise .mycalculation .containerWrap-left .IcoTags .ico-tag-di {
	position: relative;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	margin-right: 3px;
	display: inline-block;
	padding: 0 10px;
	background-color: #ffffff;
	font-size: 12px;
	color: #ffde33;
	border: 1px solid #ffde33;
	border-top: none;
	font-family: KBFGDisplayB;
	line-height: 30px;
	width: 78px;
}

.myservise .mycalculation .containerWrap-left p {
	text-align: center;
	font-size: 18px;
	padding-top: 72px;
	color: #222222;
}

.myservise .mycalculation .containerWrap-left .containerWrap-tit {
	display: block;
	padding: 35px 20px 10px 20px;
	text-align: left;
	line-height: 10px;
	border-bottom: 1px solid #eeeeee;
}

.myservise .mycalculation .containerWrap-left .containerWrap-tit span {
	letter-spacing: -0.01em;
	font-size: 18px;
	color: #222222;
	line-height: 1.2;
}

.myservise .mycalculation .containerWrap-left .item-box {
	position: relative;
	display: block;
	line-height: 1;
	padding: 20px;
}

.myservise .mycalculation .containerWrap-left .item-box:after {
	clear: both;
	display: block;
	content: ''
}

.myservise .mycalculation .containerWrap-left .item-box dl {
	float: left;
	width: 100%;
	display: table;
}

.myservise .mycalculation .containerWrap-left .item-box dl:last-child {
	float: right;
	text-align: right;
	margin-top: 8px;
}

.myservise .mycalculation .containerWrap-left .item-box dl dt {
	font-size: 14px;
	color: #666;
	text-align: left;
	width: 40%;
	display: table-cell;
	line-height: 1.2;
	vertical-align: middle;
}

.myservise .mycalculation .containerWrap-left .item-box dl dd {
	margin: 7px 0 0 0;
	font-size: 18px;
	color: #222222;
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}

.myservise .mycalculation .containerWrap-left .item-box dl dd span {
	font-size: 25px;
	font-family: KBFGDisplayB;
}

.myservise .mycalculation .mystar-bottom {
	position: relative;
	clear: both;
	width: 430px;
	margin: 0 auto;
	font-size: 16px;
	height: 55px;
	background-color: #f5f5f5;
	border-radius: 7px;
}

.myservise .mycalculation .mystar-bottom span a {
	float: left;
	width: 100%;
	line-height: 20px;
	height: 20px;
	font-size: 16px;
	padding: 0 !important;
	margin-top: 15px;
	border-right: solid 1px #e6e6e6;
	color: #3b3c3c;
	text-align: center;
}

.myservise .mycalculation .mystar-bottom a {
	float: left;
	width: 50%;
	line-height: 28px;
	height: 28px;
	font-size: 16px;
	padding: 0 !important;
	margin-top: 14px;
	border-right: solid 1px #e6e6e6;
	color: #222;
	text-align: center;
}

.myservise .mycalculation .mystar-bottom a:last-child {
	border-right: none
}

.myservise .mycalculation .mystar-bottom-prod {
	position: relative;
	clear: both;
	width: 430px;
	margin: 0 auto;
	font-size: 16px;
	height: 49px;
	background-color: #f5f7fb;
	border-radius: 7px;
}

.myservise .mycalculation .mystar-bottom-prod a {
	width: 100%;
	line-height: 20px;
	height: 20px;
	font-size: 16px;
	padding: 0 !important;
	margin-top: 15px;
	border-right: solid 1px #e6e6e6;
	color: #3b3c3c;
	text-align: center;
}

.myservise .my_msg {
	position: relative;
	float: right;
	width: 470px;
	height: 363px;
	margin-left: 20px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
}

.myservise .header_group {
	position: relative;
}

.myservise .header_group .h4_tit {
	padding-left: 20px;
}

.myservise .header_group span.txt {
	display: inline-block;
}

.myservise .my_msg .strack {
	position: relative;
	overflow: hidden;
}

.myservise .my_msg .msg_list {
	width: 470px;
	height: 363px;
	margin-top: 14px;
	padding: 0 20px;
	background-color: #ffffff;
	overflow: hidden;
}

.myservise .my_msg .msg_list li {
	border-top: 1px solid #ddd;
}

.myservise .my_msg .msg_list li.first {
	border-top: 0 none;
}

.myservise .my_msg .msg_list li a {
	display: block;
	padding: 10px 0;
}

.myservise .my_msg .strack .scroll {
	position: absolute;
	top: 16px;
	right: 20px;
	bottom: 20px;
	width: 2px;
	background-color: #ddd;
	overflow: hidden;
}

.myservise .my_msg .strack .scroll .bg_top, .myservise .my_msg .strack .scroll .bg_mid,
	.myservise .my_msg .strack .scroll .bg_btm {
	position: relative;
	background-color: #888;
}

.myservise .my_msg .strack .scroll .bg {
	display: block;
	background-color: #888;
	cursor: pointer;
}

.myservise .mybann {
	position: relative;
	float: right;
	clear: both;
	height: 55px;
	margin: 20px 0 0 0;
	width: 470px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
}

.myservise .mybann a {
	float: left;
	width: 50%;
	line-height: 29px;
	height: 29px;
	font-size: 16px;
	padding: 0 !important;
	margin-top: 12px;
	border-right: solid 1px #e6e6e6;
	color: #222222;
	text-align: center;
}

.myservise .mybann a:first-child:before {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 2px 5px 0 0;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svpb-oyvg-fgne.cat') no-repeat;
	vertical-align: top;
	content: '';
}

.myservise .mybann a:last-child {
	border-right: none
}

.myservise .mybann a:last-child:before {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 2px 5px 0 0;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svpb-oyvg-zl.cat') no-repeat;
	vertical-align: top;
	content: '';
}

/*마이페이지-웹회원*/
.myservise-web {
	position: relative;
	margin-top: 30px;
	display: inline-block;
}

.myservise-web:after {
	display: block;
	clear: both;
	content: "";
}

.myservise-web .myfav {
	width: 470px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
}

.myservise-web .myfav:after {
	display: block;
	clear: both;
	content: "";
}

.myservise-web .myfav .myfav-con .mystar-box {
	position: relative;
	overflow: hidden;
	width: 372px;
	margin-left: 55px;
	padding: 15px 0px 10px 0px;
}

.myservise-web .myfav .myfav-con .mystar-box li {
	float: left;
	text-align: center;
}

.myservise-web .myfav .myfav-con .mystar-box li:nth-child(1) a {
	font-size: 26px;
	color: #222222;
	width: 54px;
	height: 55px;
	line-height: 55px;
	background-color: #f5f7fb;
	border-radius: 50%;
}

.myservise-web .myfav .myfav-con .mystar-box li:nth-child(2) a {
	font-size: 26px;
	color: #666;
	margin-left: 80px;
	width: 54px;
	height: 55px;
	line-height: 55px;
	background-color: #f5f7fb;
	border-radius: 50%;
}

.myservise-web .myfav .myfav-con .mystar-box li:nth-child(3) a {
	background-position: 0 0;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svpb-oyvg-zl--.cat') no-repeat 13px
		13px;
	margin-left: 80px;
	width: 54px;
	height: 55px;
	line-height: 55px;
	background-color: #f5f7fb;
	border-radius: 50%;
}

.myservise-web .myfav .myfav-con .mystar-box li:nth-child(1) span {
	font-size: 18px;
	color: #666;
	display: block;
	margin-top: 13px;
	letter-spacing: -2px;
}

.myservise-web .myfav .myfav-con .mystar-box li:nth-child(2) span {
	font-size: 18px;
	color: #666;
	display: block;
	margin-top: 13px;
	margin-left: 70px;
	letter-spacing: -2px;
}

.myservise-web .myfav .myfav-con .mystar-box li:nth-child(3) span {
	font-size: 18px;
	color: #666;
	display: block;
	margin-top: 13px;
	margin-left: 70px;
	letter-spacing: -2px;
}

.myservise-web .myfav .myfav-con .mystar-box a {
	position: relative;
	display: block;
	text-align: center;
}

.myservise-web .list-my-2>a>div.box {
	position: relative;
	float: right;
	margin: 20px 0 0 0px;
	width: 470px;
	height: 150px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	background: #fcfcfc;
	position: relative;
	border-radius: 9px;
}

.myservise-web .list-my-2>a>div.box:after {
	clear: both;
	display: block;
	content: ""
}

.myservise-web .list-my-2>a>div.box>.img {
	text-align: center;
	border-radius: 9px;
	display: inline-block;
	vertical-align: middle;
	background: #f2f2f5;
	width: 120px;
	height: 125px;
	line-height: 125px;
	overflow: hidden
}

.myservise-web .list-my-2>a>div.box>.img img {
	width: 100%;
	height: auto
}

.myservise-web .list-my-2>a>div.box>.txt {
	display: inline-block;
	width: 280px;
	vertical-align: middle;
	margin-left: 20px;
}

.myservise-web .list-my-2>a>div.box>.txt>p {
	font-size: 20px;
	color: #222;
	letter-spacing: -1px
}

.myservise-web .list-my-2>a>div.box>.txt>span {
	color: #666;
	font-size: 16px;
	font-weight: 200;
	display: block;
	margin: 10px 0 0
}

.myservise-web .list-my-2>a>div.box>.txt>em {
	color: #666;
	font-size: 16px;
	font-weight: 200;
}

/*나의활동*/
.myservise-web .myactive {
	float: right;
	margin-left: 20px;
	width: 470px;
	height: 463px;
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	border-radius: 7px;
}

.myservise-web .myactive .myactive-head {
	width: 430px;
	height: 95px;
	margin: 0 auto;
	padding: 30px 0;
}

.myservise-web .myactive .myactive-head p {
	font-size: 14px;
	color: #666;
}

.myservise-web .myactive .myactive-head span.head-tit {
	font-size: 20px;
	color: #666666;
}

.myservise-web .myactive .mystar-history_wrap {
	width: 430px;
	height: 340px;
	margin: 0 auto;
	padding: 20px 20px;
}

.myservise-web .myactive .mystar-history_wrap .msg_list {
	width: 430px;
	height: 340px;
}

.myservise-web .myactive .mystar-history_wrap ul {
	height: 122px;
	border-left: 0px solid #eeeeee;
}

.myservise-web .myactive .mystar-history_wrap ul li.aircle {
	width: 430px;
}

.myservise-web .myactive .mystar-history_wrap ul li.aircle:before {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 7px;
	background-color: #ffde33;
	content: '';
}

.prd-title-2 {
	display: block;
	margin: 77px 0 17px;
	font-size: 20px
}

.table-unit {
	text-align: right;
	font-size: 12px;
	margin-top: -27px;
}

.guide {
	margin-top: 68px;
	text-align: center;
	color: #666666;
}

.btn-img-delete {
	position: relative !important;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb-qryrgr.cat') no-repeat;
	position: absolute;
	top: 0;
	right: -2px;
	left: -42px;
	width: 21px;
	height: 21px;
}

.insider {
	width: 960px;
	margin: 0 auto;
}

.insider:after {
	display: block;
}

/*상품소개컨텐츠*/
.tab-content {

}

.tab-content .tab-panels {
	width: 960px;
	margin: 0 auto;
}

.tab-content .tab-panels.active {
	display: block !important;
}

.p-product-list {
	margin-top: 90px;
}

.p-product-list .h2 {
	display: inline-block;
	margin: 22px 0 40px 7px;
	word-break: keep-all;
	line-height: 1.3;
	font-size: 28px;
}

.p-product-list .item-1 {
	position: relative;
	padding-left: 135px;
	vertical-align: top;
}

.p-product-list .item-1:before {
	width: 135px;
	height: 89px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svpb-ot.cat');
	background-repeat: no-repeat;
	content: '';
}

.p-product-list .txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 135px;
	height: 89px;
	font-size: 72px;
	font-weight: normal;
}

.p-product-list .img {
	display: block;
	width: 825px;
	height: auto;
}
/*.p-product-list img + img{margin:60px 0 0 0;}*/
.p-product-list .desc {
	color: #666666;
	margin: -30px 0 40px 7px;
	word-break: keep-all;
	font-size: 18px;
	line-height: 1.4;
}

.p-product-list .desc-comment {
	display: block;
	color: #666;
	margin: -30px 0 40px 7px;
	word-break: keep-all;
	font-size: 14px;
}

.p-product-list .desc-comment:before {
	display: inline-block;
	color: #666;
	margin: 0 5px 0 0;
	font-size: 14px;
	vertical-align: top;
	content: '※';
}

.p-product-list .desc-comment-1 {
	display: block;
	color: #666;
	margin: 20px 0 40px 22px;
	word-break: keep-all;
	font-size: 14px;
}

.p-product-list .desc-comment-1:before {
	display: inline-block;
	color: #666;
	font-size: 14px;
	text-indent: -18px;
	vertical-align: top;
	content: '※';
}
.p-product-guide {
	margin-top: 90px;
	display: inline-block;
	margin: 120px 0 40px 7px;
}
.p-product-list + .p-product-guide {margin-left: 0;}

.p-product-guide .item-1 {
	position: relative;
	/* margin-left: 135px; */
	vertical-align: top;
	border-top: 1px solid #ffa200;
	border-bottom: 1px solid #ffa200;
}

.p-product-guide .item-1 .notice {
	display: block;
	padding: 28px 29px 18px 29px;
	width: 825px;
	height: auto;
}

.p-product-guide .item-1 .notice strong.txt {
	font-size: 20px;
	color: #f46600;
}

.p-product-guide .item-1 .text-01 {
	font-size: 14px;
	color: #666666;
	padding: 0 29px 22px 20px;
}

.p-product-guide .item-1 .text-01>li {
	padding-left: 29px;
	text-indent: -19px;
	line-height: 1.4;
}

.p-product-guide .item-1 .text-01>li {
	margin: 10px 0 10px;
}

.p-product-guide .item-1 .text-01 span.yell-point {
	color: #ffa200 !important;
	padding-right: 3px;
}

.p-product-guide .item-1 .text-02 {
	font-size: 14px;
	color: #666666;
	padding: 0 29px 22px 20px;
}

.p-product-guide .item-1 .text-02>li {
	padding-left: 10px;
}

.ta-bottom {
	display: block;
	float: right;
	margin: 23px 0 0 0;
}

.ta-bottom dl {
	display: table;
	vertical-align: middle;
}

.ta-bottom dl dt {
	color: #666;
	font-size: 22px;
	display: table-cell;
}

.ta-bottom dl dd {
	font-size: 22px;
	color: #222222;
}

.info-msg {
	position: relative;
	display: block;
	padding-left: 15px !important;
	color: #666666;
	word-break: keep-all;
	font-size: 13px;
	text-align: left;
	margin-top: 24px;
}

.info-msg::before {
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	content: '※' !important;
}
/*내관심상품*/
.favor-list-wrap .tit {
	font-size: 34px;
	margin-top: 41px;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: KBFGDisplayB;
	color: #222222;
}

.favor-list-wrap .top-area {
	margin: 27px 0 0px 0;
	height: 48px;
	line-height: 48px;
	vertical-align: middle;
}

.favor-list-wrap .top-area:after {
	clear: both;
	display: block;
	content: '';
}

.favor-list-wrap .total {
	float: left;
	width: 50%;
	font-size: 18px;
	color: #222222;
}

.favor-list-wrap .board-list p {
	font-size: 18px;
	color: #222222;
	padding-top: 31px;
}

.favor-list-wrap .board-list p .ico-tag-di {
	border-radius: 3px;
	display: inline-block;
	padding: 0 5px;
	background-color: #ffffff;
	font-size: 12px;
	color: #ffde33;
	border: 1px solid #ffde33;
	font-family: KBFGDisplayB;
	vertical-align: text-top;
}

.favor-list-wrap .board-list span {
	font-size: 18px;
	color: #666666;
	padding-bottom: 31px;
	display: block;
}

.favor-list-wrap .board-list span.commt {
	text-align: center;
	padding-bottom: 0;
}

/*보험료계산함*/
.prem-list-wrap .tit {
	font-size: 34px;
	margin-top: 41px;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: KBFGDisplayB;
	color: #222222;
}

.prem-list-wrap .top-area {
	margin: 27px 0 31px 0;
	height: 48px;
	line-height: 48px;
	vertical-align: middle;
	border-bottom: 1px solid #222222;
}

.prem-list-wrap .top-area:after {
	clear: both;
	display: block;
	content: '';
}

.prem-list-wrap .total {
	float: left;
	width: 50%;
	font-size: 18px;
	color: #222222;
}

.prem-list-wrap .top-area .sort-box {
	float: right;
	width: 50%;
	text-align: right;
}

.prem-list-wrap .top-area .sort-box li {
	display: inline;
	font-size: 18px;
}

.prem-list-wrap .top-area .sort-box li:before {
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: -3px 5px 0 4px;
	background-color: #ddd;
	vertical-align: middle;
	content: '';
}

.prem-list-wrap .top-area .sort-box li:first-child:before {
	display: none;
}

.prem-list-wrap .top-area .sort-box li strong {
	color: #222;
}

.prem-list-wrap .top-area .sort-box li a {
	color: #666;
}

.prem-list-wrap .prod-list {
	position: relative;
	display: block; /*overflow: hidden;*/
}

.prem-list-wrap .prod-list .IcoTags {
	position: absolute;
	top: 0;
	left: 15px;
}

.prem-list-wrap .prod-list .IcoTags .ico-tag-di {
	position: relative;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	margin-right: 3px;
	display: inline-block;
	padding: 0 10px;
	background-color: #ffffff;
	font-size: 12px;
	color: #ffde33;
	border: 1px solid #ffde33;
	border-top: none;
	font-family: KBFGDisplayB;
	line-height: 30px;
	width: 78px;
}

.prem-list-wrap .prod-list .prod-head {
	border-bottom: 1px solid #eeeeee;
}

.prem-list-wrap .prod-list .prod-head dt .ico-tag-di {
	border-radius: 3px;
	margin-right: 3px;
	display: inline-block;
	padding: 0 5px;
	background-color: #ffffff;
	font-size: 12px;
	color: #ffde33;
	border: 1px solid #ffde33;
	font-family: KBFGDisplayB;
	line-height: 21px;
	vertical-align: text-top
}

.prem-list-wrap .close-smdv {
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sfzqi-pybfr.cat') no-repeat 0 0;
	background-size: 15px;
	display: block;
	height: 15px;
	width: 15px;
	color: #fff;
	font-size: 0px;
	position: absolute;
	right: 20px;
	top: 20px;
}

.prem-list-wrap .prod-list li {
	position: relative;
	overflow: hidden;
	float: left;
	width: 306px;
	margin: 0px 0 30px 0;
	border: 1px solid #eeeeee;
	border-radius: 7px;
	background-color: #fff;
}

.prem-list-wrap .prod-list li:first-child {
	margin-left: 0;
}

.prem-list-wrap .prod-list li:nth-child(2) {
	margin-left: 20px;
}

.prem-list-wrap .prod-list li:nth-child(3) {
	margin-left: 20px;
}

.prem-result {
	display: block;
	height: 59px;
	padding: 0 20px;
	border-bottom: 1px solid #eeeeee;
	text-align: center;
	font-size: 18px;
	color: #666666;
}
/*내보험료계산보관함*/
.prem-list-wrap ul li .prod-head dl {
	padding: 35px 20px 14px 20px;
}

.prem-list-wrap ul li .prod-head dl dt {
	font-size: 18px;
	color: #222222;
	font-family: KBFGDisplayB;
	width: 230px;
	line-height: 1.3;
	height: 50px;
}

.prem-list-wrap ul li .prod-head dl dd {
	margin: 5px 0 0 0;
	font-size: 14px;
	color: #666
}

.prem-list-wrap ul li .btn-area {
	clear: both;
	margin: 0 20px 20px 20px;
	display: block;
	border: 1px solid #ffde33;
	border-radius: 7px;
}

.prem-list-wrap ul li .btn-area:after {
	clear: both;
	display: block;
	content: '';
}

.prem-list-wrap ul li .btn-area a {
	font-size: 15px;
	line-height: 40px;
	float: left;
	width: 50%;
	height: 40px !important;
	padding: 0 !important;
	color: #666666;
	text-align: center;
}

.prem-list-wrap ul li .btn-area a:last-child {
	border-right: none;
}

.prem-list-wrap ul li .btn-area a:nth-child(1) {
	background-color: #ffc600;
	color: #ffffff;
}

.prem-list-wrap ul li .btn-area a:nth-child(2) {
	background-color: #ffffff;
	color: #fcaf17;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
}

.prem-list-wrap ul li .btn-prod {
	clear: both;
	margin: 0 20px 20px 20px;
	display: block;
	border: 1px solid #ffde33;
	border-radius: 7px;
}

.prem-list-wrap ul li .btn-prod:after {
	clear: both;
	display: block;
	content: '';
}

.prem-list-wrap ul li .btn-prod a {
	font-size: 15px;
	line-height: 40px;
	float: left;
	width: 100%;
	height: 40px !important;
	padding: 0 !important;
	color: #fcaf17;
	text-align: center;
}

.prem-list-wrap .prod-list .desc {
	position: absolute;
	left: 0;
	bottom: -54px;
	z-index: 10;
	width: 306px;
	height: 38px;
	padding: 8px 0;
	color: #fff;
	background-color: #000;
}

.prem-list-wrap .prod-list .desc:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-color: rgba(0, 0, 0, .6);
	transition: all .2s;
}

.prem-list-wrap .prod-list .premWrap {
	padding: 14px 20px 13px 20px;
}

.prem-list-wrap .prod-list .premWrap .item-box {
	position: relative;
	display: block;
	height: 70px;
}

.prem-list-wrap .prod-list .premWrap .item-box:after {
	clear: both;
	display: block;
	content: ''
}

.prem-list-wrap .prod-list .premWrap .item-box dl {
	float: left;
	width: 100%;
	display: table;
}

.prem-list-wrap .prod-list .premWrap .item-box dl:last-child {
	float: right;
	text-align: right;
}

.prem-list-wrap .prod-list .premWrap .item-box dl dt {
	font-size: 13px;
	color: #666;
	text-align: left;
	font-weight: normal;
	width: 40%;
	display: table-cell;
	line-height: 1.2;
	vertical-align: middle;
}

.prem-list-wrap .prod-list .premWrap .item-box dl dd {
	margin: 7px 0 0 0;
	font-size: 16px;
	color: #222222;
	text-align: right;
}

.prem-list-wrap .prod-list .premWrap .item-box dl dd span {
	font-size: 17px;
	font-family: KBFGDisplayB;
}

/*증권*/
.kb-stock-wrap .tit {
	font-size: 34px;
	margin: 41px 0 39px 0;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: KBFGDisplayB;
	color: #222222;
}

.kb-stock-wrap .top-area {
	margin-bottom: 19px;
}

.kb-stock-wrap .top-area .h4-tit {
	font-size: 20px;
	display: inline-block;
	margin: 0 20px 0 0;
}

.kb-stock-wrap .top-area .total {
	font-size: 18px;
	letter-spacing: -1px;
	color: #222222;
	letter-spacing: -0.03em;
}

.kb-stock-wrap .top-area .total em {
	color: #f68429;
}

/*내정보조회*/
.my-list-wrap .h3-tit {
	font-size: 34px;
	margin-top: 41px;
	line-height: 1.2;
	letter-spacing: -1px;
	font-family: KBFGDisplayB;
	color: #222222;
}

.my-list-wrap .h4-tit {
	font-size: 20px;
	display: block;
	margin: 77px 0 17px;
}

.product-container {
	position: relative;
	min-width: 960px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
}

.product-container:after {
	display: block;
	clear: both;
	content: "";
}

.product-container .birth {
	position: relative;
	float: left;
	height: 70px;
	border-radius: 3px;
	color: #222;
}

.product-container .birth label {
	font-size: 14px;
	font-family: KBFGDisplayB;
	color: #ffffff;
	display: none
}

.product-container .birth input[type=text] {
	font-family: KBFGDisplayM;
	width: 250px;
	height: 100%;
	font-size: 20px;
	border: none;
	background-color: transparent;
	text-align: left;
	border-radius: 3px;
	color: #ffffff;
}

.product-container .birth input[type=text]::placeholder {
	color: rgba(255, 255, 255, 1) !important;
}

.product-container .radio-check {
	float: left;
	margin-left: 8px;
	width: 200px;
	height: 70px;
}

.product-container label {
	position: relative;
	float: left;
	width: 50%;
	height: 70px;
	cursor: pointer;
}

.product-container .radio-check input[type=radio] {
	opacity: 0;
}

.radio-check span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 18px;
	text-align: right;
	padding: 22px 12px 0 0;
}

.radio-check label:nth-child(1) span {
	color: rgba(255, 255, 255, 0.6);
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Straqre_zna_bss.cat') no-repeat;
}

.radio-check label:nth-child(1) input:checked+span {
	color: #ffffff;
	text-align: right;
	padding-top: 22px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Straqre_zna_purpx.cat') no-repeat;
}
.radio-check label:nth-child(2) span {
	color: rgba(255, 255, 255, 0.6);
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Straqre_jbzna_bss.cat') no-repeat;
}

.radio-check label:nth-child(2) input:checked+span {
	color: #ffffff;
	text-align: right;
	padding-top: 22px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Straqre_jbzna_purpx.cat') no-repeat;
}
.radio-check.gender label input:checked+span {
	text-decoration: underline;
}
.product-container .button-cal {
	float: right;
	width: 230px;
	height: 70px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	background-color: rgba(34, 34, 34, 0.3);
}

.product-container .gender {
	width: 200px;
	margin: 0 8px 0 25px;
}

.input-select {
	position: relative;
}

.input-area .unit {
	float: left;
	width: 20px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	vertical-align: middle;
}

.input-area .unit.mask {
	margin: 0 0 0 10px;
	width: auto;
	letter-spacing: 5px;
}

.input-select:after {
	content: "";
	display: block;
	clear: both;
}

.btn-3x { /*margin:6px 0 0 6px;*/

}

.btn-3x.on {
	border-color: #ffde33;
	background-color: #ffde33;
	color: #222;
}

.ico-refer:before {
	display: inline-block;
	vertical-align: top;
	content: '\203B';
}

.btn-white {
	border: 1px solid #d8d8d8 !important;
	background-color: ffffff;
	color: #666666
}

/*modal-pop
.modal{position: fixed;top:50% !important;left:50%;display:none;width:600px;-webkit-transform: translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}*/
.modal.w-1 {
	width: 890px;
}

.modal-content {
	position: relative;
	margin: 0 auto;
	padding: 30px 30px 0;
	background-color: #eeeeee;
}

.modal-content>.modal-close {
	position: absolute;
	top: 0;
	right: -37px;
}

.modal-title {
	height: 72px;
	margin: -2px 0 0;
	font-family: KBFGDisplayB;
	font-size: 20px;
}

.modal-body-title+.table {
	margin-top: 4px;
}

.modal-table-unit {
	margin-bottom: 6px;
	vertical-align: top;
	text-align: right;
	line-height: 17px;
}

.body-scroll {
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 -30px;
	padding: 0 13px 0 30px;
}

.body-scroll.scroll01 {
	height: 414px;
}

.body-scroll.scroll05 {
	height: 476px;
}

.table-col th:first-child, .table-col td:first-child {
	border-left: 0;
}

.table-col th, .table-col td {
	padding: 8px 15px;
	text-align: center;
}

/*회원탈퇴*/
a.btn_joinout {
	display: block;
	float: right;
	margin-top: 50px;
	text-align: center;
	font-size: 16px;
	color: #666;
	border: 1px solid #eee;
	padding: 7px 20px;
}

.form-roww {
	font-size: 0;
}

.form-roww.type-1 .input-txt {
	width: calc(100% - 36px);
}

.form-roww.type-1 .input-txt:focus {
	border-color: #d8d8d8;
}

.form-roww.type-1.text1 .input-txt {
	text-align: right;
}

.form-roww.type-1.text1 .unit {
	width: 36px;
}

.form-roww .unit {
	display: inline-block;
	width: 24px;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
}

.form-roww.type-2 .input-txt {
	width: 150px;
	display: inline-block;
	border: 1px solid #d8d8d8;
	height: 32px;
	padding: 0 10px;
}

.form-roww.type-2 .input-txt:focus {
	border-color: #d8d8d8;
}

.form-roww.type-2 .cal-smdv {
	display: inline;
	padding-left: 30px;
}

.form-roww.type-2 .cal-smdv .input-radio {
	display: inline-block;
	vertical-align: middle;
}

.form-roww.type-2 .cal-smdv .input-radio+.input-radio {
	margin-left: 35px;
}

.form-roww.type-2 .cal-smdv .input-radio input {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.form-roww.type-2 .cal-smdv .input-radio input:checked+span::before {
	border: none;
	background: #ffde33;
}

.form-roww.type-2 .cal-smdv .input-radio input:checked+span::after {
	position: absolute;
	top: 4px;
	left: 4px;
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 2px solid #fff;
	border-radius: 50%;
	content: '';
	vertical-align: middle;
}

.form-roww.type-1 .input-txt:focus {
	border: 1px solid #d8d8d8;
}

.form-roww.type-3 .input-txt {
	width: 530px;
}

.form-roww.type-3 .btn {
	float: right;
}

.input-txt:hover, .input-txt:focus {
	border: 1px solid #222222;
}

.form-roww-1 {
	max-width: 515px;
	font-size: 0;
}

.list-prod-wrap::after {
	clear: both;
	display: block;
	content: '';
}

.list-prod-wrap li {
	float: left;
	height: 240px;
	width: 459px;
	float: left;
}

.list-prod-wrap li:nth-child(2) {
	margin-left: 30px;
}

.list-prod-wrap>li>div>p {
	font-size: 16px;
	color: #222;
	margin-bottom: 10px;
	padding-left: 9px;
	font-weight: 200;
}

/*회원탈퇴완료*/
.withdrawal_wrap {
	position: relative;
	width: 960px;
	padding: 184px 0 49px 0;
	border: 1px solid #eeeeee;
	text-align: center;
}

.withdrawal_wrap:before {
	position: absolute;
	top: 50px;
	left: 50%;
	display: block;
	width: 61px;
	height: 66px;
	content: '';
	transform: translateX(-50%);
}

.withdrawal_wrap.withdrawal::before {
	margin-top: 50px;
	display: block;
	width: 61px;
	height: 66px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Szlxoyvsr%2Svzt_jvguqenjny.cat') no-repeat 0 0;
	background-size: 61px;
	content: '';
}

.withdrawal_wrap .txt1 {
	display: block;
	margin-top: 20px;
	font-size: 28px;
	line-height: 38px;
}

.withdrawal_wrap .txt2 {
	position: relative;
	margin-top: 23px;
	padding-top: 28px;
	color: #666666;
	font-size: 15px;
}

.withdrawal_wrap .txt2:before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 39px;
	height: 1px;
	background-color: #ffde33;
	content: '';
	transform: translateX(-50%);
}

.withdrawal_wrap .info-noti {
	margin: 30px 0 0 0;
	font-size: 14px;
	color: #666666;
}

/*TABLE*/
table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.table {
	border-top: 1px solid #666666;
}

.table-row th, .table-row td {
	text-align: left;
}

.table th {
	background-color: #fcfcfc;
	color: #666666;
}

.table td {
	background-color: #FFFFFF;
	color: #222222;
}

.table th, .table td {
	height: 50px;
	padding: 10px 15px;
	border-bottom: 1px solid #eeeeee;
	text-indent: 0;
	font-weight: 400;
	font-size: 13px;
}
/*보험료잔액증명서 calendar
.datepicker-calendar .datepicker-table-wrapper .datepicker-table .table th,
.datepicker-calendar .datepicker-table-wrapper .datepicker-table .table td {border-bottom: 1px solid #eeeeee;text-indent: 0;font-weight: 400;font-size: 13px;height:0;padding:0;}*/
.datepicker-table-wrapper th, .datepicker-table-wrapper td {
	border-bottom: 1px solid #eeeeee;
	text-indent: 0;
	font-weight: 400;
	font-size: 13px;
	height: 0;
	padding: 0;
}

.select-box {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

.select-box .anchor {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 32px;
	padding: 0 30px 0 10px;
	border-bottom: 1px solid #d8d8d8;
	background: #FFFFFF;
	color: #222222;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 32px;
	position: relative;
}

.select-box .anchor:before {
	content: '';
	position: absolute;
	box-sizing: content-box;
	top: 50%;
	left: 100%;
	width: 6px;
	height: 6px;
	-webkit-transform: translate(-100%, -50%) rotate(45deg);
	transform: translate(-100%, -50%) rotate(45deg);
	margin-left: -2px;
	margin-top: -2px;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

.select-box .anchor::before {
	margin-left: -10px;
}

.select-box .anchor:focus, .select-boxx .anchor:hover {
	border-color: #222222;
}

.select-box.on .anchor, .select-box.active .anchor {
	z-index: 1;
	border-color: #222222;
	color: #222222;
	position: relative;
}

.select-box.on .anchor:before, .select-box.active .anchor:before {
	content: '';
	position: absolute;
	box-sizing: content-box;
	top: 50%;
	left: 100%;
	width: 6px;
	height: 6px;
	-webkit-transform: translate(-100%, -50%) rotate(45deg);
	transform: translate(-100%, -50%) rotate(45deg);
	margin-left: -2px;
	margin-top: 2px;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
}

.select-box.on .anchor::before, .select-box.active .anchor::before {
	margin-left: -10px;
	border-right: none;
	border-bottom: none;
}

.select-box.on .panel, .select-box.active .panel {
	display: block;
}

.select-box.disabled .anchor {
	border-color: #d8d8d8;
	background-color: #fcfcfc;
	color: #b0b0b0;
	cursor: default;
}

.select-box.disabled .anchor:hover, .select-box.disabled .anchor:focus {
	border-color: #d8d8d8;
}

.select-box.disabled .anchor::before {
	border-right-color: #666;
	border-bottom-color: #666;
}

.select-box .panel {
	position: absolute;
	top: 31px;
	left: 0;
	z-index: 3;
	display: none;
	overflow: auto;
	max-height: 196px;
	min-width: 100%;
	padding: 12px 0;
	border: 1px solid #222222;
	background-color: #FFFFFF;
}

.select-box .panel a {
	display: block;
	width: 100%;
	height: 34px;
	padding-left: 15px;
	padding-right: 30px;
	background: #FFFFFF;
	text-align: left;
	font-size: 13px;
	line-height: 34px;
	white-space: nowrap;
}

.select-box .panel a:hover, .select-box .panel a:focus {
	background-color: #ffde33;
}

.select-box.active .panel {
	display: block;
}

.input-check {
	display: inline-block;
	vertical-align: top;
}

.input-check+.input-check {
	margin-left: 35px;
}

.input-check input {
	position: absolute;
	display: inline-block;
	overflow: hidden;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.input-check input:checked+span::before {
	border: none;
	background: #ffde33;
}

.input-check input:checked+span::after {
	position: absolute;
	top: 10px;
	left: 3px;
	display: inline-block;
	width: 6px;
	height: 9px;
	margin: -8px 7px 0 2px;
	border-width: 2px;
	border-style: solid;
	border-color: transparent #222 #222 transparent;
	border-radius: 2px;
	content: '';
	vertical-align: middle;
	transform: rotate(45deg);
}

[type='checkbox'], [type='radio'] {
	box-sizing: border-box;
	padding: 0;
}

.input-check input:disabled+span {
	color: #b0b0b0;
	cursor: default;
}

.input-check input:focus+span {
	outline: 1px dotted #8d8d8d;
}

.input-check span {
	position: relative;
	display: inline-block;
	min-height: 16px;
	padding-left: 30px;
	vertical-align: top;
	font-size: 13px;
	line-height: 17px;
	cursor: pointer; /*color:#666666;*/
}

.input-check span.hidden {
	padding-left: 16px;
	font-size: 0;
}

.input-check span.p-color {
	color: #ff3333;
}

.input-check span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #8d8d8d;
	border-radius: 50%;
	background-color: #FFFFFF;
	content: '';
}

.input-check input:checked+span::before {
	border: none;
	background: #ffde33;
}

.input-check input:checked+span::after {
	position: absolute;
	top: 10px;
	left: 3px;
	display: inline-block;
	width: 6px;
	height: 9px;
	margin: -8px 7px 0 2px;
	border-width: 2px;
	border-style: solid;
	border-color: transparent #222 #222 transparent;
	border-radius: 2px;
	content: '';
	vertical-align: middle;
	transform: rotate(45deg);
}

.btn-4x.btn-gray {
	border: 1px solid #666;
	background-color: #666;
	color: #FFFFFF;
}

/*[cyb][접근성]*/
/* .btn-4x.btn-gray:hover, .btn-4x.btn-gray:focus {
	border-color: #aaaaaa;
	background-color: #aaaaaa;
} */

.btn-4x.btn-yellow {
	border: 1px solid #ffde33;
	background-color: #ffde33;
	color: #222;
}

.btn-4x.btn-yellow:hover, .btn-4x.btn-yellow:focus {
	border-color: #ffcc3e;
	background-color: #ffcc3e;
}

.btn-4x.btn-white {
	border: 1px solid #d8d8d8;
	background-color: #FFFFFF;
	color: #666666;
}

.btn-4x.btn-white:hover, .btn-4x.btn-white:focus {
	border-color: #666;
	background-color: #fcfcfc;
}
/* margin */
.ml20 {
	margin-left: 20px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt8 {
	margin-top: 8px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

/* 2025.03.07 추가 */
.mb7 {
  margin-bottom: 7px !important;
}

.txt-yellow {
	color: #ffde33 !important;
}

.f30 {
	font-size: 30px !important;
}

.h76 {
	height: 76px;
}

.h150 {
	height: 150px;
}

/*padding*/
.pt24 {
	padding-top: 24px;
}

.pr34 {
	padding-right: 34px;
}

/* common */
.float_lt {
	float: left !important;
}

.float_rt {
	float: right !important;
}

.va {
	vertical-align: middle;
}

.vb {
	vertical-align: bottom;
}

.vp {
	vertical-align: top !important;
}

.cb {
	clear: both;
}

.fb {
	font-weight: bold
}

.txt_c {
	text-align: center !important;
}

.txt_r {
	text-align: right !important;
}

.txt_l {
	text-align: left !important;
}

.bgcolor-p {
	background-color: #fff2f2 !important;
}

/* 210209 정보 수집ㆍ이용ㆍ제공에 관한 동의 v팝업*/
#popup_info2 {
	display: -webkit-flex;
	display: table;
	-ms-display: flexbox;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 0;
	left: -25%;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, .1);
}

#popup_info2 .contain {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	display: table-cell;
	vertical-align: middle;
}

#popup_info2 .pop_innerPer {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 574px;
	border-radius: 25px;
	background: #fff;
	position: relative;
}

#popup_info2 .contain:after {
	clear: both;
	display: block;
	content: ""
}

#popup_info2 .contain button.popup_close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 24px;
	height: 24px;
	background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Svpb_cbc_ovt_pybfr.cat') 50% 50%
		no-repeat;
}

#popup_info2 .contain .tit h2 {
	font-size: 18px;
	color: #666;
	margin: 0 0 10px;
	padding: 30px 30px 0 30px;
}

#popup_info2 .contain .content {
	padding: 0 60px;
}

#popup_info2 .contain .content .terms {
	margin: 29px 0;
	height: 434px;
	overflow-y: scroll;
}

#popup_info2 .contain .content .terms .desc-txt {
	font-size: 16px;
	margin-bottom: 20px;
	color: #666666;
	word-break: keep-all;
	letter-spacing: -1px;
	line-height: 26px;
}

.info-conts ~ .desc-txt {
	margin-top: 30px;
}

#popup_info2 .contain .content .terms .info-conts {
	margin-top: 17px;
	color: #666666;
	font-size: 16px;
}

#popup_info2 .contain .content .terms .info-conts p {
	position: relative;
	margin-top: 13px;
	font-size: 16px;
	padding-left: 15px;
	letter-spacing: -1px;
}

#popup_info2 .contain .content .terms .info-conts p:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '*';
}

#popup_info2 .contain .content .terms .info-conts p span {
	position: relative;
	display: block;
	padding-left: 15px;
	margin-top: 1px;
	letter-spacing: -1px;
	font-weight: 100;
}

#popup_info2 .contain .content .terms .info-conts p span:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '-';
}

#popup_info2 .contain .content .terms .info-conts p span:first-child {
	margin-top: 6px;
}

/* 온라인보험 - 메인 */
.pd-b0 {
	padding-bottom: 0 !important;
}

/* [cyb][접근성] */
/* #online-main button,  */
html [type='button'], [type='reset'], [type='submit']
	{
	-webkit-appearance: button;
}

#online-main .online-visual-wrap {
	width: 100%;
	height: auto;
	margin-bottom: 60px;
	margin-top: 30px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
	background: #ffffff;
}

#online-main .online-visual-wrap h1.title {
	position: relative;
	z-index: 1;
	margin: 0;
	padding-top: 53px;
	padding-bottom: 24px;
	font-size: 34px;
	line-height: 1;
}

#online-main .online-visual-wrap .product-sch-wrap {
	padding: 0px 190px;
	text-align: center;
}

#online-main .online-visual-wrap .product-sch-wrap .frm-area .frm-search
	{
	position: relative;
	border: none;
}

#online-main .online-visual-wrap .product-sch-wrap .frm-area .input-sch
	{
	width: 100%;
	padding: 0 53px 0 26px;
	border: 4px solid #ffc600;
	border-radius: 100px;
	font-size: 15px;
	color: #666;
	line-height: 60px;
	height: 60px;
}

#online-main .online-visual-wrap .product-sch-wrap .ico-search {
	position: absolute;
	top: 7px;
	right: 16px;
}

#online-main .online-visual-wrap .product-sch-wrap .btn-icon.ico-search span
	{
	border: 1px solid #ffde33;
}

#online-main .online-visual-wrap .product-sch-wrap .btn-icon.ico-search span:before
	{
	top: 14px;
	left: 11px;
	width: 8px;
	height: 1px;
	background: #ffde33;
}

#online-main .online-visual-wrap .product-sch-wrap .keyword-area {
	margin: 0 0 0 -90px;
	padding: 30px 0 0 0;
	width: 800px;
}

#online-main .online-visual-wrap .product-sch-wrap .keyword-area:after {
	clear: both;
	display: block;
	content: '';
}

#online-main .online-visual-wrap .product-sch-wrap .keyword-area a {
	float: left;
	display: block;
	margin: 10px 0 0 10px;
	padding: 0 25px;
	line-height: 38px;
	border: 1px solid #ffda71;
	border-radius: 70px;
	font-size: 15px;
	color: #222;
}

#online-main .online-visual-wrap .product-sch-wrap .keyword-area .active
	{
	background-color: #ffde33;
	border-color: #ffde33;
	color: #fff;
}

#online-main .online-visual-wrap .btn-ask-prd {
	margin-top: 44px;
	display: inline-block;
	line-height: 47px;
	width: 220px;
	background-color: #ffde33;
	border-radius: 100px;
	font-size: 18px;
	color: #ffffff;
}

#online-main .swiper-pagination-bullet {
	display: inline-block;
	margin-top: 6px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #ffde33;
	opacity: .5;
}

#online-main .swiper-pagination-bullet-active {
	width: 22px;
	background-color: #ffde33;
	opacity: 1;
}

#online-main .swiper-button-prev, #online-main .swiper-button-next {
	position: absolute;
	top: 50%;
	z-index: 10;
	margin-top: -22px;
	width: 27px;
	height: 44px;
	background-position: center;
	background-size: 27px 44px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#online-main .swiper-button-next, #online-main .swiper-container-rtl .swiper-button-prev
	{
	right: 20px;
	left: auto;
	background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sznva%2Svpb-arkg2.cat");
}

#online-main .swiper-button-prev, #online-main .swiper-container-rtl .swiper-button-next
	{
	right: auto;
	left: 20px;
	background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sznva%2Svpb-ceri2.cat");
}

#online-main section.services {
	padding: 80px 0 76px;
}

#online-main section.services .inside {
	border: 1px solid #eeeeee;
	border-radius: 4px;
}

#online-main section.services .inside::after {
	display: block;
	clear: both;
	content: "";
}

#online-main section.services h2 {
	display: block;
	padding: 38px 27px 27px 70px;
	font-size: 17px;
	margin: 0;
}

#online-main section.services .svc-list {
	display: inline-block;
}

#online-main section.services .svc-list::after {
	display: block;
	clear: both;
	content: "";
}

#online-main section.services .svc-list li {
	float: left;
	margin-left: 50px;
	text-align: center;
	font-size: 14px;
}

#online-main section.services .svc-list li:first-child {
	margin-left: 70px;
}

#online-main section.services .svc-list li a {
	color: #777777;
	line-height: 1.3;
}

#online-main section.services .svc-list li a::before {
	display: block;
	margin-bottom: 12px;
	width: 80px;
	height: 80px;
	border: 1px solid #d9d9d9;
	border-radius: 15px;
	background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Svfc%2Svpb_bayvar_fip.cat") no-repeat
		0 0;
	content: '';
}

#online-main section.services .svc-list li:nth-child(2) ::before {
	background-position-y: -84px;
}

#online-main section.services .svc-list li:nth-child(3) ::before {
	background-position-y: -160px;
}

#online-main section.services .svc-list li:nth-child(4) ::before {
	background-position-y: -240px;
}

#online-main section.services .svc-list li:nth-child(5) ::before {
	background-position-y: -320px;
}

#online-main section.services .contact {
	float: right;
	margin-top: -85px;
	width: 480px;
	padding: 0 30px;
	border-left: 1px solid #eeeeee;
}

#online-main section.services .contact li {
	position: relative;
	min-height: 80px;
	padding: 24px 0 19px 174px;
	color: #777777;
	font-size: 14px;
	line-height: 16px;
}

#online-main section.services .contact li:nth-child(n+2) {
	border-top: 1px solid #eeeeee;
}

#online-main section.services .contact strong {
	position: absolute;
	top: 24px;
	left: 0;
	display: block;
	color: #222222;
	font-size: 17px;
	line-height: 22px;
}

#online-main section.services .contact span {
	display: block;
	margin-bottom: 5px;
	color: #8c734b;
	line-height: 1;
	font-size: 24px;
}

#online-main section.services .contact span+a {
	margin-top: 0;
}

#online-main section.services .contact a {
	margin-top: 5px;
	color: inherit;
}

#online-main section.services .contact a:before {
	left: 120%;
	border-color: #ffde33;
}

#online-main section.etc {
	padding: 53px 0;
	background-color: #fafafa;
	font-size: 15px;
}

#online-main section.etc h2 {
	margin-bottom: 4px;
	text-align: center;
	font-size: 27px;
	margin-top: 0;
}

#online-main section.etc .kb-datas {
	margin-top: 56px;
	color: #8d8d8d;
}

#online-main section.etc .kb-datas::after {
	display: block;
	clear: both;
	content: "";
}

#online-main section.etc .kb-datas li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 15px;
	line-height: 1;
}

#online-main section.etc .kb-datas li strong {
	display: block;
	margin-top: 15px;
	color: #a09e9a;
}

#online-main section.etc .kb-datas li span {
	font-size: 60px;
	font-family: 'Century Gothic';
	line-height: 47px;
}

#online-main section.etc .kb-datas li+li {
	border-left: 1px solid #eae9e8;
}

#online-main section.etc .kb-datas li:nth-of-type(1) span {
	color: #60584C;
}

#online-main section.etc .kb-datas li:nth-of-type(2) span {
	color: #557360;
}

#online-main section.etc .kb-datas li:nth-of-type(3) span {
	color: #515b6d;
}

#online-main section.etc .kb-datas li:nth-of-type(4) span {
	color: #65516d;
}

/* 이벤트내 온라인보험 태그추가 */
.o_tag {
	background: #ffde33;
	color: #4d4d4f;
	padding: 3px 6px;
	border-radius: 3px;
	font-size: 15px;
}

.view-list .title .o_tag {
	margin-right: 5px;
}

.board-view .title .o_tag {
	margin-right: 5px;
}

/* 온라인보험 - 상품상세 하단버튼영엿 스타일수정 */
.btn-line {
	border: 1px solid #a0a0a0;
	background-color: #ffffff;
	color: #666;
}

/* 온라인보험 -  착한정기보험 */
.popup_comp .modal-footer {
	margin-top: 30px;
}

.popup_comp .insurance-item {
	margin-bottom: 20px;
}

/*210315 고객정보 일괄변경 작업*/
.agree-check-cont > h3 {padding-bottom: 15px;}
.check-list.type2:after {content: '';clear: both; display: block;}
.check-list.type2 li {width: 50%;float: left;}
.check-list.type2 li:nth-child(2n) {border-left: 1px solid #cccccc;}
.change_result .table-set {width: 500px;margin: 0 auto;padding-top: 30px;}
.change_result .table-set .table {margin-top: 20px;}
.change_result .table-set .table + h3 {margin-top: 40px;}
.change_result .table-set h3 {text-align: left;}

/*210427*/
#loanAllAgreementDetail .modal-content {background-color: #fff !important; }
#loanAllAgreementDetail .modal-header {border-bottom: 1px solid #666666;}
#loanAllAgreementDetail .modal-title {height: 55px;}
#loanAllAgreementDetail .modal-body {padding-top: 20px;}
#loanAllAgreementDetail .modal-body-title + .table {margin-top: 10px;}
#loanAllAgreementDetail p + .item {margin-top: 20px;}
#loanAllAgreementDetail .item .modal-agree-wrap {padding: 25px 0;}
#loanAllAgreementDetail .modal-footer > button {margin-top: 30px !important;}


/*210524 개인정보활용동의*/
.ml15 {margin-left:15px !important;}

.mb-0 {margin-bottom: 0 !important;}
/* .mt-0 {margin-bottom: 0 !important;} 231107 속성이 클래스명이랑 맞질않고 공통 css 및 위에 속성이랑 겹침 */
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}

.mgti-15 {margin-top:15px !important;}
.mgti-50 {margin-top:50px !important;}
.mgt-mus-20 {margin-top:-20px;}
.wd-500 {width:500px !important;}

.bd-0 {border-bottom: 0 !important;}
.pl-25 {padding-left: 25px !important;}
.agree-check-cont.type-radio {position: relative;}
.agree-check-cont.type-radio .check-list {padding: 0 10px 10px 10px;}
.agree-check-cont.type-radio .check-list li {font-size: 13px;color: #666;}
.agree-check-cont.type-radio .check-list li:after {content: '';clear: both;display: block;}
.agree-check-cont.type-radio .check-list li {width: 100%;}
.agree-check-cont.type-radio .check-list li .chck-tit-wrap.w-lg {width: 500px;display: inline-block;margin-left: -20px;}
.agree-check-cont.type-radio .check-list li .chck-tit-wrap.w-sm {width: 388px;display: inline-block;}
.agree-check-cont.type-radio .check-list li .chck-tit-wrap {padding-top: 8px;}
.agree-check-cont.type-radio .check-list li .chck-tit-wrap.w-lg + .btn:after {content: '';clear: both;display: block;}
.agree-check-cont.type-radio .check-list li .chck-tit-wrap.w-lg + .btn + .chck-tit-wrap.w-sm {padding-top: 15px;}
.agree-check-cont.type-radio .check-list li .table-row {margin: 0 -20px 0;}
.agree-check-cont.type-radio .check-list li .table-row + .chck-tit-wrap.w-sm, .agree-check-cont.type-radio .check-list li .table-row + .chck-tit-wrap.w-lg {padding-top: 20px;}
.agree-check-cont.type-radio .check-list li .chck-tit-wrap > .chck-tit {float: left;}
.agree-check-cont.type-radio .check-list li .chck-tit-wrap > .chck-tit::before {content: none;}
.agree-check-cont.type-radio .check-list li .chck-tit-wrap .form-row {float: right;margin-top: 0;}
.grade_wrap {margin: 27px 0 27px 0;width: 50%;}
.grade_wrap ul:after {content: '';display: block;clear: both;}
.grade_wrap ul li {float: left;width: 16%;position: relative;margin-left: 2%;}
.grade_wrap ul li:nth-child(2) {width: 22%;padding-right: 2%;}
.grade_wrap ul li > span {padding-left: 27px;line-height: 20px;}
.grade_wrap ul li > span::before {content: '';width: 20px;height: 20px;border-radius: 100%;position: absolute;top: -1px;left: 0;}
span[class^="tag_col"] {position: relative;}
span[class^="tag_col"]::before {content: '';width: 20px;height: 20px;border-radius: 100%;position: absolute;top: -1px;left: 0;}
span.tag_col1::before {background-color: #00b0f0;}
span.tag_col2::before {background-color: #4fb347;}
span.tag_col3::before {background-color: #f9ea23;}
span.tag_col4::before {background-color: #ffde33;}
span.tag_col5::before {background-color: #ff0000;}
.check-list span[class^="tag_col"] {color: transparent;text-indent: -99999px;}
.check-list span[class^="tag_col"]::before {width: 11px;height: 11px;top: 3px;left: 5px;}
.agree-semi-tit {margin-top: 20px;}
.agree-semi-tit h3 {display: inline-block;margin-top: 8px;vertical-align: middle;}
.agree-semi-tit span.btn {float: right;vertical-align: middle;display: inline-block;}
.agree-semi-tit:after {content: '';display: block;clear: both;}
.scroll-auto {overflow-y: auto;height: 494px;}
.isrc-title02 + .text-list09 {margin-top: 20px;}
#agreePop_2 .form-row {margin-top: 0;}
#simpleRevivalSubscription02_1 table td, #agreeDetailModal table td, #agreeTerms1 table td, #agreeTerms2 table td, #agreeTerms3 table td, #agreeTerms4 table td, #agreeTerms5 table td, #agreeTerms6 table td{color: #666;}
.qr-code {width: 80px;position: absolute;top: 72px;right: 30px;}

/*210527 보험금청구 상세동의서*/
.agreeArea {margin:13px 0 50px 0;text-align: left;padding: 20px;background-color: #f7f3e8;}
.agreeArea:after {content: '';clear: both;display: block;}

/*210611 로그인페이지 수정*/
#login {width: 960px;text-align: center;font-size: 0;}
#login:after {content: '';clear: both;display: block;}
#login .login-wrap {display: inline-block;vertical-align: top;margin: 0 auto;}
#login .webLogin {padding-left: 100px;width: 528px;position: relative;font-size: 0;}
#login .webLogin:before {content: '';display: block;height: 533px;position: absolute;top: 100px;left: 50px;width: 1px;background-color: #eeeeee;}
#login .login-wrap > h1 {font-size: 28px; margin-top: 100px !important; margin-bottom: 80px !important; }
#login .financeLogin > h1 {width: 430px;}
#login .login-wrap .login-list01 li {position: relative;width: 100%;height: 90px;display: table;border: 1px solid #eeeeee; vertical-align: middle;border-radius: 11px;background-color: #fff;-webkit-box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.07);box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.07);font-family: "KBFGDisplayM";font-size: 12px;color: #666;text-align: center;margin-bottom: 20px;}
#login .login-wrap .login-list01 li:hover {border-color: #ffde33;cursor: pointer;transition: .25s;}
#login .login-wrap .login-list01 li * {font-family: 'KBFGDisplayM';}
#login .login-wrap .login-list01 li .login-icn:before {content: '';background-position: center center;background-size: 37px 47px;background-repeat: no-repeat;position: absolute;left: 30px;top: 20px;width: 37px;height: 47px;}
#login .login-wrap .login-list01 li:nth-child(2) #btnCertNewOrMod {position:absolute; top:27px; left:200px;}
#login .login-wrap .login-list01 li:nth-child(4) .login-icn {width: 190px;}
#login .login-wrap .login-list01 li:nth-child(1) .login-icn:before {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpa_preg_01.cat');}
#login .login-wrap .login-list01 li:nth-child(2) .login-icn:before {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpa_preg_02.cat');}
#login .login-wrap .login-list01 li:nth-child(3) .login-icn:before {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpa_preg_03.cat');}
#login .login-wrap .login-list01 li:nth-child(4) .login-icn:before {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpa_preg_04.cat');}
#login .login-wrap .login-list01 li:nth-child(4) {margin-bottom: 0;}
#login .login-wrap .login-list01 li span, #login .login-wrap .login-list01 li p {display: table-cell;vertical-align: middle;text-align: left;font-family: 'KBFGDisplayM';}
#login .login-wrap .login-list01 li span {padding-left: 90px;font-size: 16px;font-weight: 500;color: #222;line-height: 20px;}
#login .login-wrap .login-list01 li p {color: #666;line-height: 20px;}
#login .login-wrap .login-list01 li a.btn-2x {display: table-cell;vertical-align: middle;width: 130px;text-align: left;}
#login .login-wrap .login-list01 li span .txt-sm {font-size: 14px;}
#login .login-wrap .login-list01 li .tooltip {position: absolute;top: 50%;right: 30px;margin-top: -6px;}
#login .login-wrap .login-list01 li .tooltip .anchor {float: right;}
#login .login-wrap .login-list02 {margin-bottom: 80px;height: 133px;display: inline-block;text-align: center;}
#login .login-wrap .login-list02:after {content: '';clear: both;display: block;}
#login .login-wrap .login-list02 li {width: 90px;float: left;text-align: center;}
#login .login-wrap .login-list02 li:not(:first-child) {margin-left: 22px;}
#login .login-wrap .login-list02 li button {width: 90px;height: 90px;margin-bottom: 20px;background-repeat: no-repeat;background-size: 90px !important;background-position: center;}
#login .login-wrap .login-list02 li button:hover {opacity: 0.5;transition: .35s;}
#login .login-wrap .login-list02 li:nth-child(1) button {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-z-xnxnb.cat');}
#login .login-wrap .login-list02 li:nth-child(2) button {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-z-anire.cat');}
#login .login-wrap .login-list02 li:nth-child(3) button {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-z-snprobbx.cat');}
#login .login-wrap .login-list02 li:nth-child(4) button {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sybtva%2Svpb-z-rznvy.cat');}
#login .login-wrap .login-list02 li button + span {color: #222;font-weight: 500;font-size: 16px;}
#login .login-wrap .login-list02 + p {color: #666;text-align: center;font-size: 13px;}
#login .login-wrap .login-list02 + p > strong {color: #222222;line-height: 20px;}
#login .login-wrap .login-list02 + p {margin-bottom: 78px;}
#login .login-wrap .login-list02 + p + .btn_join {width: 430px;height: 90px;border: 1px solid #eeeeee;border-radius: 11px;background-color: #fff;-webkit-box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.07);box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.07);font-size: 16px;color: #222;text-align: center;}
#login .login-wrap .login-list02 + p + .btn_join:hover {border-color: #ffde33;cursor: pointer;transition: .35s;}

/* 210701 FAQ개선 */
.faq_only h1.rel {position: relative;}
.search-wrap {position: relative;}
.faq_only .tab-faq {margin-top: 60px !important;}
.registBtn {position: absolute;top: 0;right: 0;padding: 0px 25px;background-color: #ffde33;line-height: 38px;font-family: KBFGDisplayB;border-radius: 70px;font-size: 14px;color: #222;}
.recommend-word {margin-top: 15px;}
.recommend-word h3 {float: left;line-height: 40px;margin: 0 20px 0 0;}
.recommend-word ul:after {content: '';display: block;clear: both;}
.recommend-word ul li {float: left; }
.recommend-word ul li a {display: block;margin: 0 0 0 10px;padding: 0 25px;line-height: 38px;border: 1px solid #ffde33;border-radius: 70px;font-size: 15px;color: #222;}

/* 210813 롤링배너 */
.online-visual-wrap.main {
	float: left;
	width: calc(50% - 20px);
	height: auto;
	margin-bottom: 60px;
	margin-top: 30px;
	padding-right: calc(( 100% - 960px)/2);
	padding-left: calc(( 100% - 960px)/2);
	background: #ffffff;
}
.online-visual-wrap.main .swiper-container {padding: 0;}
.online-visual-wrap.main h1.title {
	position: relative;
	z-index: 1;
	margin: 0;
	padding-top: 53px;
	padding-bottom: 24px;
	font-size: 34px;
	line-height: 1;
}
.online-visual-wrap.main .swiper-pagination-bullet {
	display: inline-block;
	margin-top: 6px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #ffde33;
	opacity: .5;
}

.online-visual-wrap.main .swiper-pagination-bullet-active {
	width: 22px;
	background-color: #ffde33;
	opacity: 1;
}
.online-visual-wrap.main + .online-visual-wrap.main {margin-left: 40px;}
.online-visual-wrap.main .swiper-slide a {width: 100%;}
.online-visual-wrap.main .swiper-slide a > img {width: 100%;}
.online-visual-wrap.main .swiper-button-next, .online-visual-wrap.main .swiper-container-rtl .swiper-button-prev{right: 24px;left: auto;background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sznva%2Svpb-arkg2.cat");}
.online-visual-wrap.main .swiper-button-prev, .online-visual-wrap.main .swiper-container-rtl .swiper-button-next{right: auto;left: 24px;background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2S..%2S..%2Serf%2Scp%2Svzt%2Sznva%2Svpb-ceri2.cat");}
.online-visual-wrap.main .swiper-pagination-bullet {display: inline-block;margin-top: 6px;width: 8px;height: 8px;border-radius: 4px;background-color: #fff;opacity: .5;}
.online-visual-wrap.main .swiper-pagination-bullet-active {width: 22px;background-color: #fff;opacity: 1;}

/*추가*/
.online-visual-wrap.main .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 8px;}

/*210830 통화량 안내*/
#guideToArs .modal-title {height: 48px;}
#guideToArs .table-row.text-center tr td, #ARS-Alert .table-row.text-center tr th {text-align: center;}
#guideToArs .tel-wrap {background-color: #fff;padding: 11px 25px;}
#guideToArs .tel-wrap:before { content: '';vertical-align: middle;display: inline-block;width: 38px;height: 37px;background-size: 100%;background-repeat: no-repeat;background-position: 0 0;background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-nef.cat");}
#guideToArs .tel-wrap ul {display: inline-block;vertical-align: middle;}
#guideToArs .tel-wrap ul li {float: left;font-size: 15px;padding: 10px 19px;color: #898989;}
#guideToArs .tel-wrap ul li > span {color: #8c734b;}
#guideToArs .tel-wrap ul li + li {border-left: 1px solid #eeeeee;}
#guideToArs .ars-conts {margin-top: 25px;padding-bottom: 5px;}

/*211129 금융소비자보호 우수사례*/
.carousel-example .carousel-list li .text + .h2, .carousel-example .carousel-list li .h2 + .h2, .carousel-example .carousel-list li .table.table-col + .h2 {position: relative;}
.carousel-example .carousel-list li .text + .h2:before, .carousel-example .carousel-list li .h2 + .h2:before, .carousel-example .carousel-list li .table.table-col + .h2:before {content: '';margin-top:-39px;width: 100%;height: 1px;background-color: #222;display: inline-block;position: absolute;top: 0px;}

/*210915 보험계약대출_상품설명서p*/
.text-list07.fs-12 li, .table.fs-12 tr td, .table.fs-12 tr th {font-size: 12px;}
.info-text10 {margin-bottom: 29px;padding-bottom: 15px;border-bottom: 1px solid #666666;line-height: 18px;font-size: 17px;}

/*210929 DFP 상담신청페이지*/
.dfp_top_bg {padding-bottom: 13px;}
.btn-4x.btn-dfp {width: 200px;height: 46px;padding: 12px 0;text-align: center;font-size: 15px;background-color: #fdb813;color: #222222;font-family: KBFGDisplayB;cursor: pointer;}
.btn-4x.btn-dfp:hover, .btn-4x.btn-dfp:focus {background-color: #ffcc3e;}
.dfp_regist_wrap .agree-wrap {margin-top: 60px;}
.dfp_regist_wrap .agree-wrap + .button-wrap {margin-top: 90px;}

/*211109 DFP 상담신청하기*/
.cous-regist p {font-size: 14px;}
.cous-regist p.txt2 {padding-top: 20px;}
.cous-regist p.txt3 {color: #4f83bf;padding-top: 40px;font-size: 13px;}
.inBtn p {display: inline-block;vertical-align: middle;}
.inBtn .btn-sm-yellow {margin-left: 6px;display: inline-block;vertical-align: middle;background-color: #ffde33;padding: 5px 10px;color: #222;font-size: 13px;border-radius: 5px;display: inline-block;vertical-align: middle;}

/* 20221101 KB국민인증서 add */
/* .ml15 {margin-left:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mgti-15 {margin-top:15px !important;}
.mgti-50 {margin-top:50px !important;}
.mgt-mus-20 {margin-top:-20px;}
.wd-500 {width:500px !important;} */
.box-info-area {margin-top:15px !important; border-bottom:1px solid #666666;}
.box-info {text-align:center; padding:35px 30px 14px; background:#fffae5;}
.box-info .txt-t1 {font-size:18px; line-height:22px;}
.box-info .txt-lnk2 a {font-size:12px; color:#666;}

#popup_mobcert1 .form .input-filed {margin:0 0 25px;}
#popup_mobcert1 .form .form-row {margin-top: 15px !important;}
#popup_mobcert1 .contain .contents .field .txt2 {font-size:14px; line-height:18px; color:#ff0000;}
#popup_mobcert1 .contain .contents .field p.tt2 {font-size: 12px; color:#666; margin:7px 0 0}
#popup_mobcert1 .contain .contents p.txt_2 {font-size:18px; color:#222;	line-height:25px; margin-top:35px;}
#popup_mobcert1 .contain .contents .txt-c7 {color:#777 !important;}

.popup-scroll {overflow-y:auto; height:550px;	overflow-x:hidden;	width:95%; margin:0 0 0 28px;}

/* button add */
#popup_mobcert1 .contain button.btn-cert-st01 {width:100%; background-color:#ffde33; height:55px;	line-height:55px;	text-align:center; font-size:18px;	border-radius:30px; color:#000;}

.tri_cert {margin:8px auto 12px; padding:5px 0; background-color:#eee; width:100%; text-align:center}
.tri_cert img {max-width:345px;}
.txt-btn-01 {margin:9px 0 0 0; font-size:12px; color:#666; text-align:right;}
section.conts-area2.txt-center {position:relative;}
section.conts-area2.txt-center::after {content:""; display:block; clear:both;}

.list-chk-info .ico_check_1{position:absolute; top:0; left:0; width:0px; height:0px; opacity:0;}
.list-chk-info li {position:relative; border:1px solid #eee; padding:15px;}
.list-chk-info li > input + span {color:#222; padding-left:22px; font-size:16px; line-height:15px; word-break:break-all; vertical-align:middle; transform:translateY(-1px);}
.list-chk-info li + li {margin:5px 0;}
.list-chk-info li > input + span::before {background:transparent; border-color:transparent;}
.list-chk-info li > input + span::before {width:0; height:0; background:transparent;border-color:transparent;}
.list-chk-info li > input + span::before, .list-chk-info li > input + span::after {content:""; position:absolute; top:50%;}
.list-chk-info li > input[type="checkbox"] + span::after {border-color:#222;}
.list-chk-info li > input[type="checkbox"] + span::after {left:5px; margin-left:14px; margin-top:-2px; width:10px; height:6px; border:solid #222; border-width:0 0 1px 1px; -webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);}

.agree-chk .check-txt {font-size:14px; color:#777; line-height:25px;}
.agree-chk {padding-left:32px !important;}

/* 주소형식변경에 확인버튼이 박스 밖으로 나가는 현상 때문에 주석처리함(230102) */
/* .body-scroll.scroll07 {height:536px;} */  /* popup scroll 높이 추가  */

/* ie 9버전~ */
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
	.list-chk-info li span::after {margin-left:0 !important;}
}
@media screen and (min-width:0\0) {
	.list-chk-info li span::after {margin-left:0 !important;}
}
/* //20221101 KB국민인증서 */

/*****************************/

/* 2022.08 - 통합 구축 */

/*****************************/

#login .login-inner {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 50px;}
#login .login-wrap {width: 430px !important; margin: 0 !important; padding: 0 !important; font-size: 14px;}
#login .login-wrap h2 {margin: 0 0 7px; font-size: 28px; text-align: center !important;}
#login .financeLogin h2 {margin-bottom: 50px;}
#login h2.stit {font-size: 20px; font-family: KBFGDisplayM;}
#login .webLogin {display: flex; align-content: space-between; align-self: stretch; flex-wrap: wrap;}
#login .webLogin::before {left: -50px !important; top:5px; bottom: 0; height: auto !important;}
#login .webLogin p {color: #666; font-family: KBFGDisplayL;}
#login .login-wrap .block + .block {padding-top: 50px; border-top: 1px solid #eee;}
#login .login-wrap .btn_join {width: 430px;height: 90px;border: 1px solid #eeeeee;border-radius: 11px;background-color: #fff;-webkit-box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.07);box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.07);font-size: 16px;color: #222; margin-top: 30px; padding-left: 90px; line-height: 88px; text-align: left;}
#login .login-wrap .btn_join:hover {border-color: #ffde33;cursor: pointer;transition: .35s;}
#login .login-wrap .btn_join.ico_pru {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb_ov_plore02.cat') no-repeat 32px center;}
#login .login-wrap .btn_join.ico_hp {background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpa_preg_04.cat') no-repeat 32px center;}

.product-top-wrap .btn-area {bottom: 0 !important;}

.ask-block {position: relative;}
.ask-copy {display: inline-block; position: absolute; left: 50%; top: -93px; width: 260px; padding: 32px 0 10px; border-radius: 10px; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Spv_cnegare_1.cat'); background-position: center 10px; background-repeat: no-repeat; text-align: center; transform: translateX(-50%);}
.ask-copy::after {content: ''; position: absolute; left: 50%; bottom: -4px; width: 10px; height: 10px; transform: translateX(-50%) rotate(45deg);}
.ask-copy .txt {color: #fff175;}
.ask-copy .sub-txt {margin-top: 4px; font-size: 10px; color: #fff;opacity: .5;}
.contain.type-1 .ask-copy {background-color: #fcb300; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Spv_cnegare_2.cat');}
.contain.type-1 .ask-copy::after {background-color: #fcb300;}
.contain.type-1 .ask-copy .txt {color: #222;}
.contain.type-2 .ask-copy,
.contain.type-2 .ask-copy::after {background-color: #0092bb;}
.contain.type-3 .ask-copy,
.contain.type-3 .ask-copy::after {background-color: #118a88;}
.contain.type-4 .ask-copy,
.contain.type-4 .ask-copy::after {background-color: #9178d6;}

/* 마이페이지 mypage */
.my-topbox-new {
    position: relative;
	margin: -40px 0 30px;
	padding: 0 20px;
    width: 100%;
    border: 1px solid #eeeeee;
    border-radius: 7px;
    background-color: #ffffff;
    box-shadow: rgb(213 213 213 / 50%) 1px 1px 19px 0px;
    z-index: 99;
}
.my-topbox-new section {
    min-height: 150px;
	padding: 25px 0;
}
.my-topbox-new section + section {
	border-top: 1px dashed #ccc;
}
.my-topbox-new .copy {
	color: #666;
    font-size: 14px;
}
.my-topbox-new .my-item {
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
	padding-top: 24px;
}
.my-item > li {
	text-align: center;
}
.my-item .item {
	display: block;
    color: #666;
    font-size: 14px;
}
.my-item .val {
    color: #222;
    font-size: 14px;
}
.my-item .val strong {
	display: inline-block;
    color: #ffde33;
    font-size: 20px;
	font-family: KBFGDisplayB;
}

.myservise {
	margin-top: 0 !important;
}

/* 상품 searchProduct05 - 온라인보험 예외 */
/* .product-list-wrap .top-area + .prod-list .product-div-wr dl > dd {
	display: none;
}
.product-list-wrap .top-area + .prod-list .product-div-wr dl > dt {.product-bottom .product-result-view .ico-wrap p
	margin-bottom: 65px;
} */
.product-top-wrap .title {
	width: 62%;
	word-break: keep-all;
}
.product-top-wrap .title.productTitle {
	font-size: 32px !important;
}
.product-list-wrap ul li dl dt > a {
    display: -webkit-box;
	text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.p-product-list .h2 {
	display: block;
	margin: 20px 0 24px 0 !important;
}
.p-product-list .info {
	position: relative;
	margin: 12px 0 24px;
	padding: 0 0 0 16px;
	color: #666666;
	font-size: 18px;
	line-height: 1.4;
	word-break: keep-all;
}
.p-product-list .info::before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #666;
}
.p-product-list .h2 + .info {
	margin-top: 0;
}
/* .p-product-list .h2 + .table {
	margin-top: -12px;
} */
.p-product-list .remark {
	margin: 7px 0 24px;
}
.p-product-list .remark > li {
	position: relative;
	margin: 5px 0;
	padding: 0 0 0 20px;
	color: #f46600;
	font-size: 14px;
	word-break: keep-all;
}
.p-product-list .remark > li::before {
	content: '※';
	position: absolute;
	left: 0;
	top: 0;
	color: #f46600;
}
.p-product-list .info + .remark {
	margin-top: -16px;
}

/* 2025.06.16 온라인 제휴보험 소개페이지 */
.posR{position: relative;}
.posA{position: absolute;}
.product-top-wrap .btn-area .btn-ask-prd-partner{display: inline-block;line-height: 51px;width: 302px;border-radius: 100px;font-size: 17px;font-family: 'KBFGDisplayM';}
.product-partner .product-top-wrap{position: relative;}
.product-partner .deliberation-text{font-size:14px;margin-top:10px;color:#3b6827;}
.product-partner .product-top-wrap .deliberation-area{position: absolute;bottom:20px;right:10px;}

/* 챗봇 */
.chatting{position:fixed;bottom:106px;left:50%;z-index:9999;transform:translateX(598px);font-family:KBFGTextB;font-size:14px}
.chatting > a{position:absolute;right:0;bottom:0;text-indent:-9999em}
.chatting .btn-start{width:175px;height:50px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Soga_punggvat01.cat) no-repeat 0 0;transition:width .5s linear}
.chatting .btn-end{width:0;height:60px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Soga_punggvat02.cat) no-repeat 0 0;transition:width .4s .5s linear}
.chatting.active .btn-start{width:0}
.chatting.active .btn-end{width:60px}
.chatting .chat_list{display:none;position:relative;right:116px;bottom:0}
.chatting .chat_list.active{display:block;}
.chatting .chat_list li+li{margin-top:28px}
.chatting .chat_list a{display:inline-block;color:#050f1e;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff}
.chatting .chat_list a::after{content:"";display:inline-block;width:48px;height:48px;margin-left:8px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Soga_fc_punggvat.cat) no-repeat;vertical-align:middle}
.chatting .chat_list .consult_chat::after{background-position:0 0}
.chatting .chat_list .consult_call::after{background-position:0 -60px}
.chatting .chat_list .consult_reservation::after{background-position:0 -120px}
.chatting .chat_list .btn_close{width:100%;margin-top:30px;padding-right:7px;font-family:KBFGTextL;font-size:12px;text-align:right}
.chatting .chat_list .btn_close::after{width:32px;height:32px;margin-left:14px;background-position:0 -180px}

/* 230620 게시판 본문체 변경 */
.dt-txt-sb, .ytb-txt-sub, .board-view .panel *, .accordion.faq .accordion-item > .panel * {font-family: "KBFGText2M" !important;}

/* 2024.12.20 건강보험 > 보험료 계산하기 클래스 추가 */
.ta-bottom.modify-ta {float: none;}
.ta-bottom.modify-ta dl {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.ta-bottom.modify-ta dl dd.detail-sum {width: 100%; font-size: 15px; color: #666666; text-align: right;}

/* 2025.02.03 LNB, 온라인보험 뱃지 */
.badge {display: inline-block; padding: 1px 6px 0px; margin-right: 4px; min-width: 30px; height: 17px; font-size: 11px; letter-spacing: -0.22px; color: #fff; line-height: 18px; text-align: center; border-radius: 8.5px; vertical-align: middle; background: #f46600;}
.product-list-wrap ul li dl dt > a .badge {padding: 0 6px; font-size: 12px; letter-spacing: -0.24px;}

/* 2025.04.14 LNB 이벤트 뱃지 */
.header .nav-gnb .list.type-01 .item a.depth-1{position: relative;}
.badge-event{position: absolute; top:-19px;left:50%; transform: translateX(-50%);width:52px; display:block; height: 20px; font-size: 11px; color: #fff; line-height: 23px; text-align: center; border-radius: 30px; vertical-align: middle; background:#FF3399;}
.event-text {
  color: #FF3399 !important;
  text-decoration:underline;
}
/* 2025.08.01 딱좋은 건강보험 추가 */
.jc-center{justify-content: center;}
.product-info.product-ncv{margin-bottom:40px;}
.product-bottom .product-info.product-ncv dl:first-of-type, .product-bottom .product-info.product-ncv dl:last-of-type{border-left:none;border-right:none;}
.product-bottom .product-info.product-ncv dl dd .form-wrap .select-box{width:120px;}
.product-ncv .prd-title-2{margin-top:160px;}
.btn-prdlist-more-ncv{display: block; top:-34px;right:0; width:140px;height:32px;border:1px solid #d8d8d8;}
.btn-prdlist-more-ncv::before{content:'';position: absolute;top:50%;left:35px;width:8px;height:8px;-webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);margin-top: -3px;border-right: 1px solid #222;border-bottom: 1px solid #222;}
.btn-prdlist-more-ncv.active::before{-webkit-transform:rotate(225deg);transform:rotate(225deg);left:25px;margin-top:-1px;}
.btn-prdlist-more-ncv .txt-inner{padding:0 25px 0 43px;line-height:32px;color:#222;font-family:'KBFGDisplayM';font-size:13px;}
.product-ncv .list-select{border-top:1px solid #222;}
.product-ncv .select-box-t2 .select-inner {position: relative;align-items:center;padding:15px 0;border-bottom: 1px solid #eee;}
.product-ncv .select-box-t2 .select-inner .btn-acco-more{position: absolute;top:50%;right:0;width:50px;height:50px;-webkit-transform:translateY(-50%);transform:translateY(50%);border:none;background-color:#fff;}
.product-ncv .select-box-t2 .select-inner .btn-acco-more::after{content:'';width:8px;height:8px;-webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);border-right: 1px solid #222;border-bottom: 1px solid #222;cursor: pointer;}
.product-ncv .select-box-t2.active .select-inner::after{-webkit-transform:rotate(225deg);transform:rotate(225deg);right:10px;}
.product-ncv .select-box-t2 .input-check2 > span{font-family:'KBFGDisplayM';font-size:16px;line-height:1.5;}
.product-ncv .select-box-t2 .input-check2 > span em{font-size:13px;color:#666;margin-left:10px;font-family: 'KBFGDisplayL';}
.product-ncv .select-box-t2 .box-amtPrc p{text-align: right;font-size:13px;height:22px;line-height:22px;}
.product-ncv .select-box-t2 .box-amtPrc p span{font-size:16px;}
.product-ncv .accordion .head{height:80px;padding:0;border:0;}
.product-ncv .accordion .head .box-amtPrc .anchor{position: relative !important; padding:0 40px 0 0;}
.product-ncv .accordion .head .box-amtPrc .anchor::before{margin-left:-4px;}
.accordion-item-t2.active .head .anchor:before{
	content: '';position: absolute;box-sizing: content-box;top: 50%;left: 100%;width: 8px;height: 8px;-webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);margin-left: -3px;margin-top: 3px;border-top: 1px solid #60584C;border-left: 1px solid #60584C;border-right: none;border-bottom: none;}
.product-ncv .accordion .tooltip .anchor{padding-left:0;}
.product-ncv .accordion .tooltip .anchor:before{display: none;}
.product-ncv .accordion .input-check{margin-left:10px;line-height:1.6;display: flex;align-items:center;height:100%;min-height:32px;}
.product-ncv .accordion-item-t2 > .panel{display: none;overflow: hidden;background-color:#fff;padding:0;border-bottom:none;}
.product-ncv .accordion-item-t2.active > .panel{overflow: visible;}
.product-ncv .label-title{background-color:#fcfcfc;color:#666;text-align: center;border-bottom:1px solid #eee;}
.product-ncv .label-title h4{border-right:1px solid #eee;padding:15px 10px;}
.product-ncv .label-title h4:last-of-type{border-right:none;}
.product-ncv .size1{width:60%;}
.product-ncv .size2{width:20%;}
.product-ncv .tooltip{vertical-align:middle;}
.product-ncv .panel .input-txt{width:calc(100% - 30px); margin-right:4px;}
.product-ncv  .aln-left{text-align: left;}
.product-ncv .panel .aln-right{text-align: right;}
.product-ncv .panel .input-check span{line-height:1.6; padding-left:25px;}
.product-ncv .panel .input-check input:disabled+span{color:#222;}
.product-ncv .panel .input-check input + span::before{top:50%;transform:translateY(-50%); width: 19px; height: 19px; background: #fff; border: 1px solid #8d8d8d; border-radius: 3px;}
.product-ncv .panel .input-check input:checked + span::before{background: #2d4a9b; border: 1px solid #2d4a9b;}
.product-ncv .panel .input-check input+span::after, .product-ncv .panel .input-check input+span::after{top:50%;margin:-6px 7px 0 3px; border-color: transparent #8d8d8d #8d8d8d transparent;}
.product-ncv .panel .input-check input:checked+span::after, .product-ncv .panel .input-check input:checked+span::after{border-color: transparent #fff #fff transparent;}
.product-ncv .panel .input-check input:disabled + span::before {background: #d8d8d8; border: 1px solid #d8d8d8;}
.product-ncv .panel .input-check input:disabled+span::after, .product-ncv .panel .input-check input:disabled+span::after{border-color: transparent #fff #fff transparent;}
.product-ncv .panel .dp-fl > div{padding:10px;align-items: center;}
.product-ncv .conts-line > li > div,
.product-ncv .depth2Wrap > li > div, .product-ncv .depth3Wrap > li > div
{border-bottom: 1px solid #eee;text-align: center;}
.product-ncv .depth1 > div > div, .product-ncv .depth2 > div > div, .product-ncv .depth3 > div > div{min-height:52px;box-sizing:border-box;line-height:1.6;border-right:1px solid #eee;}
.product-ncv .depth1 > div > div:last-of-type, .product-ncv .depth2 > div > div:last-of-type, .product-ncv .depth3 > div > div:last-of-type{border-right:none;}
.product-ncv .not-join{font-size:13px;color:#222; text-align: center;align-items: center;line-height:32px;}
.product-ncv .panel .depth2 .depth2-tit{padding-left:38px;}
.product-ncv .panel .depth2 .depth2-tit::before{display: block;content: '';position: absolute;top: 8px;left: 24px;width: 8px;height: 8px;border: 1px solid #000;border-width: 0 0 1px 1px;}
.product-ncv .panel .depth3 .depth3-tit{padding-left:54px;}
.product-ncv .panel .depth3 .depth3-tit::before{display: block;content: '';position: absolute;top: 8px;left: 40px;width: 8px;height: 8px;border: 1px dotted #666;border-width: 0 0 1px 1px;}
.product-ncv .panel input[readonly]{background-color:transparent;}
.product-ncv .top-title-area {display: flex; align-items: center; gap: 10px; width: 100%; margin: 160px 0 17px;} /* 2025.09.24 추가 */
.product-ncv .top-title-area .prd-title-2 {margin: 0;} /* 2025.09.24 추가 */
.product-ncv .top-title-area .sub-text {font-size: 13px; line-height: 1; color: #666;} /* 2025.09.24 추가 */
.product-ncv .input-check2 input:disabled +span::before{border-color: #dfe1e5;    background: #dfe1e5;}
.product-ncv .input-check2 input:disabled +span::after{border-color:transparent #fff #fff transparent;}
/*딱좋은건강보험 팝업*/
.modal.alert.product-ncv{max-width:600px;width:600px;}
.modal.product-ncv strong, .modal.product-ncv-normal strong{font-family:'KBFGDisplayL';font-weight: 700;}
.modal.product-ncv .system-message-t1 p+p{margin-top:10px;}
.modal.product-ncv .system-message-t1 .txt-empahsis{color:#666;font-size:12px;}
.modal.product-ncv-normal .system-message p+p{margin-top:20px;}

/* 2025.06.26 KB국민인증서 로그인 화면 개선 */
#kbMobileCertificationLoginWithPush .box-info-area .box-info{padding-top:20px;}
#kbMobile .body-scroll{padding:0 30px;}
#kbMobile #popup_mobcert1 .body-scroll .field{margin-top:40px;}
#kbMobile .box-info-area .box-info{padding-top:10px;}
#kbMobile .chk.checkbox.all{padding-bottom:0;margin:0;}
#kbMobile .chk.checkbox.all::before{display: none;}
#kbMobile #popup_mobcert1 .body-scroll .field + .field{margin-top:60px;}
#kbMobile .box-info-area2 .box-info{background-color: #fff;padding-top:0;}

/* 2025.08.01 딱좋은 건강보험 추가 */
.jc-center{justify-content: center;}
.product-info.product-ncv{margin-bottom:40px;}
.product-bottom .product-info.product-ncv dl:first-of-type, .product-bottom .product-info.product-ncv dl:last-of-type{border-left:none;border-right:none;}
.product-bottom .product-info.product-ncv dl dd .form-wrap .select-box{width:120px;}
.product-ncv .prd-title-2{margin-top:160px;}
.btn-prdlist-more-ncv{display: block; top:-34px;right:0; width:110px;height:32px;border:1px solid #d8d8d8;}
.btn-prdlist-more-ncv::before{content:'';position: absolute;top:50%;left:27px;width:8px;height:8px;-webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);margin-top: -3px;border-right: 1px solid #222;border-bottom: 1px solid #222;}
.btn-prdlist-more-ncv.active::before{-webkit-transform:rotate(225deg);transform:rotate(225deg);left:18px;margin-top:-1px;}
.btn-prdlist-more-ncv .txt-inner{padding:0px 20px 0 40px;line-height:32px;color:#222;font-family:'KBFGDisplayM';font-size:13px;}
.product-ncv .list-select{border-top:1px solid #222;}
.product-ncv .select-box-t2 .select-inner {position: relative;align-items:center;padding:15px 0;border-bottom: 1px solid #eee;}
.product-ncv .select-box-t2 .select-inner .btn-acco-more{position: absolute;top:50%;right:0;width:50px;height:50px;-webkit-transform:translateY(-50%);transform:translateY(50%);border:none;background-color:#fff;}
.product-ncv .select-box-t2 .select-inner .btn-acco-more::after{content:'';width:8px;height:8px;-webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);border-right: 1px solid #222;border-bottom: 1px solid #222;cursor: pointer;}
.product-ncv .select-box-t2.active .select-inner::after{-webkit-transform:rotate(225deg);transform:rotate(225deg);right:10px;}
.product-ncv .select-box-t2 .input-check2 > span{font-family:'KBFGDisplayM';font-size:16px;line-height:1.5;}
.product-ncv .select-box-t2 .input-check2 > span em{font-size:13px;color:#666;margin-left:10px;font-family: 'KBFGDisplayL';}
.product-ncv .select-box-t2 .box-amtPrc p{text-align: right;font-size:13px;height:22px;line-height:22px;}
.product-ncv .select-box-t2 .box-amtPrc p span{font-size:16px;}
.product-ncv .accordion .head{height:80px;padding:0;border:0;}
.product-ncv .accordion .head .box-amtPrc .anchor{position: relative !important; padding:0 40px 0 0;}
.product-ncv .accordion .head .box-amtPrc .anchor::before{margin-left:-4px;}
.accordion-item-t2.active .head .anchor:before{
	content: '';position: absolute;box-sizing: content-box;top: 50%;left: 100%;width: 8px;height: 8px;-webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);margin-left: -3px;margin-top: 3px;border-top: 1px solid #60584C;border-left: 1px solid #60584C;border-right: none;border-bottom: none;}
.product-ncv .accordion .tooltip .anchor{padding-left:0;}
.product-ncv .accordion .tooltip .anchor:before{display: none;}
.product-ncv .accordion .input-check{margin-left:10px;line-height:1.6;display: flex;align-items:center;height:100%;min-height:32px;}
.product-ncv .accordion-item-t2 > .panel{display: none;overflow: hidden;background-color:#fff;padding:0;border-bottom:none;}
.product-ncv .accordion-item-t2.active > .panel{}
.product-ncv .label-title{background-color:#fcfcfc;color:#666;text-align: center;border-bottom:1px solid #eee;}
.product-ncv .label-title h4{border-right:1px solid #eee;padding:15px 10px;}
.product-ncv .label-title h4:last-of-type{border-right:none;}
.product-ncv .size1{width:60%;}
.product-ncv .size2{width:20%;}
.product-ncv .tooltip{vertical-align:middle;}
.product-ncv .panel .input-txt{width:calc(100% - 30px); margin-right:4px;}
.product-ncv  .aln-left{text-align: left;}
.product-ncv .panel .aln-right{text-align: right;}
.product-ncv .panel .input-check span{line-height:1.6; padding-left:25px;}
.product-ncv .panel .input-check span::before{top:50%;transform:translateY(-50%);}
.product-ncv .panel .input-check input:checked+span::after, .product-ncv .panel .input-check input+span::after{top:50%;}
.product-ncv .panel .dp-fl > div{padding:10px;align-items: center;}
.product-ncv .conts-line > li > div,
.product-ncv .depth2Wrap > li > div, .product-ncv .depth3Wrap > li > div
{border-bottom: 1px solid #eee;text-align: center;}
.product-ncv .depth1 > div > div, .product-ncv .depth2 > div > div, .product-ncv .depth3 > div > div{min-height:52px;box-sizing:border-box;line-height:1.6;border-right:1px solid #eee;}
.product-ncv .depth1 > div > div:last-of-type, .product-ncv .depth2 > div > div:last-of-type, .product-ncv .depth3 > div > div:last-of-type{border-right:none;}
.product-ncv .not-join{font-size:13px;color:#222; text-align: center;align-items: center;line-height:32px;}
.product-ncv .panel .depth2 .depth2-tit{padding-left:38px;}
.product-ncv .panel .depth2 .depth2-tit::before{display: block;content: '';position: absolute;top: 8px;left: 24px;width: 8px;height: 8px;border: 1px solid #000;border-width: 0 0 1px 1px;}
.product-ncv .panel .depth3 .depth3-tit{padding-left:54px;}
.product-ncv .panel .depth3 .depth3-tit::before{display: block;content: '';position: absolute;top: 8px;left: 40px;width: 8px;height: 8px;border: 1px dotted #666;border-width: 0 0 1px 1px;}
.product-ncv .panel input[readonly]{background-color:transparent;}
/*딱좋은건강보험 팝업*/
.modal.alert.product-ncv{max-width:600px;width:600px;}
.modal.product-ncv strong, .modal.product-ncv-normal strong{font-family:'KBFGDisplayL';font-weight: 700;}
.modal.product-ncv .system-message-t1 p+p{margin-top:10px;}
.modal.product-ncv .system-message-t1 .txt-empahsis{color:#666;font-size:12px;}
.modal.product-ncv-normal .system-message p+p{margin-top:20px;}