@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
* {-webkit-text-size-adjust:none;}
* { margin:0;padding:0; }
a { text-decoration: none;color:#666; }
a:visited{ text-decoration: none;color:#666; }
a:hover{ color:#666; }
img{ border:0px;vertical-align:bottom; }

body{
	margin:0px;
	padding:0px;
}

/* Table */
table{
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td, th{
	padding:0px;
	word-break:break-all;
}

/* Etc */
.title_font_family{
	font-family:Tahoma, Geneva, sans-serif;
}
.text_ellipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#wrap{ 
	position:relative;
	width:100%;
	font-family:Nanum Gothic,Helvetica,sans-serif;
}

/* 본문 */
#wrap > #body{
	position:relative;
	width:100%;
	background-color:#fff;
}
#wrap > #body > #body_content{
	position:relative;
	width:100%;
}
#wrap > #body > #body_content > #content_main{
	position:relative;
	width:1400px;
	margin:auto;
	overflow:hidden;
}

/* Page Name */
#wrap > #body > #body_content > #content_main > .page_name_wrap{
	width:100%;
	margin-top:80px;
}
#wrap > #body > #body_content > #content_main > .page_name_wrap > .page_name{
	color:#222;
	font-size:50px;
	font-weight:600;
	text-align:center;
}
#wrap > #body > #body_content > #content_main > .page_name_wrap > .page_name_desc{
	position:relative;
	color:#444;
	font-size:17px;
	font-weight:500;
	letter-spacing:-1px;
	text-align:center;
	padding-bottom:40px;
	margin-top:15px;
}
#wrap > #body > #body_content > #content_main > .page_name_wrap > .page_name_desc::before{
	position:absolute;
	bottom:-15px;
	left:50%;
	transform:translateX(-50%);
	width:40px;
	height:3px;
	background-color:#884ea1;
	content:"";
}

/* Sub Menu */
#wrap > #body > #body_content > #content_main > #sub_menu_wrap{
	width:100%;
}
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu{
	width:100%;
}
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul{
	display:block;
	text-align:center;
	margin-top:80px;
}
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li{
	display:inline-block;
	width:260px;
	height:58px;
	line-height:58px;
	font-size:20px;
	background-color:#fff;
	border:1px solid #ddd;
	box-sizing:border-box;
	margin-left:-6px;
}
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li:first-child{
	margin-left:0px;
}
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li a{
	display:block;
	width:100%;
	height:100%;
}
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li a,
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li a:visited,
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li a:hover{
	color:#888;
}
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li.selected{
	background-color:#884ea1;
}
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li.selected a,
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li.selected a:visited,
#wrap > #body > #body_content > #content_main > #sub_menu_wrap > #sub_menu > ul > li.selected a:hover{
	color:#fff;
}

/* Content */
#wrap > #body > #body_content > #content_main > #content_wrap{
	width:100%;
}
#wrap > #body > #body_content > #content_main > #content_wrap > #content{
	line-height:30px;
	color:#555;
	font-size:17px;
	font-weight:100;
	letter-spacing:-1px;
	text-align:center;
	padding:60px 0px 100px 0px;
}