::-moz-selection { background:#f8cfdf ; color: #fff; text-shadow: none; }
::selection { background:#f8cfdf; color: #fff; text-shadow: none; }

/* 초기화 */

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.inline-block {
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}

html, body, form, div, dl, dt, dd, ul, ol, li, h1 {
	border: 0;
	margin: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;

	th {
		vertical-align: middle !important;
		text-align: center !important;;
	}
}

a img {
	border: 0;
}



/* site */
@main-color: #fff;
@text-color : #000;
@impact-color :#f8cfdf;
@impact-color2 : #f8cfdf;
@url: '/resources/img/site/';
@side: 205px;
@bg-color: #eee;
@font-size: 15px;


input, select, label { font-size: @font-size; }

@import "./nanumbarungothic.css";
@import "./nanummyeongjo.css";

// 'Nanum Myeongjo'
.myungjo {
	font-family: 'Nanum Myeongjo', Arial, sans-serif !important;
}
.impact_q {background: url('@{url}/201509/common/qu_bg.png') no-repeat 0px -2px;/*font-weight:bold; font-size:1.15em; color:#f3859b;*/}
.impact_a {background: url('@{url}/201509/common/an_bg.png') no-repeat 2px 3px; margin-bottom:30px;/*font-weight:bold; font-size:1.45em; color:#f7acbc;*/}
.in_back1 {background: url('@{url}/201509/common/in_bg1.png') no-repeat -5px -2px;}
.in_back2 {background: url('@{url}/201509/common/in_bg2.png') no-repeat -3px -2px;}
.in_back3 {background: url('@{url}/201509/common/in_bg3.png') no-repeat -3px 0px;}
p {
	text-align: justify;
}

.impact-color{
	color: @impact-color;
}
.impact-color2{
	color: @impact-color2;
}

html {
	overflow-y: scroll;
	background: @bg-color;
	height: 100%;
}

body {
	font-family: 'Nanum Barun Gothic', Arial, sans-serif;
	font-weight: 300;
	line-height: normal;
	font-size: @font-size;
	line-height: 1.8;
	color: @text-color;
	position: relative;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Nanum Barun Gothic', Arial, sans-serif;
	line-height: 1.2;
	font-weight: 400;
}

.cd-main-content {
	// 없으면 슬라이딩시 인터
	background-color: @bg-color;
}


select {
	height: auto !important;
}

.subPage {
	padding-bottom: 40px;
}

// 720 940 1140

.content {
	/*width: 1170- @side;
	float: right;*/
}


.container {	
	/*margin: 0;*/
	clear: both;
	overflow: hidden;
	position: relative;
	background: #fff/*url('@{url}/201711/2017_bg.png') 0 0 repeat-y*/;
}
#bodyarea.main  {
	/*width: 100%;*/
	.side {
		right: 0;
		top: 0;
		position: absolute;
	}
	
}

#bodyarea.main .container {
	/*width: 100%;*/
	/*.side {
		right: 0;
		top: 0;
		position: absolute;
	}*/
	.content {
		/*float: left;
		margin-left: 205px;
		position: relative;
		overflow: hidden;
		width: auto !important;*/
		max-width: 1440px;
	}
}
#pageMain {
	overflow: hidden;
}

header { 
	background-color:#f8cfdf;
	box-shadow:0px 0px 5px #cfcfcf;
	div.date {
		position: absolute;
		 float: left;
		 vertical-align: bottom;
		 
		}
	div.logo_wrap {
	  position:relative;
	  a#cd-logo {
			
		img {
		  text-align: center;
		
		}
		
	  }
	}

	a#cd-menu-trigger {
	  /*background-color: @impact-color;*/
	}
}
.side {
		right: 0;
		top: 0;
		position: absolute;
}

