@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 서브콘텐츠 공통 가이드
 * --------------------------------------------------------------------------
 * version	: 2.0.0
 * author	: Yoodaekyung
 * update	: 2018.11.06
 * email	: eorud0818@naver.com
 * --------------------------------------------------------------------------
 */
.line-clamp
{
	display            : block;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;
 
	line-height        : 1.5;
	overflow           : hidden;
	text-overflow      : ellipsis;
	padding            : 0 !important;
}



.grid{display:inline-block; width:100%;}

/* 6각형 순번 스타일 */
span.number{position:absolute; display:inline-block; width:60px; height:69px; line-height:69px; font-size:32px; font-weight:700; color:#fff; text-align:center; background:url(/assets/img/web/sub/theme/number_bg.png) no-repeat center center;}

span.number_sq{position:absolute; display:inline-block; width:50px; height:50px; line-height:50px; font-size:28px; font-weight:700; color:#fff; text-align:center; background:url(/assets/img/web/sub/theme/number_bg02.png) no-repeat center center;}


/* 치료전 치료후 스타일 */
span.before{position:absolute; display:inline-block; width:90px; height:90px; padding:20px 15px; box-sizing:border-box; font-size:15px; text-align:left; color:#fff; background:url(/assets/img/web/sub/theme/before_bg.jpg) no-repeat center center;}
span.after{position:absolute; display:inline-block; width:90px; height:90px; padding:20px 15px; box-sizing:border-box; font-size:15px; text-align:left; color:#fff; background:url(/assets/img/web/sub/theme/after_bg.jpg) no-repeat center center;}
span.before em,
span.after em{display:block; font-weight:700; font-size:20px; margin-bottom:10px;}

/* 체크 */
ul.check{}
ul.check li{position:relative; font-size:18px; padding-left:30px; color:#555; line-height:1.5em; margin-bottom:10px;}

ul.check li::before {content:''; display:block; position:absolute; width:24px; height:22px; left:0; top:2px; background:url(/assets/img/web/sub/theme/check.png) no-repeat;}

/* 사선 불릿 */
ul.diagon{margin-bottom:30px;}
ul.diagon:last-child{margin-bottom:0;}
ul.diagon li{position:relative; font-size:16px; color:#555; padding:5px 10px;}
ul.diagon li::before{display:inline-block; left:0; top:10px; width:3px; height:6px; background:#999; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}

/* 기본 순번 */
ol{counter-reset:li;}
ol > li{position:relative;}
ol > li::before{display:inline-block; content: counter(li); counter-increment: li; left:0; top:0; font-size:28px; font-weight:700; width:50px; height:50px; line-height:50px; text-align:center; background:url(/assets/img/web/sub/theme/ol_bg.jpg) no-repeat center center; color:#fff;}

/* 콘텐츠 기본 */
.line-up-contents{letter-spacing:-1px; color:#111; box-sizing:border-box;}

/* h4 */
.line-up-contents h4{position:relative; text-align:center; font-size:40px; letter-spacing:-1px; margin-bottom:90px;}
.line-up-contents h4::before{display:block; width:100px; height:10px; background:url(/assets/img/web/sub/theme/pattern01.png) repeat left top; left:50%; bottom:-40px; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}
.line-up-contents h4.white{color:#fff;}
.line-up-contents h4.white::before{background:url(/assets/img/web/sub/theme/pattern02.png) repeat left top;}
.line-up-contents h4 em{font-weight:700;}

/* h5 */
.line-up-contents h5{position:relative; text-align:center; font-weight:100; font-size:40px; letter-spacing:-1px; margin-bottom:70px; line-height: 1.3em;}
.line-up-contents h5 em{font-weight:700;}
.line-up-contents h5::before{display:block; width:100px; height:1px; background:#111; left:50%; bottom:-30px; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}
.line-up-contents h5.white{color:#fff;}
.line-up-contents h5.white::before{background:#fff;}

/* h6 */
.line-up-contents h6{position:relative; text-align:left; font-weight:100;  font-size:18px; letter-spacing:-1px; margin-bottom:20px; line-height: 1.3em;}
.line-up-contents h6 em{font-weight:700; font-size:24px; line-height: 1.4em; letter-spacing:-1px;}
.line-up-contents h6.white{color:#fff;}
.line-up-contents h6.white::before{background:#fff;}


/* table */
.tbl {margin-top:10px;}
.tbl th {text-align:center; font-family: 'NanumSB'; }
.tbl td, .tbl th {padding:12px 10px; border:1px solid #e2e2e4; line-height:1.5em; vertical-align: middle; box-sizing: border-box; font-size: 15px;}
.tbl thead tr:first-child th {border-top:2px solid #ff3e62; background:#ff3e62;}
.tbl thead th {background:#f0f1f2; color:#fff; border-bottom: none; font-weight: 700;}
.tbl tbody th {background:#fafbfc; font-family: 'NanumS'; font-weight: 700;/*  text-align: left; */}
.tbl tbody th.taC{text-align: center;}
.unit tbody th{text-align: center !important;}
.tbl tfoot th {background:#f7f7f7; color:#333;}
.tbl td {font-size: 15px;}


/* table > align */
table.taC td {text-align:center;}
td.taC {text-align:center !important;}
table.taL td {text-align:left;}
td.taL {text-align:left !important;}
table.taR td {text-align:right;}
td.taR {text-align:right  !important;}
.Thead tbody tr:first-child td,.Thead tbody tr:first-child th {border-top:2px solid #5a5a5a;}
td ul {margin-top:0px;}
td ul li {position:relative; padding-left:8px; margin-top:6px; line-height:1.5em; text-align:left !important;}
td ul li::before{display:inline-block; width:2px; height:2px; background:#555; left:0; top:12px;}
td ul li:first-child {margin-top:0;}

td >ul >li.no-bu:before	{ display: none !important; }

ul.ul-col-2 > li,
ol.ul-col-2 > li			{ display: inline-block; width: 48%; vertical-align: top; box-sizing: border-box; margin: 0 0.5% 8px; }