::-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 : #ea5752;
@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;
}

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: #f9d0ba;
	}
}

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}/201504/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: #c03e35;
					// 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: #ec927d;
						/*display:none;*/
						padding: 0;
						li {
							border-bottom:none;
							line-height: 30px !important;
							a {
								line-height: 30px;
								font-size:12px;
							}
						}
					}
				}
				li.active {
					background-color: #ad2c27;
					li.active {
						background-color: #cf6355;
					}
				}
			}
      
      .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;
}

h5 {
	font-size: 1.2em;
	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: #f29b77;
}

.underline {
	text-decoration: underline;
}

.impact_underline {
	padding-bottom: 5px;
	border-bottom: 2px solid @impact-color;	
}

.thumbnail {
	margin-bottom: 10px;
	.img_desc {
		text-align: right;
		margin: 0;
		padding: 5px 5px 0 0;
	}
}

.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;
    font-weight: bold;
    margin-top: 10px;
  }
  .info {
    .title {
      margin: 10px 0 0;
      text-align: center;
    }
    .desc {
      margin: 0;
      text-align: center;
    }
  }
}


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

.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: @impact-color 2px solid;
	font-size: 0.8em;
	caption {
		display: none;
	}
	tr {
	}
	th {
		color: #fff;
		padding:5px 0;
		margin:0;
		background: @impact-color;
	}
	td {
		border-bottom: @impact-color 1px solid;
		padding: 5px 10px;
		text-align: center;
		font-weight: 400;
		vertical-align: middle;
	}
	.impact_bg {
		background: #fdece4;
	}
}
.impact_table_02 {
	width: 100%;
	border-collapse: collapse;
	border-bottom: @impact-color 2px solid;
	font-size: 0.8em;
	caption {
		display: none;
	}
	tr {
	}
	th {
		color: #fff;
		padding:5px 0;
		margin:0;
		background: @impact-color;
	}
	td {
		border-bottom: @impact-color 1px solid;
		padding: 5px 10px;
		text-align: center;
		font-weight: 400;
		vertical-align: middle;
	}
	.impact_bg {
		background: #fdece4;
	}
}

.graph_img {
	text-align: center;
	margin: 10px 0;
	img {
		margin: 10px 0;
	}
	p {
		margin-top : 10px;
		text-align: center;
	}
}

.question_answer {
	h5 {
		/*background: url("@{url}/201504/common/q_icon.png") no-repeat;*/
		margin-top: 2em;
		/*padding-left: 30px;*/
	}
	.impact_q {font-weight:bold; font-size:1.15em; color:#e36656;}
	.impact_a {font-weight:bold; font-size:1.45em; color:#f29b77;}
	p {
		/*background: url("@{url}/201504/common/a_icon.png") no-repeat;*/
		padding-left: 3px;
	}
}

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


.quote {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 17px;
	text-align: center;
}
.h5_wrap {
	padding: 10px 20px;
	margin-top: 20px;
	background: url("@{url}/201503/common/h5_wrap.png") no-repeat;
	h5 {
		color: #47885d;
		font-weight: bold;		
	}
}

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


//

.pin_ul {
	li {
		list-style: none;
		min-height: 78px;
		margin-bottom: 35px;
		p {
		padding-left: 30px;
		}
		h5 {
			padding-top: 5px;
			min-height: 30px;
			background: url('@{url}/201504/sejong_2.png')  no-repeat; 	
		}
	}
	li.kukmu {
		h5 { 
		color: #eb6656;
		padding-left: 30px;
		background: url('@{url}/201504/sejong_2.png') no-repeat; 
		}
	}
	li.ki {
		h5 { 
		color: #d88f9d;
		padding-left: 30px;
		background: url('@{url}/201504/sejong_3.png')  no-repeat;
		}
	}
	li.kukto {
		h5{
		color: #d27f3a;
		padding-left: 30px;
		background: url('@{url}/201504/sejong_4.png') no-repeat; 
		}
	}
	li.nong {
		h5 { 
		padding-left: 30px;
		color: #a98555; 
		background: url('@{url}/201504/sejong_5.png') no-repeat;
		}
	}
	li.haeyang {
		h5 { 
		padding-left: 30px;
		color: #d68657;
		background: url('@{url}/201504/sejong_6.png') no-repeat; 
		}
	}
	li.haeng {
		h5 { 
		padding-left: 30px;
		color: #e27f7f; 
		background: url('@{url}/201504/sejong_7.png') no-repeat;
		}
	}
	li.bogun {
		h5 { 
		padding-left: 30px;
		color: #f29b77; 
		background: url('@{url}/201504/sejong_8.png') no-repeat;
		}
	}
	li.koyuk {
		h5 { 
		color: #dc7864; 
		padding-left: 30px;
		background: url('@{url}/201504/sejong_9.png') no-repeat;
		}
	}
}


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

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