#bodyarea {
	// bootstrap respon fix
	padding-left: 0 !important;
	padding-right: 0 !important;
	.side {
		/*right: 0;
		top: 0;
		position: absolute;*/
		-webkit-box-sizing: content-box;
		   -moz-box-sizing: content-box;
		        box-sizing: content-box;
		width: @side ;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		float: left;
		.upper {
		}			
		a.logo {
			display:block;
			margin: 70px 10px 40px 0;
			text-align:center;
		}
		p.webzine {
			background-color:#fff;
			text-align:center;
			color:#838383;
			padding-bottom:7px;
		}
		p.date {
			// background-color:#fff;
			padding-bottom:13px;
			text-align:center;
			font-size:16px;
			font-weight:bold;
			color: #fff;
			line-height: 20px;
			span {
				line-height: 20px;
			}
			span.month {
				font-size:24px;
				vertical-align: middle;
				
			}
		}

			.nav_links {
				list-style: none;
				// font-size: 0.8em;
				&>li {
					margin: 20px 0 20px 0;
					text-align: center;
					border-bottom: none;
				}
				a {
					color: #000 !important;
				}
				i {
					// font-size: 0.75em;
					
				}
			}

		ul.gnb {
			border-top: 1px solid #fff;
			list-style: none;

			
			&>li {
				border-bottom:1px solid #000;
				text-align: center;
				&>a {
					font-size: 17px;
					display:block;
					color:#000;
					font-weight:bold;
					line-height:55px;
					height: 55px;
					text-decoration:none;
				}
				&>a[href="#"] {
				}
				ul.gnb_sub {
					background-color: #fff;
					padding: 0;
					li {
						list-style: none;
						text-align: center;
						a {
							color: #000;
							font-weight: bold;
							line-height: 40px;
							height: 40px;
							font-size:14px;
							text-decoration: none !important;
						}
					}
				}
			}
			li.active {
				&>a {
					color: #000;
					background: #C7C8CA;
				}
				background-color: #fff; 
				li.active {
					background-color:#C7C8CA; 
				}
				li.active a { color:#fff; }
			}
		}
  
  	.warning {
        padding:10px;
        color:#fff;
        background-color:#58984b;
        font-size:12px;
        word-break:keep-all;
        border-top:1px solid lighten(@impact-color, 20%);
        border-bottom:1px solid lighten(@impact-color, 20%);
        p {
          margin:0px;
        }
      }
	}
	
	div.content {
		
		footer#footer {
			background: #fff;
			clear: both;
			margin-top: 40px;
			padding-bottom: 40px;
			border-top:1px solid #bebebe;
			padding: 0 20px;
			.row-fluid {
				.logo {
					line-height:64px;
					text-align:left;
					img {
					// margin-left:20px;
					}
				}
				.copyright {
					color:#4E4E4E;
					font-size:0.8em;
					padding: 10px 0;
					/*line-height:1;*/
					text-align: right;
					// padding-right:20px;
				}
			}
		}
		&.main #footer {
			margin-top: 0px;
		}
	}
}

#cd-lateral-nav {
	i {
		font-size: 0.8em;
		color: #999;
	}
	.gnb_sub li { list-style: none; }
}

.footer {
	display: none;
	// position: absolute;
	border-top:1px solid #bebebe;
	background-color:#fff;
	display:block;
	.row-fluid {
		.logo {
			line-height:64px;
			text-align:center;
		}
		.copyright {
			color:#5d5d5d;
			font-size:0.8em;
			padding: 25px 15px;
			// margin-top:-10px;
			line-height:1;
			letter-spacing: -1px;
			text-align:center;
		}
	}
}

div.other_webzine_wrap {
	margin: 30px auto;
	width: 80%;
	display: block;
	.other_webzine {
		font-size: 12px;
		margin:0px auto;
		min-height:21px;
	}
}

.tab_content {
	display: none;
}

.tab {
	&>li {
		cursor: pointer;
	}
}

.tab.compliment {
	overflow: hidden;
	list-style: none;
	margin-bottom: 60px;
	li {
		width: 50%;
		text-align: center;
		background: #7F7F7F;
		color: #fff;
		font-weight: bold;
		font-size: 19px;
		display: block;
		float: left;
		padding: 10px 0;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;		
		&.active {
			background: @impact-color;
		}
	}
}

	.gallery_title {
		border-top: 1px solid #fff;
		text-align:left;
	}
	.gallery_title span {
	
		
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */

		
		font-size: 18px;
		font-weight: bold;
		color: #000;
	
		padding: 3px 30px 0 0;
	}
	.gallery_title_sub {
		margin: 10px 0 60px 0;
		
	}
	.gallery_title_sub p {
		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}


.bottom_big {
	margin-bottom: 60px;
}

.bottom_mid {
	margin-bottom: 35px;
}

.bottom_small {
	margin-bottom: 15px;
}

.news_box {
	// margin-top: 3px;
	
	padding: 30px 25px 0 25px;
	position: relative;
	
	h4 {
		font-size: 19px;
	}
}

