::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; 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 : #424242;
@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";

.myungjo {
	font-family: 'Nanum Myeongjo', Arial, sans-serif !important;
	font-size:3.0em;
	margin:25px;
	font-weight:bold;
	color:#9fa0a0;
}

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

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

h1, h2, h3, h4, h5, h6{
	font-family: 'Nanum Barun Gothic', Arial, sans-serif;
	// font-weight: normal;
}

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

select {
	height: auto !important;
}

.subPage {
	padding-bottom: 40px;
}

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

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

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;
	    }
	    div.date {
	      margin-top:5px;
	      margin-left:10px;
	      float:left;
	      font-size:12px;
	      font-weight:bold;
	      color:#ea512f;
	      span.month {
	        font-size:18px;
	      }
	    }
	  }
	}

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


#bodyarea {
	// clear: both;
	// margin: 0 auto;
	// min-height: 100%;
	// overflow: hidden;
	
	.container {
	  .side {
	    background-color:#811a1f;
	    // box-shadow:6px 0px 6px #c8c8c8;
	    a.logo {
	      display:block;
	      background-color:#fff;
	      padding-top:25px;
	      padding-bottom:21px;
	      text-align:center;
	    }
	    p.webzine {
	      background-color:#fff;
	      text-align:center;
	      color:#d3d3d3;
	    }
	    p.date {
	      background-color:#fff;
		  padding-bottom:15px;
	      text-align:center;
	      font-size:15px;
	      font-weight:bold;
	      color:#811a1f;
	      line-height: 30px;
			span {
	      		line-height: 30px;
			}
	      span.month {
	        font-size:30px;
	        vertical-align: middle;
	      }
	    }

	    ul.gnb {
	    	.nav_links {
	    		font-size: 0.8em;
	    		background: #6a171a;
    			border-bottom: 1px solid #8e3136 !important;
	    		&>li {
	    			border-bottom: 1px solid #76181d !important;
	    		}
	    		i {
	    			font-size: 0.75em;
	    			color: #ddd;
	    		}
	    	}
	      li {
	        border-bottom:1px solid #8e3136;
	        box-sizing:border-box;
	        a {
	          display:block;
	          color:#fff;
	          font-weight:bold;
	          line-height:40px;
	          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:#490c0f;
	          /*display:none;*/
	          li {
	            border-bottom:none;
	            a {
	              font-size:14px;
	            }
	          }
	        }
	      }
	      li.active {
	        background-color:#f97b0b;
	      }
	    }
	    
	    .warning {
	      padding:10px;
	      color:#fff;
	      background-color:#6A171A;
	      font-size:12px;
	      word-break:keep-all;
	      border-bottom:1px solid #8e3136;
	      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:#5d5d5d;
	          font-size:0.8em;
	          padding: 17px 0;
	          /*line-height:1;*/
	          text-align:right;
	          padding-right:20px;
	        }
	      }
	    }
	  }
	}
}

#cd-lateral-nav {
	i {
		font-size: 0.8em;
		color: #999;
	}
}

.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;
  select#other_webzine {
    margin:0px auto;
    min-height:21px;
  }
}

// subPage
section.subPage {
  background-repeat:no-repeat;
  background-position:left top;
  .pageTitle {
    font-size:20px;
    font-weight:bold;
    color:#811a1f;
  }
  .pageSubTitle {
    font-size:20px;
    color:#949495;
    border-bottom:1px solid #c8c8c8;
    padding-bottom:5px;
  }
  .pageSubTitle.empty {
    font-size:0px;
    line-height:0px;
  }
  .colorBox {
    background-color:#f4f4f5; padding:10px;
  }
  .document {
    margin-top:45px;
    h2 {
      margin:0px;
      font-weight:bold;

    }
  }
}
      .cRed {
        color:#f00;
      }


.mini-time {
	&>.span6 {
		padding-bottom: 20px;
	}
	h5 {
		margin-bottom: 5px;
	}
	img {
		border: 1px solid #eee;
		margin-top: 10px;
	}
	p {
		font-size: 0.8em;
	}
}



.timetable {
	padding: 20px 0;
	border-bottom: 1px dashed #ddd;
}
.text-orange {
	color: #f97b0b;
}

.under_orange {
	border-bottom: 1px solid #f97b0b;
}

.desc_title {
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	color: #b25808;
	// border-right: 1px solid #b25808;
	padding-right: 8px;
}

.desc_title_big {
	color: #f97b0b;
	font-size: 1.2em;
	// border-right: 1px solid #b25808;
	padding-right: 8px;	
}
.main .gotoTop {
	display: none !important;
}
.gotoTop {
  a {
    display:block;
    text-decoration:none;
    color:#811a1f;
  }
}

// media
// 720 940 1140
@media (min-width: 1200px) {
	.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;
	}	
	.side {
		display: none;
	}
  header {
    display: block;
  }
  .footer {
  	display: block;
  }
  #footer { display: none }
  .cd-main-content {
  	background: #fff;
  }
	.content {
    	padding-top: 60px;
		width: 100%;
	}	
}

@media (max-width: 750px) {
  div.content footer#footer .row-fluid .logo {
    height:30px;
  }
}

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