/* CSS Document */
/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
	margin: 0; padding: 0; 
}
/* font import */
/*@import url('/css/font.css');*/

body, td,select,div,p,pre,input,form,textarea,center,option,pre,blockquote {
	/*font-family:	'나눔 명조','Nanum Myeongjo', 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;*/
	font-family: 'Noto Sans KR','helvetica neue', helvetica, Dotum, sans-serif;
	color: #2D2F30;
	letter-spacing: 0px;
	/*
	font-size: 15px;
	line-height:18px;
	text-align:justify;*/
}
a,button {
	font-family: 'Noto Sans KR','helvetica neue', helvetica, Dotum, sans-serif;
	letter-spacing: 0px;
	/*
	font-size: 15px;
	line-height:18px;
	text-align:justify;*/
}

h1{
	font-family: 'Noto Sans KR','helvetica neue', helvetica, Dotum, sans-serif;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 32px;
	line-height: 45px;
}
h2{
	font-family: 'Noto Sans KR','helvetica neue', helvetica, Dotum, sans-serif;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 25px;
	line-height: 32px;
}
h3{
	font-family: 'Noto Sans KR','helvetica neue', helvetica, Dotum, sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 27px;
}
h4{
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 21px;
}
h5{
	font-weight: 500;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 21px;
}
.title_sky_blue{
	color: #269ABC;
}
/*게시판 스타일*/
.inno_bt {
    background: #fff;
    color: #2dcb91;
    border: 1px solid #2dcb91;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
}
.inno_table{
  width: 100%;
  border: 0px;
  border-top: 1px solid #efefef;
  border-collapse: collapse;
}
.inno_table th{
  font-weight: bold;
  border: 0px;
  border-bottom: 1px solid #efefef;
  padding: 10px;
}
.inno_table td{
  font-weight: bold;
  border: 0px;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
}
.inno_table_last_tr td{
  font-weight: bold;
  border: 0px;
  border-bottom: 1px solid #efefef;
  padding: 10px;
}
.inno_table .price_td{
  text-align: right;
}
.inno_table table tr td{
  padding: 5px;
}
.date_st{
  text-align: right;
}
/***영상게시판 ***/
.moive_con_img_area{
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	width: 100%;
	height: 215px; 
	border: 1px solid #cdcdcd;
	border-radius: 15px;
}
/***상단 우측 영역 고정**/
.font_color_primary{
	color: #6ABECC;
}
.font_color_primary_hover{
	color: #269ABC;
}
.font_color_grey3{
	color: #757575;
}
.font_color_white{
	color: #fff;
}
#right_top_shape{
	position:absolute ;
	right:0px;
	top: 0px;
	z-index: 100;
}
.logo_shape{
	filter:alpha(opacity=50);
	width: 32px;
}
.font_serif{
	/*font-family:	'나눔 명조','Nanum Myeongjo', 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;*/
	font-family: 'Noto Sans KR','helvetica neue', helvetica, Dotum, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-weight: 800;
}
/*
.con_area_div img{
    width: 100%;
}
*/
/*icon 관련*/
i{
	font-size: 16px;
	padding-right: 10px;
}
p, ul, ol, dl, table { margin-bottom: 5px; }
ul, ol, dd { margin-left: 36px; }
img{
	border: 0;
	max-width: 100%;
}

/* input style */
input.email01 {
	background:#efefef url(/img/land/bg_email.jpg) no-repeat;
	border:0;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
}
input.email01_1, input.focus_area{
	background:#efefef;
	border:0;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
}
input.url01{
	background:#efefef url(/img/land/bg_url.jpg) no-repeat;
	border:0;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
}
input.url_txt_01{
	background:#efefef url(/img/input/bg_url_txt.jpg) no-repeat;
	border:0;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
}
input.title {
	background:#efefef url(/img/input/bg_title.jpg) no-repeat;
	border:0;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
}
input.password {
	background:#efefef url(/img/input/bg_password.jpg) no-repeat;
	border:0;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
}

input.logo{
	background:#efefef url(/img/input/bg_logo.jpg) no-repeat;
	border:0;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
}
input.guide{
    background:#efefef;
    border:0;
    width: 100%;
    height: 30px;
    margin-bottom: 5px;
}
input.location{
	background:#efefef url(/img/input/bg_location.jpg) no-repeat;
	border:0;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
}
input.teamname{
	background:#efefef url(/img/input/bg_team_name.jpg) no-repeat;
	border:0;
	width: 100%;
	height: 30px;
	margin-bottom: 5px;
}
textarea.summary{
	background:#efefef url(/img/input/bg_url_txt.jpg) no-repeat;
	border:0;
	width: 99%;
	height: 100px;
	margin-bottom: 5px;
}
 textarea.focus_area{
	background:#efefef;
	border:0;
	width: 99%;
	height: 100px;
	margin-bottom: 5px;
}