ul.news_box_list {
	list-style: none;
	padding-top: 3px;
	*padding-bottom: 40px;
	margin-left: -36px;
	overflow: hidden;
	position: relative;

	li {
		display: block;
		float: left;
		background: #fff;
		margin-left: 36px;
		margin-bottom: 60px;
		width: 442px;
		height: 220px;
	}
	.customLi{
		display: block;
		float: left;
		background: #fff;
		margin-left: 36px;
		margin-bottom: 233px;
		width: 326px;
		height: 100px;
	}
	p.title {
		margin: 10px 0 10px 0;
		font-size: 17px;
		font-weight: bold;
		color: @impact-color;
	}
	p.desc {
		font-size: 13px;
		letter-spacing: -1px;
		strong {
			color: #4C4C4C;
		}
	}
	td.desc {
		font-size: 13px;
		letter-spacing: -0.5px;
		strong {
			color: #4C4C4C;
		}
	}
}

ul.basic {
	margin-left: 20px;
}

ul.news_list {
	list-style: none;
	padding-top: 10px;
	margin-left: -22px;
	overflow: hidden;
	li {
		position: relative;
		float: left;
		background: #fff;
		margin-left: 22px;
		margin-bottom: 20px;
		/*width: 474px;
		*width: 357px;*/
		height: 550px;
		/*border: 1px solid #BFBFBF;*/
	}
	
	img {
		display: block;
		margin: 0 auto;
	}
	.imgCu{
		margin: 0;
	}
	p {
		padding: 0 15px;
		line-height: 1.6;
	}
	p.title {
		letter-spacing: -1px;
		margin: 20px 0;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	p.desc {
		margin: 20px 0 0 0;
	}
}

ul.card_news {
	list-style: none;
	padding-top: 22px;
	margin-left: -22px;
	overflow: hidden;
	li {
		position: relative;
		float: left;
		background: #fff;
		margin-left: 22px;
		margin-bottom: 40px;
		width: 355px;
		height: 420px;
	}
	p {
		padding: 0 15px;
		line-height: 1.6;
	}
	p.title {
		letter-spacing: -1px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
			
	.up {
		img {
			position: absolute;
			bottom: 0;
			left: 0;
		}
		p.title {
			padding-top: 50px;
			padding-bottom: 10px;
		}

	}
	.down {
		p.title {
			padding-top: 30px;
			padding-bottom: 10px;			
		}
	}

	i {
		position: absolute;
		top: -21px;
		left: (355 / 2)-21px;
		width: 43px;
		height: 43px;
	}
	
	.circle i {
		background: url('@{url}/201711/card_icon_circle.png') no-repeat;
	}
	.plus i {
		background: url('@{url}/201711/card_icon_plus.png') no-repeat;
	}
	.lock i {
		background: url('@{url}/201711/card_icon_lock.png') no-repeat;
	}

	.play i {
		background: url('@{url}/201711/card_icon_play.png') no-repeat;
	}
	.head i {
		background: url('@{url}/201711/card_icon_head.png') no-repeat;
	}
	.location i {
		background: url('@{url}/201711/card_icon_location.png') no-repeat;
	}
}



.bullet_list {
	list-style: none;
	li {
		background: 0 0 no-repeat;
		list-style: none;
		line-height: 19px;
		padding-left: 25px;
		margin-bottom: 5px;
	}
	.no1 { background-image: url('@{url}/201711/no_1.png'); }
	.no2 { background-image: url('@{url}/201711/no_2.png'); }
	.no3 { background-image: url('@{url}/201711/no_3.png'); }
	.no4 { background-image: url('@{url}/201711/no_4.png'); }
	.no5 { background-image: url('@{url}/201711/no_5.png'); }
	.no6 { background-image: url('@{url}/201711/no_6.png'); }
}

.impact_box {
	border: 2px solid @impact-color;
	padding: 10px 20px;
}

.writer_photo_wrap {
	position: relative;
	text-align: right;
	img {
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
	}
	p {
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		border-bottom: 1px solid #000;
		margin-top: 80px;
	}
}

.h4_wrap {
	&.q {
		background: url('@{url}/201704/q.png') 0 2px no-repeat;
	    margin-left: -45px;
	    padding-left: 45px;
		h4 {
			line-height: 1.4;
			color: #f08300;	
		}
	}
}


		// 02월 hand에 사용
		.back_title {
			font-size: 17px;
			background: @impact-color;
			color: #fff;
			display: inline-block;
			vertical-align: top;
			zoom: 1; /* Fix for IE7 */
			*display: inline; /* Fix for IE7 */
			padding: 2px;
			
		}	
		.back_title_sub {
			color: #777;
			font-size: 14px;
			margin-bottom: 5px;
		}


// subPage
section.subPage {
	background-repeat:no-repeat;
	// background-position:left top;
	//width: 740px;
	max-width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	h2 {
		color: @impact-color;
		font-weight: bold;
	}
	h2,h3 {
		font-size: 15px;
		margin: 0;
	}
	h4 {
		font-size: 22px;
		margin-top: 0;
	}
	.point_wrap {
		div.title {
			color: @impact-color;
			font-size: 15px;
			small {
				color: #000;
			}
			p {
				font-weight: bold;
				line-height: 1.6;
				display: inline-block;
				vertical-align: top;
				zoom: 1; /* Fix for IE7 */
				*display: inline; /* Fix for IE7 */
				
				// padding-bottom: 20px;		
			}
		}
	}
	
	.point_wrap_upper {
		font-size: 14px;
		div.title {
			p {
				min-width: 100px;
				padding-top: 15px;
				margin-top: 5px;
				margin-bottom: 0;
				border-top: 2px solid #878888;				
				color: #EC0677;
				font-weight: bold;
				line-height: 1.6;
				display: inline-block;
				vertical-align: top;
				zoom: 1; /* Fix for IE7 */
				*display: inline; /* Fix for IE7 */
			}
		}
	}
	.point_list {
		overflow: auto;
		list-style-type: disc;
		li {
			
			font-size: 14px;
			padding-right: 10px;
			
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display: inline;
			span {
				display: list-item;
				margin-left: 16px;
			}
		}
	}	
	.page_title {;
		padding-bottom: 5px;
		text-align: center;
	}
	.page_info {
		strong {
			margin-left: 20px;
		}
		padding: 11px 0 0 0;
	}

	.head_copy {
		margin-bottom: 50px;
			.gothic {
				font-family: 'Nanum Barun Gothic', Arial, sans-serif !important;
			}
					
		.title {
			
			font-size: 35px;
			.myungjo;

			line-height: 1.3;
			margin-bottom: 20px;
			&.gothic {
				font-family: 'Nanum Barun Gothic', Arial, sans-serif !important;
			}
		}
		.big_sub {
			font-size: 25px;
			line-height: 1.2;
		}
	}
	@media (min-width:979px){
		.document {
			padding: 25px 100px;
		}	
	}
	@media (max-width:978px){
		.document {
			padding: 25px 20px;
		}	
	}
	
}




// pages

.impact_text_box {
	.title {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding: 3px 5px;
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		background: @impact-color;
		// trip2.jpg
	}
}

.dl_list {
	font-size: 14px;
	li {
		display: block;
	}
	span {
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
	}
	.title {
		font-weight: bold;
		width: 90px;
	}
	.title2 {
		font-weight: bold;
		width: 60px;
	}
	.desc {

	}
}

.colorBox {
	overflow: hidden;
	background-color:#fff; padding:20px;
	p {
		font-weight: 400;
		// line-height: 1.6;
		margin: 0;
	}
	&.orange {
		background: #FFF5F0;
	}
	&.brown {
		background: #F5F2EF;
	}
	&.white {
		background: #fff;
	}
}

.chapter {
	margin-top: 30px;
}


.smaller p {
	font-size: 0.78em;
	margin-top: 10px;
}

.box_desc {
	padding: 20px 0 0 0;
	.divider {
		padding-bottom: 10px;
	}
	p {
		border-top: 1px solid #ddd;
		padding-top: 10px;
	}
}

.black {
	color: @text-color;
}

.impact {
	color: @impact-color;
}

.impact_alt {
	// color: darken( spin(@impact-color, 60), 20% );
	color: #A70E13;
}

.underline {
	text-decoration: underline;
}

.impact_underline {
	padding-bottom: 5px;
	border-bottom: 2px solid #A70E13;	
}

.thumbnail {
	margin-bottom: 10px;
	.img_desc {
		text-align: right;
		margin: 0;
		padding: 10px 5px 5px 0;
		font-size:0.9em;
		font-weight:500;
	}
}

.allusion {
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;	
	margin: 50px 0;
	padding: 30px 0;
	font-size: 1.4em;
	color: @impact-color;
	text-align: center;
}

.who_am_i {
  border:1px solid #c8c8c8;
  max-width:450px;
  margin:0px auto;
  padding:20px; 
  overflow: hidden;
  float: none;
  margin: 50px auto 0 auto;
  text-align: center;
  &>img {
    max-width: 100px;
  }
  .who_title {
    text-align: center;
    font-size: 1.2em;
    color: #000;
    // font-weight: bold;
    margin-top: 10px;
  }
  .info {
    .title {
      margin: 10px 0 0;
      text-align: center;
    }
    .desc {
      margin: 0;
      text-align: center;
    }
  }
}

.bg_box {
	background: #fff8e6;
	padding: 20px;
	p {
		margin-bottom: 20px;
	}
}

.dl_basic {
	font-size: 14px;
	dt {

	}
	dd {
		margin: 5px 0 28px 0;
	}
}

table.like_print {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.8em;
	th {
		border-top: 2px solid #999;
		border-bottom: 2px solid #999;		
	}
	td {
		line-height: 1.2;
		text-align: center;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
	}
}

.muted {
	color: #4E4E4E !important;
}

// news
.media {
	background: url('/resources/img/site/201512/news_header.png') 0 0 no-repeat;
	padding-top: 30px;
	padding-bottom: 40px;
	.pull-left {
		max-width: 320px;
	}
}

.media-object {
	max-width: 300px;
	margin-right: 20px;
	padding: 3px;
	background: #fff;
	border: 1px solid #c9c9c9;
}


.media.news_2 {
	padding-top: 0px;
	background: 0 none;
	.media-heading {
		font-size: 1.2em;
	}
	.news_impact {
		.impact_alt;
		font-size: 1.5em;
	}
	.no1 {
		background: url('/resources/img/site/201512/news_a.png') -1px -5px no-repeat;
		padding-left: 50px;
		height: 39px;
	}
	.no2 {
		background: url('/resources/img/site/201512/news_b.png') 2px -5px no-repeat;
		padding-left: 50px;
		height: 40px;
	}
	.no3 {
		background: url('/resources/img/site/201512/news_c.png') 3px -5px no-repeat;
		padding-left: 50px;
		height: 40px;
	}
	.no4 {
		background: url('/resources/img/site/201512/news_d.png') 3px -5px no-repeat;
		padding-left: 50px;
		height: 32px;
	}
	.no5 {
		background: url('/resources/img/site/201506/news_e.png') 0 0 no-repeat;
		padding-left: 50px;
		height: 31px;
	}
}

.news_media_title {
	padding-top: 40px;
	border-top: 2px solid @impact-color;
	font-size: 1.5em;
}
.news_media_title_02 {
	font-size: 1.5em;
	margin-top: 2em;
}

.mini-time {
	&>.span6 {
		padding-bottom: 20px;
		padding-top: 20px;
		border-top: 1px solid #eee;
		&.no_border {
			border: 0 none;
		}
	}
	h5 {
		margin-bottom: 5px;
		font-size: 1em;
		color: @impact-color;
	}
	.thumbnail {
		// border: 1px solid #eee;
		margin-top: 10px;
	}
	.desc_title {
		.impact_alt;
		font-weight: bold;
	}
	p {
		font-size: 0.8em;
	}
}

p.caption {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin-top:10px;
	margin-bottom:10px;
}

.td_left {
		td { text-align: left !important; }
	}

.pink_table {
	width: 100%;
	border-collapse:collapse;
	border-bottom: #ccc 2px solid;
	margin-top: 20px;

	&.no-top {
		border-top: #ccc 2px solid;
	}

	tr {
	}
	th {
		color: #ee957c;
		background: #fbe2d8;
		
	}
	.point {
		background: #FFF0F0;
	}
	
	td {
		border-left: 1px solid #ccc;
		border-bottom: #ccc 1px solid;
		padding: 0px 5px;
		text-align:center;
		font-weight: 400;
		vertical-align: middle;	
	}
	td:first-child {
		border-left: 0 none;
	}
}

.impact_table {
	border-collapse:collapse;
	border-bottom: @impact-color2 2px solid;
	margin-top: 20px;
	width: 100%;
	caption {
		display: none;
	}
	tr {.text-left{
			background-color: #fef9fb;
		}
	}
	th {
		color: @impact-color2;
		border-bottom: @impact-color2 2px solid;
		border-top:@impact-color2 2px solid;
		// border-left: 1px solid #fff;
		// border-right: 1px solid @impact-color;
		
	}
	td {
		border-bottom: @impact-color2 1px solid;
		// border-left: @impact-color 1px solid;
		// border-right: @impact-color 1px solid;
		padding: 0px 5px;
		text-align:center;
		font-weight: 400;
		vertical-align: middle;	
	}
	.impact_bg {
		width:5%;
		
		text-align:right;
	}
}

.impact_table_02 {
	border-collapse:collapse;
	border-bottom: #E5005A 2px solid;
	margin-top: 20px;
	width: 100%;
	caption {
		display: none;
	}

	th {
		color: #fff;
		background: @impact-color2;
		// border-left: 1px solid #fff;
		border-right: 1px solid @impact-color2;
	}
	td {
		border-bottom: @impact-color2 1px solid;
		border-left: @impact-color2 1px solid;
		border-right: @impact-color2 1px solid;
		padding: 5px;
		text-align:center;
		font-weight: 400;
		vertical-align: middle;	
	}
	.impact_bg {
		width:5%;
		
		text-align:right;
	}
}

.graph_img {
	text-align: center;
	max-width:450px;
	margin: 20px auto; 
	.graph_img_content {
		.top{
			text-align: center;
		}
		.bottom{
			text-align: left !important;
		}
		p {
			padding-top: 10px;
			border-top: 1px solid #000;
		}
	}
	
}

/*.question_answer {
	h5 {
		background: url("@{url}/201506/common/q_icon.png") no-repeat;
		margin-top: 2em;
		padding-left: 30px;
	}
	p {
		background: url("@{url}/201506/common/a_icon.png") 0 6px no-repeat;
		padding-left: 30px;
	}
}*/

// rice 
ul.members { margin-top: 20px; }
ul.members, ul.members p { text-align: center; }
ul.members li {
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}
ul.members li { width:120px; }


// hospital
.impact_border {
	border: 1px solid @impact-color;
}
.img_center {
		margin: 10px 0;
		text-align: center;
}

.cnu_underline {
	border-bottom: 1px solid @impact-color;
}

.hospital_ribon {
	position: relative;
	p {
		position: absolute;
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */

		height: 40px !important;
		z-index: 1;
		top: -20px;
		left: -31px;
		background: url("@{url}/201506/hospital_1.png") right top no-repeat;		
		color: #fff;
		padding: 6px 50px 5px 110px;

	}

}
	.img_title {font-weight:600; font-size:0.85em; padding-top:10px;}
@media (max-width: 750px) {
	.hospital_ribon p {
		display: block;
		text-align: center;
		padding: 6px 30px 5px 50px;
	}

}
	
.quote {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 16px;
	text-align: center;
}
.quote img {padding:0 5px 0 5px;}
.h5_wrap {
	padding: 10px 20px 0 20px;
	margin-top: 10px;
	background: url("@{url}/201508/common/h5_wrap.png") no-repeat;
	h5 {
		color: #000;
		line-height: 25px;		
	}
}

// .cell_content {
// 	overflow: hidden;
// 	display: table-cell;
// 	vertical-align: text-bottom;
// 	border: 1px solid red;
// }

ol.number_list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    margin: 0;
    margin-left: 2em;
    padding: 0;
    counter-reset: li-counter;
    margin-bottom: 20px;
}
ol.number_list > li{
    position: relative;
    padding-left: 0.5em;
    line-height: 1.6em;
    margin-bottom: 5px;
}
ol.number_list > li:before {
    position: absolute;
    top: 1px;
    left: -1.33em;
    width: 1.3em;
    padding: 2px 0 0 0;
    // height: 1.2em;
     
    line-height: 1.2;
    text-align: center;
    color: #fff;
 
    border-radius: 50%;
    background-color: @impact-color;
    content: counter(li-counter);
    counter-increment: li-counter;
}
ol.black_number_list {
	list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 1em;
    padding: 0;
    margin-top: 20px;
    counter-reset: li-counter;
    margin-bottom: 20px;
}
ol.black_number_list > li{
    position: relative;
    padding-left: 0.5em;
    line-height: 1.6em;
    margin-bottom: 5px;
}
ol.black_number_list > li:before {
    position: absolute;
    top: 1px;
    left: -1.33em;
    width: 1.3em;
    padding: 2px 0 0 0;
    // height: 1.2em;
     
    line-height: 1.2;
    text-align: center;
    color: #fff;
 
    border-radius: 50%;
    background-color: #000;
    content: counter(li-counter);
    counter-increment: li-counter;
}
ul.body_list {
	list-style: none !important;
	li {
		line-height: 25px;
	}
}

.yoga_box_wrap {
	position: relative;
	margin-top: 60px;
	
	.yoga_title_wrap {
		position: absolute;
		top:-22px;
		left:0;
		height: 77px;
		background: url("@{url}/201506/body_bg.png") left bottom no-repeat;
	}
	.yoga_title {
		background: #96bee5;
		display: inline-block;
		color: #fff;
		font-size: 16px;
		padding: 8px 30px;
	}
	.yoga_inner_box {
		border: 1px solid #96bee5;
		margin-left: 29px;
		padding: 30px 0;
		p {
			color: #4d4c4d;
			padding: 10px 10px 0 10px;
		}
	}
}
//



.no1 {
	@color: #2769a9;
	h4 span { color: @color; }
	.info_text { color: @color; }
}
.no2 {
	@color: #d77151;
	h4 span { color: @color; }
	.info_text { color: @color; }
}
.no3 {
	@color: #edb960;
	h4 span { color: @color; }
	.info_text { color: @color; }
}
.no4 {
	@color: #6b7176;
	h4 span { color: @color; }
	.info_text { color: @color; }
}
.no5 {
	@color: #9c958c;
	h4 span { color: @color; }
	.info_text { color: @color; }
}
.no6 {
	@color: #a3c366;
	h4 span { color: @color; }
	.info_text { color: @color; }
}
.no7 {
	color: #868770;
}
.no8 {
	color: #ced2d6;
}
.no9 {
	@color: #c86b4c;
	h4 span { color: @color; }
	.info_text { color: @color; }
}

.main .gotoTop {
	display: none !important;
}
.gotoTop {
  a {
    display:block;
    text-decoration:none;
    color: @impact-color;
  }
}

// media
// 720 940 1140
@media (min-width: 1200px) {
	.container {
	
	}
	.side {
		display: block;
	}
	/*<!--.footer {
		display: none;
		margin: 0 5px 0 30px;
	}-->*/
	#footer { display: block }
	
	.content {
		/*width: 1170px - @side;*/
		// section.subPage {
		// 	margin:30px;
		// }
	}
}

@media (max-width: 1199px) {
	.container {
		background: #fff;
		margin: 0 auto;
	}

	.side {
		display: none;
	}
	header {
	display: block;
	// margin: 0 5px 0 30px;
	}
	.footer {
	display: block;
	}
	#footer { display: none }
	.cd-main-content {
		background: #fff;
	}
	.subPage {
		min-height: 0;
	}
	.content {
		padding-top: 51px;
		width: 100%;
		margin-left: 0 !important;
	}	
}

@media (max-width: 767px) {
	.mobile_center {
		text-align: center !important;
	}
	.content {
		padding-left: 20px;
		padding-right: 20px;		
	}
	.thumbnail {
		.img_desc {
			text-align: center;
		}
	}
	.media .pull-left {
		margin-right: 0;
		float: none;
		max-width: 100%;
	}
	.media-object  {
		display: block;
		max-width: 100%;
		margin: 0 auto 20px auto;
	}
	div.content footer#footer .row-fluid .logo {
		height:30px;
	}
	.footer .copyright {
		padding-top: 0 !important;
		margin-top: -10px;
	}
	.h4_wrap.q {
	    margin-left: 0;
	    padding-left: 45px;
	}
}

@media (max-width: 450px) {
	ul.card_news {
		margin: 0 auto;
		li {
			.desc {
				padding-bottom: 10px;	
			}
			
			i {
				z-index: 101;
				left: 30px;
			}
			img {
				position: relative !important;
			}
			height: auto;
			width: 100%;
			float: none;
			margin: 40px auto;
		}
	}
	.news_list {
		margin-left: 0 !important;
	}
	.news_list li {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 100% !important;
		height: auto !important;
		padding-bottom: 20px !important;
	}
	.news_box_list {
		margin-left: 0 !important;
	}
	.news_box_list li {
		width: 100% !important;
		margin: 0 auto 100px auto !important;
		float: none !important;
	}
	
}