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

/* 초기화 */

html, body, form, div, dl, dt, dd, ul, ol, li, h1 {
	border: 0;
	margin: 0;
	// padding: 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;
}


.hidden_file {
/*	display: none !important; */
	display: inline-block;
	*zoom:1; *display: inline;
}

// 캘린더
.ui-datepicker-year, .ui-datepicker-month{
	width: 40% !important;
	padding: 0 !important;
}

h2 {
	margin: 20px 0;
}

/* site */
@main-color: #fff;
@text-color : #000;
@impact-color : #8E54A2;
@url: '/resources/img/site/';
// @container: 1200px;
@side: 205px;
// @content: @container - @side;
// @bg-color: #fff;
@bg-color: #eee;
@font-size: 15px;


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

@import "./nanumbarungothic.css";
@import "http://fonts.googleapis.com/earlyaccess/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;
}

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;
}


.side {
	border-right:1px;
	border-right-color:#eeeeee;
	border-right-style:solid;
	width: @side;
	float: left;
	.upper {
		background: #E2D1E6;
	}
}

select {
	height: auto !important;
}

.subPage {
	padding-bottom: 40px;

}

// 720 940 1140
.content {
	width: 1170 - @side;
	background: #fff;
	float: right;
}

.container {	
	// width: 1200px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	position: relative;
	background: url('@{url}/201510/common/gnb_bg.png') repeat-y;
}

header {
	// -webkit-box-sizing: border-box;
	//	 -moz-box-sizing: border-box;
	//         box-sizing: border-box;
	// position: relative;
	// width: 100%;
	// height: 230px;	
	// background: url('@{url}header_bg.png') 50% top repeat-x;
	
	background-color:#fff;
	box-shadow:0px 0px 5px #cfcfcf;
	div.logo_wrap {
	  position:relative;
	  a#cd-logo {
			display:inline;
			float:none;
			margin:0px;
			position:absolute;
			top:7px;
			bottom:0px;
			left:50%;
			margin-left:-75px;
			z-index:5;
		img {
		  margin-top:5px;
		  display:inline;
		  float:left;
		  max-height: 30px;
		}
		div.date {
		  margin-top:5px;
		  margin-left:10px;
		  float:left;
		  font-size:12px;
		  font-weight:bold;
		  color: @impact-color;
		  span.month {
			font-size:18px;
		  }
		}
	  }
	}

	a#cd-menu-trigger {
	  background-color: @impact-color;
	}
}


#bodyarea {
	// clear: both;
	// margin: 0 auto;
	// min-height: 100%;
	// overflow: hidden;
	
	.container {
		.side {
			background-color: @impact-color;
			// box-shadow:6px 0px 6px #c8c8c8;
			a.logo {
				display:block;
				background-color:#fff;
				padding-top:10px;
				padding-bottom:10px;
				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: @impact-color;
				// color:##D53D56;
				line-height: 20px;
				span {
					line-height: 20px;
				}
				span.month {
					font-size:24px;
					vertical-align: middle;
					
				}
			}

			ul.gnb {
				.nav_links {
					font-size: 0.8em;
					background-color: #6E3782;
					// background: darken(@impact-color, 10%);
					// border-bottom: 1px solid #8e3136 !important;
					&>li {
						border-bottom: none;
						// border-bottom: 1px solid #76181d !important;
					}
					i {
						font-size: 0.75em;
						color: #ddd;
					}
				}
				li {
					border-bottom:1px solid lighten(@impact-color, 20%);
					box-sizing:border-box;
					a {
						display:block;
						color:#fff;
						font-weight:bold;
						line-height:35px;
						padding-left:22px;
						text-decoration:none;
					}
					a[href="#"] {
						background-image:url('/resources/img/site/gnb_arrow.png');
						background-repeat:no-repeat;
						background-position:185px center;
					}
					ul.gnb_sub {
						background-color: #D3B6D7;
						/*display:none;*/
						padding: 0;
						li {
							border-bottom:none;
							line-height: 30px !important;
							a {
								line-height: 30px;
								font-size:12px;
							}
						}
					}
				}
				li.active {
					background-color: #6E3782;
					li.active {
						background-color: #C69ECA;
					}
				}
			}
      
      .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 {
				border-top:1px solid #bebebe;
				background-color:#d9d9d9;
				.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;
				}
				}
			}
		}
	}
}

#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:#d9d9d9;
	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;
			text-align:center;
		}
	}
}

div.other_webzine_wrap {
	// background-color:#fff;
	padding-bottom:15px;
	width: 80%;
	display: block;
	margin: 0 auto;
	.other_webzine {
		margin:0px auto;
		min-height:21px;
	}
}