#add_other_info input{
	width: 95%;
	border: 1px solid #cdcdcd;
}
/* link */

A {color: #3a76ab; font-weight:bold; text-decoration: none; cursor: pointer;}
A:link {color: #3a76ab; font-weight:bold; text-decoration: none; }
A:visited {color: #3a76ab; font-weight:bold; text-decoration: underline; }
A:hover {color: #3a76ab; font-weight:bold; text-decoration: underline;}
A:active {color: #3a76ab;  font-weight:bold; text-decoration: none;}

input.box {
		/*background: none repeat scroll 0 0 #FFF;*/
		border:1px solid #d5d0ca;
		color: #656565;
		font: 12px/15px '돋움',sans-serif;
		height: 15px;
		padding: 2px 3px;
		vertical-align: middle;
	}
/*Font style*/
 .comment{
	color: #ccbd48;
 }
  .t_title{
	clear: both;
	width: 100%;
	color: #738e3d;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 10px;
 }
 .t_basic{
	color: #738e3d;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
 }
.t_say{	
	color: #727b6a;
	font-size: 12px;
	line-height:18px;
}
.t_say_unbg{
	color: #738e3d;
	/*font-weight:bold;*/
	font-size: 15px;
	line-height:18px;
}
.dg_txt{
	background-color : #515248;
	color: #ffffff;
	font-weight:bold;
	font-size: 15px;
	line-height:18px;
}
.fs1 {
	font-size: 12pt; 
	color: #000000;
	font-family: "arial";
	text-align:left;
	background-color:#aaeecc;
}
.line_w{
	background-color:#e9e9e9;
	height:1px;
	width: 100%;
}
#container_iframe{
	width: 100%;
	text-align: center;
	background:url("/img/bg/design/grey.jpg");
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
#device_form{
	position: relative;
	display: inline-block;
	margin: 10px auto 10px;
	padding: 21px;
	background: #424242;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 10px;
	box-shadow: 0 12px 25px rgba(0,0,0,0.25);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
#con_iframe{
	position: relative;
	display: inline-block;
	margin: 20px auto 30px;
	vertical-align: top;
	overflow-x: hidden;
	height: 640px;
}

/*bt style*/
@charset "utf-8"; 
/* Jeong Chan Myeong(dece24@gmail.com) */

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(../img/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(../img/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../img/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(../img/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/* modal 창 관련 */
#simplemodal-overlay {
	background-color:#000;
}
#modal_content{
	display:none;
	margin:50 auto;
	width:300px;
	height:200px;
	/*background:#fff;*/
	background:#ffffff;
	border-radius: 15px;
}
#modal_txt{
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	margin-top: 70px;
	height: 90px;
	float:left;
	text-align: center;

}
#login_close{
	float:left;
	height: 30px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}
/*background style*/
.bg_wg{
	background-color: #efefef;
}

/*width style*/
.w_100{
	width: 100%;
}

.padding_10px{
	padding: 10px;
}
.alpha50 {
	filter:alpha(opacity=50); 
	opacity:0.5;
}
.alpha100 {
	filter:alpha(opacity=100); 
	opacity:1;
}
/**table style**/
.admin_table{
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}
.admin_table td, .admin_table th{
	font-size: 8pt;
    border: 1px solid #cdcdcd;
	height: 30px;
	padding-left: 5px;
	padding-right: 5px;
}
.admin_table td {
	color:#000000;
	background-color:#efefef;
}
.admin_table a{
	font-size: 8pt;
}
/*공통영역*/
#add_other_info, #team_mate_add, #team_add, #linked_url_add, #linked_url_edit_area, #graph_add, #graph_edit_area{
	display: none;
}
#graph_add{
	font-size: 12px;
}
#graph_now{
	width: 100%;
	margin-top: 15px;
}
#graph_add table tr td{
	vertical-align: top;
}
#post_graph_edit, #goal_graph_list{
	display: none;
}
#goal_graph_form, #goal_graph_list{
	display: none;
	float: left; 
	width: 90%;
	margin-top: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5%;
	padding-right: 5%;
	background: #efefef;
}
#goal_graph_form input{
	border: 1px solid #cdcdcd;
}
#goal_graph_form table tr td{
	vertical-align: top;
}
/*/include/ggraph_info 관련 기본 스타일*/
.ggraph_area_all{
	background: #ebebe3;
}
.ggraph_area{
	width: 90%;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
}
.ggraph_collor{
	color: #dd4d10;
	margin-top: 20px;
}
.ggraph_collor_bg{
	background: #dd4d10;
	height: 30px;
}
.ggraph_st{
	display: none;
}
#ggraph_values{
	text-align: left;
}
.hr_st{
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 20px;
    margin-bottom: 20px;
}


