/* CSS for desktop 
/*****Basic Layout 템플릿의 기본 요소가 이곳에 기록됩니다.*****/
/* font import */
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
 
 
body, td, select, div, p, pre, input, form, textarea, center, option, pre, blockquote{
	font-family:  'Noto Sans KR', sans-serif;
	letter-spacing: 0px;
	/*
	font-size: 15px;
	line-height:18px;
	text-align:justify;*/
}
h1, h3{
	font-family:  'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 800;
}
#content_area h1, #content_area h3, #con_area h1, #con_area h3{
	font-family:  'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 800;
	margin-bottom: 20px;
}
body{
	margin: 0px;
	padding: 0px;
}
a{
 cursor: pointer;
 font-weight: bold;
}
#container {
	/**전체 컨텐츠 영역에 대한 배경이미지 설정*/
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/*****intro 시작*****/
#top_area{
    background: #000;
    width: 100%;
    float: left;
    height: 870px;
    position: fixed;
	top: 0px;
	z-index: 1;
}
#logo_img{
	width: 1000px;
}
#top_con{
	/***상단 타이틀 전체 영역에 대한 설정값이 적용됩니다.***/
	text-align:center;
	padding-top: 0px;
	display: none;
	
}
/***상단 메뉴 영역입니다. 현재 숨김 처리되어있습니다.***/
#menu_area, #top_menu_area{
	display: block;
	position: absolute;
	top: 406px;
	z-index: 10;
	width: 100%;
	text-align: center;
	background: #5ac8d2;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu_area a, #top_menu_area a{
    color: #fff;
}
/***콘텐츠 영역입니다.***/
#con_area{
	clear: both;
	width: 100%;
	position: absolute;
	top: 445px;
	z-index: 10;
	background: #ffffff;
}
#con_area font{
    line-height: 1.5em;
}
.con_area_div{
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
}
.con_area_div img{
	max-width: 100%;
}
#con1_txt, #con2_txt, #con3_txt, #con4_txt, #con5_txt, #con6_txt, #con7_txt, #con8_txt, #con9_txt, #con10_txt{
	float: none;
    margin-left: auto;
	margin-right: auto;
	width: 800px;
    text-align: left;
}

.con_titles{
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	color: #000000;
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 20px;
}

#con_con1{
    background : #000;

}
#con1_title{
    display: none;
}
#con1_txt{
    text-align: center;
    margin-top: 30px;
    color: #fff;
}
#con_con2{
    background: #ff5e3c;
}
#con_con2 img{
    margin-top: 20px;
}
#con2_title{
    color: #fff;
}
#con2_txt{
    text-align: left;
    color: #ffffff;
}
#con2_txt a{
    color: #ffffff;
    
}
#con_con3{
    background: url("/uploads/background/bg_66_basic_3.jpg") no-repeat top center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
#con_con3 img{
    margin-top: 20px;
}

#con_con4{
    background: #ffffff;
}
#con5_title, #con_con5{
    background: #5ac8d2;
    color : #fff;
}
#con5_txt{
    color: #fff;
}
#conmodule5_title{
    color: #fff;
}
#con_con6{
    background: #ffffff;
}
#md_38{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#ggraph_6{
    
    border-top: 1px solid #cdcdcd;
    background: #ffffff;
}
#ggraph_6 .ggraph_area{
    
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#con_con7{
    background: #f8fafb;
}
/*****추가 정보 영역*****/
#other_info{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#fff;
	border-top: #cfcbc7 1px solid;
	display: block;
}
#other_info h3{
	text-align: left;
	margin-top: 20px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#other_info ul{
	float: none;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    
}
#other_info ol{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
#team_mate_state, #team_state{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

#team_mate_state hr, #team_state hr{
    float:left;
    width:100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

#map_info{
	width: 100%;
}

#right_top_shape{
	position:absolute ;
	right:0px;
	top: 0px; 
}
.logo_shape{
	filter:alpha(opacity=50);
	width: 32px;
}

/*****intro 끝*****/


/****sub page 끝 ***/
#bottom{
	clear: both;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#bt_txt{
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	text-align: center;
}