@charset "utf-8";
@import url("/m/css/intro.content.css");


#lnb_box	{
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 99;
}

#lnb	{
	display: block;
	padding-left: 80px;
	position: relative;
}
#lnb:after	{
	content: "";
	display: block;
	clear: both;
}

#lnb .lnb-home	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 80px;
	box-sizing: border-box;
	border: 1px solid #bbbbbb;
	background: url('/m/images/ico_lnb_home.svg') no-repeat 50% 50% #f0f0f0;
	background-size: cover;
	border-left-width: 0;
	overflow: hidden;
	text-indent: -999px;
}



#lnb dl	{
	display: block;
	position: relative;
	width: 50%;
	float: left;
}

#body_content	{ padding-top: 3.8em; }

@media all and (max-width: 640px) {
	#lnb			{ padding-left: 0; }
	#lnb .lnb-home	{ width: 12.5%; }
	#lnb dl			{ width: 37.5%; margin-left: 12.5%; }
	#lnb dl + dl	{ width: 50%; margin-left: 0; }
}

#lnb dt a	{
	display: block;
	position: relative;
	padding: 1.0em 3.0em 1.0em 1.0em;
	font-size: 1.1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	background: url('/m/images/ico_gnb_leftmenu_close.png') no-repeat 100% 50% #f0f0f0;
	background-size: contain;

	color: #555555;
	border: 0px solid #bbbbbb;
	border-bottom-width: 1px;
}
#lnb dl + dl dt a	{ border-left-width: 1px; background-color: #fff; }

#lnb dl.on dt a	{
	background-image: url('/m/images/ico_gnb_leftmenu_open.png');
}
#lnb dl.on + dl a	{  }
#lnb dl.on dd	{ display: block; }
#lnb dd	{
	display: none;
	position: absolute;
	top: 3.65em;
	left: 0;
	right: 0;
	background: #333333;
}
#lnb dd a	{
	display: block;
	position: relative;
	color: #dbdbdb;
	padding: 1.0em;
	border-bottom: 1px solid #4b4b4b;
}


#page_title	{
	display: block;
	position: relative;
	padding: 1.0em 0;
	color: #4b505c;
	font-weight: 800;
	font-size: 2.0em;
	letter-spacing: -0.05em;
	border-bottom: 2px solid #dddddd;
}

.guide-box h3			{
	position: relative;
	padding-left: 3.0em;
}
.guide-box h3 strong	{ color: #0093e9; }
.guide-box h3 strong:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 2.55em;
	height: 1.2em;
	background: url('/images/ico_reserve_102.png') no-repeat 50% 50%;
	background-size: contain;
}
.guide-box p {
	position: relative;
	color: #444444;
	padding-left: 0.5em;
}
.guide-box p:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0.6em;
	left: 0;
	width: 0.25em;
	height: 0.4em;
	background: url('/images/ico_reserve_bullet.png') no-repeat 50% 50%;
	background-size: contain;
}

