@charset "UTF-8";


/*** 기본 스타일 ***/

/* 폰트 정의 */
.new-font { font-family: 'Malgun Gothic', 'MalgunGothic', "맑은고딕", "굴림", Gulim, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; }

@font-face{
	font-family:'Malgun Gothic', 'MalgunGothic';
	src:url('../../webfont/MalgunGothic.eot');
	src:local(※), url('../../webfont/MalgunGothic.woff') format('woff')
}


/* CSS Document */
legend, #login h1, .login-layout label {
	position:absolute;
	overflow:hidden;	
	width:1px;
	height:1px;
	top:auto;
	text-indent:-9999%;	
	font-size:0;
	line-height:0;
}


/* float:left등으로 띄우면 높이를 잃게되는데, 높이 인식하게 하기 */
.clearfix:after { content: ""; display: block; clear: both; }

::selection { background: rgba(0, 121, 200, 0.85); color: rgb(255, 255, 255); } /* 드래그 했을 때 색 */


/* body */
html { margin:0; padding:0; }
body { margin:0; color:#555; font-size:75%; line-height:1.2; letter-spacing:0em; font-family:'Malgun Gothic', 'MalgunGothic', "맑은고딕", "굴림", Gulim, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; }

a, a:link { color:#555; text-decoration:none; } 
a:visited { color:#555; text-decoration:none; }
a:hover { color:#2473e8; text-decoration:none; }
a:focus { color:#2473e8; text-decoration:none; }
a:active { color:#2473e8; text-decoration:none; }




/* top */
.top { width:100%; margin:0; height:75px; background:#000; z-index:1000; }
.topmenu { width:990px; margin:0; padding:10px; }
.topmenu p.topleft { float:left; height:35px; padding:20px 0 0 217px; text-align: left; font-size:20px; color:#fff; margin:0; background:url(../images/logo_main_yellow.png) no-repeat 0 0; }
.topmenu ul.topright { display:inline; float:right; text-align:right; margin-top:18px; line-height:13px; font-size:13px; padding-right:5px; }
.topmenu ul li { float:left; padding:1px 10px 1px 13px; background:url(../images/gray_line.gif) no-repeat 0 5px; list-style:none; }
.topmenu ul li.first { float:left; padding:1px 10px 1px 13px; background:none; list-style:none; }
.topmenu ul li a { color:#fff; text-decoration:none; }
.topmenu ul li a:hover, #topmenu ul li a:focus { color:#fcc80d; }


/* main-nav */
.main-nav {
	width:100%;
	border-top:1px solid #525459;
	background:#494b50;
	display: inline-block;
	padding:0; /* 주메뉴 왼쪽 여백 */
	margin:0;
  }
.main-nav > ul { padding:0; margin:0; }
.main-nav > ul > li {
    display: inline-block;
    float: left;
	border-right:1px solid #37393d;
  }
.main-nav > ul > li > a {
    display: block;
    padding: 15px 40px 18px;
    line-height: 14px;
    color: #fff;
    font-size: 14px;
	text-decoration:none;
  }
.main-nav > ul > li > a:hover { color:#fff; background:#1e75d6; } /* background:#fa2828 #55575b */


/* navi */
.navi { background:#eff0f3; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:12px 20px 14px; margin-top:-1px; }
.navi span { font-size:14px; }


/* default layout */
.main-layout { width: 990px; margin:30px 0 50px; padding:0; }
.main-layout h4 { font-size:15px; font-weight:bold; padding-bottom:7px; margin:0; color:#000; }
.main-layout .content-left { width: 270px; margin-left: 20px; float: left; }
.main-layout .content-main { width: 670px; margin-left: 30px; float: left; }

.linebox { margin:0; border-top:1px solid #888; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff; padding:20px; }
.infobox { margin:0; border:1px solid #e4e4e4; background:#eff0f3; }

/* sub menu */
.subMenuB { font-weight:bold; }

/* default 사이트 정보 */
ul.infoul { margin:0; padding:0; }
ul.infoul li.infoli { font-size:12px; list-style:none; letter-spacing:0em; line-height:12px; color:#555; padding:5px 0; margin:0; }

/* default 메모 */
.memoarea { width:100%; margin:0; }
.memoment { font-size:12px; color:#777; padding-bottom:10px; margin:0; }
textarea.memobox { width:250px; height:200px; margin:0; padding:9px; color:#555; font-size:12px; line-height:1.5em; font-family:MalgunGothic,'맑은고딕',sans-serif; letter-spacing:0em; border-top:1px solid #888; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f6f6f6; overflow-y: scroll; }
.lastedit { float:left; height:10px; font-size:10px; color:#777; padding-top:10px; margin:0; }
.savebtn { float:right; height:20px; padding-top:5px; margin:0; }


/* default 회원 정보 관리 */
.status { width:100%; margin:0; }


/* default 일정 관리 */
.calendar { margin:0; border-top:1px solid #888; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff; padding:9px; }


/* default 게시판 관리 */
.boardarea { width:100%; margin:0; }

.boardlist { position:relative; float:left; width:300px; height:170px; margin-bottom:10px; border-top:1px solid #888; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff; padding:0 14px; }
.left { margin-right:5px; }
.right { margin-left:5px; }

.boardlist h5 { position:absolute; width:300px; height:25px; top:0px; left:14px; font-size:14px; border-bottom:1px solid #e3e3e3; }
.boardlist .more a { position:absolute; width:300px; height:15px; top:25px; right:15px; font-size:11px; color:#999; text-align:right; text-decoration:underline; z-index:100; }

.boardlist > ul { position:absolute; width:300px; top:60px; left:14px; margin:0; padding:0; }
.boardlist > ul > li { position:relative; font-size:11px; list-style:none; letter-spacing:0em; line-height:11px; color:#555; padding:6px 0; margin:0; }
.boardlist > ul > li > a { display:block; }
.boardlist > ul > li > span.date { position:absolute; right:0px; top:7px; font-family:Tahoma, Verdana, AppleGothic, sans-serif; color:#999; font-size:11px; }


/* default 회원 정보 관리 */
.gallery { width:100%; margin:0; }

.gallerylist { position:relative; width:668px; height:200px; margin:0; border-top:2px solid #888; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#fff; padding:0; }

.gallerylist h5 { position:absolute; width:640px; height:25px; top:0px; left:14px; font-size:14px; border-bottom:1px solid #e3e3e3; }
.gallerylist .more a { position:absolute; width:640px; height:15px; top:25px; right:15px; font-size:11px; color:#999; text-align:right; text-decoration:underline; z-index:100; }

.gallerylist > ul { position:absolute; width:640px; top:60px; left:19px; margin:0; padding:0; }
.gallerylist > ul > li { position:relative; float:left; font-size:11px; list-style:none; letter-spacing:0em; line-height:11px; color:#555; padding:10px 3px; margin:0; }
.gallerylist > ul > li > a { display:block; }
.gallerylist > ul > li > p.g-text { width:120px; padding-top:0px; text-align:center; font-family:Tahoma, Verdana, AppleGothic, sans-serif; color:#999; font-size:11px; }



/* contents layout  */
.panel { margin:0; padding:0; }
.panel > h3.panel-title { background:#6e7074; padding:8px 20px 10px; margin:0; color:#fff; font-size:15px; font-weight:bold; }
.panel > ul.list-group { padding:10px 0 20px; margin:0; }
.panel > ul.list-group > li { list-style:none; padding:8px 20px 10px; margin:0; font-size:13px; color:#555; letter-spacing:0em; line-height:11px; }
.panel > ul.list-group > li > a { display:block; }



/*** 서브 메뉴 타이틀 ***/
.title {
	background: url('../images/titledot.gif') no-repeat;
	margin:30px 0px 8px 0px;
	padding:12px 0px 0px 22px;
	font-weight:bold;
	font-family:Dotum;
	font-size:14px;
	height:20px;
	letter-spacing:-1px;
}
.title_top {
	margin-top:0px;
}

.title span {
	font:8pt dotum;
	padding-left:10px;
	color:#6D6D6D
}

.title-pyo {
	background: url('../images/titledot_pyo.gif') no-repeat 0 0;
	margin:0;
	padding:0 0px 0px 22px;
	font-weight:bold;
	font-family:Dotum;
	font-size:14px;
	height:17px;
	letter-spacing:0px;
}

/*** 폼박스 table ***/
.tb { border:0; padding:0; margin:0; border-collapse:collapse; letter-spacing:-0.05em; }
.tb TH { font-size:13px; BORDER-BOTTOM: #d9dfd2 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #d9dfd2 1px solid; PADDING:10px 5px; BACKGROUND-COLOR: #f2f3f5; BORDER-TOP: #0190d5 2px solid; BORDER-RIGHT: #d9dfd2 1px solid; }
.tb TH.endth, .tb TD.endtd { BORDER-RIGHT: #0190d5 2px solid;}
.tb TH.right { TEXT-ALIGN: right; PADDING-right:10px; }
.tb TH.md { BORDER:#ddd 1px solid; }
.tb TD { BORDER:#edeeef 1px solid; TEXT-ALIGN: center; PADDING:6px 5px; font-size:12px; }
.tb TD.left { TEXT-ALIGN: left; PADDING-LEFT: 10px }
.tb TD.right { TEXT-ALIGN: right; PADDING-RIGHT:10px }
.tb TBODY TH.left { TEXT-ALIGN: left; PADDING-LEFT: 10px }
.tb TBODY TH { BORDER:#ddd 1px solid; font-size:12px; }
.tb TBODY TD { BORDER:#ddd 1px solid; font-size:12px; }
.tb TBODY TD p { padding-top:5px; margin:0; }
.tb TBODY TD.noinfo { BORDER:#ddd 1px solid; padding:10px 0; }
.tb TBODY TD .intb td { BORDER: #d9dfd2 0px solid; padding:3px; }


/*** 폼박스 table - popuplayer ***/
.tbpl { border:0; padding:0; margin:0; border-collapse:collapse; letter-spacing:-0.05em; }
.tbpl TH { font-size:13px; BORDER-BOTTOM: #d9dfd2 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #d9dfd2 1px solid; PADDING:10px 5px; BACKGROUND-COLOR: #f2f3f5; BORDER-TOP: #0190d5 2px solid; BORDER-RIGHT: #d9dfd2 1px solid; }
.tbpl TH.right { TEXT-ALIGN: right; PADDING-right:10px; }
.tbpl TH.md { BORDER:#ddd 1px solid; }
.tbpl TD { BORDER:#edeeef 1px solid; TEXT-ALIGN: center; PADDING:6px 5px; font-size:12px; }
.tbpl TD.left { TEXT-ALIGN: left; PADDING-LEFT: 10px }
.tbpl TD.right { TEXT-ALIGN: right; PADDING-RIGHT:10px }
.tbpl TBODY TH.left { TEXT-ALIGN: left; PADDING-LEFT: 10px }
.tbpl TBODY TH { BORDER:#ddd 1px solid; font-size:12px; }
.tbpl TBODY TD { BORDER:#ddd 1px solid; font-size:12px; }
.tbpl TBODY TD p { padding-top:5px; margin:0; }
.tbpl TBODY TD.noinfo { BORDER:#ddd 1px solid; padding:10px 0; }
.tbpl TBODY TD .intb td { BORDER: #d9dfd2 0px solid; padding:3px; }



/*** 폼박스 input ***/
input.input-lg { border-radius: 0px; border: 1px solid rgb(227, 227, 227); border-image: none; color: rgb(160, 160, 160); letter-spacing: 0px; font-size: 13px; background-color: rgb(246, 246, 246); margin:1px 0; }
input:focus { border-radius: 0px; border: 1px solid rgb(136, 136, 136); border-image: none; color: rgb(51, 51, 51); letter-spacing: 0px; font-size: 13px; font-weight: normal; background-color: rgb(255, 255, 255); }

.form-control, .form-control:focus { box-shadow: none; -webkit-box-shadow: none; }
.form-control { padding: 5px; border-radius: 0px; border: 1px solid rgb(213, 213, 213); border-image: none; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; }
input.form-control { padding-top: 0px; padding-bottom: 1px; }
input.input-lg { height: 24px; }

/*** Input폼 ime-mode ***/
.activeMode {ime-mode:active}
.inactiveMode {ime-mode:inactive}
.disabledMode {ime-mode:disabled}
.imgPointer {cursor:pointer}

/*** 폼박스 button ***/
.button { text-align:center; padding:30px 0 50px; border:0; }
input.inpbtn { BORDER: #fff 0px solid; }

/*** 폼박스 기본 설정 ***/
form input,textarea {border:1px solid #cccccc;}
form .noline input {border:0px;}
form .button {
	margin:30px;
	text-align:center;
	letter-spacing:10px;
}
form .button input {border:0px;}

form .button_top {
	margin-top:10px;
	text-align:center;
}
form .button_top input {border:0px;}

form .button_popup {
	margin-top:10px;
	text-align:center;
}
form .button_popup input {border:0px;}

/*** 영문폰트 ***/
.eng	{font:11px 굴림;}
.engb	{font:bold 11px 굴림;}
.end1	{font:11px 돋움;letter-spacing:0px;}
.ver9	{font:12px verdana;}
.ver92	{font:12px verdana;letter-spacing:0px;}
.ver90	{font:12px verdana;letter-spacing:0px;}
.ver8	{font:11px verdana;}
.ver81	{font:11px verdana;letter-spacing:0px;color:#444;}
.ver811	{font:11px verdana;letter-spacing:0px;}
.ver7	{font:7pt verdana;letter-spacing:0px;}
.ver71	{font:7pt verdana;letter-spacing:0px;}
.ta7	{font:7pt tahoma;letter-spacing:0px;}
.ta8	{font:11px tahoma;letter-spacing:0px;}


/*** 폼박스 보더 ***/
.line	{border:1px solid #cccccc; height:22px; padding-top:3px; padding-left:4px;}
.lline	{border:1px solid #cccccc; width:300px; height:22px; padding-top:3px; padding-left:4px;}
.rline	{border:1px solid #cccccc; height:22px; padding-top:3px; padding-left:4px;text-align:right;}
.cline	{border:1px solid #cccccc; height:22px; padding-top:3px; padding-left:4px;text-align:center;}
.tline	{border:1px solid #cccccc; padding-top:3px; padding-left:4px;}
.null	{border:0;}


/*** 리스트형 테이블 레이아웃 ***/
.rnd {
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	background-color:#657178;
	height:1px;
}
.rndbg {
	background:#5a6475;
	letter-spacing:0px;
	font-size:12px;
	padding:4px;
	min-height:35px;
	color:#fff;
}
.rndline {
	height:1px;
	background-color:#DCD8D6;
}
.small_ex {
	font-size:11px;
	letter-spacing:0px;
	line-height:15px;
	padding-top:3px;
	color:#ffffff;
}
.small_ex_padding {
	padding-left:9px;
}
.small_ex_point {
	color:#ffffff;
	font-weight:bold;
}
.small4 {
	font:8pt Dotum;
	letter-spacing:-1px;
	padding-top:3px;
	color:#444444;
}
.small1 {
	font:9pt Dotum;
	letter-spacing:-1px;
	padding-top:5px;
}
.extext {
	font-size:11px;
	letter-spacing:-1px;
	color:#627dce;
	line-height:1.3em;
}


.yesid { font-weight:bold; color:#2b63ae; }
.noid { font-weight:bold; color:#ff0000; }

/*** 페이지 영역 스타일 ***/
.pageInfo {
	padding:5px 0px 5px 12px;
	letter-spacing:-1px;
	color:#585858;
	background:url(../images/ico_bullet.gif) no-repeat 0px 5px 0px 0px;
}

/*** 페이징 ***/
.paging { padding:60px 0px 70px; margin:0; text-align:center; overflow:hidden; font-family:Tahoma; clear:both; }
.paging a { vertical-align:top; display:inline-block; }
.paging span.num { margin:0; font-weight:bold; vertical-align:top; display:inline-block; }
.paging span.num span { margin:0 0 0 -1px; width:42px; height:40px; text-align:center; line-height:38px; vertical-align:top; display:inline-block; background:url(../images/num_back.gif) no-repeat; }
.paging span.num span.numon { width:42px; height:40px; color:#fff; background:url(../images/num_back_on.gif) no-repeat; }
.paging span.num span a:hover, .paging span.num span a:focus { z-index:200; color:#fff; width:42px; height:40px; background:url(../images/num_back_on.gif) no-repeat 0 0; }
.paging .prev { margin:0; }
.paging .next { margin:0; }

/*** 왼쪽메뉴 네비게이션 ***/
#navi {
	width:177;
	float:right;
}
#navi ul {
	padding:0;
	margin:0;
}
#navi .top {
	background:url(../images/left_navi_bg.gif) no-repeat;
	/*background-Color:#EEEEEE;*/
	padding:6px 0px 6px 26px;
	/*cursor:pointer;*/
	border-bottom:1px solid #DDDDDD;
	color:#FCD94B;
	font-weight:bold;
}
#navi .sub
{
	/*display:none;*/
	margin-left:-10px;
	margin-bottom:8px;
	padding:8px 0px 8px 10px;
	font:11px dotum;
	letter-spacing:-1px;
	/*border-left:11px solid #cccccc;*/
	background:url(../images/left_navi_bottom.gif) no-repeat bottom right #EFEFEF;
}
#navi .sub li {
	padding:2px 0px 1px 10px;
	background:url(../images/dot.gif) no-repeat 6px 3px 0px 0px;
}
#navi a {
	text-decoration:none;
	color:#000000;
	padding-left:10px;
}

.month_view { text-align:center; padding:10px 0; }
.btnPage { padding:0 10px; }


/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:0px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}



/* 카피라이트 버튼 */
.copyright { border-top-color: rgb(207, 207, 207); border-top-width: 1px; border-top-style: solid; padding:20px 0; text-align:center; font-family:Tahoma, Verdana, AppleGothic, sans-serif; font-size:12px; color:#555; }

/* TOP 버튼 */
#gnbTopAnchor { right: 25px; bottom: 25px; opacity: 0.7; display: none; position: fixed; z-index: 9999; }


/* popuplayer close 버튼 */
.closebtn { 
	position:absolute;
	float:left; 
	top:0;
	left:0;
	display: block; 
	background:#000; 
	padding:5px 10px 7px;
	margin:0;
    color: #fff;
    font-size: 12px;
	text-decoration:none; }