/* 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);
}
/*****intro 시작*****/
#top_area{
	display: block;
	width: 100%;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
    /*background-image:url('insert_background_img');*/
	background-size: 800px;
	/*background:url("../img/menu_bg.jpg")repeat-y;*/
}
#logo_img{
	height: 50px;
	display: none;
}
#top_con{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	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;
    font-size: 25px;
    line-height: 40px;
}
#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{
	clear: both;
	width: 100%;
}

#con_area{
    clear: both;
    border: #cdcdcd 1px solid;
	width: 100%;
	max-width: 300px;
	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{
	width: 90%;
	max-width: 260px;
	text-align: left;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}
#con_con1 img,#con_con2 img,#con_con3 img,#con_con4 img,#con_con5 img,#con_con6 img,#con_con7 img,#con_con8 img,#con_con9 img,#con_con10 img{
 width: 100%;
}
#other_info{
    border-top: #cdcdcd 1px solid;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 260px;
	text-align: left;
	margin-top: 10px;
	padding: 20px;
}
#logo_area{
	width: 100%;
	text-align: center;
	background-color:#efefef;
}
#logo_area_con{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	text-align: center;
}
#map_info{
	width: 100%;
}

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