// subPage
section.subPage {
	background-repeat:no-repeat;
	background-position:left top;
	.pageTitle {
		margin: 0;
		font-size: 1.2em;
		font-weight: 700;
		.impact;
	}
	.pageSubTitle {
		font-size:16px;
		font-weight: 400;
		color:#7C7C7C;
		border-bottom:1px solid #c8c8c8;
		padding-bottom:10px;
		strong {
			font-weight: 700;
		}
	}
	.pageSubTitle.empty {
		font-size:0px;
		line-height:0px;
	}
	.document {
		margin-top:20px;
		h2 {
			margin:0px;
			font-weight:bold;

		}
	}
}



// pages

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

.chapter {
	margin: 30px 0 0 0;
}

h3 {
	font-size: 2.2em;
	font-weight: 500;
	line-height: 1.35;
	margin-bottom: 20px;
	.h3_sub {
		color: #949495;
		font-size: 0.7em;

	}
}

h4 {
	color: @impact-color;
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 10px;
}

.body_h4 h4 {
	font-size: 1.4em;
	font-weight: 500;
	overflow: hidden;
	color: #000;
	padding-top: 10px;
	background: url('@{url}/201505/common/h4_border.png') no-repeat;
}

h5 {
	font-size: 1.1em;
	small {
		padding-top: 5px;
		color: #000;
	}
}

h5.in_body {
	padding-bottom: 10px;
	font-size: 1.2em;
	font-weight: normal;
	border-bottom: @impact-color 1px solid;
	&.alt {
		border-bottom: rgb(174,55,111) 1px solid;
	}
}

h6 {
	margin: 5px 0 5px 0;
}

.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: #8e54a2;
}

.underline {
	text-decoration: underline;
}

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

.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:40px 20px;	
	overflow: hidden;
	float: none;
	margin: 50px auto 0 auto;
	text-align: center;
	&>img {
		max-width: 130px;
	}
	.who_title {
		margin: 25px 0 30px 0;
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
	}
	.info {
		.title {
			margin: 40px 0 20px;
			text-align: center;
		}
		.desc {
			margin: 0;
			text-align: center;
			line-height: 2;
		}
	}
}*/
.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 {
	dt {

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

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/201510/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/201510/news_a.png') -1px -8px no-repeat;
		padding-left: 50px;
		height: 39px;
	}
	.no2 {
		background: url('/resources/img/site/201510/news_b.png') 2px -8px no-repeat;
		padding-left: 50px;
		height: 39px;
	}
	.no3 {
		background: url('/resources/img/site/201510/news_c.png') 3px -5px no-repeat;
		padding-left: 50px;
		height: 73px;
	}
		@media (max-width: 750px) {
	.no3 {height: 100px;}
}
	.no4 {
		background: url('/resources/img/site/201510/news_d.png') 3px -5px no-repeat;
		padding-left: 50px;
		height: 42px;
	}

	.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;
	}
}

.impact_table {
	width: 100%;
	border-collapse:collapse;
	border-bottom: #C8A5CC 2px solid;
	font-size: 0.9em;
	margin-top: 50px;
	caption {
		display: none;
	}
	tr {
	}
	th {
		color: #fff;
		padding:5px 0;
		margin:0;
		background: #924b99;
	}
	td {
		border-bottom: #C8A5CC 1px solid;
		padding: 5px 10px;
		text-align: center;
		font-weight: 400;
		vertical-align: middle;	
	}
	.impact_bg {
		background: #EEE6F2;
	}
}
.impact_table_02 {
	width: 100%;
	border-collapse: collapse;
	border-bottom: #6dacde 2px solid;
	font-size: 0.9em;
	caption {
		display: none;
	}
	tr {
	}
	th {
		color: #fff;
		padding:5px 0;
		margin:0;
		background: #6dacde;
	}
	td {
		border-bottom: #6dacde 1px solid;
		padding: 5px 10px;
		text-align: center;
		font-weight: 400;
		vertical-align: middle;
	}
	.impact_bg {
		background: #e9f3fa;
	}
}

.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:#924b99;
  }
}

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

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

	.content.sub {
		background: #fff !important;
	}
	.side {
		display: none;
	}
	header {
	display: block;
	}
	.footer {
	display: block;
	}
	#footer { display: none }
	.cd-main-content {
		background: #fff;
	}
	.subPage {
		min-height: 0;
	}
	.content {
		padding-top: 60px;
		width: 100%;
	}	
}

@media (max-width: 750px) {
	.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;
	}
}

@media (max-width: 750px) {
	.footer .copyright {
		padding-top: 0 !important;
		margin-top: -10px;
	}
}