.button_div{
	border: 1px #efefef solid; 
	background: #ffffff;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	float:left;
	text-align: center;
	margin-bottom: 5px;
	cursor:pointer;
	font-weight: bold;
}
.button_div:hover{
	border: 1px #cdcdcd solid; 
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	float:left;
	text-align: center;
	margin-bottom: 5px;
	cursor:pointer;
	font-weight: bold;
	background-color: #cdcdcd;
	float: left;
}
#page_rec{
	clear: both;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #efefef;
	text-align: center;
	font-size: 20px;
	background: url("") no-repeat center center;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     -webkit-filter: grayscale(0.7);
    filter: gray; /* IE 6-9 */
}
#page_rec_con{
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	color: #ffffff;
	text-shadow:
    -1px -1px 0 #555555,
    1px -1px 0 #555555,
    -1px 1px 0 #555555,
    1px 1px 0 #555555;  
}
#page_rec_con a{
	color: #ffffff;
}

#bottom{
	clear: both;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #efefef;
	text-align: center;
	color: #555555;
}
#bt_txt{
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

#bt_txt_left{
	float:left; 
	text-align: left; 
	width: 100%;
	font-weight: normal;
	font-size: 12px;
	color: #555555;
}
#bt_txt_left a{
	font-weight: normal;
	font-size: 12px;
	color: #555555;
}
#bt_txt_right{
	float:left;
	text-align: left;
	width: 100%;
	margin-top: 5px;
}
/*circle image*/
.circular {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border: 1px #efefef solid; 
	/*background: url(http://link-to-your/image.jpg) no-repeat;*/
}

.circular img {
	opacity: 100;
	filter: alpha(opacity=100);
}
/*recommend*/
#other_info{
	width: 100%;
	text-align: left;
	background-color:#cdcdcd;
	/*margin-top: 10px;*/
	padding-top: 10px;
	padding-bottom: 10px;
}
#other_info h3{
	padding-left: 10px;
	padding-right: 10px;
    clear: left;
	text-align: left;
}
#other_info ul, #other_info ol{
    clear: left;
	display: block;
	width: 100%;
}
#now_weather{
    display: inline-block;
    width: 100%;
}
#map_location_texts{
    clear: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
#ez_service_zone{
	width: 100%;
	text-align: center;
	display: inline-block;
}
#view_mode{
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline-block;
	width: 96%;
	border: 1px solid #efefef;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-radius: 10px; 
}
#share_zone{
	display: inline-block;
	width: 96%;
	padding-bottom: 20px;
	padding-right: 15px;
}
#share_zone img{
	width: 15px;
}

#recommend{
	float: left;
	min-width: 100px;
	text-align: left;
}
#sns_area{
	float: right;
	min-width: 100px;
	text-align: right;
	padding-left: 10px;
}
.link_bt{
	width: 10px;
	margin-left: 10px;
}
/*hr 스타일*/
.hr_1{
	margin-top:10px;
	margin-bottom: 10px;
}
.hr_2{
	margin-top:10px;
	border-bottom: 1px solid #EAEAEA;
}
/*img style*/
.bt1{
	margin-left: 10px;
	width: 25px;
}
.img1{
	margin-right: 5px;
	width: 15px;
	vertical-align: middle;
	margin-bottom: 2px;
}
.img2{
	margin-left: 10px; 
	width: 20px;
}
#admin_ua_area{
	line-height: 35px;
}
/*div style*/
.con_div{
	float: left;
	width:100%;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 20px;
}
#bg_area{
	display:none;
}
.bg_img{
	display: none;
}
.project_con{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.bottom_guide{
	float: left;
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #cdcdcd;
	margin-top:10px;
	margin-bottom: 10px;
	border-radius: 10px;
	background: #efefef;
}

#page_Category{
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #cdcdcd;
	padding: 5px;
}

.bt_add_r{
	font-size: 12px;
	color: #ffffff;
	background: #e1614f;
	padding:6px;
	border: 0px;
	margin-right:10px;
	cursor: pointer;
}
.bt_add_g{
	font-size: 12px;
	color: #ffffff;
	background: #3b9792;
	padding:6px;
	border: 0px;
	margin-right:10px;
	cursor: pointer;
}

.price_st {
    color: #e1614f;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*멀티파일업로더*/
input[type=file]{
	display: inline-block;
	background: #fff;
	cursor: pointer;
}


@media all and (max-width:799px){
	/*모바일 환경에 대한 스타일이 필요한 경우....*/
	#recommend{
    width: 100%;
    float: left;
    text-align: center;
	}
	#sns_area{
	    clear: both;
	    float: left;
	    width: 100%;
	    padding: 0;
	    margin: 0;
	    text-align: center;
	    margin-top: 10px;
	    border-top: 1px solid #efefef;
	    border-bottom: 1px solid #efefef;
	    /*border: 1px solid #efefef;
	    border-radius: 10px;*/
	    padding-top: 10px;
	    padding-bottom: 10px;
	    background: #ffffff;
	}

}