.treat-content .point		{ color: #4b505c; }
.treat-content .point2		{ color: #20194c; }
.img-title					{ height: 0.8505em; }


.page-category	{
	overflow: hidden;
}
.page-category > .inner	{
	display: block;
	position: relative;
	padding-top: 4.6875%;
	padding-bottom: 4.6875%;
	overflow: hidden;
}
.page-category ul	{
	display: block;
	position: relative;
}
.page-category li	{
	display: block;
	position: relative;
	width: 50%;
	float: left;
}
.page-category li a	{
	display: block;
	position: relative;
	text-align: center;
	border: 1px solid #dadada;
	font-size: 1.1em;
	line-height: 3.0em;
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: -0.05em;
	text-overflow: ellipsis;
}
.page-category li + li a			{ border-left-width: 0; }
.page-category li + li + li a		{ border-left-width: 1px; border-top-width: 0; }
.page-category li + li + li + li a	{ border-left-width: 0px; }
.page-category li + li + li + li + li a		{ border-left-width: 1px; border-top-width: 0; }
.page-category li + li + li + li + li + li a	{ border-left-width: 0px; }

.page-category li.on a	{
	color: #fff;
	background: #20194c;
	border-color: #20194c;
}


i.line	{ 
	display: block;
	position: relative;
	padding: 10.35% 0;
	background: none;
	margin: 0;
}
i.line:before	{
	content: "";
	display: block;
	position: relative;
	height: 2px;
	background: #dddddd;
}
i.line.compact:before	{ height: 1px; }


.design-sub-content		{ text-align: center; }
.design-sub-content img	{ display: block; margin: 0 auto; }

.root_daum_roughmap	{ width: 100% !important; }

.nodata	{ text-align: center; line-height: 5.0em; }
.r-box	{ display: block; position: relative; }

.treat-content { color: #4b505c; }

.sky-pannel	{
	padding: 1.2em 1.0em;
	background: #fbfdff;
}


.v-middle:before,
.v-middle:after	{
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.v-middle .v-con	{
	display: inline-block;
	vertical-align: middle;
	max-width: 95%;
}


.s-big2		{ font-size: 2.2em !important; letter-spacing: -0.06em; line-height: 1.2em; }
.s-big		{ font-size: 1.7em !important; letter-spacing: -0.06em; line-height: 1.2em; }
.s-bbig		{ font-size: 1.3em !important; letter-spacing: -0.05em; line-height: 1.4em; }
.s-sbig		{ font-size: 1.5em !important; letter-spacing: -0.05em; }
.s-sbig2	{ font-size: 1.2em !important; letter-spacing: -0.05em; }
.s-bmid		{ font-size: 1.1em !important; letter-spacing: -0.05em; }
.s-mid		{ font-size: 1.0em !important; letter-spacing: -0.05em; }
.s-sml		{ font-size: 0.9em !important; letter-spacing: -0.05em; }

.b-big		{ font-weight: 800 !important; }
.b-mid		{ font-weight: 400 !important; }
.b-sml		{ font-weight: 400 !important; }


.line-default	{ line-height: 1.5em; }

.bullet-box	{
	position: relative;
	padding: 1.0em;
	padding-left: 2.0em;
	font-size: 1.1em;
	background: #efeeee;
	clear: both;
}
.bullet-box:before	{
	content: "";
	display: block;
	position: absolute;
	top: 1.5em;
	left: 1.0em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 9.0em;
	overflow: hidden;
	background: #20194c;
	margin-right: 0.2em;
}
.bullet-box strong	{ color: #20194c; }


.goods-item	{ position: relative; }
.goods-item:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #e2e2e2;
}
.goods-item .thumb img	{ display: block; }
.goods-item .comment	{
	display: block;
	position: relative;
	height: 3.5em;
	text-align: center;
	background: #f0f0f0;
}
.goods-item .comment:before,
.goods-item .comment:after	{
	content: "";
	display: inline-block;
	position: relative;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.goods-item .comment span	{ display: inline-block; vertical-align: middle; }


.label-item			{
	padding: 0.5em 0;
	text-align: center;
}
.label-item .thumb	{
	display: block;
	position: relative;
	text-align: center;
	padding-bottom: 0.5em;
}
.label-item .label	{
	display: inline-block;
	line-height: 2.5em;
	padding: 0 1.0em;
	min-width: 9.0em;
	text-align: center;
	color: #fff;
	background: #555555;
	border-radius: 9.0em;
}


.blue-title-item		{ position: relative; border: 1px solid #f0ecde; }
.blue-title-item img	{ display: block; }
.blue-title-item .label	{
	display: block;
	position: relative;
	text-align: center;
	color: #fff;
	background: #0093e9;
	padding: 0.7em 0;
}


.thumb-item	{ 
	display: block;
	position: relative;
}
.thumb-item dt,
.thumb-item dt img		{ display: block; position: relative; }
/*.thumb-item dd			{ padding: 1.0em 0; }*/
.thumb-item dd i		{
	display: block;
	position: absolute;
	width: 2.0em;
	height: 2.0em;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 2.0em;
	color: #fff;
	font-weight: 800;
	background: #20194c;
	/*display: block;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	color: #fff;
	background: #20194c;*/
}
.pl20{padding-left:0.3em;}
/*.thumb-item dd p	{
	padding: 0.5em 0;
}*/

.number-item					{ display: block; position: relative; }
.number-item .thumb				{ display: block; border: 1px solid #dddddd; }
.number-item .thumb.no-border	{ border: none; }
.number-item .thumb img			{ display: block; }
.number-item .txt				{ position: relative; padding: 1.0em 0 1.0em 2.5em; }
.number-item .txt i				{
	display: block;
	position: absolute;
	top: 1.0em;
	left: 0;
	width: 2.0em;
	height: 2.0em;
	line-height: 2.0em;
	background: #20194c;
	color: #fff;
	text-align: center;
}
.number-item .txt.fit	{ padding-left: 3.0em; }
.number-item .txt.fit i	{
	top: 1.3em;
	width: 2.4em;
	height: 2.4em;
	line-height: 2.4em;
	font-weight: 800;
}


.nametack-item	{ position: relative; }
.nametack-item img	{
	display: block;
	position: relative;
	width: 100%;
	z-index: 0;
}
.nametack-item span	{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 0.8em;
	min-width: 6.0em;
	height: 2.5em;
	line-height: 2.5em;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, .6);
}
.nametack-item.has-bottom-name	{ margin-bottom: 5.0em; }
.nametack-item.has-bottom-name p	{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5.0em;
	height: 5.0em;
	line-height: 1.5em;
	text-align: center;
	font-size: 1.0em;
	padding: 1.0em 0;
}

.goods-content-item	{
	position: relative;
	max-width: 450px;
	margin: 0 auto;
	border: 1px solid #d9d9d9;
}
.goods-content-item > i	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.goods-content-item .thumb		{ padding: 1.0em 0; }
.goods-content-item .thumb img	{ display: block; margin: 0 auto; }
.goods-content-item p.name	{
	display: block;
	position: relative;
	padding: 0.8em 0;
	text-align: center;
}
.goods-content-item .title			{
	text-align: center;
	padding: 0.8em 0;
	border-bottom: 1px solid #f0f0f0;
}
.goods-content-item .title img		{ vertical-align: middle; }
.goods-content-item .txt-inner		{ padding: 1.0em 0.8em; letter-spacing: -0.05em; }
.goods-content-item .txt-inner p	{
	position: relative;
	padding-left: 1.0em;
}

.goods-content-item.typeA p.name	{ background: #0c4da2; color: #ffffff; }
.goods-content-item.typeB p.name	{ background: #1d3b5e; color: #ffffff; }
.goods-content-item.typeC p.name	{ background: #00a6e1; color: #ffffff; }
.goods-content-item.typeC .thumb	{ background: #f5f5f5; }


.step-item	{
	display: block;
	position: relative;
	margin: 0 auto;
}
.step-item.w380			{ max-width: 380px; }
.step-item .thumb		{ display: block; position: relative; }
.step-item .thumb img	{ display: block; }
.step-item .thumb .iw80 {width:80%;}
.step-item .text		{ position: relative; padding-left: 4.5em; }
.step-item .text:before	{
	content: "";
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 2.0em;
	height: 5px;
	background: #dcdcdc;
}
.step-item .text:after	{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #dcdcdc;
}
.step-item .text em		{
	display: block;
	position: absolute;
	top: 1.0em;
	left: 0;
	width: 4.5em;
}
.step-item .text em sup	{ display: block; line-height: 1.2em; }
.step-item .text em i	{ display: block; line-height: 1.2em; }
.step-item .text .txt-inner	{
	display: block;
	position: relative;
	padding: 1.0em 0;
	letter-spacing: -0.05em;
}

.step-item.simple .text .txt-inner	{ padding: 1.5em 0; }
.step-item.simple .text em			{ top: 1.3em; }
.step-item.simple .text				{ padding-left: 3.0em; }


.circle-item	{ position: relative; }
.circle-item:before	{
	content: "";
	display: block;
	position: relative;
	padding-top: 100%;
	border-radius: 100%;
	background: #fff;
	z-index: 0;
}
.circle-item i	{
	display: block;
	position: absolute;
	top: 20%;
	left: 50%;
	right: 0;
	width: 50%;
	margin-left: -25%;
	text-align: center;
}
.circle-item .txt	{
	display: block;
	position: absolute;
	left: 1.0em;
	right: 1.0em;
	top: 50%;
	text-align: center;
}

.blog-item		{ position: relative; overflow: hidden; background: #fff; }
.blog-item:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	height: 2px;
	background: url('/m/images/sub/bak_blog_item_line.png') no-repeat 0 0;
	background-size: cover;
	z-index: 10;
}
.blog-item.border:after	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	border: 1px solid #ddd;
	z-index: 0;
}
.blog-item .thumb	{
	display: block;
	position: relative;
	text-align: center;
	background: #f9fafc;
	border-bottom: 1px solid #e9ebf0;
}
.blog-item .thumb.bak-white	{ background: #fff; }
.blog-item .thumb img	{ display: block; margin: 0 auto; }
.blog-item .text	{
	position: relative;
	padding: 1.5em 1.0em;
}
.blog-item .text h4		{ position: relative; padding-bottom: 1.5em; }
.blog-item .text h4:after	{
	content: "";
	display: block;
	position: absolute;
	width: 0.8em;
	height: 0.2em;
	background: #c0c5ce;
	left: 0.2em;
	bottom: 0.5em;
}
.blog-item em				{ display: block; line-height: 1.4em; }
.blog-item .bullet-simple	{ padding: 0.2em 0 0.2em 0.8em; }
.blog-item .bullet-simple:before	{
	border: 0.1em solid #a5a7ad;
	top: 0.81em;
}

.doctor-item	{ position: relative; }
.doctor-item:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #dddddd;
	z-index: 0;
}
.doctor-item .thumb	{
	position: relative;
	z-index: 1;
}
.doctor-item .thumb img	{ display: block; margin: 0 auto; }
.doctor-item .txt	{
	position: relative;
	padding: 0.8em;
	height: 7em;
	letter-spacing: -0.08em;
	line-height: 1.5em;
}
.doctor-item .txt .s-sml	{ letter-spacing: -0.1em; }

.line-pattern-item {
	position: relative;
	padding: 1.5em;
	background: url('/images/sub/bak_safe_title_line.png') 50% 50%;
}
.line-pattern-item .con	{
	display: block;
	position: relative;
	padding: 1.5em;
	background: #fff;
}
.no-pattern-item {position:relative;}
.no-pattern-item .title:before {
	content: "";
	display: block;
	position: absolute;
	width: 0.3em;
	height: 0.3em;
	background: #81848d;
	left: 0;
	top: 50%;
	margin-top: -0.15em;
}
.no-pattern-item .title {position: relative;
	padding-left: 0.7em;
	font-size: 1.2em;
	color: #20194c;}

.no-pattern-item.type-B .title { padding-left: 0; padding-bottom: 0.5em; margin-bottom: 0.5em; }
.no-pattern-item.type-B .title span	{
	font-size: 0.8em;
	letter-spacing: -0.09em;
	font-weight: 400;
	color: #4b505c;
}
.no-pattern-item.type-B .title:before	{
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: -2px;
	left: 0;
	width: 0.7em;
	height: 5px;
	background: #c0c5ce;
	margin-top: 0;
}

.no-pattern-item.type-B .txt					{ padding-bottom: 1.0em; }
.no-pattern-item.type-B .txt-group p			{ padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.8em; }
.no-pattern-item.type-B .txt-group p:before	{ top: 0.75em; border-width: 0.1em; }

.line-pattern-item.fit		{ padding: 1.0em; }
.line-pattern-item.fit .con	{ padding: 1.0em; }

.line-pattern-item .title	{
	position: relative;
	padding-left: 0.7em;
	font-size: 1.2em;
	color: #20194c;
}
.line-pattern-item .title:before	{
	content: "";
	display: block;
	position: absolute;
	width: 0.3em;
	height: 0.3em;
	background: #81848d;
	left: 0;
	top: 50%;
	margin-top: -0.15em;
}
.line-pattern-item .thumb	{
	padding: 1.0em 0;
	text-align: center;
}

/*.line-pattern-item.type-B	{ padding: 1.0em; }*/
.line-pattern-item.type-B .title { padding-left: 0; padding-bottom: 0.5em; margin-bottom: 0.5em; }
.line-pattern-item.type-B .title span	{
	font-size: 0.8em;
	letter-spacing: -0.09em;
	font-weight: 400;
	color: #4b505c;
}
.line-pattern-item.type-B .title:before	{
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: -2px;
	left: 0;
	width: 0.7em;
	height: 5px;
	background: #c0c5ce;
	margin-top: 0;
}
.line-pattern-item.type-B .txt					{ padding-bottom: 1.0em; }
.line-pattern-item.type-B .txt-group p			{ padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.8em; }
.line-pattern-item.type-B .txt-group p:before	{ top: 0.75em; border-width: 0.1em; }


.ico-item	{
	position: relative;
	padding-left: 5.5em;
	min-height: 5.0em;
}
.ico-item i	{
	display: block;
	position: absolute;
	width: 5.0em;
	height: 5.0em;
	text-align: center;
	line-height: 5.0em;
	top: 0;
	left: 0;
}
.ico-item p		{ padding-top: 0.8em; }
.ico-item p + p	{ padding-top: 0.2em; }



.ui-detail-more	{ 
	display: inline-block;
	position: relative;
	background: #4b505c;
	color: #ffffff;
	padding: 0.8em 4.0em 0.8em 1.3em;
}
.ui-detail-more i	{
	display: block;
	position: absolute;
	top: 0.5em;
	bottom: 0.5em;
	right: 0;
	width: 2.8em;
	border-left: 1px solid #6f737d;
}
.ui-detail-more i:before,
.ui-detail-more i:after		{
	content: "";
	display: block;
	position: absolute;
	background: #fff;
	top: 50%;
	left: 50%;
}
.ui-detail-more i:before	{
	width: 2px;
	height: 1.0em;
	margin-top: -0.5em;
	margin-left: -1px;
}
.ui-detail-more i:after	{
	width: 1.0em;
	height: 2px;
	margin-top: -1px;
	margin-left: -0.5em;
}


.comm-box		{ line-height: 1.5em; }
.comm-box p		{ margin-bottom: 0.5em; }
.comm-box h3	{ font-size: 1.3em; }
.comm-box h4	{ font-size: 1.1em; }
.comm-box h4:before	{
	content: "";
	display: inline-block;
	width: 0.3em;
	height: 0.3em;
	background: #0093e9;
	vertical-align: middle;
	margin-right: 8px;
}

.treat-txt-box	{ line-height: 1.8em; }
.bak-gray	{
	color: #4b505c;
	background: #f6f6f8;
	padding: 1.5em;
}
.bak-blue	{ background: #f2f5f8; }
.bak-sky	{ background: #f2f9fe; }

.bullet-simple	{ position: relative; padding: 0.4em 0 0.4em 1.0em; }
.bullet-simple:before	{
	content: "";
	display: block;
	position: absolute;
	width: 0.2em;
	height: 0.2em;
	border: 0.2em solid #a5a7ad;
	border-radius: 9.0em;
	top: 0.9em;
	left: 0;
}


.bullet-number			{ position: relative; padding-left: 1.8em; letter-spacing: -0.05em; }
.bullet-number:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0.35em;
	left: 0;
	width: 1.35em;
	height: 0.75em;
	background: url('/m/images/sub/ico_content_number_01.png') no-repeat 0 50%;
	background-size: contain;
}
.bullet-number[data-number="02"]:before	{ background-image: url('/m/images/sub/ico_content_number_02.png'); }
.bullet-number[data-number="03"]:before	{ background-image: url('/m/images/sub/ico_content_number_03.png'); }
.bullet-number[data-number="04"]:before	{ background-image: url('/m/images/sub/ico_content_number_04.png'); }
.bullet-number[data-number="05"]:before	{ background-image: url('/m/images/sub/ico_content_number_05.png'); }
.bullet-number[data-number="06"]:before	{ background-image: url('/m/images/sub/ico_content_number_06.png'); }
.bullet-number + .bullet-number			{ margin-top: 0.5em; }



.bullet-number.blue			{ padding-left: 2.0em; letter-spacing: -0.1em; }
.bullet-number.blue:before	{
	top: 0.35em;
	width: 1.6em;
	height: 0.85em;
}
.bullet-number.blue[data-number="01"]:before	{ background-image: url('/m/images/sub/ico_content_number_01_blue.png'); }
.bullet-number.blue[data-number="02"]:before	{ background-image: url('/m/images/sub/ico_content_number_02_blue.png'); }
.bullet-number.blue[data-number="03"]:before	{ background-image: url('/m/images/sub/ico_content_number_03_blue.png'); }
.bullet-number.blue[data-number="04"]:before	{ background-image: url('/m/images/sub/ico_content_number_04_blue.png'); }
.bullet-number.blue[data-number="05"]:before	{ background-image: url('/m/images/sub/ico_content_number_05_blue.png'); }
.bullet-number.blue[data-number="06"]:before	{ background-image: url('/m/images/sub/ico_content_number_06_blue.png'); }
.bullet-number.blue[data-number="07"]:before	{ background-image: url('/m/images/sub/ico_content_number_07_blue.png'); }
.bullet-number.blue[data-number="08"]:before	{ background-image: url('/m/images/sub/ico_content_number_08_blue.png'); }
.bullet-number.blue[data-number="09"]:before	{ background-image: url('/m/images/sub/ico_content_number_09_blue.png'); }


.bullet-step			{ position: relative; padding-left: 3.8em; letter-spacing: -0.05em; line-height: 3.0em; }
.bullet-step:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0em;
	left: 0;
	width: 3.0em;
	height: 3.0em;
	background: url('/m/images/sub/ico_bullet_step_01.png') no-repeat 0 50%;
	background-size: contain;
}
.bullet-step[data-number="02"]:before	{ background-image: url('/m/images/sub/ico_bullet_step_02.png'); }
.bullet-step[data-number="03"]:before	{ background-image: url('/m/images/sub/ico_bullet_step_03.png'); }
.bullet-step[data-number="04"]:before	{ background-image: url('/m/images/sub/ico_bullet_step_04.png'); }
.bullet-step[data-number="05"]:before	{ background-image: url('/m/images/sub/ico_bullet_step_05.png'); }




.bullet-number2	{
	position: relative;
	padding-left: 2.5em;
	min-height: 2.0em;
}
.bullet-number2:before	{
	content: "";
	display: inline-block;
	position: relative;
	width:0;
	height: 2.0em;
	vertical-align: middle;
}
.bullet-number2 span	{
	display: inline-block;
	/*max-width: 90%;*/
	vertical-align: middle;
}
.bullet-number2 i	{
	display: block;
	position: absolute;
	width: 2.0em;
	height: 2.0em;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 2.0em;
	color: #fff;
	font-weight: 800;
	background: #20194c;
}

.bullet-arrow	{
	position: relative;
	padding-left: 1.3em;
}
.bullet-arrow:before	{
	content: "";
	display: block;
	position: absolute;
	width: 0.8em;
	height: 0.5em;
	left: 0;
	top: 0.45em;
	background: url('/m/images/sub/ico_bullet_arrow.png') no-repeat 50% 50%;
	background-size: contain;
}


.bullet-notice:before	{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1.1em;
	height: 1.1em;
	background: url('/m/images/sub/ico_bullet_notice.png') no-repeat 50% 50%;
	background-size: contain;
}
.bullet-notice.point:before	{ background-image: url('/m/images/sub/ico_bullet_notice_point.png'); }
.bullet-notice.gray:before	{ background-image: url('/m/images/sub/ico_bullet_notice_gray.png'); }

.bullet-check	{ position: relative; padding-left: 2.5em; letter-spacing: -0.05em; min-height: 2.0em; }
.bullet-check:before	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1.0em;
	width: 2.0em;
	height: 2.0em;
	background: url('/m/images/sub/ico_bullet_check.png') no-repeat 50% 50%;
	background-size: contain;
}

.ico-label-num	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.9em;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	background: #20194c;
	color: #fff;
	font-weight: 800;
	z-index: 5;
}


.check-title		{ display: block; text-align: center; color: #000000; }
.check-title > *	{ display: block; }
.check-title i		{ font-weight: 800; color: #0092e9; font-size: 1.4em; }
.check-title span	{ font-weight: 400; }
.check-title strong	{ font-size: 1.8em; }
.check-title sup	{ padding: 0.5em 0; color: #4b505c; font-weight: 400; }

.line-table	{
	table-layout: fixed;
	text-align: center;
	width: 100%;
}
.line-table td	{ padding: 1.5em 0; border: 1px solid #d4d4d4; }

.question-box .question,
.question-box .answer		{
	position: relative;
	padding: 1.0em 0.5em 1.0em 3.0em;
	font-weight: 600;
}
.question-box .question:before,
.question-box .answer:before		{
	content: "";
	display: block;
	position: absolute;
	width: 1.75em;
	height: 1.75em;
	left: 0.5em;
	top: 50%;
	margin-top: -0.874em;
	background: url('/m/images/sub/ico_content_question.png') no-repeat 50% 50%;
	background-size: contain;
}
.question-box .question				{ background-color: #f3f8fc; }
.question-box .answer:before		{ background-image: url('/m/images/sub/ico_content_answer.png'); }
.question-box .answer.v-top:before	{
	top: 1.1em;
	margin-top: 0;
}

.question-box .question span			{  }
.question-box .question span strong		{ color: #20194c; }
.question-box .answer span				{ font-size: 1.1em; }


.icon-content		{ display: block; position: relative; padding: 1.5em 0; }
.icon-content dt	{
	position: relative;
	padding-left: 4.5em;
}
.icon-content dt i	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 4.0em;
	height: 4.0em;
}
.icon-content dt:before	{
	content: "";
	display: inline-block;
	width: 0;
	height: 4.0em;
	vertical-align: middle;
}
.icon-content dt em		{
	display: inline-block;
	vertical-align: middle;
	max-width: 98%;
	font-size: 1.4em;
	letter-spacing: -0.08em;
}
.icon-content dt em strong				{ color: #20194c; }
.icon-content dd						{ letter-spacing: -0.08em; margin-top: 0.8em; }
.icon-content.dark + hr.line.pattern	{ background: #fff; }



.treat-table	{ 
	width: 100%;
	table-layout: fixed;
	color: #4b505c;
	letter-spacing: -0.02em;
}
.treat-table th	{
	background: #e5f4fd;
	border: 1px solid #fff;
	font-weight: 400;
}
.treat-table td	{
	border: 1px solid #dddddd;
	padding: 0.8em 0;
}
.treat-table thead th	{
	background: #f5f5f5;
	padding: 0.8em 0;
}
.treat-table thead th:first-child	{
	font-weight: 600;
	background: #e5f4fd;
}


.line-title	{
	position: relative;
	padding-bottom: 1.0em;
}
.line-title:before	{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #d1d1d1;
	z-index: 0;
}
.line-title:after	{
	content: "";
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 4.0em;
	height: 5px;
	background: #4b505c;
	z-index: 1;
}

.link-viewer-image	{
	display: block;
	position: relative;
}
.link-viewer-image:before	{
	content: "클릭해서 이미지 크게보기";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0 ,.5);
	color: #fff;
	padding: 4px 10px;
	text-align: center;
	font-size: 0.9em;
	z-index: 1;
}
.link-viewer-image img	{ display: block; position: relative; z-index: 0; }


.icon-list	{ display: block; position: relative; }
.icon-list li	{ position: relative; padding-left: 5.0em; min-height: 4.5em; margin: 0.5em 0; }
.icon-list li:before	{
	content: "";
	display: inline-block;
	width: 0;
	height: 4.5em;
	vertical-align: middle;
}
.icon-list i	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 4.5em;
	height: 4.5em;
}
.icon-list span	{
	display: inline-block;
	vertical-align: middle;
	max-width: 98%;
	font-size: 1.0em;
	letter-spacing: -0.07em;
}
.icon-list.small li			{ padding-left: 4.5em; min-height: 4.0em; }
.icon-list.small li:before	{ height: 4.0em; }
.icon-list.small i			{ width: 4.0em; height: 4.0em; }