<style>
/* CSS for desktop 
/*****Basic Layout 템플릿의 기본 요소가 이곳에 기록됩니다.*****/
body{
	margin: 0px;
	padding: 0px;
}
a{
 cursor: pointer;
 font-weight: bold;
}
/***본문 영역입니다. 서서히 본문이 나타나는 효과를 위해 현재 숨김이 기본 설정으로 되어 있습니다. 페이드인 효과는 자바스크립트 코드에서 수정 가능합니다.***/
#container {
	width: 100%;
	margin: 0px; 
	padding-top: 30px;
	padding-bottom: 30px;
	position:absolute ;
	right:0px;
	top: 0px;
	z-index: 10;
	display: none;
}
/***배경 영역입니다. 스크롤의 위치에 따라 현재 노출되는 콘텐츠 영역의 이미지가 배경 이미지로 변화합니다. 효과는 자바스크립트 코드에서 수정 가능합니다.***/
#bg_area{
    display: block;
    /*background-image:url('insert_background_img');*/
    background-size: 100%;
	background-repeat: repeat-y;
	width: 100%;
	height: 100%;
	position:absolute ;
	right:0px;
	top: 0px;
	z-index: 1;
}
/*배경 효과부분 */
.bg_blue_on{
    -webkit-filter: blur(5px) grayscale(0.7) opacity(0.5);
    filter: gray alpha(opacity=40); /* IE 6-9 */
}
.bg_blue_off{
    -webkit-filter: blur(0px) grayscale(0.1) opacity(0.8);
}
/*****상단 시작*****/
#top_area{
	display: block;
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
    /*background-image:url('insert_background_img');*/
	background-size: 800px;
}
#logo_img{
	/*현재 비 노출이 기본 설정입니다.*/
	max-height: 50px;
	display: none;
}
#top_con{
	width: 100%;
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color:#efefef;
	text-align: center;
	color: #ffffff;
	background: -webkit-linear-gradient(left, rgba(47,133,205,0.8), rgba(133,113,220,0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(47,133,205,0.8), rgba(133,113,220,0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(47,133,205,0.8), rgba(133,113,220,0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(47,133,205,0.8), rgba(133,113,220,0.8)); /* Standard syntax (must be last) */
}
#top_con h1{
    font-family: 'Nanum Gothic','helvetica neue', helvetica, Dotum, sans-serif;
    font-weight: normal;
    line-height: 50px;
}
/***상단 메뉴 영역입니다. 현재 숨김 처리되어있습니다.***/
#menu_area{
	clear: both;
	width: 100%;
	display: none;
}
#menu_txt{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color:#cdcdcd;
	padding-top: 10px;
	padding-bottom:10px;
	text-align: center;
}
/***콘텐츠 영역입니다.***/
#con_area{
    clear: both;
    border: #cdcdcd 1px solid;
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;
}
/***콘텐츠 전체 영역에 대한 설정값이 적용됩니다.***/
#con_con1, #con_con2, #con_con3, #con_con4,#con_con5,#con_con6,#con_con7,#con_con8,#con_con9,#con_con10{
	display: inline-block;
	width: 90%;
	max-width: 770px;
	text-align: left;
	padding: 15px;
}
.con_area_div img{
	max-width: 100%;
}
#other_info{
    border-top: #8671ee 5px solid;
    /*border-width:3px;
    -webkit-border-image:-webkit-gradient(linear, 0 0, 100% 0, rgba(47,133,205,0.8), rgba(133,113,220,0.8)) 1 100%;
    -webkit-border-image:-webkit-linear-gradient(rgba(47,133,205,0.8), rgba(133,113,220,0.8)) 1 50%;
    -o-border-image:-o-linear-gradient(rgba(47,133,205,0.8), rgba(133,113,220,0.8)) 1 100%;
    -moz-border-image:-moz-linear-gradient(rgba(47,133,205,0.8), rgba(133,113,220,0.8)) 1 100%;   */
	width: 90%;
	text-align: left;
	margin-top: 10px;
	padding: 5%;
	display: inline-block;
}
/***하단 추가 정보 영역입니다.***/
#other_top_bg{
	width: 100%;
	height: 5px;
	background: -webkit-linear-gradient(left, rgba(47,133,205,0.8), rgba(133,113,220,0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(47,133,205,0.8), rgba(133,113,220,0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(47,133,205,0.8), rgba(133,113,220,0.8)); /* For Firefox 3.6 to 15 */
}
#map_info{
	width: 100%;
}

#right_top_shape{
	position:absolute ;
	right:0px;
	top: 0px; 
}
.logo_shape{
	filter:alpha(opacity=50);
	width: 32px;
}
/****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;
}
</style>