@charset "euc-kr";



	body{background:#f2f2f2; min-width:1400px;}
	#wrapper {width:1400px; margin:auto; position:relative;}

	header{
		height:130px;
		position:relative;
	}	

	header .logo{
		position:absolute;
		width:370px;
		text-align:center;
		top:50px		
	}

	header .logo a{
		width:198px;
		display:inline-block;
	}

	header h1{
		position:absolute;
		font-weight:900;
		font-size:36px;
		left:420px;
		bottom:10px;
	}

	header .link{
		position:absolute;
		right:10px;
		top:10px;
	}
	header .link li{
		display:inline-block;	
		margin:0 10px;
	}

	header .link li a{
		font-size:14px;	
		text-decoration:underline;
	}
	header .link li a:hover{
		color:#3877cc;
	}


	#contents{
		
	}
	#contents::after{
		content:"";
		clear:both;
		display:block;
	}

	#contents .menu{
		float:left;
		width:370px;
		box-shadow: 0px 0px 33px -20px #000;
		background: #fff;
		border-radius: 20px;
	}

	#contents .menu .head{
		font-size:26px;
		line-height:26px;
		font-weight:900;
		text-align:center;
		padding:45px 0px;
	}
	#contents .menu .head img{
		height:30px;
		vertical-align:middle;
	}


	#contents .contents{
		float:right;
		width:980px;
		box-shadow: 0px 0px 33px -20px #000;
		background: #fff;
		border-radius: 20px;
		padding:50px;
		box-sizing:border-box;
	}

	#contents .contents .title{
		color: #3877cc;
		font-weight:800;
		font-size:30px;
		margin-bottom:50px;
	}


	/* ¸Þ´º */
	.m1_ul{
		padding:0 30px 30px 30px;
	}

	.m1_ul > li{
		
		padding-left:20px;
		margin:10px 0;
	}
	.m1_ul > li:last-child{
		margin-bottom:0px;
	}


	.m1_ul > li > a{
		font-size:22px;
		font-weight:800;
		padding-left:45px;
		position:relative;
		display:inline-block;
		left:-20px;
	}

	.m1_ul > li > a::before{
		content:"";
		width:36px;
		height:27px;
		display:inline-block;
		background:url(/manual/img/folder.png) no-repeat;
		position:absolute;
		left:0px;
		top:2px;
	}


	.m1_ul > li.on > a{
		color:#3877cc;
	}

	.m1_ul > li > a:hover{
		color:#3877cc;
	}

	.m1_ul > li.op > a::before{
		content:"";
		width:36px;
		height:27px;
		display:inline-block;
		background:url(/manual/img/folder_op.png) no-repeat;
		position:absolute;
		left:0px;
		top:2px;
	}




	.m1_ul > li.on > a::before{
		content:"";
		width:36px;
		height:27px;
		display:inline-block;
		background:url(/manual/img/folder_op_c.png) no-repeat;
		position:absolute;
		left:0px;
		top:2px;
	}


	.m1_ul > li.off > a::before{
		content:"";
		width:36px;
		height:27px;
		display:inline-block;
		background:url(/manual/img/folder_c.png) no-repeat;
		position:absolute;
		left:0px;
		top:2px;
	}

	


	.m2_ul{
		border-left:1px dashed #ccc;
		padding:15px 0px ;
		margin:10px 0;
		display:none;
	}


	.m2_ul > li{
		margin-bottom:20px;
		padding-left:50px;
		position:relative;
	}
	.m2_ul > li:last-child{
		margin-bottom:0px;
	}

	.m2_ul > li::before{
		content:"";
		width:30px;
		border-bottom:1px dashed #ccc;
		display:inline-block;
		position:absolute;
		left:10px;
		top:10px;
		
	}

	.m2_ul > li > a{
		font-size:14px;
		font-weight:800;
		padding-left:22px;
		position:relative;
		display:inline-block;
	}

	.m2_ul > li > a::before{
		content:"";
		width:16px;
		height:21px;
		display:inline-block;
		background:url(/manual/img/file.png) no-repeat;
		top:2px;
		left:0px;
		position:absolute;
	}


	
	.m2_ul > li.on > a{
		color:#3877cc;
	}

	.m2_ul > li:hover > a{
		color:#3877cc;
	}



	.m2_ul > li.on > a::before{
		content:"";
		width:16px;
		height:21px;
		display:inline-block;
		background:url(/manual/img/file_c.png) no-repeat;
		top:2px;
		left:0px;
		position:absolute;
	}



footer{
	text-align:right;
	padding-top:50px;
	font-size:12px;
	line-height:20px;
}

footer div{
	display:inline-block;
	text-align:left;
}


/* ³»¿ë °øÅë */
::-moz-selection { background:#008adf; color:#fff; }
::selection { background:#008adf; color:#fff; }
.liner { border-bottom:1px dotted #999999; margin-top:10px; margin-bottom:20px; }
.c_point { color:#333333; font-size:25px; font-family:"NGothicB"; }




::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #2f3542;
}
::-webkit-scrollbar-track {
background-color: #ccc;
}

* {scrollbar-3dLight-Color: #ddd; scrollbar-arrow-color: #bbb; scrollbar-base-color: #ddd; scrollbar-Face-Color: #333; scrollbar-Track-Color: #ddd; scrollbar-DarkShadow-Color: #ddd; scrollbar-Highlight-Color: #2b333a; scrollbar-Shadow-Color:transparent;}


select {

    -webkit-appearance: none;  /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
    -moz-appearance: none;
    appearance: none;
/* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */
}